@apollion-dsi/core 5.3.0 → 5.5.0

package/lib/containers/Motion/Motion.style.d.ts

@@ -1,7 +1,7 @@
 /**
- * Versão animada de {@link BaseContainer} via `framer-motion`. Aceita todas as
- * props de animação (`initial`, `animate`, `exit`, `variants`, ...) além das
- * props padrão do container.
+ * Animated version of {@link BaseContainer} via `framer-motion`. Accepts all
+ * animation props (`initial`, `animate`, `exit`, `variants`, ...) in addition
+ * to the container's standard props.
  */
 export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     area?: string;
@@ -10,7 +10,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     title?: string;
     dir?: string;
     borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
     fontSize?: import("../../themes").FontSizeKey;
@@ -20,6 +20,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     letterSpacing?: "regular" | "tight" | "wild";
     textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
     fontStyle?: "normal" | "italic";
+    py?: import("../../themes").SpacingInterface;
+    height?: string | number;
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -56,7 +58,6 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     display?: import("../../factory").DisplayType;
     flexBasis?: string | number;
     flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
-    height?: string | number;
     justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     maxHeight?: string | number;
@@ -101,7 +102,6 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
-    py?: import("../../themes").SpacingInterface;
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
@@ -151,7 +151,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_grow?: boolean;
     xl_shrink?: boolean;
     sm_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    sm_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    sm_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     sm_borderStyle?: "solid" | "dotted" | "dashed";
     sm_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     sm_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -172,7 +172,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     sm_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     sm_square?: boolean;
     md_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    md_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    md_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     md_borderStyle?: "solid" | "dotted" | "dashed";
     md_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     md_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -193,7 +193,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     md_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     md_square?: boolean;
     lg_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    lg_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    lg_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     lg_borderStyle?: "solid" | "dotted" | "dashed";
     lg_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     lg_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -214,7 +214,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     lg_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     lg_square?: boolean;
     xl_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    xl_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    xl_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     xl_borderStyle?: "solid" | "dotted" | "dashed";
     xl_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     xl_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -234,11 +234,11 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes;
-    sm_bgColor?: import("../../themes").BgColorsTypes;
-    md_bgColor?: import("../../themes").BgColorsTypes;
-    lg_bgColor?: import("../../themes").BgColorsTypes;
-    xl_bgColor?: import("../../themes").BgColorsTypes;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    xl_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_color?: string;
     sm_opacity?: "md" | "low" | "high";
     sm_contrast?: import("../../factory").ColorFactoryValueType;
@@ -417,6 +417,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_width?: string | number;
     sm_p?: import("../../themes").SpacingInterface;
     sm_px?: import("../../themes").SpacingInterface;
+    sm_py?: import("../../themes").SpacingInterface;
     sm_m?: import("../../themes").SpacingInterface;
     sm_mt?: import("../../themes").SpacingInterface;
     sm_mr?: import("../../themes").SpacingInterface;
@@ -428,9 +429,9 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     sm_pr?: import("../../themes").SpacingInterface;
     sm_pb?: import("../../themes").SpacingInterface;
     sm_pl?: import("../../themes").SpacingInterface;
-    sm_py?: import("../../themes").SpacingInterface;
     md_p?: import("../../themes").SpacingInterface;
     md_px?: import("../../themes").SpacingInterface;
+    md_py?: import("../../themes").SpacingInterface;
     md_m?: import("../../themes").SpacingInterface;
     md_mt?: import("../../themes").SpacingInterface;
     md_mr?: import("../../themes").SpacingInterface;
@@ -442,9 +443,9 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     md_pr?: import("../../themes").SpacingInterface;
     md_pb?: import("../../themes").SpacingInterface;
     md_pl?: import("../../themes").SpacingInterface;
-    md_py?: import("../../themes").SpacingInterface;
     lg_p?: import("../../themes").SpacingInterface;
     lg_px?: import("../../themes").SpacingInterface;
+    lg_py?: import("../../themes").SpacingInterface;
     lg_m?: import("../../themes").SpacingInterface;
     lg_mt?: import("../../themes").SpacingInterface;
     lg_mr?: import("../../themes").SpacingInterface;
@@ -456,9 +457,9 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     lg_pr?: import("../../themes").SpacingInterface;
     lg_pb?: import("../../themes").SpacingInterface;
     lg_pl?: import("../../themes").SpacingInterface;
-    lg_py?: import("../../themes").SpacingInterface;
     xl_p?: import("../../themes").SpacingInterface;
     xl_px?: import("../../themes").SpacingInterface;
+    xl_py?: import("../../themes").SpacingInterface;
     xl_m?: import("../../themes").SpacingInterface;
     xl_mt?: import("../../themes").SpacingInterface;
     xl_mr?: import("../../themes").SpacingInterface;
@@ -470,7 +471,6 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_pr?: import("../../themes").SpacingInterface;
     xl_pb?: import("../../themes").SpacingInterface;
     xl_pl?: import("../../themes").SpacingInterface;
-    xl_py?: import("../../themes").SpacingInterface;
     ignoreResponsive?: boolean;
     enableBreakpoint?: keyof import("../../themes").BreakPoint<any>;
     property?: string;
@@ -747,8 +747,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
 }>;
 /**
- * Versão animada de {@link Flex} via `framer-motion`. Use quando precisar
- * combinar layout flex com animações (`initial`, `animate`, `exit`,
+ * Animated version of {@link Flex} via `framer-motion`. Use it when you need
+ * to combine flex layout with animations (`initial`, `animate`, `exit`,
  * `variants`).
  */
 export declare const AnimatedFlex: import("react").ComponentType<Omit<{
@@ -758,7 +758,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     title?: string;
     dir?: string;
     borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
     fontSize?: import("../../themes").FontSizeKey;
@@ -768,6 +768,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     letterSpacing?: "regular" | "tight" | "wild";
     textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
     fontStyle?: "normal" | "italic";
+    py?: import("../../themes").SpacingInterface;
+    height?: string | number;
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -804,7 +806,6 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     display?: import("../../factory").DisplayType;
     flexBasis?: string | number;
     flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
-    height?: string | number;
     justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     maxHeight?: string | number;
@@ -849,7 +850,6 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
-    py?: import("../../themes").SpacingInterface;
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
@@ -899,7 +899,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_grow?: boolean;
     xl_shrink?: boolean;
     sm_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    sm_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    sm_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     sm_borderStyle?: "solid" | "dotted" | "dashed";
     sm_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     sm_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -920,7 +920,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     sm_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     sm_square?: boolean;
     md_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    md_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    md_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     md_borderStyle?: "solid" | "dotted" | "dashed";
     md_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     md_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -941,7 +941,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     md_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     md_square?: boolean;
     lg_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    lg_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    lg_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     lg_borderStyle?: "solid" | "dotted" | "dashed";
     lg_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     lg_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -962,7 +962,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     lg_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     lg_square?: boolean;
     xl_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    xl_borderWidth?: "bold" | "none" | "thin" | "regular" | "great";
+    xl_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
     xl_borderStyle?: "solid" | "dotted" | "dashed";
     xl_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     xl_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -982,11 +982,11 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes;
-    sm_bgColor?: import("../../themes").BgColorsTypes;
-    md_bgColor?: import("../../themes").BgColorsTypes;
-    lg_bgColor?: import("../../themes").BgColorsTypes;
-    xl_bgColor?: import("../../themes").BgColorsTypes;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
+    xl_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_color?: string;
     sm_opacity?: "md" | "low" | "high";
     sm_contrast?: import("../../factory").ColorFactoryValueType;
@@ -1165,6 +1165,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_width?: string | number;
     sm_p?: import("../../themes").SpacingInterface;
     sm_px?: import("../../themes").SpacingInterface;
+    sm_py?: import("../../themes").SpacingInterface;
     sm_m?: import("../../themes").SpacingInterface;
     sm_mt?: import("../../themes").SpacingInterface;
     sm_mr?: import("../../themes").SpacingInterface;
@@ -1176,9 +1177,9 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     sm_pr?: import("../../themes").SpacingInterface;
     sm_pb?: import("../../themes").SpacingInterface;
     sm_pl?: import("../../themes").SpacingInterface;
-    sm_py?: import("../../themes").SpacingInterface;
     md_p?: import("../../themes").SpacingInterface;
     md_px?: import("../../themes").SpacingInterface;
+    md_py?: import("../../themes").SpacingInterface;
     md_m?: import("../../themes").SpacingInterface;
     md_mt?: import("../../themes").SpacingInterface;
     md_mr?: import("../../themes").SpacingInterface;
@@ -1190,9 +1191,9 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     md_pr?: import("../../themes").SpacingInterface;
     md_pb?: import("../../themes").SpacingInterface;
     md_pl?: import("../../themes").SpacingInterface;
-    md_py?: import("../../themes").SpacingInterface;
     lg_p?: import("../../themes").SpacingInterface;
     lg_px?: import("../../themes").SpacingInterface;
+    lg_py?: import("../../themes").SpacingInterface;
     lg_m?: import("../../themes").SpacingInterface;
     lg_mt?: import("../../themes").SpacingInterface;
     lg_mr?: import("../../themes").SpacingInterface;
@@ -1204,9 +1205,9 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     lg_pr?: import("../../themes").SpacingInterface;
     lg_pb?: import("../../themes").SpacingInterface;
     lg_pl?: import("../../themes").SpacingInterface;
-    lg_py?: import("../../themes").SpacingInterface;
     xl_p?: import("../../themes").SpacingInterface;
     xl_px?: import("../../themes").SpacingInterface;
+    xl_py?: import("../../themes").SpacingInterface;
     xl_m?: import("../../themes").SpacingInterface;
     xl_mt?: import("../../themes").SpacingInterface;
     xl_mr?: import("../../themes").SpacingInterface;
@@ -1218,7 +1219,6 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_pr?: import("../../themes").SpacingInterface;
     xl_pb?: import("../../themes").SpacingInterface;
     xl_pl?: import("../../themes").SpacingInterface;
-    xl_py?: import("../../themes").SpacingInterface;
     ignoreResponsive?: boolean;
     enableBreakpoint?: keyof import("../../themes").BreakPoint<any>;
     property?: string;

package/lib/containers/Motion/index.d.ts

@@ -1,11 +1,12 @@
 /**
- * Barrel público das variantes animadas dos containers primitivos.
+ * Public barrel of the animated variants of the primitive containers.
  *
- * Isola `framer-motion` num subpath próprio (`@apollion-dsi/core/containers/motion`):
- * os barrels `Base` e `Flex` deixam de exportar as versões animadas, então
- * importar o `Flex`/`BaseContainer` plano não arrasta o runtime de animação
- * para o bundle. Só quem importa daqui paga o custo do `framer-motion`.
+ * Isolates `framer-motion` in its own subpath (`@apollion-dsi/core/containers/motion`):
+ * the `Base` and `Flex` barrels no longer export the animated versions, so
+ * importing the plain `Flex`/`BaseContainer` does not drag the animation
+ * runtime into the bundle. Only consumers importing from here pay the
+ * `framer-motion` cost.
  *
- * Ver ADR-013 (bundle: framer-motion fora do caminho crítico).
+ * See ADR-013 (bundle: framer-motion off the critical path).
  */
 export { AnimatedContainer, AnimatedFlex } from './Motion.style';

package/lib/containers/Motion/index.esm.js

@@ -1 +1 @@
-import{b as a,c as b}from"../../chunks/chunk-KFJ6EF6N.esm.js";import"../../chunks/chunk-QTWYG4PZ.esm.js";import"../../chunks/chunk-Q6EGG64M.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-JYROOJRO.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-FJUISCKG.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as AnimatedContainer,b as AnimatedFlex};
+import{b as a,c as b}from"../../chunks/chunk-6OXVRDS2.esm.js";import"../../chunks/chunk-CLDPV7NK.esm.js";import"../../chunks/chunk-YRBM4WYM.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-LATE6DIA.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-3RNWYCCU.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as AnimatedContainer,b as AnimatedFlex};

package/lib/containers/Notification/Notification.context.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { NotificationInterface, NotificationType } from './Notification.interface';
 /**
- * Forma do contexto exposto por {@link NotificationsProvider}.
+ * Shape of the context exposed by {@link NotificationsProvider}.
  *
- * Não exporta `notifications` diretamente para consumo em UI — esse
- * estado é renderizado pelo {@link NotificationGroup} interno. Para
- * disparar/fechar toasts, use as funções `showNotification` e
- * `removeNotification` obtidas via {@link useNotification}.
+ * Does not export `notifications` directly for UI consumption — that
+ * state is rendered by the internal {@link NotificationGroup}. To
+ * trigger/dismiss toasts, use the `showNotification` and
+ * `removeNotification` functions obtained via {@link useNotification}.
  */
 type NotesContextType = {
     notifications: NotificationType[];
@@ -14,32 +14,32 @@ type NotesContextType = {
     showNotification: (note: NotificationInterface) => void;
 };
 /**
- * Provider de toasts empilhados.
+ * Provider for stacked toasts.
  *
- * Deve envolver a aplicação (tipicamente dentro do `ThemeProvider`).
- * Expõe `useNotification()` para que componentes possam disparar
- * notificações de qualquer profundidade da árvore. Renderiza também o
- * {@link NotificationGroup} — o container fixo no canto inferior direito
- * onde os toasts são empilhados.
+ * Must wrap the application (typically inside the `ThemeProvider`).
+ * Exposes `useNotification()` so components can trigger notifications
+ * from any depth of the tree. Also renders the
+ * {@link NotificationGroup} — the fixed container in the bottom-right
+ * corner where toasts are stacked.
  *
- * Limita a fila ativa em até 3 toasts: ao adicionar o quarto, o mais
- * antigo é removido automaticamente.
+ * Caps the active queue at 3 toasts: when the fourth is added, the
+ * oldest is removed automatically.
  */
 export declare const NotificationsProvider: React.FC<{
     children?: React.ReactNode;
 }>;
 /**
- * Hook que expõe `showNotification` e `removeNotification` do
- * {@link NotificationsProvider}. Use em componentes filhos para disparar
+ * Hook exposing `showNotification` and `removeNotification` from the
+ * {@link NotificationsProvider}. Use in child components to trigger
  * toasts.
  *
  * @example
  * ```tsx
  * const { showNotification } = useNotification();
- * showNotification({ title: 'Salvo!', variant: 'success' });
+ * showNotification({ title: 'Saved!', variant: 'success' });
  * ```
  *
- * @throws Quando chamado fora de um {@link NotificationsProvider}.
+ * @throws When called outside a {@link NotificationsProvider}.
  */
 export declare function useNotification(): NotesContextType;
 export {};

package/lib/containers/Notification/Notification.d.ts

@@ -1,38 +1,38 @@
 import React from 'react';
 import { NotificationInterface } from './Notification.interface';
 /**
- * Renderiza a notificação "bloco" — versão estática, sem portal.
+ * Renders the "block" notification — static version, no portal.
  *
- * É a primitiva visual usada pelas demais variações (`PageNotification`,
- * toasts via {@link NotificationsProvider}). Cuida de:
+ * It is the visual primitive used by the other variations (`PageNotification`,
+ * toasts via {@link NotificationsProvider}). Takes care of:
  *
- * - Variante de cor (`primary`, `success`, `warning`, `danger`) via CSS
- *   vars expostas pelo {@link WrapperNotificationStyle}.
- * - Renderização condicional de `icon`, `title`, `action` e `link`.
- * - Barra de progresso quando `autoClose` é informado (em segundos).
- * - Botão de fechar quando `closable` é `true`.
+ * - Color variant (`primary`, `success`, `warning`, `danger`) via CSS
+ *   vars exposed by {@link WrapperNotificationStyle}.
+ * - Conditional rendering of `icon`, `title`, `action`, and `link`.
+ * - Progress bar when `autoClose` is provided (in seconds).
+ * - Close button when `closable` is `true`.
  *
- * `action` e `message` aceitam tanto `ReactNode` quanto `(p: { close })` —
- * útil para fechar a notificação a partir do conteúdo.
+ * `action` and `message` accept both a `ReactNode` and `(p: { close })` —
+ * useful for closing the notification from within the content.
  */
 export declare const BaseNotification: ({ type, variant, visible, closable, autoClose, message, action, icon, link, onDismiss, closeLabel, ...props }: NotificationInterface) => React.JSX.Element;
 /**
- * Variação `type="page"` — renderiza a notificação em um portal no
- * `document.body`, fixada no topo ou no rodapé da página (controlado por
- * `pagePosition`). Animada via `framer-motion`.
+ * `type="page"` variation — renders the notification in a portal on
+ * `document.body`, fixed to the top or bottom of the page (controlled by
+ * `pagePosition`). Animated via `framer-motion`.
  *
- * O portal só é montado depois do primeiro `useEffect` para evitar
- * mismatches de hidratação em SSR.
+ * The portal is only mounted after the first `useEffect` to avoid
+ * hydration mismatches in SSR.
  */
 export declare const PageNotification: (props: NotificationInterface) => React.ReactPortal;
 /**
- * Componente público `Notification`. Despacha entre as variações
- * conforme `type`:
+ * Public `Notification` component. Dispatches between the variations
+ * according to `type`:
  *
- * - `'block'` (padrão): {@link BaseNotification} — inline na árvore.
- * - `'page'`: {@link PageNotification} — fixa no topo/rodapé via portal.
+ * - `'block'` (default): {@link BaseNotification} — inline in the tree.
+ * - `'page'`: {@link PageNotification} — fixed to the top/bottom via portal.
  *
- * Para toasts empilhados, use o hook `useNotification()` exportado por
+ * For stacked toasts, use the `useNotification()` hook exported by
  * {@link NotificationsProvider}.
  *
  * @example
@@ -40,15 +40,15 @@ export declare const PageNotification: (props: NotificationInterface) => React.R
  * <Notification
  *   type="block"
  *   variant="success"
- *   title="Tudo certo"
- *   message="Operação concluída"
+ *   title="All good"
+ *   message="Operation completed"
  *   closable
  *   autoClose={5}
  *   onDismiss={() => setVisible(false)}
  * />
  * ```
  *
- * @see {@link NotificationInterface} para o detalhamento das props.
+ * @see {@link NotificationInterface} for the detailed props.
  */
 export declare const NotificationComponent: {
     (props: NotificationInterface): React.JSX.Element;

package/lib/containers/Notification/Notification.group.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 /**
- * Renderiza o container fixo onde os toasts empilhados são exibidos.
+ * Renders the fixed container where the stacked toasts are displayed.
  *
- * Isolado em módulo próprio e carregado sob demanda (`React.lazy`) pelo
- * {@link NotificationsProvider} apenas após o primeiro toast — assim
- * `framer-motion` (via `AnimatePresence` + `AnimatedContainer`) fica fora
- * do bundle inicial de toda aplicação que apenas monta o provider. Ver
- * ADR-013 (bundle: framer-motion fora do caminho crítico).
+ * Isolated in its own module and loaded on demand (`React.lazy`) by the
+ * {@link NotificationsProvider} only after the first toast — this keeps
+ * `framer-motion` (via `AnimatePresence` + `AnimatedContainer`) out of
+ * the initial bundle of any application that merely mounts the provider.
+ * See ADR-013 (bundle: framer-motion off the critical path).
  *
- * Usa portal no `document.body` para escapar de qualquer overflow/transform
- * na árvore e só monta depois da primeira renderização para evitar
- * mismatches de SSR.
+ * Uses a portal on `document.body` to escape any overflow/transform in
+ * the tree and only mounts after the first render to avoid SSR
+ * mismatches.
  */
 declare const NotificationGroup: React.FC;
 export default NotificationGroup;