@snksergio/design-system 0.43.3 → 0.45.0

package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts

@@ -10,11 +10,14 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {
             svg?: import('tailwind-merge').ClassNameValue;
+            canvas?: import('tailwind-merge').ClassNameValue;
             legend?: import('tailwind-merge').ClassNameValue;
             path?: import('tailwind-merge').ClassNameValue;
+            tooltip?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            pathHighlight?: import('tailwind-merge').ClassNameValue;
+            pathSelected?: import('tailwind-merge').ClassNameValue;
             tooltipLayer?: import('tailwind-merge').ClassNameValue;
-            tooltipAnchor?: import('tailwind-merge').ClassNameValue;
             tooltipName?: import('tailwind-merge').ClassNameValue;
             tooltipValue?: import('tailwind-merge').ClassNameValue;
             legendTitle?: import('tailwind-merge').ClassNameValue;
@@ -26,11 +29,14 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     [x: string]: {
         [x: string]: import('tailwind-merge').ClassNameValue | {
             svg?: import('tailwind-merge').ClassNameValue;
+            canvas?: import('tailwind-merge').ClassNameValue;
             legend?: import('tailwind-merge').ClassNameValue;
             path?: import('tailwind-merge').ClassNameValue;
+            tooltip?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            pathHighlight?: import('tailwind-merge').ClassNameValue;
+            pathSelected?: import('tailwind-merge').ClassNameValue;
             tooltipLayer?: import('tailwind-merge').ClassNameValue;
-            tooltipAnchor?: import('tailwind-merge').ClassNameValue;
             tooltipName?: import('tailwind-merge').ClassNameValue;
             tooltipValue?: import('tailwind-merge').ClassNameValue;
             legendTitle?: import('tailwind-merge').ClassNameValue;
@@ -40,10 +46,13 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     };
 } | {}, {
     root: string;
+    canvas: string;
     svg: string;
     path: string[];
+    pathHighlight: string;
+    pathSelected: string;
     tooltipLayer: string;
-    tooltipAnchor: string;
+    tooltip: string[];
     tooltipName: string;
     tooltipValue: string;
     legend: string;
@@ -54,11 +63,14 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {
             svg?: import('tailwind-merge').ClassNameValue;
+            canvas?: import('tailwind-merge').ClassNameValue;
             legend?: import('tailwind-merge').ClassNameValue;
             path?: import('tailwind-merge').ClassNameValue;
+            tooltip?: import('tailwind-merge').ClassNameValue;
             root?: import('tailwind-merge').ClassNameValue;
+            pathHighlight?: import('tailwind-merge').ClassNameValue;
+            pathSelected?: import('tailwind-merge').ClassNameValue;
             tooltipLayer?: import('tailwind-merge').ClassNameValue;
-            tooltipAnchor?: import('tailwind-merge').ClassNameValue;
             tooltipName?: import('tailwind-merge').ClassNameValue;
             tooltipValue?: import('tailwind-merge').ClassNameValue;
             legendTitle?: import('tailwind-merge').ClassNameValue;
@@ -68,10 +80,13 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     };
 } | {}, {
     root: string;
+    canvas: string;
     svg: string;
     path: string[];
+    pathHighlight: string;
+    pathSelected: string;
     tooltipLayer: string;
-    tooltipAnchor: string;
+    tooltip: string[];
     tooltipName: string;
     tooltipValue: string;
     legend: string;
@@ -80,10 +95,13 @@ export declare const choroplethStyles: import('tailwind-variants').TVReturnType<
     legendScale: string;
 }, import('tailwind-variants').TVReturnType<unknown, {
     root: string;
+    canvas: string;
     svg: string;
     path: string[];
+    pathHighlight: string;
+    pathSelected: string;
     tooltipLayer: string;
-    tooltipAnchor: string;
+    tooltip: string[];
     tooltipName: string;
     tooltipValue: string;
     legend: string;

package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"choropleth-map.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ChoroplethMap/choropleth-map.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuB3B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"choropleth-map.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ChoroplethMap/choropleth-map.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8C3B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts

@@ -8,7 +8,8 @@ export type MapFeature = Feature<Geometry, GeoJsonProperties>;
  * Fonte geográfica aceita pelo mapa:
  *  - `FeatureCollection` GeoJSON (usado direto),
  *  - array de `Feature` GeoJSON,
- *  - `Topology` TopoJSON (requer `topologyObject` apontando o objeto a extrair).
+ *  - `Topology` TopoJSON (objeto único é extraído automaticamente; com 2+
+ *    objetos, `topologyObject` aponta qual extrair).
  */
 export type ChoroplethGeography = FeatureCollection | MapFeature[] | Topology;
 /** Token de cor do DS usado como extremo "cheio" do gradiente sequencial. */
@@ -30,7 +31,9 @@ export interface ChoroplethMapProps {
     geography: ChoroplethGeography;
     /**
      * Nome do objeto a extrair quando `geography` é um `Topology` TopoJSON
-     * (ex.: `"municipios"`). Ignorado para GeoJSON.
+     * (ex.: `"municipios"`). Se a Topology tem UM único objeto, ele é usado
+     * automaticamente; com 2+ objetos a prop é obrigatória (senão o mapa fica
+     * vazio). Ignorado para GeoJSON.
      */
     topologyObject?: string;
     /** Mapa `id → número` que colore as regiões. Ids devem casar com `getFeatureId`. */
@@ -73,6 +76,12 @@ export interface ChoroplethMapProps {
     renderTooltip?: (info: ChoroplethHoverInfo) => ReactNode;
     /** Disparado ao clicar numa região. */
     onFeatureClick?: (info: ChoroplethHoverInfo) => void;
+    /**
+     * Id da região destacada de forma PERSISTENTE (contorno + tinta mais fortes
+     * que o hover). Controlado pelo consumidor — o par natural de
+     * `onFeatureClick` pra seleção por clique. `null`/`undefined` = nenhuma.
+     */
+    selectedId?: string | number | null;
     /** Rótulo acessível do mapa (`role="img"`/`figure`). */
     ariaLabel?: string;
     /** className do container raiz. */

package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"choropleth-map.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ChoroplethMap/choropleth-map.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,4CAA4C;AAC5C,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,UAAU,EAAE,GAAG,QAAQ,CAAC;AAE9E,6EAA6E;AAC7E,MAAM,MAAM,oBAAoB,GAC5B,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,CAAC;AAEb,+CAA+C;AAC/C,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,+DAA+D;AAC/D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,sBAAsB,KAAK,MAAM,CAAC;IACpE,2EAA2E;IAC3E,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,wFAAwF;IACxF,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qFAAqF;IACrF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACzD,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"choropleth-map.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ChoroplethMap/choropleth-map.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,4CAA4C;AAC5C,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,UAAU,EAAE,GAAG,QAAQ,CAAC;AAE9E,6EAA6E;AAC7E,MAAM,MAAM,oBAAoB,GAC5B,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,CAAC;AAEb,+CAA+C;AAC/C,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,+DAA+D;AAC/D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,sBAAsB,KAAK,MAAM,CAAC;IACpE,2EAA2E;IAC3E,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,wFAAwF;IACxF,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qFAAqF;IACrF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACzD,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/FormField/form-field-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,EAAE,EACF,OAAO,EACP,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,oBAAoB,2CA2CtB"}
+{"version":3,"file":"form-field-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAY7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,EAAE,EACF,OAAO,EACP,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,oBAAoB,2CAyGtB"}

package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,EAAgB,MAAM,cAAc,CAAC;AAaxD,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,wBAAwB,CAAC;AAmLhC;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,SAAkB,EAClB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CAmHpB;yBArIe,aAAa;;;AAyI7B,wEAAwE;AACxE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,EAAgB,MAAM,cAAc,CAAC;AAaxD,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,wBAAwB,CAAC;AA6MhC;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,SAAkB,EAClB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAiB,EACjB,IAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CAmHpB;yBArIe,aAAa;;;AAyI7B,wEAAwE;AACxE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}

package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-bubble.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuG9B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,mBAAmB,CAC3B,CAAC"}
+{"version":3,"file":"message-bubble.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageBubble/message-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4G9B,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,mBAAmB,CAC3B,CAAC"}

package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts

@@ -20,6 +20,12 @@ import { VariantProps } from '../../../utils/tv';
  * `state` controla a aparência da moldura (open = editável, disabled = apagado,
  * read-only = sem campo, mostra banner). `disabled` é o ÚLTIMO compoundVariant
  * (L-006). `size` ajusta padding/min-height do field e da textarea.
+ *
+ * O `disabled` apaga e inertiza o **field**, NUNCA o root. O banner é o slot do
+ * aviso de janela de 24h, e é dentro dele que mora a ação de SAIR do estado
+ * desabilitado ("Reabrir com template"). Com `opacity-60` + `pointer-events-none`
+ * na raiz, esse botão nascia cinza e o clique não chegava nele — o composer
+ * desabilitava a única saída que oferecia. Ver [[L-070]].
  */
 export declare const messageComposerStyles: import('tailwind-variants').TVReturnType<{
     size: {
@@ -35,7 +41,7 @@ export declare const messageComposerStyles: import('tailwind-variants').TVReturn
     state: {
         open: {};
         disabled: {
-            root: string;
+            field: string;
         };
         "read-only": {};
     };
@@ -64,7 +70,7 @@ export declare const messageComposerStyles: import('tailwind-variants').TVReturn
     state: {
         open: {};
         disabled: {
-            root: string;
+            field: string;
         };
         "read-only": {};
     };
@@ -93,7 +99,7 @@ export declare const messageComposerStyles: import('tailwind-variants').TVReturn
     state: {
         open: {};
         disabled: {
-            root: string;
+            field: string;
         };
         "read-only": {};
     };

package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-composer.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2DhC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC"}
+{"version":3,"file":"message-composer.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MessageComposer/message-composer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2DhC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC"}

package/dist-lib/theme/brand-blue.css

@@ -1,110 +1,110 @@
-/**
- * brand-blue.css — Auto-gerado. Não editar manualmente.
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
- * Source (repo do DS): tokens/brands/blue/semantic/*.ts
- * Regenerar (só no repo do DS): npm run tokens:brand:blue
- *
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
- * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
- *
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
- * omite o que já é idêntico à default.
- */
-
-/* ── Light (44 vars divergem da default) ─────────────────────────── */
-[data-theme="blue"]:not(.dark) {
-  --color-bg-canvas: oklch(0.982 0.008 264);
-  --color-bg-surface: oklch(0.995 0.004 264);
-  --color-bg-surface-elevated: oklch(0.998 0.003 264);
-  --color-bg-surface-panels: oklch(0.982 0.008 264);
-  --color-bg-sidebar: oklch(0.948 0.016 264);
-  --color-bg-subtle: oklch(0.973 0.004 264);
-  --color-bg-muted: oklch(0.973 0.004 264);
-  --color-bg-emphasis: oklch(0.94 0.007 264);
-  --color-bg-input: oklch(0.995 0.004 264);
-  --color-bg-accent: oklch(0.995 0.004 264);
-  --color-bg-brand: oklch(0.52 0.180 264);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.95 0.012 264);
-  --color-bg-input-hover: oklch(0.973 0.004 264);
-  --color-bg-accent-hover: oklch(0.84 0.024 264);
-  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
-  --color-bg-table: oklch(0.995 0.004 264);
-  --color-bg-table-head: oklch(0.973 0.004 264);
-  --color-bg-table-row-hover: oklch(0.973 0.004 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
-  --color-fg-strong: oklch(0.15 0.012 264);
-  --color-fg-default: oklch(0.15 0.012 264);
-  --color-fg-muted: oklch(0.4997 0.028 264);
-  --color-fg-subtle: oklch(0.7025 0.024 264);
-  --color-fg-disabled: oklch(0.7025 0.024 264);
-  --color-fg-brand: oklch(0.52 0.180 264);
-  --color-border-default: oklch(0.9076 0.011 264);
-  --color-border-subtle: oklch(0.931 0.008 264);
-  --color-border-input: oklch(0.8761 0.015 264);
-  --color-border-sidebar: oklch(0.9076 0.016 264);
-  --color-border-brand: oklch(0.52 0.180 264);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
-  --color-border-table: oklch(0.931 0.008 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
-  --color-chart-1: oklch(0.58 0.175 264);
-  --color-chart-grid: oklch(0.9076 0.011 264);
-}
-
-/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
-.dark[data-theme="blue"] {
-  --color-bg-canvas: oklch(0.205 0.014 264);
-  --color-bg-surface: oklch(0.225 0.014 264);
-  --color-bg-surface-elevated: oklch(0.225 0.014 264);
-  --color-bg-surface-panels: oklch(0.205 0.014 264);
-  --color-bg-sidebar: oklch(0.225 0.014 264);
-  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
-  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
-  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
-  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-brand: oklch(0.72 0.150 256);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
-  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-table: oklch(0.225 0.014 264);
-  --color-bg-table-head: oklch(0.252 0.016 264);
-  --color-bg-table-row-hover: oklch(0.252 0.016 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
-  --color-fg-default: oklch(0.98 0.004 264);
-  --color-fg-muted: oklch(0.7025 0.024 264);
-  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
-  --color-fg-disabled: oklch(0.36 0.022 264);
-  --color-fg-brand: oklch(0.72 0.150 256);
-  --color-border-default: oklch(0.2645 0.016 264);
-  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
-  --color-border-input: oklch(0.92 0.035 264 / 0.08);
-  --color-border-sidebar: oklch(0.2645 0.016 264);
-  --color-border-brand: oklch(0.72 0.150 256);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
-  --color-border-table: oklch(0.2645 0.016 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
-  --color-chart-1: oklch(0.72 0.150 256);
-  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
-}
+/**
+ * brand-blue.css — Auto-gerado. Não editar manualmente.
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
+ * Source (repo do DS): tokens/brands/blue/semantic/*.ts
+ * Regenerar (só no repo do DS): npm run tokens:brand:blue
+ *
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
+ * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
+ *
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
+ * omite o que já é idêntico à default.
+ */
+
+/* ── Light (44 vars divergem da default) ─────────────────────────── */
+[data-theme="blue"]:not(.dark) {
+  --color-bg-canvas: oklch(0.982 0.008 264);
+  --color-bg-surface: oklch(0.995 0.004 264);
+  --color-bg-surface-elevated: oklch(0.998 0.003 264);
+  --color-bg-surface-panels: oklch(0.982 0.008 264);
+  --color-bg-sidebar: oklch(0.948 0.016 264);
+  --color-bg-subtle: oklch(0.973 0.004 264);
+  --color-bg-muted: oklch(0.973 0.004 264);
+  --color-bg-emphasis: oklch(0.94 0.007 264);
+  --color-bg-input: oklch(0.995 0.004 264);
+  --color-bg-accent: oklch(0.995 0.004 264);
+  --color-bg-brand: oklch(0.52 0.180 264);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.95 0.012 264);
+  --color-bg-input-hover: oklch(0.973 0.004 264);
+  --color-bg-accent-hover: oklch(0.84 0.024 264);
+  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
+  --color-bg-table: oklch(0.995 0.004 264);
+  --color-bg-table-head: oklch(0.973 0.004 264);
+  --color-bg-table-row-hover: oklch(0.973 0.004 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
+  --color-fg-strong: oklch(0.15 0.012 264);
+  --color-fg-default: oklch(0.15 0.012 264);
+  --color-fg-muted: oklch(0.4997 0.028 264);
+  --color-fg-subtle: oklch(0.7025 0.024 264);
+  --color-fg-disabled: oklch(0.7025 0.024 264);
+  --color-fg-brand: oklch(0.52 0.180 264);
+  --color-border-default: oklch(0.9076 0.011 264);
+  --color-border-subtle: oklch(0.931 0.008 264);
+  --color-border-input: oklch(0.8761 0.015 264);
+  --color-border-sidebar: oklch(0.9076 0.016 264);
+  --color-border-brand: oklch(0.52 0.180 264);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
+  --color-border-table: oklch(0.931 0.008 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
+  --color-chart-1: oklch(0.58 0.175 264);
+  --color-chart-grid: oklch(0.9076 0.011 264);
+}
+
+/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
+.dark[data-theme="blue"] {
+  --color-bg-canvas: oklch(0.205 0.014 264);
+  --color-bg-surface: oklch(0.225 0.014 264);
+  --color-bg-surface-elevated: oklch(0.225 0.014 264);
+  --color-bg-surface-panels: oklch(0.205 0.014 264);
+  --color-bg-sidebar: oklch(0.225 0.014 264);
+  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
+  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
+  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
+  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-brand: oklch(0.72 0.150 256);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
+  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-table: oklch(0.225 0.014 264);
+  --color-bg-table-head: oklch(0.252 0.016 264);
+  --color-bg-table-row-hover: oklch(0.252 0.016 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
+  --color-fg-default: oklch(0.98 0.004 264);
+  --color-fg-muted: oklch(0.7025 0.024 264);
+  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
+  --color-fg-disabled: oklch(0.36 0.022 264);
+  --color-fg-brand: oklch(0.72 0.150 256);
+  --color-border-default: oklch(0.2645 0.016 264);
+  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
+  --color-border-input: oklch(0.92 0.035 264 / 0.08);
+  --color-border-sidebar: oklch(0.2645 0.016 264);
+  --color-border-brand: oklch(0.72 0.150 256);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
+  --color-border-table: oklch(0.2645 0.016 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
+  --color-chart-1: oklch(0.72 0.150 256);
+  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
+}