@apollion-dsi/core 3.0.0

package/lib/factory/SpacingFactory/SpacingFactory.d.ts

@@ -0,0 +1,21 @@
+import { CSSObject } from 'styled-components';
+import { SpacingFactoryProps, SpacingKeysTypes, SpacingThemeProps } from './SpacingFactory.interface';
+/**
+ * Chaves de prop controladas pelo `SpacingFactory`.
+ *
+ * Consumida pelo `System` para impedir vazamento dessas props para o DOM.
+ */
+export declare const spacingKeys: SpacingKeysTypes[];
+/**
+ * Fábrica de margens e paddings tokenizadas.
+ *
+ * Itera sobre as props recebidas, valida que pertencem a `spacingKeys`,
+ * resolve o valor pelo `theme.spacing()` e materializa em uma ou duas
+ * propriedades CSS (uma para chaves direcionais, duas para `x`/`y`).
+ *
+ * @example
+ * ```tsx
+ * <Box px="md" mt="sm" pb="xs" />
+ * ```
+ */
+export declare const SpacingFactory: (customProps: SpacingFactoryProps) => ({ theme, ...innerProps }: SpacingThemeProps) => CSSObject;

package/lib/factory/SpacingFactory/SpacingFactory.interface.d.ts

@@ -0,0 +1,25 @@
+import { SpacingInterface } from '../../themes/Spacing';
+import { WithTheme } from '../../themes/ThemeProvider';
+/**
+ * Conjunto canônico de atalhos de spacing aceitos pela Apollion.
+ *
+ * Inspirado em frameworks utilitários: a primeira letra indica o tipo
+ * (`m` margin / `p` padding) e a segunda indica o lado:
+ * - sem letra → todos os lados.
+ * - `t/r/b/l` → top/right/bottom/left.
+ * - `x` → left + right.
+ * - `y` → top + bottom.
+ */
+export type SpacingKeysTypes = 'm' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py';
+/**
+ * Props consumidas pelo `SpacingFactory`.
+ *
+ * Cada chave aceita um token da escala `SpacingInterface` definida pelo tema
+ * (`xs`, `sm`, `md`, ...). Manter tokens (em vez de números/strings livres)
+ * garante ritmo visual consistente entre componentes.
+ */
+export type SpacingFactoryProps = Partial<Record<SpacingKeysTypes, SpacingInterface>>;
+/**
+ * Variante de `SpacingFactoryProps` com `theme` injetado pelo `ThemeProvider`.
+ */
+export type SpacingThemeProps = WithTheme<SpacingFactoryProps>;

package/lib/factory/SpacingFactory/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Barrel público do módulo `SpacingFactory`.
+ *
+ * Reexporta a fábrica (`SpacingFactory`), `spacingKeys` e os tipos
+ * `SpacingFactoryProps` / `SpacingKeysTypes`.
+ */
+export * from './SpacingFactory';
+export * from './SpacingFactory.interface';

package/lib/factory/SpacingFactory/index.esm.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk-W663AGNE.esm.js";import"../../chunks/chunk-44EW3LMK.esm.js";import"../../chunks/chunk-V5AWVNU6.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as SpacingFactory,a as spacingKeys};

package/lib/factory/System/System.d.ts

@@ -0,0 +1,24 @@
+import { Apollion, Styled } from './System.interface';
+/**
+ * Wrapper sobre `styled-components` pré-configurado com `shouldForwardProp`.
+ *
+ * Use este `styled` em vez do importado diretamente de `styled-components`
+ * em qualquer componente da Apollion — assim props customizadas (variantes,
+ * fábricas) ficam isoladas do DOM sem precisar configurar nada por componente.
+ */
+export declare const styled: Styled;
+/**
+ * Objeto de atalhos pré-styled — equivalente a `styled.div`, `styled.a`, ...
+ * porém já com todas as fábricas da Apollion aplicadas.
+ *
+ * Cada elemento aplica, na ordem: container (com `position: 'relative'`),
+ * flex, spacing, border, background, font, color, deep, size e responsive.
+ * Adicionar ou remover fábricas aqui muda o conjunto de props disponível em
+ * todos os elementos `apollion.*`.
+ *
+ * @example
+ * ```tsx
+ * <apollion.div bgColor="primary" padding={2} round="md" deep={2} />
+ * ```
+ */
+export declare const apollion: Apollion;

package/lib/factory/System/System.interface.d.ts

@@ -0,0 +1,49 @@
+import type { Styled } from 'styled-components';
+import { IStyledComponent } from 'styled-components';
+import { BackgroundFactoryProps } from '../BackgroundFactory';
+import { BorderFactoryProps } from '../BorderFactory';
+import { ColorFactoryProps } from '../ColorFactory';
+import { ContainerFactoryProps } from '../ContainerFactory';
+import { DeepFactoryProps } from '../DeepFactory';
+import { FlexFactoryProps } from '../FlexFactory';
+import { FontFactoryProps } from '../FontFactory';
+import { ResponsiveProps } from '../ResponsiveFactory';
+import { SizeFactoryProps } from '../SizeFactory';
+import { SpacingFactoryProps } from '../SpacingFactory';
+/**
+ * Elemento base aceito por `styled(...)`.
+ *
+ * Pode ser uma tag HTML intrínseca (string-key de `JSX.IntrinsicElements`) ou
+ * um componente React qualquer — permite encadear `styled(Component)` para
+ * extensões.
+ */
+export type StyledComponent = React.JSX.IntrinsicElements | React.ComponentType<any>;
+export type { Styled };
+/**
+ * Tipo agregado de TODAS as props aceitas por elementos `apollion.*`.
+ *
+ * É a "linha base" usada por componentes que se apoiam no sistema styled da
+ * Apollion (`apollion.div`, `Base`, `Text`, etc.) — eles herdam este tipo
+ * para expor o conjunto completo de tokens visuais e variantes responsivas
+ * sem precisar redeclarar cada chave.
+ */
+export interface ApollionProps extends SpacingFactoryProps, SizeFactoryProps, ContainerFactoryProps, FontFactoryProps, ColorFactoryProps, BorderFactoryProps, DeepFactoryProps, BackgroundFactoryProps, FlexFactoryProps, ResponsiveProps {
+}
+/**
+ * Conjunto de tags HTML expostas como atalhos pelo objeto `apollion`.
+ *
+ * Lista intencionalmente curta — privilegia os elementos com semântica mais
+ * usada no design system. Outros elementos podem ser obtidos via
+ * `styled('tagname')` diretamente.
+ */
+export type ApollionElements = 'a' | 'div' | 'input' | 'span' | 'button';
+/**
+ * Shape do objeto `apollion` exportado por este módulo.
+ *
+ * Cada chave (`a`, `div`, ...) é um componente styled-components tipado para
+ * aceitar tanto os atributos HTML nativos do elemento quanto o conjunto
+ * agregado `ApollionProps`.
+ */
+export type Apollion = {
+    [E in ApollionElements]: IStyledComponent<'web', React.JSX.IntrinsicElements[E] & ApollionProps>;
+};

package/lib/factory/System/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Barrel público do módulo `System`.
+ *
+ * Reexporta o objeto `apollion`, o `styled` pré-configurado e os tipos
+ * agregados (`ApollionProps`, `ApollionElements`, `Apollion`,
+ * `StyledComponent`).
+ */
+export * from './System';
+export * from './System.interface';

package/lib/factory/System/index.esm.js

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

package/lib/factory/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Barrel público do conjunto de fábricas (Style Factories) da Apollion.
+ *
+ * Reúne todas as fábricas que transformam props customizadas em CSS — uma
+ * por dimensão visual (Background, Border, Color, Container, Deep, Flex,
+ * Font, Size, Spacing) + a fábrica de breakpoints (`ResponsiveFactory`) e o
+ * `System`, que monta o objeto `apollion.*` e o `styled` pré-configurado.
+ *
+ * Importações externas devem entrar por este barrel — nunca por paths
+ * internos (`./BackgroundFactory/BackgroundFactory`).
+ */
+export * from './BackgroundFactory';
+export * from './BorderFactory';
+export * from './ColorFactory';
+export * from './ContainerFactory';
+export * from './DeepFactory';
+export * from './FontFactory';
+export * from './FlexFactory';
+export * from './SizeFactory';
+export * from './SpacingFactory';
+export * from './ResponsiveFactory';
+export * from './System';

package/lib/factory/index.esm.js

@@ -0,0 +1 @@
+import"../chunks/chunk-5OKRFXLL.esm.js";import{a as v,b as w}from"../chunks/chunk-ELYUJKST.esm.js";import{a as u}from"../chunks/chunk-TGTH3E4X.esm.js";import{a as m,b as n}from"../chunks/chunk-752Z7BQF.esm.js";import{a as q,b as r}from"../chunks/chunk-BNB3KNKE.esm.js";import{a as s,b as t}from"../chunks/chunk-W663AGNE.esm.js";import{a,b}from"../chunks/chunk-A6Z2M2XU.esm.js";import{a as c,b as d,c as e,d as f}from"../chunks/chunk-U27SLYIV.esm.js";import{a as g,b as h}from"../chunks/chunk-JB7G6UGV.esm.js";import{a as i,b as j}from"../chunks/chunk-GP7NECT4.esm.js";import{a as k,b as l}from"../chunks/chunk-WAHR5LIT.esm.js";import"../chunks/chunk-QUHHEZMP.esm.js";import"../chunks/chunk-44EW3LMK.esm.js";import{a as o,b as p}from"../chunks/chunk-OEH5ARPF.esm.js";import"../chunks/chunk-V5AWVNU6.esm.js";import"../chunks/chunk-GZONWSRB.esm.js";export{b as BackgroundFactory,f as BorderFactory,d as BorderRoundSemantic,e as BorderSemantic,h as ColorFactory,j as ContainerFactory,l as DeepFactory,p as FlexFactory,n as FontFactory,u as ResponsiveFactory,r as SizeFactory,t as SpacingFactory,w as apollion,a as backgroundKeys,c as borderKeys,g as colorKeys,i as containerKeys,k as deepKeys,o as flexKeys,m as fontKeys,q as sizeKeys,s as spacingKeys,v as styled};

package/lib/form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CheckboxInterface } from './Checkbox.interface';
+/**
+ * Caixa de seleção (checkbox) do Apollion.
+ *
+ * Renderiza um `<input type="checkbox">` nativo (invisível) sobre um quadrado
+ * estilizado com ícone de check. O `<label>` envolvente garante que clicar
+ * no texto também alterne o estado.
+ *
+ * Use em formulários onde o usuário pode selecionar múltiplos valores de
+ * forma independente (ao contrário de `Radio`, que é exclusivo).
+ *
+ * @example
+ * ```tsx
+ * <Checkbox name="terms" label="Aceito os termos" />
+ * <Checkbox name="news" label="Quero receber novidades" variant="success" />
+ * <Checkbox name="locked" label="Bloqueado" disabled />
+ * ```
+ *
+ * @see {@link CheckboxInterface} para o detalhamento das props.
+ */
+export declare const CheckboxComponent: {
+    ({ label, variant, ...rest }: CheckboxInterface): React.JSX.Element;
+    displayName: string;
+};

package/lib/form/Checkbox/Checkbox.interface.d.ts

@@ -0,0 +1,28 @@
+import { Theme } from '../../themes';
+import { DefaultInputInterface } from '../Input';
+/**
+ * Props do componente `Checkbox`.
+ *
+ * Estende {@link DefaultInputInterface} — herda `disabled`, `checked`,
+ * `name`, `onChange`, etc. — e adiciona o `label` (`string` ou `ReactNode`)
+ * que envolve a caixa.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox name="terms" label="Aceito os termos" />
+ * <Checkbox name="custom" label={<strong>Texto em negrito</strong>} />
+ * ```
+ */
+export interface CheckboxInterface extends DefaultInputInterface {
+    /**
+     * Texto ou elemento exibido ao lado da caixa. Quando `string`, é renderizado
+     * via `BaseText`; quando `ReactNode`, é renderizado como está.
+     */
+    label?: React.ReactNode;
+}
+/**
+ * Props recebidas pelos styled-components do `Checkbox`, incluindo `theme`.
+ */
+export type CheckboxStyleProps = {
+    theme: Theme;
+} & CheckboxInterface;

package/lib/form/Checkbox/Checkbox.style.d.ts

@@ -0,0 +1,58 @@
+import { FlexPropsInterface } from '../../containers/Flex';
+/**
+ * `<input type="checkbox">` nativo posicionado em cima do quadrado visual.
+ *
+ * Fica `opacity: 0` (em vez de `display: none`) para preservar o foco do
+ * teclado e a navegação por `Tab`. O quadrado bonito (`CheckboxStyle`) só
+ * reflete o estado `:checked` deste input via seletor irmão.
+ */
+export declare const CheckboxInputStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, never> & Partial<Pick<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, never>>> & string;
+export declare const CheckboxStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "borderRadius" | "borderWidth" | "borderStyle" | "px" | "round" | "roundBottom" | "roundTop" | "roundRight" | "roundLeft" | "roundTopLeft" | "roundTopRight" | "roundBottomLeft" | "roundBottomRight" | "roundTangentRight" | "roundTangentLeft" | "sharpTopLeft" | "sharpTopRight" | "sharpBottomRight" | "sharpBottomLeft" | "right" | "left" | "top" | "bottom" | "borderColor" | "borderPosition" | "square" | "hidden" | "color" | "content" | "flex" | "wrap" | "position" | "padding" | "contrast" | "opacity" | "margin" | "isHidden" | "truncate" | "container" | "overflow" | "overflowX" | "overflowY" | "absoluteFill" | "display" | "cursor" | "zIndex" | "maxWidth" | "whiteSpace" | "deep" | "deepColor" | "noShadow" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "letterSpacing" | "lineHeight" | "maxHeight" | "minHeight" | "minWidth" | "textAlign" | "textTransform" | "translate" | "width" | "wordBreak" | "textDecoration" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "sm_flex" | "sm_wrap" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_flex" | "md_wrap" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_flex" | "lg_wrap" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_flex" | "xl_wrap" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_borderRadius" | "sm_borderWidth" | "sm_borderStyle" | "sm_round" | "sm_roundBottom" | "sm_roundTop" | "sm_roundRight" | "sm_roundLeft" | "sm_roundTopLeft" | "sm_roundTopRight" | "sm_roundBottomLeft" | "sm_roundBottomRight" | "sm_roundTangentRight" | "sm_roundTangentLeft" | "sm_sharpTopLeft" | "sm_sharpTopRight" | "sm_sharpBottomRight" | "sm_sharpBottomLeft" | "sm_borderColor" | "sm_borderPosition" | "sm_square" | "md_borderRadius" | "md_borderWidth" | "md_borderStyle" | "md_round" | "md_roundBottom" | "md_roundTop" | "md_roundRight" | "md_roundLeft" | "md_roundTopLeft" | "md_roundTopRight" | "md_roundBottomLeft" | "md_roundBottomRight" | "md_roundTangentRight" | "md_roundTangentLeft" | "md_sharpTopLeft" | "md_sharpTopRight" | "md_sharpBottomRight" | "md_sharpBottomLeft" | "md_borderColor" | "md_borderPosition" | "md_square" | "lg_borderRadius" | "lg_borderWidth" | "lg_borderStyle" | "lg_round" | "lg_roundBottom" | "lg_roundTop" | "lg_roundRight" | "lg_roundLeft" | "lg_roundTopLeft" | "lg_roundTopRight" | "lg_roundBottomLeft" | "lg_roundBottomRight" | "lg_roundTangentRight" | "lg_roundTangentLeft" | "lg_sharpTopLeft" | "lg_sharpTopRight" | "lg_sharpBottomRight" | "lg_sharpBottomLeft" | "lg_borderColor" | "lg_borderPosition" | "lg_square" | "xl_borderRadius" | "xl_borderWidth" | "xl_borderStyle" | "xl_round" | "xl_roundBottom" | "xl_roundTop" | "xl_roundRight" | "xl_roundLeft" | "xl_roundTopLeft" | "xl_roundTopRight" | "xl_roundBottomLeft" | "xl_roundBottomRight" | "xl_roundTangentRight" | "xl_roundTangentLeft" | "xl_sharpTopLeft" | "xl_sharpTopRight" | "xl_sharpBottomRight" | "xl_sharpBottomLeft" | "xl_borderColor" | "xl_borderPosition" | "xl_square" | "bgColor" | "sm_bgColor" | "md_bgColor" | "lg_bgColor" | "xl_bgColor" | "sm_color" | "sm_contrast" | "sm_opacity" | "md_color" | "md_contrast" | "md_opacity" | "lg_color" | "lg_contrast" | "lg_opacity" | "xl_color" | "xl_contrast" | "xl_opacity" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_position" | "sm_padding" | "sm_margin" | "sm_isHidden" | "sm_truncate" | "sm_container" | "sm_overflow" | "sm_overflowX" | "sm_overflowY" | "sm_absoluteFill" | "sm_display" | "sm_cursor" | "sm_zIndex" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_position" | "md_padding" | "md_margin" | "md_isHidden" | "md_truncate" | "md_container" | "md_overflow" | "md_overflowX" | "md_overflowY" | "md_absoluteFill" | "md_display" | "md_cursor" | "md_zIndex" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_position" | "lg_padding" | "lg_margin" | "lg_isHidden" | "lg_truncate" | "lg_container" | "lg_overflow" | "lg_overflowX" | "lg_overflowY" | "lg_absoluteFill" | "lg_display" | "lg_cursor" | "lg_zIndex" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_position" | "xl_padding" | "xl_margin" | "xl_isHidden" | "xl_truncate" | "xl_container" | "xl_overflow" | "xl_overflowX" | "xl_overflowY" | "xl_absoluteFill" | "xl_display" | "xl_cursor" | "xl_zIndex" | "sm_deep" | "sm_deepColor" | "sm_noShadow" | "md_deep" | "md_deepColor" | "md_noShadow" | "lg_deep" | "lg_deepColor" | "lg_noShadow" | "xl_deep" | "xl_deepColor" | "xl_noShadow" | "sm_whiteSpace" | "sm_textAlign" | "sm_wordBreak" | "sm_textDecoration" | "sm_fontFamily" | "sm_fontSize" | "sm_fontStyle" | "sm_fontWeight" | "sm_letterSpacing" | "sm_lineHeight" | "sm_textTransform" | "md_whiteSpace" | "md_textAlign" | "md_wordBreak" | "md_textDecoration" | "md_fontFamily" | "md_fontSize" | "md_fontStyle" | "md_fontWeight" | "md_letterSpacing" | "md_lineHeight" | "md_textTransform" | "lg_whiteSpace" | "lg_textAlign" | "lg_wordBreak" | "lg_textDecoration" | "lg_fontFamily" | "lg_fontSize" | "lg_fontStyle" | "lg_fontWeight" | "lg_letterSpacing" | "lg_lineHeight" | "lg_textTransform" | "xl_whiteSpace" | "xl_textAlign" | "xl_wordBreak" | "xl_textDecoration" | "xl_fontFamily" | "xl_fontSize" | "xl_fontStyle" | "xl_fontWeight" | "xl_letterSpacing" | "xl_lineHeight" | "xl_textTransform" | "sm_maxWidth" | "sm_height" | "sm_maxHeight" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_maxWidth" | "md_height" | "md_maxHeight" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_maxWidth" | "lg_height" | "lg_maxHeight" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_maxWidth" | "xl_height" | "xl_maxHeight" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "sm_py" | "md_p" | "md_px" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "md_py" | "lg_p" | "lg_px" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "lg_py" | "xl_p" | "xl_px" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "xl_py" | "ignoreResponsive" | "enableBreakpoint" | "property" | "ref" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs"> & 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;
+}, keyof FlexPropsInterface> & FlexPropsInterface, "area" | "p" | "slot" | "style" | "title" | "dir" | "borderRadius" | "borderWidth" | "borderStyle" | "px" | "round" | "roundBottom" | "roundTop" | "roundRight" | "roundLeft" | "roundTopLeft" | "roundTopRight" | "roundBottomLeft" | "roundBottomRight" | "roundTangentRight" | "roundTangentLeft" | "sharpTopLeft" | "sharpTopRight" | "sharpBottomRight" | "sharpBottomLeft" | "right" | "left" | "top" | "bottom" | "borderColor" | "borderPosition" | "square" | "hidden" | "color" | "content" | "flex" | "wrap" | "position" | "padding" | "contrast" | "opacity" | "margin" | "isHidden" | "truncate" | "container" | "overflow" | "overflowX" | "overflowY" | "absoluteFill" | "display" | "cursor" | "zIndex" | "maxWidth" | "whiteSpace" | "deep" | "deepColor" | "noShadow" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "letterSpacing" | "lineHeight" | "maxHeight" | "minHeight" | "minWidth" | "textAlign" | "textTransform" | "translate" | "width" | "wordBreak" | "textDecoration" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "sm_flex" | "sm_wrap" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_flex" | "md_wrap" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_flex" | "lg_wrap" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_flex" | "xl_wrap" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_borderRadius" | "sm_borderWidth" | "sm_borderStyle" | "sm_round" | "sm_roundBottom" | "sm_roundTop" | "sm_roundRight" | "sm_roundLeft" | "sm_roundTopLeft" | "sm_roundTopRight" | "sm_roundBottomLeft" | "sm_roundBottomRight" | "sm_roundTangentRight" | "sm_roundTangentLeft" | "sm_sharpTopLeft" | "sm_sharpTopRight" | "sm_sharpBottomRight" | "sm_sharpBottomLeft" | "sm_borderColor" | "sm_borderPosition" | "sm_square" | "md_borderRadius" | "md_borderWidth" | "md_borderStyle" | "md_round" | "md_roundBottom" | "md_roundTop" | "md_roundRight" | "md_roundLeft" | "md_roundTopLeft" | "md_roundTopRight" | "md_roundBottomLeft" | "md_roundBottomRight" | "md_roundTangentRight" | "md_roundTangentLeft" | "md_sharpTopLeft" | "md_sharpTopRight" | "md_sharpBottomRight" | "md_sharpBottomLeft" | "md_borderColor" | "md_borderPosition" | "md_square" | "lg_borderRadius" | "lg_borderWidth" | "lg_borderStyle" | "lg_round" | "lg_roundBottom" | "lg_roundTop" | "lg_roundRight" | "lg_roundLeft" | "lg_roundTopLeft" | "lg_roundTopRight" | "lg_roundBottomLeft" | "lg_roundBottomRight" | "lg_roundTangentRight" | "lg_roundTangentLeft" | "lg_sharpTopLeft" | "lg_sharpTopRight" | "lg_sharpBottomRight" | "lg_sharpBottomLeft" | "lg_borderColor" | "lg_borderPosition" | "lg_square" | "xl_borderRadius" | "xl_borderWidth" | "xl_borderStyle" | "xl_round" | "xl_roundBottom" | "xl_roundTop" | "xl_roundRight" | "xl_roundLeft" | "xl_roundTopLeft" | "xl_roundTopRight" | "xl_roundBottomLeft" | "xl_roundBottomRight" | "xl_roundTangentRight" | "xl_roundTangentLeft" | "xl_sharpTopLeft" | "xl_sharpTopRight" | "xl_sharpBottomRight" | "xl_sharpBottomLeft" | "xl_borderColor" | "xl_borderPosition" | "xl_square" | "bgColor" | "sm_bgColor" | "md_bgColor" | "lg_bgColor" | "xl_bgColor" | "sm_color" | "sm_contrast" | "sm_opacity" | "md_color" | "md_contrast" | "md_opacity" | "lg_color" | "lg_contrast" | "lg_opacity" | "xl_color" | "xl_contrast" | "xl_opacity" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_position" | "sm_padding" | "sm_margin" | "sm_isHidden" | "sm_truncate" | "sm_container" | "sm_overflow" | "sm_overflowX" | "sm_overflowY" | "sm_absoluteFill" | "sm_display" | "sm_cursor" | "sm_zIndex" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_position" | "md_padding" | "md_margin" | "md_isHidden" | "md_truncate" | "md_container" | "md_overflow" | "md_overflowX" | "md_overflowY" | "md_absoluteFill" | "md_display" | "md_cursor" | "md_zIndex" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_position" | "lg_padding" | "lg_margin" | "lg_isHidden" | "lg_truncate" | "lg_container" | "lg_overflow" | "lg_overflowX" | "lg_overflowY" | "lg_absoluteFill" | "lg_display" | "lg_cursor" | "lg_zIndex" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_position" | "xl_padding" | "xl_margin" | "xl_isHidden" | "xl_truncate" | "xl_container" | "xl_overflow" | "xl_overflowX" | "xl_overflowY" | "xl_absoluteFill" | "xl_display" | "xl_cursor" | "xl_zIndex" | "sm_deep" | "sm_deepColor" | "sm_noShadow" | "md_deep" | "md_deepColor" | "md_noShadow" | "lg_deep" | "lg_deepColor" | "lg_noShadow" | "xl_deep" | "xl_deepColor" | "xl_noShadow" | "sm_whiteSpace" | "sm_textAlign" | "sm_wordBreak" | "sm_textDecoration" | "sm_fontFamily" | "sm_fontSize" | "sm_fontStyle" | "sm_fontWeight" | "sm_letterSpacing" | "sm_lineHeight" | "sm_textTransform" | "md_whiteSpace" | "md_textAlign" | "md_wordBreak" | "md_textDecoration" | "md_fontFamily" | "md_fontSize" | "md_fontStyle" | "md_fontWeight" | "md_letterSpacing" | "md_lineHeight" | "md_textTransform" | "lg_whiteSpace" | "lg_textAlign" | "lg_wordBreak" | "lg_textDecoration" | "lg_fontFamily" | "lg_fontSize" | "lg_fontStyle" | "lg_fontWeight" | "lg_letterSpacing" | "lg_lineHeight" | "lg_textTransform" | "xl_whiteSpace" | "xl_textAlign" | "xl_wordBreak" | "xl_textDecoration" | "xl_fontFamily" | "xl_fontSize" | "xl_fontStyle" | "xl_fontWeight" | "xl_letterSpacing" | "xl_lineHeight" | "xl_textTransform" | "sm_maxWidth" | "sm_height" | "sm_maxHeight" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_maxWidth" | "md_height" | "md_maxHeight" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_maxWidth" | "lg_height" | "lg_maxHeight" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_maxWidth" | "xl_height" | "xl_maxHeight" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "sm_py" | "md_p" | "md_px" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "md_py" | "lg_p" | "lg_px" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "lg_py" | "xl_p" | "xl_px" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "xl_py" | "ignoreResponsive" | "enableBreakpoint" | "property" | "ref" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs"> & Partial<Pick<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;
+}, "area" | "p" | "slot" | "style" | "title" | "dir" | "borderRadius" | "borderWidth" | "borderStyle" | "px" | "round" | "roundBottom" | "roundTop" | "roundRight" | "roundLeft" | "roundTopLeft" | "roundTopRight" | "roundBottomLeft" | "roundBottomRight" | "roundTangentRight" | "roundTangentLeft" | "sharpTopLeft" | "sharpTopRight" | "sharpBottomRight" | "sharpBottomLeft" | "right" | "left" | "top" | "bottom" | "borderColor" | "borderPosition" | "square" | "hidden" | "color" | "content" | "flex" | "wrap" | "position" | "padding" | "contrast" | "opacity" | "margin" | "isHidden" | "truncate" | "container" | "overflow" | "overflowX" | "overflowY" | "absoluteFill" | "display" | "cursor" | "zIndex" | "maxWidth" | "whiteSpace" | "deep" | "deepColor" | "noShadow" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "letterSpacing" | "lineHeight" | "maxHeight" | "minHeight" | "minWidth" | "textAlign" | "textTransform" | "translate" | "width" | "wordBreak" | "textDecoration" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "sm_flex" | "sm_wrap" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_flex" | "md_wrap" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_flex" | "lg_wrap" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_flex" | "xl_wrap" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_borderRadius" | "sm_borderWidth" | "sm_borderStyle" | "sm_round" | "sm_roundBottom" | "sm_roundTop" | "sm_roundRight" | "sm_roundLeft" | "sm_roundTopLeft" | "sm_roundTopRight" | "sm_roundBottomLeft" | "sm_roundBottomRight" | "sm_roundTangentRight" | "sm_roundTangentLeft" | "sm_sharpTopLeft" | "sm_sharpTopRight" | "sm_sharpBottomRight" | "sm_sharpBottomLeft" | "sm_borderColor" | "sm_borderPosition" | "sm_square" | "md_borderRadius" | "md_borderWidth" | "md_borderStyle" | "md_round" | "md_roundBottom" | "md_roundTop" | "md_roundRight" | "md_roundLeft" | "md_roundTopLeft" | "md_roundTopRight" | "md_roundBottomLeft" | "md_roundBottomRight" | "md_roundTangentRight" | "md_roundTangentLeft" | "md_sharpTopLeft" | "md_sharpTopRight" | "md_sharpBottomRight" | "md_sharpBottomLeft" | "md_borderColor" | "md_borderPosition" | "md_square" | "lg_borderRadius" | "lg_borderWidth" | "lg_borderStyle" | "lg_round" | "lg_roundBottom" | "lg_roundTop" | "lg_roundRight" | "lg_roundLeft" | "lg_roundTopLeft" | "lg_roundTopRight" | "lg_roundBottomLeft" | "lg_roundBottomRight" | "lg_roundTangentRight" | "lg_roundTangentLeft" | "lg_sharpTopLeft" | "lg_sharpTopRight" | "lg_sharpBottomRight" | "lg_sharpBottomLeft" | "lg_borderColor" | "lg_borderPosition" | "lg_square" | "xl_borderRadius" | "xl_borderWidth" | "xl_borderStyle" | "xl_round" | "xl_roundBottom" | "xl_roundTop" | "xl_roundRight" | "xl_roundLeft" | "xl_roundTopLeft" | "xl_roundTopRight" | "xl_roundBottomLeft" | "xl_roundBottomRight" | "xl_roundTangentRight" | "xl_roundTangentLeft" | "xl_sharpTopLeft" | "xl_sharpTopRight" | "xl_sharpBottomRight" | "xl_sharpBottomLeft" | "xl_borderColor" | "xl_borderPosition" | "xl_square" | "bgColor" | "sm_bgColor" | "md_bgColor" | "lg_bgColor" | "xl_bgColor" | "sm_color" | "sm_contrast" | "sm_opacity" | "md_color" | "md_contrast" | "md_opacity" | "lg_color" | "lg_contrast" | "lg_opacity" | "xl_color" | "xl_contrast" | "xl_opacity" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_position" | "sm_padding" | "sm_margin" | "sm_isHidden" | "sm_truncate" | "sm_container" | "sm_overflow" | "sm_overflowX" | "sm_overflowY" | "sm_absoluteFill" | "sm_display" | "sm_cursor" | "sm_zIndex" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_position" | "md_padding" | "md_margin" | "md_isHidden" | "md_truncate" | "md_container" | "md_overflow" | "md_overflowX" | "md_overflowY" | "md_absoluteFill" | "md_display" | "md_cursor" | "md_zIndex" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_position" | "lg_padding" | "lg_margin" | "lg_isHidden" | "lg_truncate" | "lg_container" | "lg_overflow" | "lg_overflowX" | "lg_overflowY" | "lg_absoluteFill" | "lg_display" | "lg_cursor" | "lg_zIndex" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_position" | "xl_padding" | "xl_margin" | "xl_isHidden" | "xl_truncate" | "xl_container" | "xl_overflow" | "xl_overflowX" | "xl_overflowY" | "xl_absoluteFill" | "xl_display" | "xl_cursor" | "xl_zIndex" | "sm_deep" | "sm_deepColor" | "sm_noShadow" | "md_deep" | "md_deepColor" | "md_noShadow" | "lg_deep" | "lg_deepColor" | "lg_noShadow" | "xl_deep" | "xl_deepColor" | "xl_noShadow" | "sm_whiteSpace" | "sm_textAlign" | "sm_wordBreak" | "sm_textDecoration" | "sm_fontFamily" | "sm_fontSize" | "sm_fontStyle" | "sm_fontWeight" | "sm_letterSpacing" | "sm_lineHeight" | "sm_textTransform" | "md_whiteSpace" | "md_textAlign" | "md_wordBreak" | "md_textDecoration" | "md_fontFamily" | "md_fontSize" | "md_fontStyle" | "md_fontWeight" | "md_letterSpacing" | "md_lineHeight" | "md_textTransform" | "lg_whiteSpace" | "lg_textAlign" | "lg_wordBreak" | "lg_textDecoration" | "lg_fontFamily" | "lg_fontSize" | "lg_fontStyle" | "lg_fontWeight" | "lg_letterSpacing" | "lg_lineHeight" | "lg_textTransform" | "xl_whiteSpace" | "xl_textAlign" | "xl_wordBreak" | "xl_textDecoration" | "xl_fontFamily" | "xl_fontSize" | "xl_fontStyle" | "xl_fontWeight" | "xl_letterSpacing" | "xl_lineHeight" | "xl_textTransform" | "sm_maxWidth" | "sm_height" | "sm_maxHeight" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_maxWidth" | "md_height" | "md_maxHeight" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_maxWidth" | "lg_height" | "lg_maxHeight" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_maxWidth" | "xl_height" | "xl_maxHeight" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "sm_py" | "md_p" | "md_px" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "md_py" | "lg_p" | "lg_px" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "lg_py" | "xl_p" | "xl_px" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "xl_py" | "ignoreResponsive" | "enableBreakpoint" | "property" | "ref" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs"> & 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;
+}, keyof FlexPropsInterface> & FlexPropsInterface, "area" | "p" | "slot" | "style" | "title" | "dir" | "borderRadius" | "borderWidth" | "borderStyle" | "px" | "round" | "roundBottom" | "roundTop" | "roundRight" | "roundLeft" | "roundTopLeft" | "roundTopRight" | "roundBottomLeft" | "roundBottomRight" | "roundTangentRight" | "roundTangentLeft" | "sharpTopLeft" | "sharpTopRight" | "sharpBottomRight" | "sharpBottomLeft" | "right" | "left" | "top" | "bottom" | "borderColor" | "borderPosition" | "square" | "hidden" | "color" | "content" | "flex" | "wrap" | "position" | "padding" | "contrast" | "opacity" | "margin" | "isHidden" | "truncate" | "container" | "overflow" | "overflowX" | "overflowY" | "absoluteFill" | "display" | "cursor" | "zIndex" | "maxWidth" | "whiteSpace" | "deep" | "deepColor" | "noShadow" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "letterSpacing" | "lineHeight" | "maxHeight" | "minHeight" | "minWidth" | "textAlign" | "textTransform" | "translate" | "width" | "wordBreak" | "textDecoration" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "sm_flex" | "sm_wrap" | "sm_gap" | "sm_flexDirection" | "sm_flexBasis" | "sm_justifyContent" | "sm_alignItems" | "sm_alignSelf" | "sm_grow" | "sm_shrink" | "sm_order" | "sm_justifySelf" | "md_flex" | "md_wrap" | "md_gap" | "md_flexDirection" | "md_flexBasis" | "md_justifyContent" | "md_alignItems" | "md_alignSelf" | "md_grow" | "md_shrink" | "md_order" | "md_justifySelf" | "lg_flex" | "lg_wrap" | "lg_gap" | "lg_flexDirection" | "lg_flexBasis" | "lg_justifyContent" | "lg_alignItems" | "lg_alignSelf" | "lg_grow" | "lg_shrink" | "lg_order" | "lg_justifySelf" | "xl_flex" | "xl_wrap" | "xl_gap" | "xl_flexDirection" | "xl_flexBasis" | "xl_justifyContent" | "xl_alignItems" | "xl_alignSelf" | "xl_grow" | "xl_shrink" | "xl_order" | "xl_justifySelf" | "sm_borderRadius" | "sm_borderWidth" | "sm_borderStyle" | "sm_round" | "sm_roundBottom" | "sm_roundTop" | "sm_roundRight" | "sm_roundLeft" | "sm_roundTopLeft" | "sm_roundTopRight" | "sm_roundBottomLeft" | "sm_roundBottomRight" | "sm_roundTangentRight" | "sm_roundTangentLeft" | "sm_sharpTopLeft" | "sm_sharpTopRight" | "sm_sharpBottomRight" | "sm_sharpBottomLeft" | "sm_borderColor" | "sm_borderPosition" | "sm_square" | "md_borderRadius" | "md_borderWidth" | "md_borderStyle" | "md_round" | "md_roundBottom" | "md_roundTop" | "md_roundRight" | "md_roundLeft" | "md_roundTopLeft" | "md_roundTopRight" | "md_roundBottomLeft" | "md_roundBottomRight" | "md_roundTangentRight" | "md_roundTangentLeft" | "md_sharpTopLeft" | "md_sharpTopRight" | "md_sharpBottomRight" | "md_sharpBottomLeft" | "md_borderColor" | "md_borderPosition" | "md_square" | "lg_borderRadius" | "lg_borderWidth" | "lg_borderStyle" | "lg_round" | "lg_roundBottom" | "lg_roundTop" | "lg_roundRight" | "lg_roundLeft" | "lg_roundTopLeft" | "lg_roundTopRight" | "lg_roundBottomLeft" | "lg_roundBottomRight" | "lg_roundTangentRight" | "lg_roundTangentLeft" | "lg_sharpTopLeft" | "lg_sharpTopRight" | "lg_sharpBottomRight" | "lg_sharpBottomLeft" | "lg_borderColor" | "lg_borderPosition" | "lg_square" | "xl_borderRadius" | "xl_borderWidth" | "xl_borderStyle" | "xl_round" | "xl_roundBottom" | "xl_roundTop" | "xl_roundRight" | "xl_roundLeft" | "xl_roundTopLeft" | "xl_roundTopRight" | "xl_roundBottomLeft" | "xl_roundBottomRight" | "xl_roundTangentRight" | "xl_roundTangentLeft" | "xl_sharpTopLeft" | "xl_sharpTopRight" | "xl_sharpBottomRight" | "xl_sharpBottomLeft" | "xl_borderColor" | "xl_borderPosition" | "xl_square" | "bgColor" | "sm_bgColor" | "md_bgColor" | "lg_bgColor" | "xl_bgColor" | "sm_color" | "sm_contrast" | "sm_opacity" | "md_color" | "md_contrast" | "md_opacity" | "lg_color" | "lg_contrast" | "lg_opacity" | "xl_color" | "xl_contrast" | "xl_opacity" | "sm_area" | "sm_right" | "sm_left" | "sm_top" | "sm_bottom" | "sm_position" | "sm_padding" | "sm_margin" | "sm_isHidden" | "sm_truncate" | "sm_container" | "sm_overflow" | "sm_overflowX" | "sm_overflowY" | "sm_absoluteFill" | "sm_display" | "sm_cursor" | "sm_zIndex" | "md_area" | "md_right" | "md_left" | "md_top" | "md_bottom" | "md_position" | "md_padding" | "md_margin" | "md_isHidden" | "md_truncate" | "md_container" | "md_overflow" | "md_overflowX" | "md_overflowY" | "md_absoluteFill" | "md_display" | "md_cursor" | "md_zIndex" | "lg_area" | "lg_right" | "lg_left" | "lg_top" | "lg_bottom" | "lg_position" | "lg_padding" | "lg_margin" | "lg_isHidden" | "lg_truncate" | "lg_container" | "lg_overflow" | "lg_overflowX" | "lg_overflowY" | "lg_absoluteFill" | "lg_display" | "lg_cursor" | "lg_zIndex" | "xl_area" | "xl_right" | "xl_left" | "xl_top" | "xl_bottom" | "xl_position" | "xl_padding" | "xl_margin" | "xl_isHidden" | "xl_truncate" | "xl_container" | "xl_overflow" | "xl_overflowX" | "xl_overflowY" | "xl_absoluteFill" | "xl_display" | "xl_cursor" | "xl_zIndex" | "sm_deep" | "sm_deepColor" | "sm_noShadow" | "md_deep" | "md_deepColor" | "md_noShadow" | "lg_deep" | "lg_deepColor" | "lg_noShadow" | "xl_deep" | "xl_deepColor" | "xl_noShadow" | "sm_whiteSpace" | "sm_textAlign" | "sm_wordBreak" | "sm_textDecoration" | "sm_fontFamily" | "sm_fontSize" | "sm_fontStyle" | "sm_fontWeight" | "sm_letterSpacing" | "sm_lineHeight" | "sm_textTransform" | "md_whiteSpace" | "md_textAlign" | "md_wordBreak" | "md_textDecoration" | "md_fontFamily" | "md_fontSize" | "md_fontStyle" | "md_fontWeight" | "md_letterSpacing" | "md_lineHeight" | "md_textTransform" | "lg_whiteSpace" | "lg_textAlign" | "lg_wordBreak" | "lg_textDecoration" | "lg_fontFamily" | "lg_fontSize" | "lg_fontStyle" | "lg_fontWeight" | "lg_letterSpacing" | "lg_lineHeight" | "lg_textTransform" | "xl_whiteSpace" | "xl_textAlign" | "xl_wordBreak" | "xl_textDecoration" | "xl_fontFamily" | "xl_fontSize" | "xl_fontStyle" | "xl_fontWeight" | "xl_letterSpacing" | "xl_lineHeight" | "xl_textTransform" | "sm_maxWidth" | "sm_height" | "sm_maxHeight" | "sm_minHeight" | "sm_minWidth" | "sm_width" | "md_maxWidth" | "md_height" | "md_maxHeight" | "md_minHeight" | "md_minWidth" | "md_width" | "lg_maxWidth" | "lg_height" | "lg_maxHeight" | "lg_minHeight" | "lg_minWidth" | "lg_width" | "xl_maxWidth" | "xl_height" | "xl_maxHeight" | "xl_minHeight" | "xl_minWidth" | "xl_width" | "sm_p" | "sm_px" | "sm_m" | "sm_mt" | "sm_mr" | "sm_mb" | "sm_ml" | "sm_mx" | "sm_my" | "sm_pt" | "sm_pr" | "sm_pb" | "sm_pl" | "sm_py" | "md_p" | "md_px" | "md_m" | "md_mt" | "md_mr" | "md_mb" | "md_ml" | "md_mx" | "md_my" | "md_pt" | "md_pr" | "md_pb" | "md_pl" | "md_py" | "lg_p" | "lg_px" | "lg_m" | "lg_mt" | "lg_mr" | "lg_mb" | "lg_ml" | "lg_mx" | "lg_my" | "lg_pt" | "lg_pr" | "lg_pb" | "lg_pl" | "lg_py" | "xl_p" | "xl_px" | "xl_m" | "xl_mt" | "xl_mr" | "xl_mb" | "xl_ml" | "xl_mx" | "xl_my" | "xl_pt" | "xl_pr" | "xl_pb" | "xl_pl" | "xl_py" | "ignoreResponsive" | "enableBreakpoint" | "property" | "ref" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs">>> & string;
+/**
+ * Container externo do checkbox (`<label>`).
+ *
+ * Usamos `_styled('label')` em vez de estender `BaseText` porque a prop
+ * `variant` do checkbox colide com a `variant` tipográfica do `BaseText`
+ * — esta versão evita a colisão de tipos sem perder a semântica de label.
+ */
+export declare const CheckboxContainerStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "theme" | keyof import("./Checkbox.interface").CheckboxInterface> & {
+    theme: import("../..").Theme;
+} & import("./Checkbox.interface").CheckboxInterface, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "theme" | keyof import("./Checkbox.interface").CheckboxInterface> & {
+    theme: import("../..").Theme;
+} & import("./Checkbox.interface").CheckboxInterface, never>>> & string;

package/lib/form/Checkbox/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Barrel público do componente `Checkbox`.
+ *
+ * Reexporta a implementação, as interfaces e os styled-components.
+ * `FieldGroup` consome `CheckboxInterface` daqui via `../Checkbox`.
+ */
+export * from './Checkbox.interface';
+export * from './Checkbox.style';
+export { CheckboxComponent as Checkbox } from './Checkbox';

package/lib/form/Checkbox/index.esm.js

@@ -0,0 +1 @@
+import{a,b,c,d}from"../../chunks/chunk-DAFBKFTS.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-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{d as Checkbox,c as CheckboxContainerStyle,a as CheckboxInputStyle,b as CheckboxStyle};

package/lib/form/Field/Field.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { FieldInterface } from './Field.interface';
+/**
+ * Wrapper de campo de formulário: orquestra label, input controlado e
+ * mensagens de feedback (`hintText`/`hintErrorText`/`hintSuccessText`).
+ *
+ * Recebe um `component` arbitrário via prop (qualquer input do design system
+ * ou customizado) e injeta nele `value`, `onChange`, `variant` e `reset` —
+ * a peça que "casa" um input com o `Form` (Formik) e com a UI de validação.
+ *
+ * @example
+ * ```tsx
+ * <Field
+ *   component={Input}
+ *   name="email"
+ *   label="E-mail"
+ *   hintText="Nunca compartilharemos seu e-mail."
+ *   inputProps={{ type: 'email', placeholder: 'voce@empresa.com' }}
+ * />
+ * ```
+ *
+ * @see {@link FieldInterface} para o detalhamento das props.
+ */
+export declare const FieldComponent: {
+    ({ name, value, label, inputProps, hintText, variant, setFieldValue, readOnly, readOnlyText, hintErrorText, hintSuccessText, ...props }: FieldInterface): React.JSX.Element;
+    displayName: string;
+};

package/lib/form/Field/Field.interface.d.ts

@@ -0,0 +1,34 @@
+import React, { ComponentProps } from 'react';
+import { FormikHelpers } from 'formik';
+import { DefaultFlexInterface } from '../../containers/Flex';
+import { Theme } from '../../themes/ThemeProvider';
+export type FieldVariants = 'default' | 'success' | 'error';
+interface FormikBaseInterface {
+    errors?: any;
+    setFieldValue?: FormikHelpers<any>['setFieldValue'];
+}
+export interface FieldInterface<T extends React.ElementType = any> extends FormikBaseInterface {
+    component: T;
+    name?: string;
+    value?: any;
+    label?: string;
+    hideLabel?: boolean;
+    area?: string;
+    error?: boolean;
+    success?: boolean;
+    variant?: FieldVariants;
+    fieldProps?: DefaultFlexInterface;
+    inputProps?: ComponentProps<T>;
+    optionalText?: string;
+    hintText?: string;
+    hintSuccessText?: string;
+    hintErrorText?: string;
+    readOnly?: boolean;
+    readOnlyText?: string;
+}
+export interface FieldStyleProps {
+    variant: FieldVariants;
+    disabled: boolean;
+    theme: Theme;
+}
+export {};