@fast-food/design-system 1.34.0 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ import { FormSectionProps } from './FormSection.type';
3
+ /**
4
+ * Agrupa campos de um formulário sob um título discreto, padronizando o
5
+ * espaçamento e a divisória entre seções (substitui agrupamentos ad-hoc).
6
+ *
7
+ * @example
8
+ * <FormSection title="Endereço" description="Onde a filial atende">
9
+ * <TextField ... />
10
+ * </FormSection>
11
+ */
12
+ export declare const FormSection: React.FC<FormSectionProps>;
13
+ export default FormSection;
@@ -0,0 +1,7 @@
1
+ export declare const formSectionStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
2
+ export declare const formSectionHeaderStyles: (props?: ({
3
+ divider?: boolean | null | undefined;
4
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
+ export declare const formSectionTitleStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
6
+ export declare const formSectionDescriptionStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
7
+ export declare const formSectionBodyStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
@@ -0,0 +1,15 @@
1
+ import { ReactNode } from 'react';
2
+ export interface FormSectionProps {
3
+ /** Título da seção (renderizado em caixa-alta discreta). */
4
+ title?: string;
5
+ /** Texto de apoio abaixo do título. */
6
+ description?: ReactNode;
7
+ /** Conteúdo opcional alinhado à direita do cabeçalho (ex.: switch, botão). */
8
+ actions?: ReactNode;
9
+ /** Campos da seção. */
10
+ children: ReactNode;
11
+ /** Remove a divisória sob o cabeçalho. */
12
+ hideDivider?: boolean;
13
+ /** Classe adicional no container. */
14
+ className?: string;
15
+ }
@@ -0,0 +1,2 @@
1
+ export * from './FormSection';
2
+ export * from './FormSection.type';
@@ -12,6 +12,7 @@ export * from './FilterBar';
12
12
  export * from './FilterForm';
13
13
  export * from './FormFields';
14
14
  export * from './FormField';
15
+ export * from './FormSection';
15
16
  export * from './Form';
16
17
  export * from './Grid';
17
18
  export * from './ListingTable';