@flowtomic/ui 0.1.14 → 0.2.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.
- package/dist/components/_reference/shadcn-ai/prompt-input.d.ts +48 -0
- package/dist/components/_reference/shadcn-ai/prompt-input.d.ts.map +1 -0
- package/dist/components/_reference/shadcn-ai/prompt-input.js +67 -0
- package/dist/components/atoms/actions/badge/badge.d.ts +97 -1
- package/dist/components/atoms/actions/badge/badge.d.ts.map +1 -1
- package/dist/components/atoms/actions/badge/badge.js +83 -0
- package/dist/components/atoms/actions/button/button.d.ts +134 -1
- package/dist/components/atoms/actions/button/button.d.ts.map +1 -1
- package/dist/components/atoms/actions/button/button.js +106 -0
- package/dist/components/atoms/actions/context-menu/context-menu.d.ts +79 -0
- package/dist/components/atoms/actions/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/atoms/actions/context-menu/context-menu.js +55 -0
- package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.d.ts +51 -3
- package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.js +51 -3
- package/dist/components/atoms/animation/encrypted-text/encrypted-text.d.ts.map +1 -1
- package/dist/components/atoms/animation/encrypted-text/encrypted-text.js +3 -1
- package/dist/components/atoms/feedback/alert/alert.d.ts +77 -12
- package/dist/components/atoms/feedback/alert/alert.d.ts.map +1 -1
- package/dist/components/atoms/feedback/alert/alert.js +64 -12
- package/dist/components/atoms/feedback/alert-dialog/alert-dialog.d.ts +2 -2
- package/dist/components/atoms/feedback/dialog/dialog.d.ts +66 -8
- package/dist/components/atoms/feedback/dialog/dialog.d.ts.map +1 -1
- package/dist/components/atoms/feedback/dialog/dialog.js +66 -8
- package/dist/components/atoms/feedback/hover-card/hover-card.d.ts +45 -5
- package/dist/components/atoms/feedback/hover-card/hover-card.d.ts.map +1 -1
- package/dist/components/atoms/feedback/hover-card/hover-card.js +45 -5
- package/dist/components/atoms/feedback/inline-citation/inline-citation.d.ts +53 -2
- package/dist/components/atoms/feedback/inline-citation/inline-citation.d.ts.map +1 -1
- package/dist/components/atoms/feedback/inline-citation/inline-citation.js +53 -2
- package/dist/components/atoms/feedback/popover/popover.d.ts +78 -0
- package/dist/components/atoms/feedback/popover/popover.d.ts.map +1 -1
- package/dist/components/atoms/feedback/popover/popover.js +64 -0
- package/dist/components/atoms/feedback/sheet/sheet.d.ts +90 -0
- package/dist/components/atoms/feedback/sheet/sheet.d.ts.map +1 -1
- package/dist/components/atoms/feedback/sheet/sheet.js +78 -0
- package/dist/components/atoms/feedback/sonner/sonner.d.ts +66 -6
- package/dist/components/atoms/feedback/sonner/sonner.d.ts.map +1 -1
- package/dist/components/atoms/feedback/sonner/sonner.js +66 -6
- package/dist/components/atoms/feedback/tooltip/tooltip.d.ts +54 -4
- package/dist/components/atoms/feedback/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/atoms/feedback/tooltip/tooltip.js +63 -5
- package/dist/components/atoms/forms/checkbox/checkbox.d.ts +62 -4
- package/dist/components/atoms/forms/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/atoms/forms/checkbox/checkbox.js +58 -4
- package/dist/components/atoms/forms/field/field.d.ts +67 -0
- package/dist/components/atoms/forms/field/field.d.ts.map +1 -1
- package/dist/components/atoms/forms/field/field.js +47 -0
- package/dist/components/atoms/forms/form/form.d.ts +60 -0
- package/dist/components/atoms/forms/form/form.d.ts.map +1 -1
- package/dist/components/atoms/forms/form/form.js +3 -0
- package/dist/components/atoms/forms/input/input.d.ts +100 -1
- package/dist/components/atoms/forms/input/input.d.ts.map +1 -1
- package/dist/components/atoms/forms/input/input.js +82 -0
- package/dist/components/atoms/forms/input-otp/input-otp.d.ts +62 -0
- package/dist/components/atoms/forms/input-otp/input-otp.d.ts.map +1 -1
- package/dist/components/atoms/forms/input-otp/input-otp.js +50 -0
- package/dist/components/atoms/forms/label/label.d.ts +54 -0
- package/dist/components/atoms/forms/label/label.d.ts.map +1 -1
- package/dist/components/atoms/forms/label/label.js +50 -0
- package/dist/components/atoms/forms/radio-group/radio-group.d.ts +47 -0
- package/dist/components/atoms/forms/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/atoms/forms/radio-group/radio-group.js +43 -0
- package/dist/components/atoms/forms/select/select.d.ts +62 -0
- package/dist/components/atoms/forms/select/select.d.ts.map +1 -1
- package/dist/components/atoms/forms/select/select.js +62 -0
- package/dist/components/atoms/forms/slider/slider.d.ts +60 -0
- package/dist/components/atoms/forms/slider/slider.d.ts.map +1 -1
- package/dist/components/atoms/forms/slider/slider.js +53 -1
- package/dist/components/atoms/forms/switch/switch.d.ts +67 -0
- package/dist/components/atoms/forms/switch/switch.d.ts.map +1 -1
- package/dist/components/atoms/forms/switch/switch.js +63 -0
- package/dist/components/atoms/forms/textarea/textarea.d.ts +66 -0
- package/dist/components/atoms/forms/textarea/textarea.d.ts.map +1 -1
- package/dist/components/atoms/forms/textarea/textarea.js +13 -0
- package/dist/components/atoms/forms/toggle/toggle.d.ts +65 -1
- package/dist/components/atoms/forms/toggle/toggle.d.ts.map +1 -1
- package/dist/components/atoms/forms/toggle/toggle.js +58 -0
- package/dist/components/atoms/index.d.ts +0 -2
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/atoms/index.js +0 -1
- package/dist/components/atoms/layout/accordion/accordion.d.ts +84 -0
- package/dist/components/atoms/layout/accordion/accordion.d.ts.map +1 -1
- package/dist/components/atoms/layout/accordion/accordion.js +72 -0
- package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.d.ts +54 -0
- package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.d.ts.map +1 -1
- package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.js +49 -0
- package/dist/components/atoms/layout/collapsible/collapsible.d.ts +47 -5
- package/dist/components/atoms/layout/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/atoms/layout/collapsible/collapsible.js +47 -5
- package/dist/components/atoms/layout/drawer/drawer.d.ts +55 -0
- package/dist/components/atoms/layout/drawer/drawer.d.ts.map +1 -1
- package/dist/components/atoms/layout/index.d.ts +2 -0
- package/dist/components/atoms/layout/index.d.ts.map +1 -1
- package/dist/components/atoms/layout/index.js +1 -0
- package/dist/components/atoms/layout/resizable/resizable.d.ts +77 -2
- package/dist/components/atoms/layout/resizable/resizable.d.ts.map +1 -1
- package/dist/components/atoms/layout/resizable/resizable.js +68 -0
- package/dist/components/atoms/layout/scroll-area/scroll-area.d.ts +34 -2
- package/dist/components/atoms/layout/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/atoms/layout/scroll-area/scroll-area.js +35 -3
- package/dist/components/atoms/layout/sidebar/sidebar.d.ts +66 -1
- package/dist/components/atoms/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/atoms/layout/sidebar/sidebar.js +66 -0
- package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts +73 -0
- package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts.map +1 -1
- package/dist/components/atoms/layout/toggle-group/toggle-group.js +57 -0
- package/dist/components/atoms/layout/widget-resize-handle/index.d.ts +3 -0
- package/dist/components/atoms/layout/widget-resize-handle/index.d.ts.map +1 -0
- package/dist/components/atoms/layout/widget-resize-handle/index.js +1 -0
- package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.d.ts +98 -0
- package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.d.ts.map +1 -0
- package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.js +117 -0
- package/dist/components/atoms/navigation/command/command.d.ts +7 -7
- package/dist/components/molecules/data-display/chat-message/chat-message.d.ts +39 -0
- package/dist/components/molecules/data-display/chat-message/chat-message.d.ts.map +1 -0
- package/dist/components/molecules/data-display/chat-message/chat-message.js +85 -0
- package/dist/components/molecules/data-display/chat-message/index.d.ts +3 -0
- package/dist/components/molecules/data-display/chat-message/index.d.ts.map +1 -0
- package/dist/components/molecules/data-display/chat-message/index.js +1 -0
- package/dist/components/molecules/data-display/message/message.d.ts +22 -6
- package/dist/components/molecules/data-display/message/message.d.ts.map +1 -1
- package/dist/components/molecules/data-display/message/message.js +192 -8
- package/dist/components/molecules/draggable-widget/draggable-widget.d.ts.map +1 -1
- package/dist/components/molecules/draggable-widget/draggable-widget.js +6 -2
- package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts +20 -0
- package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts.map +1 -0
- package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.js +65 -0
- package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts +3 -0
- package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts.map +1 -0
- package/dist/components/molecules/feedback/edit-chat-message-modal/index.js +1 -0
- package/dist/components/molecules/forms/autocomplete/autocomplete-section.d.ts.map +1 -1
- package/dist/components/molecules/forms/autocomplete/autocomplete-section.js +3 -1
- package/dist/components/molecules/forms/chat-input/chat-input.d.ts +46 -0
- package/dist/components/molecules/forms/chat-input/chat-input.d.ts.map +1 -0
- package/dist/components/molecules/forms/chat-input/chat-input.js +57 -0
- package/dist/components/molecules/forms/chat-input/index.d.ts +3 -0
- package/dist/components/molecules/forms/chat-input/index.d.ts.map +1 -0
- package/dist/components/molecules/forms/chat-input/index.js +1 -0
- package/dist/components/molecules/forms/item/item.d.ts +1 -1
- package/dist/components/molecules/forms/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/molecules/index.d.ts +6 -0
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/components/molecules/index.js +3 -0
- package/dist/components/molecules/navigation/menu-dock/menu-dock.js +1 -1
- package/dist/components/organisms/chat-log/chat-log.d.ts +30 -0
- package/dist/components/organisms/chat-log/chat-log.d.ts.map +1 -0
- package/dist/components/organisms/chat-log/chat-log.js +21 -0
- package/dist/components/organisms/chat-log/index.d.ts +3 -0
- package/dist/components/organisms/chat-log/index.d.ts.map +1 -0
- package/dist/components/organisms/chat-log/index.js +1 -0
- package/dist/components/organisms/document-editor/document-editor.d.ts.map +1 -1
- package/dist/components/organisms/document-editor/document-editor.js +2 -2
- package/dist/components/organisms/draggable-dashboard-grid/draggable-dashboard-grid.d.ts.map +1 -1
- package/dist/components/organisms/draggable-dashboard-grid/draggable-dashboard-grid.js +1 -1
- package/dist/components/organisms/form-layout/form-layout.d.ts.map +1 -1
- package/dist/components/organisms/form-layout/form-layout.js +3 -1
- package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts +0 -5
- package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts.map +1 -1
- package/dist/components/organisms/genealogy-canvas/genealogy-canvas.js +50 -55
- package/dist/components/organisms/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts.map +1 -1
- package/dist/components/organisms/index.js +1 -0
- package/dist/components/organisms/model-selector/model-selector.d.ts +1 -1
- package/dist/components/organisms/prompt-input/index.d.ts +1 -1
- package/dist/components/organisms/prompt-input/index.d.ts.map +1 -1
- package/dist/components/organisms/prompt-input/index.js +1 -1
- package/dist/components/organisms/prompt-input/prompt-input.d.ts +22 -7
- package/dist/components/organisms/prompt-input/prompt-input.d.ts.map +1 -1
- package/dist/components/organisms/prompt-input/prompt-input.js +26 -17
- package/dist/index.js +501 -501
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/test/setup.js +43 -0
- package/package.json +18 -2
|
@@ -1,5 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* # ContextMenu Component
|
|
3
|
+
*
|
|
4
|
+
* O componente `ContextMenu` exibe um menu contextual ao disparar evento de clique secundário (botão direito).
|
|
5
|
+
* É útil para listas, áreas de trabalho ricas e interfaces que requerem ações contextuais.
|
|
6
|
+
*
|
|
7
|
+
* ## Características Principais
|
|
8
|
+
*
|
|
9
|
+
* - **Clique Secundário**: Abre via clique com botão direito do mouse
|
|
10
|
+
* - **Acessível**: Suporta navegação por teclado após abertura programática
|
|
11
|
+
* - **Composição**: Múltiplos sub-componentes para flexibilidade
|
|
12
|
+
* - **Animações**: Transições suaves de abertura/fechamento
|
|
13
|
+
* - **Baseado em Radix UI**: Usa primitives do Radix UI para acessibilidade
|
|
14
|
+
*
|
|
15
|
+
* ## Componentes
|
|
16
|
+
*
|
|
17
|
+
* - **ContextMenu**: Container raiz do menu
|
|
18
|
+
* - **ContextMenuTrigger**: Área que dispara o menu (clique direito)
|
|
19
|
+
* - **ContextMenuContent**: Conteúdo do menu
|
|
20
|
+
* - **ContextMenuItem**: Item individual do menu
|
|
21
|
+
* - **ContextMenuLabel**: Label/separador de seção
|
|
22
|
+
* - **ContextMenuSeparator**: Separador visual
|
|
23
|
+
* - **ContextMenuShortcut**: Atalho de teclado
|
|
24
|
+
* - **ContextMenuSub**: Submenu aninhado
|
|
25
|
+
* - **ContextMenuCheckboxItem**: Item com checkbox
|
|
26
|
+
* - **ContextMenuRadioItem**: Item com radio button
|
|
27
|
+
*
|
|
28
|
+
* ## Uso Básico
|
|
29
|
+
*
|
|
30
|
+
* ```tsx
|
|
31
|
+
* import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem } from "@flowtomic/ui/components/atoms/actions/context-menu";
|
|
32
|
+
*
|
|
33
|
+
* function MyComponent() {
|
|
34
|
+
* return (
|
|
35
|
+
* <ContextMenu>
|
|
36
|
+
* <ContextMenuTrigger>Clique com botão direito</ContextMenuTrigger>
|
|
37
|
+
* <ContextMenuContent>
|
|
38
|
+
* <ContextMenuItem>Copiar</ContextMenuItem>
|
|
39
|
+
* <ContextMenuItem>Colar</ContextMenuItem>
|
|
40
|
+
* <ContextMenuItem variant="destructive">Excluir</ContextMenuItem>
|
|
41
|
+
* </ContextMenuContent>
|
|
42
|
+
* </ContextMenu>
|
|
43
|
+
* );
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* ## Acessibilidade
|
|
48
|
+
*
|
|
49
|
+
* - Suporta navegação por teclado (setas, Enter, Esc)
|
|
50
|
+
* - Segue padrões WAI-ARIA via Radix UI
|
|
51
|
+
* - Foco gerenciado automaticamente
|
|
52
|
+
* - Suporta leitores de tela
|
|
53
|
+
*
|
|
54
|
+
* @see [Radix UI Context Menu](https://www.radix-ui.com/primitives/docs/components/context-menu) para mais detalhes
|
|
55
|
+
*/
|
|
1
56
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
2
57
|
import type * as React from "react";
|
|
58
|
+
/**
|
|
59
|
+
* Props do componente ContextMenu (Root).
|
|
60
|
+
* @see ContextMenuPrimitive.Root para props disponíveis
|
|
61
|
+
*/
|
|
3
62
|
export type ContextMenuProps = React.ComponentProps<typeof ContextMenuPrimitive.Root>;
|
|
4
63
|
declare function ContextMenu(props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
5
64
|
declare namespace ContextMenu {
|
|
@@ -30,7 +89,13 @@ declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): impor
|
|
|
30
89
|
declare namespace ContextMenuRadioGroup {
|
|
31
90
|
var displayName: string;
|
|
32
91
|
}
|
|
92
|
+
/**
|
|
93
|
+
* Props do componente ContextMenuSubTrigger.
|
|
94
|
+
*
|
|
95
|
+
* @property {boolean} [inset=false] - Quando `true`, adiciona padding à esquerda
|
|
96
|
+
*/
|
|
33
97
|
export interface ContextMenuSubTriggerProps extends React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
|
|
98
|
+
/** Quando `true`, adiciona padding à esquerda */
|
|
34
99
|
inset?: boolean;
|
|
35
100
|
}
|
|
36
101
|
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -47,8 +112,16 @@ declare function ContextMenuContent({ className, ...props }: ContextMenuContentP
|
|
|
47
112
|
declare namespace ContextMenuContent {
|
|
48
113
|
var displayName: string;
|
|
49
114
|
}
|
|
115
|
+
/**
|
|
116
|
+
* Props do componente ContextMenuItem.
|
|
117
|
+
*
|
|
118
|
+
* @property {boolean} [inset=false] - Quando `true`, adiciona padding à esquerda (útil para itens aninhados)
|
|
119
|
+
* @property {'default' | 'destructive'} [variant='default'] - Variante do item (destructive para ações destrutivas)
|
|
120
|
+
*/
|
|
50
121
|
export interface ContextMenuItemProps extends React.ComponentProps<typeof ContextMenuPrimitive.Item> {
|
|
122
|
+
/** Quando `true`, adiciona padding à esquerda (útil para itens aninhados) */
|
|
51
123
|
inset?: boolean;
|
|
124
|
+
/** Variante do item (destructive para ações destrutivas) */
|
|
52
125
|
variant?: "default" | "destructive";
|
|
53
126
|
}
|
|
54
127
|
declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -65,7 +138,13 @@ declare function ContextMenuRadioItem({ className, children, ...props }: Context
|
|
|
65
138
|
declare namespace ContextMenuRadioItem {
|
|
66
139
|
var displayName: string;
|
|
67
140
|
}
|
|
141
|
+
/**
|
|
142
|
+
* Props do componente ContextMenuLabel.
|
|
143
|
+
*
|
|
144
|
+
* @property {boolean} [inset=false] - Quando `true`, adiciona padding à esquerda
|
|
145
|
+
*/
|
|
68
146
|
export interface ContextMenuLabelProps extends React.ComponentProps<typeof ContextMenuPrimitive.Label> {
|
|
147
|
+
/** Quando `true`, adiciona padding à esquerda */
|
|
69
148
|
inset?: boolean;
|
|
70
149
|
}
|
|
71
150
|
declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/context-menu/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/context-menu/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,59 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* # ContextMenu Component
|
|
4
|
+
*
|
|
5
|
+
* O componente `ContextMenu` exibe um menu contextual ao disparar evento de clique secundário (botão direito).
|
|
6
|
+
* É útil para listas, áreas de trabalho ricas e interfaces que requerem ações contextuais.
|
|
7
|
+
*
|
|
8
|
+
* ## Características Principais
|
|
9
|
+
*
|
|
10
|
+
* - **Clique Secundário**: Abre via clique com botão direito do mouse
|
|
11
|
+
* - **Acessível**: Suporta navegação por teclado após abertura programática
|
|
12
|
+
* - **Composição**: Múltiplos sub-componentes para flexibilidade
|
|
13
|
+
* - **Animações**: Transições suaves de abertura/fechamento
|
|
14
|
+
* - **Baseado em Radix UI**: Usa primitives do Radix UI para acessibilidade
|
|
15
|
+
*
|
|
16
|
+
* ## Componentes
|
|
17
|
+
*
|
|
18
|
+
* - **ContextMenu**: Container raiz do menu
|
|
19
|
+
* - **ContextMenuTrigger**: Área que dispara o menu (clique direito)
|
|
20
|
+
* - **ContextMenuContent**: Conteúdo do menu
|
|
21
|
+
* - **ContextMenuItem**: Item individual do menu
|
|
22
|
+
* - **ContextMenuLabel**: Label/separador de seção
|
|
23
|
+
* - **ContextMenuSeparator**: Separador visual
|
|
24
|
+
* - **ContextMenuShortcut**: Atalho de teclado
|
|
25
|
+
* - **ContextMenuSub**: Submenu aninhado
|
|
26
|
+
* - **ContextMenuCheckboxItem**: Item com checkbox
|
|
27
|
+
* - **ContextMenuRadioItem**: Item com radio button
|
|
28
|
+
*
|
|
29
|
+
* ## Uso Básico
|
|
30
|
+
*
|
|
31
|
+
* ```tsx
|
|
32
|
+
* import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem } from "@flowtomic/ui/components/atoms/actions/context-menu";
|
|
33
|
+
*
|
|
34
|
+
* function MyComponent() {
|
|
35
|
+
* return (
|
|
36
|
+
* <ContextMenu>
|
|
37
|
+
* <ContextMenuTrigger>Clique com botão direito</ContextMenuTrigger>
|
|
38
|
+
* <ContextMenuContent>
|
|
39
|
+
* <ContextMenuItem>Copiar</ContextMenuItem>
|
|
40
|
+
* <ContextMenuItem>Colar</ContextMenuItem>
|
|
41
|
+
* <ContextMenuItem variant="destructive">Excluir</ContextMenuItem>
|
|
42
|
+
* </ContextMenuContent>
|
|
43
|
+
* </ContextMenu>
|
|
44
|
+
* );
|
|
45
|
+
* }
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* ## Acessibilidade
|
|
49
|
+
*
|
|
50
|
+
* - Suporta navegação por teclado (setas, Enter, Esc)
|
|
51
|
+
* - Segue padrões WAI-ARIA via Radix UI
|
|
52
|
+
* - Foco gerenciado automaticamente
|
|
53
|
+
* - Suporta leitores de tela
|
|
54
|
+
*
|
|
55
|
+
* @see [Radix UI Context Menu](https://www.radix-ui.com/primitives/docs/components/context-menu) para mais detalhes
|
|
56
|
+
*/
|
|
2
57
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
58
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
59
|
import { cn } from "@/lib/utils";
|
|
@@ -1,8 +1,56 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* DropdownMenu Component
|
|
2
|
+
* # DropdownMenu Component
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
4
|
+
* O componente `DropdownMenu` fornece um menu contextual leve com foco em acessibilidade via Radix UI primitives.
|
|
5
|
+
* É útil para ações secundárias agrupadas em um trigger discreto (texto ou ícone).
|
|
6
|
+
*
|
|
7
|
+
* ## Características Principais
|
|
8
|
+
*
|
|
9
|
+
* - **Trigger Flexível**: Suporta qualquer elemento como trigger (Button, ícone, texto)
|
|
10
|
+
* - **Acessível**: Suporta navegação completa por teclado e leitores de tela
|
|
11
|
+
* - **Composição**: Múltiplos sub-componentes para flexibilidade
|
|
12
|
+
* - **Animações**: Transições suaves de abertura/fechamento
|
|
13
|
+
* - **Baseado em Radix UI**: Usa primitives do Radix UI para acessibilidade
|
|
14
|
+
*
|
|
15
|
+
* ## Componentes
|
|
16
|
+
*
|
|
17
|
+
* - **DropdownMenu**: Container raiz do menu
|
|
18
|
+
* - **DropdownMenuTrigger**: Elemento que dispara o menu (clique ou teclado)
|
|
19
|
+
* - **DropdownMenuContent**: Conteúdo do menu
|
|
20
|
+
* - **DropdownMenuItem**: Item individual do menu
|
|
21
|
+
* - **DropdownMenuLabel**: Label/separador de seção
|
|
22
|
+
* - **DropdownMenuSeparator**: Separador visual
|
|
23
|
+
*
|
|
24
|
+
* ## Uso Básico
|
|
25
|
+
*
|
|
26
|
+
* ```tsx
|
|
27
|
+
* import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@flowtomic/ui/components/atoms/actions/dropdown-menu";
|
|
28
|
+
* import { Button } from "@flowtomic/ui/components/atoms/actions/button";
|
|
29
|
+
*
|
|
30
|
+
* function MyComponent() {
|
|
31
|
+
* return (
|
|
32
|
+
* <DropdownMenu>
|
|
33
|
+
* <DropdownMenuTrigger asChild>
|
|
34
|
+
* <Button>Abrir Menu</Button>
|
|
35
|
+
* </DropdownMenuTrigger>
|
|
36
|
+
* <DropdownMenuContent>
|
|
37
|
+
* <DropdownMenuItem>Item 1</DropdownMenuItem>
|
|
38
|
+
* <DropdownMenuItem>Item 2</DropdownMenuItem>
|
|
39
|
+
* <DropdownMenuItem>Item 3</DropdownMenuItem>
|
|
40
|
+
* </DropdownMenuContent>
|
|
41
|
+
* </DropdownMenu>
|
|
42
|
+
* );
|
|
43
|
+
* }
|
|
44
|
+
* ```
|
|
45
|
+
*
|
|
46
|
+
* ## Acessibilidade
|
|
47
|
+
*
|
|
48
|
+
* - Suporta navegação por teclado (Enter, Espaço, setas, Esc)
|
|
49
|
+
* - Segue padrões WAI-ARIA via Radix UI
|
|
50
|
+
* - Foco gerenciado automaticamente
|
|
51
|
+
* - Suporta leitores de tela
|
|
52
|
+
*
|
|
53
|
+
* @see [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) para mais detalhes
|
|
6
54
|
*/
|
|
7
55
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
8
56
|
import * as React from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AAEH,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAClG,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CACnE,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CACnE,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,qBAAqB,CAAC,IAAI,CAClC,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,qBAAqB,CAAC,KAAK,CACnC,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,qBAAqB,CAAC,SAAS,CACvC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAGhD;;GAEG;AACH,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAG1D;;GAEG;AACH,QAAA,MAAM,mBAAmB,0KAkBvB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,gBAAgB,uKAgBpB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,wKAWrB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,qBAAqB,4KAWzB,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,GACtB,CAAC"}
|
|
@@ -1,9 +1,57 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
|
-
* DropdownMenu Component
|
|
3
|
+
* # DropdownMenu Component
|
|
4
4
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
5
|
+
* O componente `DropdownMenu` fornece um menu contextual leve com foco em acessibilidade via Radix UI primitives.
|
|
6
|
+
* É útil para ações secundárias agrupadas em um trigger discreto (texto ou ícone).
|
|
7
|
+
*
|
|
8
|
+
* ## Características Principais
|
|
9
|
+
*
|
|
10
|
+
* - **Trigger Flexível**: Suporta qualquer elemento como trigger (Button, ícone, texto)
|
|
11
|
+
* - **Acessível**: Suporta navegação completa por teclado e leitores de tela
|
|
12
|
+
* - **Composição**: Múltiplos sub-componentes para flexibilidade
|
|
13
|
+
* - **Animações**: Transições suaves de abertura/fechamento
|
|
14
|
+
* - **Baseado em Radix UI**: Usa primitives do Radix UI para acessibilidade
|
|
15
|
+
*
|
|
16
|
+
* ## Componentes
|
|
17
|
+
*
|
|
18
|
+
* - **DropdownMenu**: Container raiz do menu
|
|
19
|
+
* - **DropdownMenuTrigger**: Elemento que dispara o menu (clique ou teclado)
|
|
20
|
+
* - **DropdownMenuContent**: Conteúdo do menu
|
|
21
|
+
* - **DropdownMenuItem**: Item individual do menu
|
|
22
|
+
* - **DropdownMenuLabel**: Label/separador de seção
|
|
23
|
+
* - **DropdownMenuSeparator**: Separador visual
|
|
24
|
+
*
|
|
25
|
+
* ## Uso Básico
|
|
26
|
+
*
|
|
27
|
+
* ```tsx
|
|
28
|
+
* import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@flowtomic/ui/components/atoms/actions/dropdown-menu";
|
|
29
|
+
* import { Button } from "@flowtomic/ui/components/atoms/actions/button";
|
|
30
|
+
*
|
|
31
|
+
* function MyComponent() {
|
|
32
|
+
* return (
|
|
33
|
+
* <DropdownMenu>
|
|
34
|
+
* <DropdownMenuTrigger asChild>
|
|
35
|
+
* <Button>Abrir Menu</Button>
|
|
36
|
+
* </DropdownMenuTrigger>
|
|
37
|
+
* <DropdownMenuContent>
|
|
38
|
+
* <DropdownMenuItem>Item 1</DropdownMenuItem>
|
|
39
|
+
* <DropdownMenuItem>Item 2</DropdownMenuItem>
|
|
40
|
+
* <DropdownMenuItem>Item 3</DropdownMenuItem>
|
|
41
|
+
* </DropdownMenuContent>
|
|
42
|
+
* </DropdownMenu>
|
|
43
|
+
* );
|
|
44
|
+
* }
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* ## Acessibilidade
|
|
48
|
+
*
|
|
49
|
+
* - Suporta navegação por teclado (Enter, Espaço, setas, Esc)
|
|
50
|
+
* - Segue padrões WAI-ARIA via Radix UI
|
|
51
|
+
* - Foco gerenciado automaticamente
|
|
52
|
+
* - Suporta leitores de tela
|
|
53
|
+
*
|
|
54
|
+
* @see [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) para mais detalhes
|
|
7
55
|
*/
|
|
8
56
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
9
57
|
import * as React from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"encrypted-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/encrypted-text/encrypted-text.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"encrypted-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/encrypted-text/encrypted-text.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiGtD,CAAC"}
|
|
@@ -99,6 +99,8 @@ export const EncryptedText = ({ text, className, revealDelayMs = 50, charset = D
|
|
|
99
99
|
: char === " "
|
|
100
100
|
? " "
|
|
101
101
|
: (scrambleCharsRef.current[index] ?? generateRandomCharacter(charset));
|
|
102
|
-
return (
|
|
102
|
+
return (
|
|
103
|
+
// biome-ignore lint/suspicious/noArrayIndexKey: O índice é estável para esta animação de caracteres
|
|
104
|
+
_jsx("span", { className: cn(isRevealed ? revealedClassName : encryptedClassName), children: displayChar }, index));
|
|
103
105
|
}) }));
|
|
104
106
|
};
|
|
@@ -1,15 +1,49 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Alert Component
|
|
2
|
+
* # Alert Component
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
4
|
+
* O componente `Alert` é usado para exibir mensagens importantes ao usuário,
|
|
5
|
+
* como avisos, erros, sucessos ou informações. Fornece feedback visual claro
|
|
6
|
+
* através de variantes semânticas.
|
|
6
7
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* -
|
|
10
|
-
* -
|
|
11
|
-
* -
|
|
12
|
-
* -
|
|
8
|
+
* ## Características Principais
|
|
9
|
+
*
|
|
10
|
+
* - **Variantes Semânticas**: Suporta múltiplas variantes (default, destructive, success, warning, info)
|
|
11
|
+
* - **Composição**: Alert + AlertTitle + AlertDescription para estrutura flexível
|
|
12
|
+
* - **Ícones**: Suporta ícones para melhor comunicação visual
|
|
13
|
+
* - **Acessível**: Usa role="alert" para leitores de tela
|
|
14
|
+
*
|
|
15
|
+
* ## Variantes
|
|
16
|
+
*
|
|
17
|
+
* - **`default`**: Estilo padrão neutro
|
|
18
|
+
* - **`destructive`**: Para erros e ações destrutivas (ex: "Erro", "Falha")
|
|
19
|
+
* - **`success`**: Para mensagens de sucesso
|
|
20
|
+
* - **`warning`**: Para avisos e alertas (ex: "Atenção", "Aviso")
|
|
21
|
+
* - **`info`**: Para informações gerais
|
|
22
|
+
*
|
|
23
|
+
* ## Uso Básico
|
|
24
|
+
*
|
|
25
|
+
* ```tsx
|
|
26
|
+
* import { Alert, AlertTitle, AlertDescription } from "@flowtomic/ui/components/atoms/feedback/alert";
|
|
27
|
+
* import { AlertCircle } from "lucide-react";
|
|
28
|
+
*
|
|
29
|
+
* function MyComponent() {
|
|
30
|
+
* return (
|
|
31
|
+
* <Alert>
|
|
32
|
+
* <AlertCircle className="h-4 w-4" />
|
|
33
|
+
* <AlertTitle>Atenção</AlertTitle>
|
|
34
|
+
* <AlertDescription>Mensagem de alerta</AlertDescription>
|
|
35
|
+
* </Alert>
|
|
36
|
+
* );
|
|
37
|
+
* }
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* ## Acessibilidade
|
|
41
|
+
*
|
|
42
|
+
* - Usa `role="alert"` para leitores de tela
|
|
43
|
+
* - Estrutura semântica com título e descrição
|
|
44
|
+
* - Suporta ícones para comunicação visual
|
|
45
|
+
*
|
|
46
|
+
* @see [Alert Component Stories](./alert.stories.tsx) para exemplos de uso
|
|
13
47
|
*/
|
|
14
48
|
import { type VariantProps } from "class-variance-authority";
|
|
15
49
|
import * as React from "react";
|
|
@@ -19,17 +53,48 @@ declare const alertVariants: (props?: ({
|
|
|
19
53
|
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
20
54
|
}
|
|
21
55
|
/**
|
|
22
|
-
*
|
|
56
|
+
* Props do componente Alert.
|
|
57
|
+
*
|
|
58
|
+
* @property {'default' | 'destructive' | 'success' | 'warning' | 'info'} [variant='default'] - Variante visual do alert
|
|
59
|
+
*/
|
|
60
|
+
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Alert - Container principal do alert.
|
|
64
|
+
*
|
|
65
|
+
* Componente de alerta usado para exibir mensagens importantes ao usuário.
|
|
66
|
+
* Suporta múltiplas variantes semânticas para diferentes tipos de feedback.
|
|
67
|
+
*
|
|
68
|
+
* @param {AlertProps} props - Props do componente
|
|
69
|
+
* @returns {JSX.Element} Componente Alert
|
|
23
70
|
*/
|
|
24
71
|
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
/**
|
|
73
|
+
* Props do componente AlertTitle.
|
|
74
|
+
*/
|
|
25
75
|
export type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
|
|
26
76
|
/**
|
|
27
|
-
* AlertTitle - Título do alert
|
|
77
|
+
* AlertTitle - Título do alert.
|
|
78
|
+
*
|
|
79
|
+
* Componente usado para exibir o título do alerta.
|
|
80
|
+
* Deve ser usado dentro de um componente Alert.
|
|
81
|
+
*
|
|
82
|
+
* @param {AlertTitleProps} props - Props do componente
|
|
83
|
+
* @returns {JSX.Element} Componente AlertTitle
|
|
28
84
|
*/
|
|
29
85
|
declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
86
|
+
/**
|
|
87
|
+
* Props do componente AlertDescription.
|
|
88
|
+
*/
|
|
30
89
|
export type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
31
90
|
/**
|
|
32
|
-
* AlertDescription - Descrição do alert
|
|
91
|
+
* AlertDescription - Descrição do alert.
|
|
92
|
+
*
|
|
93
|
+
* Componente usado para exibir a descrição detalhada do alerta.
|
|
94
|
+
* Deve ser usado dentro de um componente Alert.
|
|
95
|
+
*
|
|
96
|
+
* @param {AlertDescriptionProps} props - Props do componente
|
|
97
|
+
* @returns {JSX.Element} Componente AlertDescription
|
|
33
98
|
*/
|
|
34
99
|
declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
35
100
|
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;;;GAIG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,mFAIV,CAAC;AAGF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvE;;;;;;;;GAQG;AACH,QAAA,MAAM,UAAU,8FAQf,CAAC;AAGF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE/E;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,oGAIrB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,16 +1,50 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
|
-
* Alert Component
|
|
3
|
+
* # Alert Component
|
|
4
4
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
5
|
+
* O componente `Alert` é usado para exibir mensagens importantes ao usuário,
|
|
6
|
+
* como avisos, erros, sucessos ou informações. Fornece feedback visual claro
|
|
7
|
+
* através de variantes semânticas.
|
|
7
8
|
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* -
|
|
11
|
-
* -
|
|
12
|
-
* -
|
|
13
|
-
* -
|
|
9
|
+
* ## Características Principais
|
|
10
|
+
*
|
|
11
|
+
* - **Variantes Semânticas**: Suporta múltiplas variantes (default, destructive, success, warning, info)
|
|
12
|
+
* - **Composição**: Alert + AlertTitle + AlertDescription para estrutura flexível
|
|
13
|
+
* - **Ícones**: Suporta ícones para melhor comunicação visual
|
|
14
|
+
* - **Acessível**: Usa role="alert" para leitores de tela
|
|
15
|
+
*
|
|
16
|
+
* ## Variantes
|
|
17
|
+
*
|
|
18
|
+
* - **`default`**: Estilo padrão neutro
|
|
19
|
+
* - **`destructive`**: Para erros e ações destrutivas (ex: "Erro", "Falha")
|
|
20
|
+
* - **`success`**: Para mensagens de sucesso
|
|
21
|
+
* - **`warning`**: Para avisos e alertas (ex: "Atenção", "Aviso")
|
|
22
|
+
* - **`info`**: Para informações gerais
|
|
23
|
+
*
|
|
24
|
+
* ## Uso Básico
|
|
25
|
+
*
|
|
26
|
+
* ```tsx
|
|
27
|
+
* import { Alert, AlertTitle, AlertDescription } from "@flowtomic/ui/components/atoms/feedback/alert";
|
|
28
|
+
* import { AlertCircle } from "lucide-react";
|
|
29
|
+
*
|
|
30
|
+
* function MyComponent() {
|
|
31
|
+
* return (
|
|
32
|
+
* <Alert>
|
|
33
|
+
* <AlertCircle className="h-4 w-4" />
|
|
34
|
+
* <AlertTitle>Atenção</AlertTitle>
|
|
35
|
+
* <AlertDescription>Mensagem de alerta</AlertDescription>
|
|
36
|
+
* </Alert>
|
|
37
|
+
* );
|
|
38
|
+
* }
|
|
39
|
+
* ```
|
|
40
|
+
*
|
|
41
|
+
* ## Acessibilidade
|
|
42
|
+
*
|
|
43
|
+
* - Usa `role="alert"` para leitores de tela
|
|
44
|
+
* - Estrutura semântica com título e descrição
|
|
45
|
+
* - Suporta ícones para comunicação visual
|
|
46
|
+
*
|
|
47
|
+
* @see [Alert Component Stories](./alert.stories.tsx) para exemplos de uso
|
|
14
48
|
*/
|
|
15
49
|
import { cva } from "class-variance-authority";
|
|
16
50
|
import * as React from "react";
|
|
@@ -30,17 +64,35 @@ const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [
|
|
|
30
64
|
},
|
|
31
65
|
});
|
|
32
66
|
/**
|
|
33
|
-
* Alert - Container principal do alert
|
|
67
|
+
* Alert - Container principal do alert.
|
|
68
|
+
*
|
|
69
|
+
* Componente de alerta usado para exibir mensagens importantes ao usuário.
|
|
70
|
+
* Suporta múltiplas variantes semânticas para diferentes tipos de feedback.
|
|
71
|
+
*
|
|
72
|
+
* @param {AlertProps} props - Props do componente
|
|
73
|
+
* @returns {JSX.Element} Componente Alert
|
|
34
74
|
*/
|
|
35
75
|
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
|
|
36
76
|
Alert.displayName = "Alert";
|
|
37
77
|
/**
|
|
38
|
-
* AlertTitle - Título do alert
|
|
78
|
+
* AlertTitle - Título do alert.
|
|
79
|
+
*
|
|
80
|
+
* Componente usado para exibir o título do alerta.
|
|
81
|
+
* Deve ser usado dentro de um componente Alert.
|
|
82
|
+
*
|
|
83
|
+
* @param {AlertTitleProps} props - Props do componente
|
|
84
|
+
* @returns {JSX.Element} Componente AlertTitle
|
|
39
85
|
*/
|
|
40
86
|
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
|
|
41
87
|
AlertTitle.displayName = "AlertTitle";
|
|
42
88
|
/**
|
|
43
|
-
* AlertDescription - Descrição do alert
|
|
89
|
+
* AlertDescription - Descrição do alert.
|
|
90
|
+
*
|
|
91
|
+
* Componente usado para exibir a descrição detalhada do alerta.
|
|
92
|
+
* Deve ser usado dentro de um componente Alert.
|
|
93
|
+
*
|
|
94
|
+
* @param {AlertDescriptionProps} props - Props do componente
|
|
95
|
+
* @returns {JSX.Element} Componente AlertDescription
|
|
44
96
|
*/
|
|
45
97
|
const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
|
|
46
98
|
AlertDescription.displayName = "AlertDescription";
|
|
@@ -19,7 +19,7 @@ export type AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof Aler
|
|
|
19
19
|
* Variantes de animação para AlertDialogContent
|
|
20
20
|
*/
|
|
21
21
|
declare const alertDialogContentVariants: (props?: ({
|
|
22
|
-
animation?: "center" | "
|
|
22
|
+
animation?: "center" | "top" | "right" | "bottom" | "left" | "depth" | "3d" | null | undefined;
|
|
23
23
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
24
24
|
export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants> & {
|
|
25
25
|
/**
|
|
@@ -61,7 +61,7 @@ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDial
|
|
|
61
61
|
* Suporta animações 3D quando animation="3d"
|
|
62
62
|
*/
|
|
63
63
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
64
|
-
animation?: "center" | "
|
|
64
|
+
animation?: "center" | "top" | "right" | "bottom" | "left" | "depth" | "3d" | null | undefined;
|
|
65
65
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
66
66
|
/**
|
|
67
67
|
* Habilita backdrop blur (apenas para animation="3d")
|