@apollion-dsi/core 3.0.0

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

@@ -0,0 +1,13 @@
+/**
+ * Barrel público do container primitivo `Base`.
+ *
+ * `Base` não é um componente final — é o building block usado por todos os
+ * outros containers (`Flex`, `Grid`, `Paper`, etc.). Exporta o styled
+ * (`BaseContainer`), a versão animada (`AnimatedContainer`) e a interface
+ * de props (`BaseContainerProps`).
+ *
+ * Qualquer outro arquivo do projeto deve importar do barrel, nunca de
+ * paths internos como `./Base.style` ou `./Base.interface`.
+ */
+export * from './Base.style';
+export * from './Base.interface';

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

@@ -0,0 +1 @@
+import{a,b}from"../../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{b as AnimatedContainer,a as BaseContainer};

package/lib/containers/Card/Card.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { CardInterface } from './Card.interface';
+/**
+ * Recipiente de conteúdo flexível com áreas nomeadas para mídia, título,
+ * descrição, conteúdo livre (children) e ações.
+ *
+ * Construído sobre {@link Flex}, então herda todas as factory props
+ * (espaçamento, cores, bordas, tamanhos). Quando `title`/`description` são
+ * strings, são envoltos automaticamente em `BaseText` com a tipografia
+ * apropriada; quando são `ReactNode`, são renderizados como vieram.
+ *
+ * @example
+ * ```tsx
+ * <Card
+ *   title="Plano Pro"
+ *   description="Acesso completo aos recursos"
+ *   media={<Image src={cover} cover />}
+ *   actionComponent={<Button text="Assinar" fullWidth />}
+ * />
+ * ```
+ *
+ * @see {@link CardInterface} para o detalhamento das props.
+ */
+export declare const CardComponent: React.FC<CardInterface>;

package/lib/containers/Card/Card.interface.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { FlexPropsInterface } from '../Flex';
+/**
+ * Props do componente {@link CardComponent}.
+ *
+ * Estende {@link FlexPropsInterface}, então o `Card` aceita todas as props
+ * declarativas de layout do `Flex` (espaçamento, cor, borda, tamanho,
+ * etc.). As props específicas do `Card` orquestram conteúdo em áreas
+ * nomeadas: `media`, `title`, `description`, `children` e `actionComponent`.
+ */
+export interface CardInterface extends FlexPropsInterface {
+    /**
+     * Título principal do card. Quando string, é renderizado em `BaseText`
+     * com tipografia de heading; quando `ReactNode`, é usado direto — útil
+     * para incluir ícones, avatares ou hierarquia customizada.
+     */
+    title?: string | ReactNode;
+    /**
+     * Descrição/subtítulo do card. Mesmo contrato de `title`: string vira
+     * `BaseText`, qualquer outro `ReactNode` é renderizado direto.
+     */
+    description?: string | ReactNode;
+    /** Slot adicional para subtítulo customizado. */
+    subtitle?: ReactNode;
+    /** Conteúdo principal do card. Aparece abaixo da descrição. */
+    children?: ReactNode;
+    /**
+     * Componente de ação (botão, par de botões, link). Renderizado na área
+     * `action` com `mt="large"` automático.
+     */
+    actionComponent?: ReactNode;
+    /**
+     * Mídia exibida no topo do card. Tipicamente uma `<Image>` ou um vídeo,
+     * mas qualquer `ReactNode` é aceito.
+     */
+    media?: ReactNode;
+}

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

@@ -0,0 +1,11 @@
+/**
+ * Barrel público do componente `Card`.
+ *
+ * Reexporta o componente (renomeando `CardComponent` → `Card`) e a
+ * interface de props (`CardInterface`).
+ *
+ * Qualquer outro arquivo do projeto deve importar do barrel, nunca de
+ * paths internos como `./Card` ou `./Card.interface`.
+ */
+export * from './Card.interface';
+export { CardComponent as Card } from './Card';

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

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk-SKV75I6W.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 Card};

package/lib/containers/Content/Content.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ContentProps } from './Content.interface';
+/**
+ * Container linear (row) com três slots — `opener`, `content`/`children`,
+ * `closer` — e um modo `loading` que oculta o conteúdo e renderiza um
+ * spinner sobreposto.
+ *
+ * Usado como bloco interno por componentes que precisam ter um spinner
+ * compartilhando o lugar visual do conteúdo (ex.: botões, notifications,
+ * cells). Quando `loading` é `true`, o conteúdo é ocultado via `isHidden`
+ * mantendo o espaço — assim a UI não dá "pulo" durante o carregamento.
+ *
+ * Aceita `children` ou `content`; quando ambos forem informados,
+ * `children` tem precedência.
+ *
+ * @example
+ * ```tsx
+ * <Content
+ *   loading={isLoading}
+ *   opener={<Icon name="search" />}
+ *   closer={<Icon name="chevronDown" />}
+ * >
+ *   {label}
+ * </Content>
+ * ```
+ *
+ * @see {@link ContentProps} para o detalhamento das props.
+ */
+export declare const ContentComponent: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;

package/lib/containers/Content/Content.interface.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { BaseContainerProps } from '../Base';
+import { FlexPropsInterface } from '../Flex';
+/**
+ * Props do componente {@link ContentComponent}.
+ *
+ * Estende {@link BaseContainerProps} para herdar todas as factory props
+ * de layout e cor. As props específicas do `Content` orquestram os três
+ * slots (`opener`, `content`/`children`, `closer`) e o estado de
+ * carregamento.
+ */
+export interface ContentProps extends BaseContainerProps {
+    /**
+     * Quando `true`, o conteúdo principal é ocultado via `isHidden` (sem
+     * remover o espaço) e o spinner é exibido em cima.
+     */
+    loading?: boolean;
+    /**
+     * Componente de loading customizado. Quando ausente, é usado o
+     * `<Spinner>` padrão do design system.
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Gap entre `opener`, conteúdo e `closer`. Aceita os mesmos tokens de
+     * spacing do `Flex`.
+     *
+     * @default 'xs'
+     */
+    contentGap?: FlexPropsInterface['gap'];
+    /** Slot esquerdo. Tipicamente um ícone. */
+    opener?: ReactNode;
+    /**
+     * Conteúdo principal. Alternativa a `children` — quando ambos forem
+     * informados, `children` tem precedência.
+     */
+    content?: ReactNode;
+    /** Slot direito. Tipicamente um ícone ou ação. */
+    closer?: ReactNode;
+    children?: ReactNode;
+}

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

@@ -0,0 +1,11 @@
+/**
+ * Barrel público do componente `Content`.
+ *
+ * Reexporta o componente (renomeando `ContentComponent` → `Content`) e a
+ * interface de props (`ContentProps`).
+ *
+ * Qualquer outro arquivo do projeto deve importar do barrel, nunca de
+ * paths internos como `./Content` ou `./Content.interface`.
+ */
+export { ContentComponent as Content } from './Content';
+export * from './Content.interface';

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

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk-3HHYBI4E.esm.js";import"../../chunks/chunk-3XS7RVYS.esm.js";import"../../chunks/chunk-QZYXRYI7.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 Content};

package/lib/containers/Flex/Flex.interface.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ApollionProps } from '../../factory/System';
+/**
+ * Props do componente `Flex` antes das props nativas do `<div>`.
+ *
+ * Estende {@link ApollionProps} — herdando todas as factory props
+ * (espaçamento, tamanho, cores, bordas, deep, etc.) — e adiciona apenas
+ * `children`. É exposta separadamente para que outros componentes
+ * estilizem-se "como um Flex" sem importar as props nativas de div.
+ */
+export interface FlexPropsInterface extends ApollionProps {
+    children?: ReactNode;
+}
+type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
+/**
+ * Props completas aceitas pelo `<Flex>` em runtime. Une as props da
+ * factory ({@link FlexPropsInterface}) com as props nativas de `<div>`
+ * (menos `children`, que vem da factory).
+ *
+ * As props de layout devem emular CSS de Flex/Grid — só adicione uma nova
+ * prop quando ela for efetivamente usada por algum consumidor.
+ */
+export interface DefaultFlexInterface extends FlexPropsInterface, NativeProps {
+}
+export {};