@cnc-ti/layout-basic 8.3.3 → 8.3.5
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.
- package/dist/index.css +71 -17
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +179 -6
- package/dist/index.d.ts +179 -6
- package/dist/index.js +4247 -870
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4162 -795
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -4,6 +4,7 @@ import * as React$1 from 'react';
|
|
|
4
4
|
import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps, ElementType } from 'react';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
7
8
|
import * as Accordion from '@radix-ui/react-accordion';
|
|
8
9
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
9
10
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -11,7 +12,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
|
|
|
11
12
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
12
13
|
|
|
13
14
|
declare const buttonVariants: (props?: ({
|
|
14
|
-
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
|
|
15
|
+
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | "outline" | null | undefined;
|
|
15
16
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
16
17
|
outline?: boolean | null | undefined;
|
|
17
18
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
@@ -321,34 +322,206 @@ declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsibleP
|
|
|
321
322
|
declare const AnimatedCollapsibleContent: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
322
323
|
|
|
323
324
|
/**
|
|
324
|
-
*
|
|
325
|
+
* Props base para componentes de layout do cabeçalho da página.
|
|
326
|
+
* @property {React.ReactNode} [children] - Elementos filhos a serem renderizados.
|
|
327
|
+
* @property {string} [className] - Classe adicional para estilização personalizada.
|
|
325
328
|
*/
|
|
326
329
|
interface PageHeaderBaseWithChildrenProps {
|
|
327
330
|
children?: React.ReactNode;
|
|
328
331
|
className?: string;
|
|
329
332
|
}
|
|
330
333
|
/**
|
|
331
|
-
* Componente de cabeçalho da página.
|
|
334
|
+
* Componente principal de cabeçalho da página.
|
|
335
|
+
* Responsável por layout responsivo entre colunas (mobile) e linha (desktop).
|
|
336
|
+
*
|
|
337
|
+
* @component
|
|
338
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
339
|
+
* @returns {JSX.Element}
|
|
332
340
|
*/
|
|
333
341
|
declare function PageHeader({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
342
|
+
/**
|
|
343
|
+
* Container para título e descrição no cabeçalho da página.
|
|
344
|
+
* Responsável por alinhar o conteúdo de forma responsiva.
|
|
345
|
+
*
|
|
346
|
+
* @component
|
|
347
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
348
|
+
* @returns {JSX.Element}
|
|
349
|
+
*/
|
|
334
350
|
declare function PageHeaderTitleContent({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
335
351
|
/**
|
|
336
|
-
* Props para o componente
|
|
352
|
+
* Props para o componente de título do cabeçalho.
|
|
353
|
+
* @property {string} title - Título principal da página.
|
|
354
|
+
* @property {string} [description] - Descrição opcional abaixo do título.
|
|
355
|
+
* @property {ElementType} [titleAs] - Elemento HTML para o título (ex: h1, h2).
|
|
337
356
|
*/
|
|
338
357
|
interface PageHeaderTitleProps {
|
|
339
358
|
title: string;
|
|
340
359
|
description?: string;
|
|
341
360
|
titleAs?: ElementType;
|
|
342
361
|
}
|
|
362
|
+
/**
|
|
363
|
+
* Exibe o título e a descrição da página.
|
|
364
|
+
*
|
|
365
|
+
* @component
|
|
366
|
+
* @param {PageHeaderTitleProps} props
|
|
367
|
+
* @returns {JSX.Element}
|
|
368
|
+
*/
|
|
343
369
|
declare function PageHeaderTitle({ title, description, titleAs, }: PageHeaderTitleProps): react_jsx_runtime.JSX.Element;
|
|
370
|
+
/**
|
|
371
|
+
* Container para ações (botões, links) no cabeçalho da página.
|
|
372
|
+
* Alinha verticalmente no mobile e horizontalmente no desktop.
|
|
373
|
+
*
|
|
374
|
+
* @component
|
|
375
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
376
|
+
* @returns {JSX.Element}
|
|
377
|
+
*/
|
|
344
378
|
declare function PageHeaderActionsContainer({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
379
|
+
/**
|
|
380
|
+
* Props para o componente de título simples.
|
|
381
|
+
* @property {string} title - Texto do título.
|
|
382
|
+
* @property {ElementType} [as] - Elemento HTML a ser usado (default: h1).
|
|
383
|
+
*/
|
|
345
384
|
interface TitleProps {
|
|
346
385
|
title: string;
|
|
347
386
|
as?: ElementType;
|
|
348
387
|
}
|
|
349
388
|
/**
|
|
350
|
-
* Componente de título
|
|
389
|
+
* Componente reutilizável de título com estilos padrão.
|
|
390
|
+
*
|
|
391
|
+
* @component
|
|
392
|
+
* @param {TitleProps} props
|
|
393
|
+
* @returns {JSX.Element}
|
|
351
394
|
*/
|
|
352
395
|
declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.JSX.Element;
|
|
353
396
|
|
|
354
|
-
|
|
397
|
+
/**
|
|
398
|
+
* Representa uma opção que pode ser selecionada no combobox.
|
|
399
|
+
* @typedef {Object} ItemOption
|
|
400
|
+
* @property {*} value - O valor associado à opção.
|
|
401
|
+
* @property {string} label - O rótulo que será exibido para o usuário.
|
|
402
|
+
*/
|
|
403
|
+
interface ItemOption {
|
|
404
|
+
value: any;
|
|
405
|
+
label: string;
|
|
406
|
+
}
|
|
407
|
+
/**
|
|
408
|
+
* Propriedades para o componente Combobox.
|
|
409
|
+
*
|
|
410
|
+
* @typedef {Object} ComboboxProps
|
|
411
|
+
* @property {ItemOption[]} [options] - Lista de opções disponíveis para seleção.
|
|
412
|
+
* @property {string} [placeholder] - Placeholder exibido quando nenhuma opção estiver selecionada.
|
|
413
|
+
* @property {{ placeholder?: string, emptyMessage?: string }} [command] - Configurações do campo de busca da lista de opções.
|
|
414
|
+
* @property {(value: string) => void} [onChange] - Função chamada quando uma opção for selecionada.
|
|
415
|
+
* @property {string} [value] - Valor atualmente selecionado.
|
|
416
|
+
*/
|
|
417
|
+
interface ComboboxProps {
|
|
418
|
+
options?: ItemOption[];
|
|
419
|
+
placeholder?: string;
|
|
420
|
+
command?: {
|
|
421
|
+
placeholder?: string;
|
|
422
|
+
emptyMessage?: string;
|
|
423
|
+
};
|
|
424
|
+
onChange?: (value: string) => void;
|
|
425
|
+
value?: string;
|
|
426
|
+
}
|
|
427
|
+
/**
|
|
428
|
+
* Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
|
|
429
|
+
*
|
|
430
|
+
* @param {ComboboxProps} props - Propriedades do componente.
|
|
431
|
+
* @returns {JSX.Element} O componente renderizado.
|
|
432
|
+
*
|
|
433
|
+
* @example
|
|
434
|
+
* ```tsx
|
|
435
|
+
* <Combobox
|
|
436
|
+
* options={[
|
|
437
|
+
* { value: 'apple', label: 'Apple' },
|
|
438
|
+
* { value: 'banana', label: 'Banana' },
|
|
439
|
+
* ]}
|
|
440
|
+
* placeholder="Selecione uma fruta"
|
|
441
|
+
* command={{ placeholder: 'Buscar...', emptyMessage: 'Nenhum resultado' }}
|
|
442
|
+
* value={selected}
|
|
443
|
+
* onChange={(newValue) => setSelected(newValue)}
|
|
444
|
+
* />
|
|
445
|
+
* ```
|
|
446
|
+
*/
|
|
447
|
+
declare function Combobox({ options, placeholder, command, onChange, value, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
448
|
+
|
|
449
|
+
declare const Command: React$1.ForwardRefExoticComponent<Omit<{
|
|
450
|
+
children?: React$1.ReactNode;
|
|
451
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
452
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
453
|
+
} & {
|
|
454
|
+
asChild?: boolean;
|
|
455
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
456
|
+
label?: string;
|
|
457
|
+
shouldFilter?: boolean;
|
|
458
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
459
|
+
defaultValue?: string;
|
|
460
|
+
value?: string;
|
|
461
|
+
onValueChange?: (value: string) => void;
|
|
462
|
+
loop?: boolean;
|
|
463
|
+
disablePointerSelection?: boolean;
|
|
464
|
+
vimBindings?: boolean;
|
|
465
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
466
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
|
|
467
|
+
declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
|
|
468
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
469
|
+
} & {
|
|
470
|
+
asChild?: boolean;
|
|
471
|
+
}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
472
|
+
value?: string;
|
|
473
|
+
onValueChange?: (search: string) => void;
|
|
474
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
475
|
+
declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
|
|
476
|
+
children?: React$1.ReactNode;
|
|
477
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
478
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
479
|
+
} & {
|
|
480
|
+
asChild?: boolean;
|
|
481
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
482
|
+
label?: string;
|
|
483
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
484
|
+
declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
|
|
485
|
+
children?: React$1.ReactNode;
|
|
486
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
487
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
488
|
+
} & {
|
|
489
|
+
asChild?: boolean;
|
|
490
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
491
|
+
declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
|
|
492
|
+
children?: React$1.ReactNode;
|
|
493
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
494
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
495
|
+
} & {
|
|
496
|
+
asChild?: boolean;
|
|
497
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
498
|
+
heading?: React$1.ReactNode;
|
|
499
|
+
value?: string;
|
|
500
|
+
forceMount?: boolean;
|
|
501
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
502
|
+
declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
503
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
504
|
+
} & {
|
|
505
|
+
asChild?: boolean;
|
|
506
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
507
|
+
alwaysRender?: boolean;
|
|
508
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
509
|
+
declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
|
|
510
|
+
children?: React$1.ReactNode;
|
|
511
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
512
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
513
|
+
} & {
|
|
514
|
+
asChild?: boolean;
|
|
515
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
516
|
+
disabled?: boolean;
|
|
517
|
+
onSelect?: (value: string) => void;
|
|
518
|
+
value?: string;
|
|
519
|
+
keywords?: string[];
|
|
520
|
+
forceMount?: boolean;
|
|
521
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
522
|
+
declare const CommandShortcut: {
|
|
523
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
524
|
+
displayName: string;
|
|
525
|
+
};
|
|
526
|
+
|
|
527
|
+
export { AplicationsHeader, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, Card, CardContent, CardFooter, CardFooterItem, CardHeader, Collapsible, AnimatedCollapsibleContent as CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Input, type InputProps, type ItemOption, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, PageHeader, PageHeaderActionsContainer, PageHeaderTitle, PageHeaderTitleContent, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectPortal, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Title, buttonVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import * as React$1 from 'react';
|
|
|
4
4
|
import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps, ElementType } from 'react';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
7
8
|
import * as Accordion from '@radix-ui/react-accordion';
|
|
8
9
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
9
10
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -11,7 +12,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
|
|
|
11
12
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
12
13
|
|
|
13
14
|
declare const buttonVariants: (props?: ({
|
|
14
|
-
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
|
|
15
|
+
variant?: "default" | "confirm" | "create" | "secondary" | "danger" | "outline" | null | undefined;
|
|
15
16
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
16
17
|
outline?: boolean | null | undefined;
|
|
17
18
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
@@ -321,34 +322,206 @@ declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsibleP
|
|
|
321
322
|
declare const AnimatedCollapsibleContent: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
322
323
|
|
|
323
324
|
/**
|
|
324
|
-
*
|
|
325
|
+
* Props base para componentes de layout do cabeçalho da página.
|
|
326
|
+
* @property {React.ReactNode} [children] - Elementos filhos a serem renderizados.
|
|
327
|
+
* @property {string} [className] - Classe adicional para estilização personalizada.
|
|
325
328
|
*/
|
|
326
329
|
interface PageHeaderBaseWithChildrenProps {
|
|
327
330
|
children?: React.ReactNode;
|
|
328
331
|
className?: string;
|
|
329
332
|
}
|
|
330
333
|
/**
|
|
331
|
-
* Componente de cabeçalho da página.
|
|
334
|
+
* Componente principal de cabeçalho da página.
|
|
335
|
+
* Responsável por layout responsivo entre colunas (mobile) e linha (desktop).
|
|
336
|
+
*
|
|
337
|
+
* @component
|
|
338
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
339
|
+
* @returns {JSX.Element}
|
|
332
340
|
*/
|
|
333
341
|
declare function PageHeader({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
342
|
+
/**
|
|
343
|
+
* Container para título e descrição no cabeçalho da página.
|
|
344
|
+
* Responsável por alinhar o conteúdo de forma responsiva.
|
|
345
|
+
*
|
|
346
|
+
* @component
|
|
347
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
348
|
+
* @returns {JSX.Element}
|
|
349
|
+
*/
|
|
334
350
|
declare function PageHeaderTitleContent({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
335
351
|
/**
|
|
336
|
-
* Props para o componente
|
|
352
|
+
* Props para o componente de título do cabeçalho.
|
|
353
|
+
* @property {string} title - Título principal da página.
|
|
354
|
+
* @property {string} [description] - Descrição opcional abaixo do título.
|
|
355
|
+
* @property {ElementType} [titleAs] - Elemento HTML para o título (ex: h1, h2).
|
|
337
356
|
*/
|
|
338
357
|
interface PageHeaderTitleProps {
|
|
339
358
|
title: string;
|
|
340
359
|
description?: string;
|
|
341
360
|
titleAs?: ElementType;
|
|
342
361
|
}
|
|
362
|
+
/**
|
|
363
|
+
* Exibe o título e a descrição da página.
|
|
364
|
+
*
|
|
365
|
+
* @component
|
|
366
|
+
* @param {PageHeaderTitleProps} props
|
|
367
|
+
* @returns {JSX.Element}
|
|
368
|
+
*/
|
|
343
369
|
declare function PageHeaderTitle({ title, description, titleAs, }: PageHeaderTitleProps): react_jsx_runtime.JSX.Element;
|
|
370
|
+
/**
|
|
371
|
+
* Container para ações (botões, links) no cabeçalho da página.
|
|
372
|
+
* Alinha verticalmente no mobile e horizontalmente no desktop.
|
|
373
|
+
*
|
|
374
|
+
* @component
|
|
375
|
+
* @param {PageHeaderBaseWithChildrenProps} props
|
|
376
|
+
* @returns {JSX.Element}
|
|
377
|
+
*/
|
|
344
378
|
declare function PageHeaderActionsContainer({ children, className, }: PageHeaderBaseWithChildrenProps): react_jsx_runtime.JSX.Element;
|
|
379
|
+
/**
|
|
380
|
+
* Props para o componente de título simples.
|
|
381
|
+
* @property {string} title - Texto do título.
|
|
382
|
+
* @property {ElementType} [as] - Elemento HTML a ser usado (default: h1).
|
|
383
|
+
*/
|
|
345
384
|
interface TitleProps {
|
|
346
385
|
title: string;
|
|
347
386
|
as?: ElementType;
|
|
348
387
|
}
|
|
349
388
|
/**
|
|
350
|
-
* Componente de título
|
|
389
|
+
* Componente reutilizável de título com estilos padrão.
|
|
390
|
+
*
|
|
391
|
+
* @component
|
|
392
|
+
* @param {TitleProps} props
|
|
393
|
+
* @returns {JSX.Element}
|
|
351
394
|
*/
|
|
352
395
|
declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.JSX.Element;
|
|
353
396
|
|
|
354
|
-
|
|
397
|
+
/**
|
|
398
|
+
* Representa uma opção que pode ser selecionada no combobox.
|
|
399
|
+
* @typedef {Object} ItemOption
|
|
400
|
+
* @property {*} value - O valor associado à opção.
|
|
401
|
+
* @property {string} label - O rótulo que será exibido para o usuário.
|
|
402
|
+
*/
|
|
403
|
+
interface ItemOption {
|
|
404
|
+
value: any;
|
|
405
|
+
label: string;
|
|
406
|
+
}
|
|
407
|
+
/**
|
|
408
|
+
* Propriedades para o componente Combobox.
|
|
409
|
+
*
|
|
410
|
+
* @typedef {Object} ComboboxProps
|
|
411
|
+
* @property {ItemOption[]} [options] - Lista de opções disponíveis para seleção.
|
|
412
|
+
* @property {string} [placeholder] - Placeholder exibido quando nenhuma opção estiver selecionada.
|
|
413
|
+
* @property {{ placeholder?: string, emptyMessage?: string }} [command] - Configurações do campo de busca da lista de opções.
|
|
414
|
+
* @property {(value: string) => void} [onChange] - Função chamada quando uma opção for selecionada.
|
|
415
|
+
* @property {string} [value] - Valor atualmente selecionado.
|
|
416
|
+
*/
|
|
417
|
+
interface ComboboxProps {
|
|
418
|
+
options?: ItemOption[];
|
|
419
|
+
placeholder?: string;
|
|
420
|
+
command?: {
|
|
421
|
+
placeholder?: string;
|
|
422
|
+
emptyMessage?: string;
|
|
423
|
+
};
|
|
424
|
+
onChange?: (value: string) => void;
|
|
425
|
+
value?: string;
|
|
426
|
+
}
|
|
427
|
+
/**
|
|
428
|
+
* Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
|
|
429
|
+
*
|
|
430
|
+
* @param {ComboboxProps} props - Propriedades do componente.
|
|
431
|
+
* @returns {JSX.Element} O componente renderizado.
|
|
432
|
+
*
|
|
433
|
+
* @example
|
|
434
|
+
* ```tsx
|
|
435
|
+
* <Combobox
|
|
436
|
+
* options={[
|
|
437
|
+
* { value: 'apple', label: 'Apple' },
|
|
438
|
+
* { value: 'banana', label: 'Banana' },
|
|
439
|
+
* ]}
|
|
440
|
+
* placeholder="Selecione uma fruta"
|
|
441
|
+
* command={{ placeholder: 'Buscar...', emptyMessage: 'Nenhum resultado' }}
|
|
442
|
+
* value={selected}
|
|
443
|
+
* onChange={(newValue) => setSelected(newValue)}
|
|
444
|
+
* />
|
|
445
|
+
* ```
|
|
446
|
+
*/
|
|
447
|
+
declare function Combobox({ options, placeholder, command, onChange, value, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
448
|
+
|
|
449
|
+
declare const Command: React$1.ForwardRefExoticComponent<Omit<{
|
|
450
|
+
children?: React$1.ReactNode;
|
|
451
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
452
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
453
|
+
} & {
|
|
454
|
+
asChild?: boolean;
|
|
455
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
456
|
+
label?: string;
|
|
457
|
+
shouldFilter?: boolean;
|
|
458
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
459
|
+
defaultValue?: string;
|
|
460
|
+
value?: string;
|
|
461
|
+
onValueChange?: (value: string) => void;
|
|
462
|
+
loop?: boolean;
|
|
463
|
+
disablePointerSelection?: boolean;
|
|
464
|
+
vimBindings?: boolean;
|
|
465
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
466
|
+
declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
|
|
467
|
+
declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
|
|
468
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
469
|
+
} & {
|
|
470
|
+
asChild?: boolean;
|
|
471
|
+
}, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
472
|
+
value?: string;
|
|
473
|
+
onValueChange?: (search: string) => void;
|
|
474
|
+
} & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
475
|
+
declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
|
|
476
|
+
children?: React$1.ReactNode;
|
|
477
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
478
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
479
|
+
} & {
|
|
480
|
+
asChild?: boolean;
|
|
481
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
482
|
+
label?: string;
|
|
483
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
484
|
+
declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
|
|
485
|
+
children?: React$1.ReactNode;
|
|
486
|
+
} & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
487
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
488
|
+
} & {
|
|
489
|
+
asChild?: boolean;
|
|
490
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
491
|
+
declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
|
|
492
|
+
children?: React$1.ReactNode;
|
|
493
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
494
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
495
|
+
} & {
|
|
496
|
+
asChild?: boolean;
|
|
497
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
498
|
+
heading?: React$1.ReactNode;
|
|
499
|
+
value?: string;
|
|
500
|
+
forceMount?: boolean;
|
|
501
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
502
|
+
declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
503
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
504
|
+
} & {
|
|
505
|
+
asChild?: boolean;
|
|
506
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
507
|
+
alwaysRender?: boolean;
|
|
508
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
509
|
+
declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
|
|
510
|
+
children?: React$1.ReactNode;
|
|
511
|
+
} & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
|
|
512
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
513
|
+
} & {
|
|
514
|
+
asChild?: boolean;
|
|
515
|
+
}, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
516
|
+
disabled?: boolean;
|
|
517
|
+
onSelect?: (value: string) => void;
|
|
518
|
+
value?: string;
|
|
519
|
+
keywords?: string[];
|
|
520
|
+
forceMount?: boolean;
|
|
521
|
+
} & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
522
|
+
declare const CommandShortcut: {
|
|
523
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
524
|
+
displayName: string;
|
|
525
|
+
};
|
|
526
|
+
|
|
527
|
+
export { AplicationsHeader, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, Card, CardContent, CardFooter, CardFooterItem, CardHeader, Collapsible, AnimatedCollapsibleContent as CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Input, type InputProps, type ItemOption, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, PageHeader, PageHeaderActionsContainer, PageHeaderTitle, PageHeaderTitleContent, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectPortal, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Title, buttonVariants };
|