@apollion-dsi/core 3.0.0

package/lib/elements/Modal/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Barrel público do componente `Modal`.
+ *
+ * Reexporta o componente (renomeando `ModalComponent` → `Modal` por
+ * compatibilidade), suas interfaces e os styles — exportados para que
+ * variantes customizadas possam reaproveitar o container/overlay.
+ */
+export * from './Modal.interface';
+export * from './Modal.style';
+export { ModalComponent as Modal } from './Modal';

package/lib/elements/Modal/index.esm.js

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h}from"../../chunks/chunk-EWFUWYNO.esm.js";import"../../chunks/chunk-LKD55J4V.esm.js";import"../../chunks/chunk-SKV75I6W.esm.js";import"../../chunks/chunk-DEAAQK5J.esm.js";import"../../chunks/chunk-LZTZMWTK.esm.js";import"../../chunks/chunk-G3IXCOJI.esm.js";import"../../chunks/chunk-Q3FXXXUX.esm.js";import"../../chunks/chunk-Z5OQHLDW.esm.js";import"../../chunks/chunk-SHDMTEPB.esm.js";import"../../chunks/chunk-DP6AXK72.esm.js";import"../../chunks/chunk-NQBO2D7L.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-FPQPDMPB.esm.js";import"../../chunks/chunk-WZALORLW.esm.js";import"../../chunks/chunk-KDYOOGW7.esm.js";import"../../chunks/chunk-6KYLIXBS.esm.js";import"../../chunks/chunk-FVRWVTQD.esm.js";import"../../chunks/chunk-5XXISYUW.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KFFUMDHD.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-V77X6UJ2.esm.js";import"../../chunks/chunk-GWCDFVWM.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-I2E5B4NH.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-EKTJ3A6R.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-XNBK5E7D.esm.js";import"../../chunks/chunk-3HHYBI4E.esm.js";import"../../chunks/chunk-3XS7RVYS.esm.js";import"../../chunks/chunk-QZYXRYI7.esm.js";import"../../chunks/chunk-JTQYUIZP.esm.js";import"../../chunks/chunk-VTRVGJA6.esm.js";import"../../chunks/chunk-TAVNLEMI.esm.js";import"../../chunks/chunk-WTWPQ4EL.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-ELYUJKST.esm.js";import"../../chunks/chunk-TGTH3E4X.esm.js";import"../../chunks/chunk-752Z7BQF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-U27SLYIV.esm.js";import"../../chunks/chunk-JB7G6UGV.esm.js";import"../../chunks/chunk-GP7NECT4.esm.js";import"../../chunks/chunk-WAHR5LIT.esm.js";import"../../chunks/chunk-QUHHEZMP.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-OEH5ARPF.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{h as Modal,d as ModalBody,f as ModalContainer,b as ModalContentStyle,a as ModalDialogStyle,c as ModalHeader,e as ModalIconStyle,g as ModalOverlayStyle};

package/lib/elements/Popover/Popover.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PopoverProp } from './Popover.interface';
+/**
+ * Tooltip estendido com layout estruturado (ícone + título + descrição).
+ *
+ * Compõe um `Tooltip` por baixo — herda toda a API de posicionamento
+ * (`position`, `visible`, `onDismiss`, `interactive`) — e renderiza um
+ * conteúdo padronizado com `Text variant="h4"` no título e `Text variant="p"`
+ * na descrição.
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   title="Salvar como rascunho"
+ *   description="Você poderá editar depois nesta mesma página."
+ *   icon={<Icon name="info" />}
+ * >
+ *   <IconButton icon={<Icon name="info" />} />
+ * </Popover>
+ * ```
+ *
+ * @see {@link PopoverProp} para o detalhamento das props.
+ */
+export declare const Popover: React.FC<PopoverProp>;

package/lib/elements/Popover/Popover.interface.d.ts

@@ -0,0 +1,34 @@
+import { TooltipProps } from '../Tooltip';
+/**
+ * Props do componente `Popover`.
+ *
+ * Estende {@link TooltipProps} omitindo `content` (o `Popover` constrói o
+ * conteúdo internamente a partir de `title`/`icon`/`description`).
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   title="Salvar como rascunho"
+ *   description="Você poderá editar depois."
+ *   icon={<Icon name="info" />}
+ * >
+ *   <IconButton icon={<Icon name="info" />} />
+ * </Popover>
+ * ```
+ */
+export interface PopoverProp extends Omit<TooltipProps, 'content'> {
+    /** Título exibido em destaque no topo do popover. */
+    title?: string;
+    /** Ícone exibido à esquerda do título. */
+    icon?: React.ReactNode;
+    /**
+     * Descrição/corpo do popover. Diferente do tooltip, é multilinha e
+     * obrigatória — é a justificativa do `Popover` existir além do tooltip.
+     */
+    description: string;
+    /**
+     * Inverte o esquema de cor (fundo claro com texto escuro). Útil em
+     * superfícies já escuras.
+     */
+    inverted?: boolean;
+}

package/lib/elements/Popover/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Barrel público do componente `Popover`.
+ *
+ * Reexporta o componente e sua interface. O `Popover` é construído sobre
+ * `Tooltip` — para usos simples (texto curto), prefira `Tooltip` direto.
+ */
+export * from './Popover';
+export * from './Popover.interface';

package/lib/elements/Popover/index.esm.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk-BKF5RIHP.esm.js";import"../../chunks/chunk-LKD55J4V.esm.js";import"../../chunks/chunk-HK3DHNXU.esm.js";import"../../chunks/chunk-SKV75I6W.esm.js";import"../../chunks/chunk-DEAAQK5J.esm.js";import"../../chunks/chunk-LZTZMWTK.esm.js";import"../../chunks/chunk-G3IXCOJI.esm.js";import"../../chunks/chunk-Q3FXXXUX.esm.js";import"../../chunks/chunk-Z5OQHLDW.esm.js";import"../../chunks/chunk-SHDMTEPB.esm.js";import"../../chunks/chunk-DP6AXK72.esm.js";import"../../chunks/chunk-NQBO2D7L.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-FPQPDMPB.esm.js";import"../../chunks/chunk-WZALORLW.esm.js";import"../../chunks/chunk-KDYOOGW7.esm.js";import"../../chunks/chunk-6KYLIXBS.esm.js";import"../../chunks/chunk-FVRWVTQD.esm.js";import"../../chunks/chunk-5XXISYUW.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KFFUMDHD.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-V77X6UJ2.esm.js";import"../../chunks/chunk-GWCDFVWM.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-I2E5B4NH.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-EKTJ3A6R.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-XNBK5E7D.esm.js";import"../../chunks/chunk-3HHYBI4E.esm.js";import"../../chunks/chunk-3XS7RVYS.esm.js";import"../../chunks/chunk-QZYXRYI7.esm.js";import"../../chunks/chunk-JTQYUIZP.esm.js";import"../../chunks/chunk-VTRVGJA6.esm.js";import"../../chunks/chunk-TAVNLEMI.esm.js";import"../../chunks/chunk-WTWPQ4EL.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-ELYUJKST.esm.js";import"../../chunks/chunk-TGTH3E4X.esm.js";import"../../chunks/chunk-752Z7BQF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-U27SLYIV.esm.js";import"../../chunks/chunk-JB7G6UGV.esm.js";import"../../chunks/chunk-GP7NECT4.esm.js";import"../../chunks/chunk-WAHR5LIT.esm.js";import"../../chunks/chunk-QUHHEZMP.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-OEH5ARPF.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Popover};

package/lib/elements/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ProgressBarInterface } from './ProgressBar.interface';
+/**
+ * Barra de progresso determinada.
+ *
+ * Renderiza o avanço como `translateX` (não como `width`) para que o
+ * navegador use a GPU e a transição fique suave. O valor é mapeado de
+ * `-100% + progress%` — a barra começa fora da tela e desliza para dentro.
+ *
+ * Para um indicador indeterminado (sem porcentagem definida), use
+ * {@link Spinner}.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar progress={42} />
+ * <ProgressBar progress={75} color="success" showProgressLabel />
+ * ```
+ *
+ * @see {@link ProgressBarInterface} para o detalhamento das props.
+ */
+export declare const ProgressBarComponent: React.ForwardRefExoticComponent<ProgressBarInterface & React.RefAttributes<HTMLDivElement>>;

package/lib/elements/ProgressBar/ProgressBar.interface.d.ts

@@ -0,0 +1,44 @@
+import { ButtonInterface } from '../Button';
+/**
+ * Props do componente `ProgressBar`.
+ *
+ * Reaproveita as paletas de cor (`ButtonInterface['color']`) e tamanhos
+ * (`ButtonInterface['size']`) do Button para manter consistência visual.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar progress={42} />
+ * <ProgressBar progress={75} color="success" showProgressLabel />
+ * ```
+ */
+export interface ProgressBarInterface extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Cor da barra. Usa a paleta semântica do tema.
+     *
+     * @default 'primary'
+     */
+    color?: ButtonInterface['color'];
+    /**
+     * Tamanho (altura) da barra.
+     *
+     * @default 'medium'
+     */
+    size?: ButtonInterface['size'];
+    /**
+     * Arredonda as bordas da overlay. Sem ela, a barra tem cantos retos.
+     *
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * Exibe o valor de `progress` em texto ao lado da barra.
+     *
+     * @default false
+     */
+    showProgressLabel?: boolean;
+    /**
+     * Valor atual em porcentagem (0–100). Valores fora do range são clampados
+     * implicitamente pela transformação CSS.
+     */
+    progress: number;
+}

package/lib/elements/ProgressBar/ProgressBar.style.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Track (trilho) da barra de progresso. Usa `--bg-overlay` (cor light da
+ * paleta) e `overflow: hidden` para conter a barra interna que está
+ * deslocada além da extremidade esquerda.
+ */
+export declare const ProgerssOverlayStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, string | number | symbol> & Partial<Pick<any, string | number | symbol>>> & string;
+/**
+ * Fill da barra. Sempre tem `width: 100%` — o avanço é controlado pelo
+ * `transform: translateX(...)` aplicado inline no `ProgressBar.tsx`.
+ */
+export declare const ProgressBarStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+/**
+ * Container externo. Expõe as CSS vars de cor para os descendentes e estiliza
+ * o `BaseText` do label (quando `showProgressLabel` é verdadeiro).
+ */
+export declare const ProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "theme" | "color"> & {
+    color: any;
+} & {
+    theme: import("../..").Theme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "theme" | "color"> & {
+    color: any;
+} & {
+    theme: import("../..").Theme;
+}, never>>> & string;

package/lib/elements/ProgressBar/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Barrel público do componente `ProgressBar`.
+ *
+ * Reexporta o componente (renomeando `ProgressBarComponent` → `ProgressBar`
+ * por compatibilidade) e sua interface. O style permanece interno — não há
+ * casos conhecidos de composição externa.
+ */
+export { ProgressBarComponent as ProgressBar } from './ProgressBar';
+export * from './ProgressBar.interface';

package/lib/elements/ProgressBar/index.esm.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk-7PD7R2RB.esm.js";import"../../chunks/chunk-XNBK5E7D.esm.js";import"../../chunks/chunk-VTRVGJA6.esm.js";import"../../chunks/chunk-WTWPQ4EL.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-ELYUJKST.esm.js";import"../../chunks/chunk-TGTH3E4X.esm.js";import"../../chunks/chunk-752Z7BQF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-U27SLYIV.esm.js";import"../../chunks/chunk-JB7G6UGV.esm.js";import"../../chunks/chunk-GP7NECT4.esm.js";import"../../chunks/chunk-WAHR5LIT.esm.js";import"../../chunks/chunk-QUHHEZMP.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-OEH5ARPF.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as ProgressBar};

package/lib/elements/Spinner/Spinner.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SpinnerInterface } from './Spinner.interface';
+/**
+ * Indicador de carregamento indeterminado.
+ *
+ * Renderiza um SVG com um arco que gira continuamente. Sem `size` informado,
+ * usa `1em` — assim o tamanho herda do `font-size` do contexto e o spinner
+ * fica naturalmente proporcional a botões/ícones onde está embutido.
+ *
+ * Para progresso conhecido (com porcentagem), use
+ * {@link ProgressBarInterface}.
+ *
+ * @example
+ * ```tsx
+ * <Spinner />
+ * <Spinner size={32} color="primary" />
+ * <IconButton icon={<Spinner />} />
+ * ```
+ *
+ * @see {@link SpinnerInterface} para o detalhamento das props.
+ */
+export declare const SpinnerComponent: React.ForwardRefExoticComponent<SpinnerInterface & React.RefAttributes<SVGSVGElement>>;

package/lib/elements/Spinner/Spinner.interface.d.ts

@@ -0,0 +1,22 @@
+import { BaseContainerProps } from '../../containers/Base';
+/**
+ * Props do componente `Spinner`.
+ *
+ * Herda todas as props de layout do `BaseContainer` (margem, padding, cor,
+ * posicionamento). A cor do arco é controlada via `color` (mapeia para o
+ * `stroke` SVG via `currentColor`).
+ *
+ * @example
+ * ```tsx
+ * <Spinner />
+ * <Spinner size={32} color="primary" />
+ * ```
+ */
+export interface SpinnerInterface extends BaseContainerProps {
+    /**
+     * Tamanho do spinner. Aceita número (px) ou string CSS (`em`, `rem`, etc.).
+     * Sem valor, usa `1em` para herdar do `font-size` do contexto — assim o
+     * spinner fica naturalmente proporcional onde é embutido.
+     */
+    size?: string | number;
+}

package/lib/elements/Spinner/Spinner.style.d.ts

@@ -0,0 +1,28 @@
+/**
+ * SVG-wrapper do spinner.
+ *
+ * Aplica a animação `rotate` (2s lineares, infinita) ao SVG inteiro. Mantemos
+ * o keyframe `100%` em vez de `to` para compatibilidade com Safari antigos.
+ */
+export declare const SpinnerStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+/**
+ * Arco que dá a sensação de "carregando".
+ *
+ * `stroke: currentColor` faz o arco herdar a cor do `color` CSS do pai — é o
+ * que permite mudar a cor via prop `color` do `BaseContainer`. A animação
+ * `dash` alterna `stroke-dasharray`/`stroke-dashoffset` para criar o efeito
+ * de arco rotativo (em vez de um círculo cheio girando).
+ */
+export declare const SpinnerCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never> & Partial<Pick<import("react").SVGProps<SVGCircleElement>, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;

package/lib/elements/Spinner/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Barrel público do componente `Spinner`.
+ *
+ * Reexporta o componente (renomeando `SpinnerComponent` → `Spinner` por
+ * compatibilidade), suas interfaces e o style — o style é usado por
+ * `IconButton` em testes para verificar a presença do spinner.
+ */
+export * from './Spinner.interface';
+export * from './Spinner.style';
+export { SpinnerComponent as Spinner } from './Spinner';

package/lib/elements/Spinner/index.esm.js

@@ -0,0 +1 @@
+import{a,b,c}from"../../chunks/chunk-3XS7RVYS.esm.js";import"../../chunks/chunk-QZYXRYI7.esm.js";import"../../chunks/chunk-WTWPQ4EL.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-ELYUJKST.esm.js";import"../../chunks/chunk-TGTH3E4X.esm.js";import"../../chunks/chunk-752Z7BQF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-U27SLYIV.esm.js";import"../../chunks/chunk-JB7G6UGV.esm.js";import"../../chunks/chunk-GP7NECT4.esm.js";import"../../chunks/chunk-WAHR5LIT.esm.js";import"../../chunks/chunk-QUHHEZMP.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-OEH5ARPF.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{c as Spinner,b as SpinnerCircle,a as SpinnerStyle};

package/lib/elements/Svg/Svg.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DefaultSvgInterface } from './Svg.interface';
+/**
+ * Wrapper genérico de SVG do design system.
+ *
+ * Recebe um array de `paths` (com `d` e `fill` opcional) e renderiza um SVG
+ * com `viewBox` configurável. `fillAll` força todos os paths a herdarem a cor
+ * do `<g>` pai — útil para SVGs monocromáticos que devem mudar de cor
+ * conforme o tema.
+ *
+ * Não é o caminho para ícones do conjunto (use {@link Icon}); é a base para
+ * logos, ilustrações e qualquer vetor customizado.
+ *
+ * @example
+ * ```tsx
+ * <Svg
+ *   viewBox="0 0 100 100"
+ *   paths={[{ d: 'M50 5 L95 95 L5 95 Z', fill: 'currentColor' }]}
+ *   size={300}
+ * />
+ * ```
+ *
+ * @see {@link DefaultSvgInterface} para o detalhamento das props.
+ */
+export declare const SvgComponent: {
+    ({ transform, fill, paths, fillAll, error, viewBox, title, ...props }: DefaultSvgInterface): React.ReactElement;
+    displayName: string;
+};

package/lib/elements/Svg/Svg.interface.d.ts

@@ -0,0 +1,67 @@
+import { ColorsType } from '../../themes/Colors';
+/**
+ * Props do componente `Svg`.
+ *
+ * Estende as props nativas de `<svg>` (sem `width`/`height` — controladas
+ * pelo `size`/`dimensions`) e adiciona propriedades específicas do design
+ * system para renderizar paths e controlar dimensões/erro.
+ *
+ * @example
+ * ```tsx
+ * <Svg
+ *   viewBox="0 0 100 100"
+ *   paths={[{ d: 'M50 5 L95 95 L5 95 Z' }]}
+ *   dimensions={{ width: 300, ratio: 16 / 9 }}
+ * />
+ * ```
+ */
+export interface DefaultSvgInterface extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {
+    /**
+     * Quando informado, força a cor de erro (`danger` da paleta) em todo o
+     * SVG. Útil para inputs em estado inválido.
+     */
+    error?: string | Record<string, unknown>;
+    /** Array de paths a renderizar. Cada item tem `d` (caminho) e `fill` opcional. */
+    paths?: any;
+    /** Marca o SVG como desabilitado (apenas semântico — estilo é aplicado pelo callsite). */
+    disabled?: boolean;
+    /**
+     * Quando definido, ignora o `fill` individual de cada path e força a
+     * herança da cor do `<g>` pai — usado para SVGs monocromáticos.
+     */
+    fillAll?: string;
+    className?: string;
+    /**
+     * Tamanho uniforme. Quando informado, renderiza um quadrado (ratio 1:1) e
+     * `dimensions` é ignorado.
+     */
+    size?: string | number;
+    /** Texto acessível usado em `<title>` interno. */
+    title?: string;
+    /**
+     * Dimensionamento detalhado. Use quando precisar de razão de aspecto
+     * diferente de 1:1 ou alturas explícitas. Ignorado se `size` estiver
+     * definido.
+     *
+     * @example
+     * ```tsx
+     * // razão 16:9 a partir da largura
+     * <Svg dimensions={{ width: 300, ratio: 16 / 9 }} />
+     * // dimensões explícitas
+     * <Svg dimensions={{ width: '300px', height: '80px' }} />
+     * ```
+     */
+    dimensions?: {
+        width: string | number;
+        height?: string | number;
+        ratio?: number;
+    };
+}
+/**
+ * Path SVG individual. `d` é o atributo `d` do `<path>`; `fill` aceita
+ * qualquer cor do tema (ou string CSS direta).
+ */
+export interface PathInterface extends React.ComponentPropsWithoutRef<'path'> {
+    fill?: ColorsType;
+    d: string;
+}

package/lib/elements/Svg/Svg.style.d.ts

@@ -0,0 +1,19 @@
+import { DefaultSvgInterface } from './Svg.interface';
+/**
+ * SVG raiz. Resolve width/height via {@link getComputedSize} e aplica o fill
+ * de erro quando a prop `error` é truthy.
+ */
+export declare const SvgStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, keyof DefaultSvgInterface> & DefaultSvgInterface, never> & Partial<Pick<import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, keyof DefaultSvgInterface> & DefaultSvgInterface, never>>> & string;
+type GroupStyleProps = {
+    fill?: string;
+    transform?: string;
+};
+/**
+ * `<g>` interno que agrupa os paths. Aplica o `fill` declarado (ou cai em
+ * `theme.colors.main`) e o `transform` quando informado — permite girar/
+ * escalar o conjunto inteiro sem mexer em cada path.
+ */
+export declare const GroupStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").SVGProps<SVGGElement>, keyof GroupStyleProps> & GroupStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").SVGProps<SVGGElement>, keyof GroupStyleProps> & GroupStyleProps, never>>> & string;
+/** `<path>` estilizado. Mantido como styled vazio para facilitar overrides. */
+export declare const PathStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGPathElement>, never> & Partial<Pick<import("react").SVGProps<SVGPathElement>, never>>> & string;
+export {};

package/lib/elements/Svg/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Barrel público do componente `Svg`.
+ *
+ * Reexporta o componente (renomeando `SvgComponent` → `Svg` por
+ * compatibilidade), as interfaces de paths e os styles — usados pelo
+ * `Icon` para reaproveitar `SvgStyle`/`GroupStyle`.
+ */
+export * from './Svg.style';
+export * from './Svg.interface';
+export { SvgComponent as Svg } from './Svg';

package/lib/elements/Svg/index.esm.js

@@ -0,0 +1 @@
+import{a,b,c,d}from"../../chunks/chunk-KDYOOGW7.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-ELYUJKST.esm.js";import"../../chunks/chunk-TGTH3E4X.esm.js";import"../../chunks/chunk-752Z7BQF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-U27SLYIV.esm.js";import"../../chunks/chunk-JB7G6UGV.esm.js";import"../../chunks/chunk-GP7NECT4.esm.js";import"../../chunks/chunk-WAHR5LIT.esm.js";import"../../chunks/chunk-QUHHEZMP.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-OEH5ARPF.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as GroupStyle,c as PathStyle,d as Svg,a as SvgStyle};

package/lib/elements/Text/Text.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { TextInterface } from './Text.interface';
+/**
+ * Componente tipográfico unificado.
+ *
+ * Resolve a tag HTML (`h1`–`h6`, `p`, `span`, `blockquote`, etc.) e o conjunto
+ * de props de fonte (tamanho, peso, espaçamento, cor) a partir da prop
+ * `variant`. Cobre os três grupos da escala tipográfica: `Display` (`d1`–`d4`),
+ * `Headline` (`h1`–`h6`) e `Block` (`p`, `span`, `meta`, `lead`, `blockquote`).
+ *
+ * O conteúdo pode ser passado via `text` ou `children` — quando ambos forem
+ * informados, `children` tem precedência.
+ *
+ * A prop `type` controla o comportamento responsivo: `'auto'` (padrão, usa
+ * breakpoints), `'mobile'` (ignora variantes responsivas, mantém tamanho
+ * mobile) e `'desktop'` (força a variante a partir de `md`).
+ *
+ * @example
+ * ```tsx
+ * <Text variant="h1" text="Título principal" />
+ * <Text variant="p">Parágrafo padrão</Text>
+ * <Text variant="meta" color="neutral.140">12/03/2026</Text>
+ * ```
+ *
+ * @see {@link TextInterface} para o detalhamento das props.
+ */
+export declare const Text: React.ForwardRefExoticComponent<TextInterface & React.RefAttributes<HTMLElement>>;

package/lib/elements/Text/Text.interface.d.ts

@@ -0,0 +1,94 @@
+import { HTMLAttributes } from 'react';
+import { ApollionProps } from '../../factory';
+/**
+ * Variantes "Headline" — títulos hierárquicos `h1`–`h6`. Cada variante mapeia
+ * para a tag HTML correspondente e para um pacote de props de fonte (tamanho,
+ * peso, line-height) definidos em [`Text.props`](./Text.props.ts).
+ */
+export type HeadlineVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * Variantes "Display" — versões maiores e mais ousadas dos headlines. `d1`
+ * usa a tag `h1`, `d2` usa `h2`, etc. Usados em hero sections e títulos de
+ * página com alto destaque visual.
+ */
+export type DisplayVariant = 'd1' | 'd2' | 'd3' | 'd4';
+/**
+ * Variantes "Block" — texto corrido, citações e metadados.
+ *
+ * - `p`, `span`: parágrafo / texto inline padrão.
+ * - `lead`: parágrafo de destaque (introdução de seção).
+ * - `meta`: texto auxiliar (datas, legendas, captions).
+ * - `blockquote`: citação.
+ */
+export type BlockVariant = 'p' | 'span' | 'meta' | 'lead' | 'blockquote';
+/**
+ * Conjunto completo de variantes aceitas pela prop `variant`.
+ */
+export type TextVariant = BlockVariant | HeadlineVariant | DisplayVariant;
+/**
+ * Modo responsivo do Text.
+ *
+ * - `'auto'` (padrão): aplica breakpoints normalmente.
+ * - `'mobile'`: força tamanho mobile, ignora variantes responsivas (`md_*`).
+ * - `'desktop'`: aplica diretamente as variantes a partir do breakpoint `md`.
+ */
+export type TextType = 'auto' | 'mobile' | 'desktop';
+/**
+ * Props do componente `Text`.
+ *
+ * Estende `HTMLAttributes<HTMLElement>` (porque a tag final pode ser
+ * qualquer elemento) e `ApollionProps` (props de fábrica para tipografia,
+ * cor e espaçamento).
+ *
+ * @example
+ * ```tsx
+ * <Text variant="h1" text="Olá" />
+ * <Text variant="p" color="neutral.180">Texto corrido</Text>
+ * ```
+ */
+export interface TextInterface extends HTMLAttributes<HTMLElement>, ApollionProps {
+    /**
+     * Sobrescreve a tag HTML resolvida pela `variant`. Útil quando você quer
+     * a aparência de um `h2` mas a semântica de um `span` (ou vice-versa).
+     *
+     * @example
+     * ```tsx
+     * <Text variant="h1" as="h2">Visualmente h1, semanticamente h2</Text>
+     * ```
+     */
+    as?: React.ElementType;
+    /**
+     * Texto a renderizar. Alternativa a `children` — quando ambos forem
+     * informados, `children` tem precedência.
+     */
+    text?: string;
+    /**
+     * Variante tipográfica. Determina tag, peso, tamanho e variações
+     * responsivas.
+     *
+     * @default 'span'
+     */
+    variant?: TextVariant;
+    /**
+     * Modo responsivo (ver {@link TextType}). Use `'auto'` na maior parte dos
+     * casos.
+     *
+     * @default 'auto'
+     */
+    type?: TextType;
+    /**
+     * Encaminhado para `htmlFor` quando a tag final for um `<label>` (via
+     * `as="label"`). Necessário porque `HTMLAttributes<HTMLElement>` não
+     * inclui essa prop.
+     */
+    htmlFor?: HTMLLabelElement['htmlFor'];
+}
+/**
+ * Estrutura usada em `Text.props.ts` para mapear cada variante para o seu
+ * conjunto de props (e tag opcional). Exposta para permitir extensões em
+ * temas customizados.
+ */
+export type VariantStylePropsType = Partial<Record<TextVariant, {
+    props: ApollionProps;
+    tag?: React.ElementType;
+}>>;