@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.
Files changed (175) hide show
  1. package/dist/components/_reference/shadcn-ai/prompt-input.d.ts +48 -0
  2. package/dist/components/_reference/shadcn-ai/prompt-input.d.ts.map +1 -0
  3. package/dist/components/_reference/shadcn-ai/prompt-input.js +67 -0
  4. package/dist/components/atoms/actions/badge/badge.d.ts +97 -1
  5. package/dist/components/atoms/actions/badge/badge.d.ts.map +1 -1
  6. package/dist/components/atoms/actions/badge/badge.js +83 -0
  7. package/dist/components/atoms/actions/button/button.d.ts +134 -1
  8. package/dist/components/atoms/actions/button/button.d.ts.map +1 -1
  9. package/dist/components/atoms/actions/button/button.js +106 -0
  10. package/dist/components/atoms/actions/context-menu/context-menu.d.ts +79 -0
  11. package/dist/components/atoms/actions/context-menu/context-menu.d.ts.map +1 -1
  12. package/dist/components/atoms/actions/context-menu/context-menu.js +55 -0
  13. package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.d.ts +51 -3
  14. package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.d.ts.map +1 -1
  15. package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.js +51 -3
  16. package/dist/components/atoms/animation/encrypted-text/encrypted-text.d.ts.map +1 -1
  17. package/dist/components/atoms/animation/encrypted-text/encrypted-text.js +3 -1
  18. package/dist/components/atoms/feedback/alert/alert.d.ts +77 -12
  19. package/dist/components/atoms/feedback/alert/alert.d.ts.map +1 -1
  20. package/dist/components/atoms/feedback/alert/alert.js +64 -12
  21. package/dist/components/atoms/feedback/alert-dialog/alert-dialog.d.ts +2 -2
  22. package/dist/components/atoms/feedback/dialog/dialog.d.ts +66 -8
  23. package/dist/components/atoms/feedback/dialog/dialog.d.ts.map +1 -1
  24. package/dist/components/atoms/feedback/dialog/dialog.js +66 -8
  25. package/dist/components/atoms/feedback/hover-card/hover-card.d.ts +45 -5
  26. package/dist/components/atoms/feedback/hover-card/hover-card.d.ts.map +1 -1
  27. package/dist/components/atoms/feedback/hover-card/hover-card.js +45 -5
  28. package/dist/components/atoms/feedback/inline-citation/inline-citation.d.ts +53 -2
  29. package/dist/components/atoms/feedback/inline-citation/inline-citation.d.ts.map +1 -1
  30. package/dist/components/atoms/feedback/inline-citation/inline-citation.js +53 -2
  31. package/dist/components/atoms/feedback/popover/popover.d.ts +78 -0
  32. package/dist/components/atoms/feedback/popover/popover.d.ts.map +1 -1
  33. package/dist/components/atoms/feedback/popover/popover.js +64 -0
  34. package/dist/components/atoms/feedback/sheet/sheet.d.ts +90 -0
  35. package/dist/components/atoms/feedback/sheet/sheet.d.ts.map +1 -1
  36. package/dist/components/atoms/feedback/sheet/sheet.js +78 -0
  37. package/dist/components/atoms/feedback/sonner/sonner.d.ts +66 -6
  38. package/dist/components/atoms/feedback/sonner/sonner.d.ts.map +1 -1
  39. package/dist/components/atoms/feedback/sonner/sonner.js +66 -6
  40. package/dist/components/atoms/feedback/tooltip/tooltip.d.ts +54 -4
  41. package/dist/components/atoms/feedback/tooltip/tooltip.d.ts.map +1 -1
  42. package/dist/components/atoms/feedback/tooltip/tooltip.js +63 -5
  43. package/dist/components/atoms/forms/checkbox/checkbox.d.ts +62 -4
  44. package/dist/components/atoms/forms/checkbox/checkbox.d.ts.map +1 -1
  45. package/dist/components/atoms/forms/checkbox/checkbox.js +58 -4
  46. package/dist/components/atoms/forms/field/field.d.ts +67 -0
  47. package/dist/components/atoms/forms/field/field.d.ts.map +1 -1
  48. package/dist/components/atoms/forms/field/field.js +47 -0
  49. package/dist/components/atoms/forms/form/form.d.ts +60 -0
  50. package/dist/components/atoms/forms/form/form.d.ts.map +1 -1
  51. package/dist/components/atoms/forms/form/form.js +3 -0
  52. package/dist/components/atoms/forms/input/input.d.ts +100 -1
  53. package/dist/components/atoms/forms/input/input.d.ts.map +1 -1
  54. package/dist/components/atoms/forms/input/input.js +82 -0
  55. package/dist/components/atoms/forms/input-otp/input-otp.d.ts +62 -0
  56. package/dist/components/atoms/forms/input-otp/input-otp.d.ts.map +1 -1
  57. package/dist/components/atoms/forms/input-otp/input-otp.js +50 -0
  58. package/dist/components/atoms/forms/label/label.d.ts +54 -0
  59. package/dist/components/atoms/forms/label/label.d.ts.map +1 -1
  60. package/dist/components/atoms/forms/label/label.js +50 -0
  61. package/dist/components/atoms/forms/radio-group/radio-group.d.ts +47 -0
  62. package/dist/components/atoms/forms/radio-group/radio-group.d.ts.map +1 -1
  63. package/dist/components/atoms/forms/radio-group/radio-group.js +43 -0
  64. package/dist/components/atoms/forms/select/select.d.ts +62 -0
  65. package/dist/components/atoms/forms/select/select.d.ts.map +1 -1
  66. package/dist/components/atoms/forms/select/select.js +62 -0
  67. package/dist/components/atoms/forms/slider/slider.d.ts +60 -0
  68. package/dist/components/atoms/forms/slider/slider.d.ts.map +1 -1
  69. package/dist/components/atoms/forms/slider/slider.js +53 -1
  70. package/dist/components/atoms/forms/switch/switch.d.ts +67 -0
  71. package/dist/components/atoms/forms/switch/switch.d.ts.map +1 -1
  72. package/dist/components/atoms/forms/switch/switch.js +63 -0
  73. package/dist/components/atoms/forms/textarea/textarea.d.ts +66 -0
  74. package/dist/components/atoms/forms/textarea/textarea.d.ts.map +1 -1
  75. package/dist/components/atoms/forms/textarea/textarea.js +13 -0
  76. package/dist/components/atoms/forms/toggle/toggle.d.ts +65 -1
  77. package/dist/components/atoms/forms/toggle/toggle.d.ts.map +1 -1
  78. package/dist/components/atoms/forms/toggle/toggle.js +58 -0
  79. package/dist/components/atoms/index.d.ts +0 -2
  80. package/dist/components/atoms/index.d.ts.map +1 -1
  81. package/dist/components/atoms/index.js +0 -1
  82. package/dist/components/atoms/layout/accordion/accordion.d.ts +84 -0
  83. package/dist/components/atoms/layout/accordion/accordion.d.ts.map +1 -1
  84. package/dist/components/atoms/layout/accordion/accordion.js +72 -0
  85. package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.d.ts +54 -0
  86. package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.d.ts.map +1 -1
  87. package/dist/components/atoms/layout/aspect-ratio/aspect-ratio.js +49 -0
  88. package/dist/components/atoms/layout/collapsible/collapsible.d.ts +47 -5
  89. package/dist/components/atoms/layout/collapsible/collapsible.d.ts.map +1 -1
  90. package/dist/components/atoms/layout/collapsible/collapsible.js +47 -5
  91. package/dist/components/atoms/layout/drawer/drawer.d.ts +55 -0
  92. package/dist/components/atoms/layout/drawer/drawer.d.ts.map +1 -1
  93. package/dist/components/atoms/layout/index.d.ts +2 -0
  94. package/dist/components/atoms/layout/index.d.ts.map +1 -1
  95. package/dist/components/atoms/layout/index.js +1 -0
  96. package/dist/components/atoms/layout/resizable/resizable.d.ts +77 -2
  97. package/dist/components/atoms/layout/resizable/resizable.d.ts.map +1 -1
  98. package/dist/components/atoms/layout/resizable/resizable.js +68 -0
  99. package/dist/components/atoms/layout/scroll-area/scroll-area.d.ts +34 -2
  100. package/dist/components/atoms/layout/scroll-area/scroll-area.d.ts.map +1 -1
  101. package/dist/components/atoms/layout/scroll-area/scroll-area.js +35 -3
  102. package/dist/components/atoms/layout/sidebar/sidebar.d.ts +66 -1
  103. package/dist/components/atoms/layout/sidebar/sidebar.d.ts.map +1 -1
  104. package/dist/components/atoms/layout/sidebar/sidebar.js +66 -0
  105. package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts +73 -0
  106. package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts.map +1 -1
  107. package/dist/components/atoms/layout/toggle-group/toggle-group.js +57 -0
  108. package/dist/components/atoms/layout/widget-resize-handle/index.d.ts +3 -0
  109. package/dist/components/atoms/layout/widget-resize-handle/index.d.ts.map +1 -0
  110. package/dist/components/atoms/layout/widget-resize-handle/index.js +1 -0
  111. package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.d.ts +98 -0
  112. package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.d.ts.map +1 -0
  113. package/dist/components/atoms/layout/widget-resize-handle/widget-resize-handle.js +117 -0
  114. package/dist/components/atoms/navigation/command/command.d.ts +7 -7
  115. package/dist/components/molecules/data-display/chat-message/chat-message.d.ts +39 -0
  116. package/dist/components/molecules/data-display/chat-message/chat-message.d.ts.map +1 -0
  117. package/dist/components/molecules/data-display/chat-message/chat-message.js +85 -0
  118. package/dist/components/molecules/data-display/chat-message/index.d.ts +3 -0
  119. package/dist/components/molecules/data-display/chat-message/index.d.ts.map +1 -0
  120. package/dist/components/molecules/data-display/chat-message/index.js +1 -0
  121. package/dist/components/molecules/data-display/message/message.d.ts +22 -6
  122. package/dist/components/molecules/data-display/message/message.d.ts.map +1 -1
  123. package/dist/components/molecules/data-display/message/message.js +192 -8
  124. package/dist/components/molecules/draggable-widget/draggable-widget.d.ts.map +1 -1
  125. package/dist/components/molecules/draggable-widget/draggable-widget.js +6 -2
  126. package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts +20 -0
  127. package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts.map +1 -0
  128. package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.js +65 -0
  129. package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts +3 -0
  130. package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts.map +1 -0
  131. package/dist/components/molecules/feedback/edit-chat-message-modal/index.js +1 -0
  132. package/dist/components/molecules/forms/autocomplete/autocomplete-section.d.ts.map +1 -1
  133. package/dist/components/molecules/forms/autocomplete/autocomplete-section.js +3 -1
  134. package/dist/components/molecules/forms/chat-input/chat-input.d.ts +46 -0
  135. package/dist/components/molecules/forms/chat-input/chat-input.d.ts.map +1 -0
  136. package/dist/components/molecules/forms/chat-input/chat-input.js +57 -0
  137. package/dist/components/molecules/forms/chat-input/index.d.ts +3 -0
  138. package/dist/components/molecules/forms/chat-input/index.d.ts.map +1 -0
  139. package/dist/components/molecules/forms/chat-input/index.js +1 -0
  140. package/dist/components/molecules/forms/item/item.d.ts +1 -1
  141. package/dist/components/molecules/forms/text-editor/text-editor.d.ts.map +1 -1
  142. package/dist/components/molecules/index.d.ts +6 -0
  143. package/dist/components/molecules/index.d.ts.map +1 -1
  144. package/dist/components/molecules/index.js +3 -0
  145. package/dist/components/molecules/navigation/menu-dock/menu-dock.js +1 -1
  146. package/dist/components/organisms/chat-log/chat-log.d.ts +30 -0
  147. package/dist/components/organisms/chat-log/chat-log.d.ts.map +1 -0
  148. package/dist/components/organisms/chat-log/chat-log.js +21 -0
  149. package/dist/components/organisms/chat-log/index.d.ts +3 -0
  150. package/dist/components/organisms/chat-log/index.d.ts.map +1 -0
  151. package/dist/components/organisms/chat-log/index.js +1 -0
  152. package/dist/components/organisms/document-editor/document-editor.d.ts.map +1 -1
  153. package/dist/components/organisms/document-editor/document-editor.js +2 -2
  154. package/dist/components/organisms/draggable-dashboard-grid/draggable-dashboard-grid.d.ts.map +1 -1
  155. package/dist/components/organisms/draggable-dashboard-grid/draggable-dashboard-grid.js +1 -1
  156. package/dist/components/organisms/form-layout/form-layout.d.ts.map +1 -1
  157. package/dist/components/organisms/form-layout/form-layout.js +3 -1
  158. package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts +0 -5
  159. package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts.map +1 -1
  160. package/dist/components/organisms/genealogy-canvas/genealogy-canvas.js +50 -55
  161. package/dist/components/organisms/index.d.ts +2 -0
  162. package/dist/components/organisms/index.d.ts.map +1 -1
  163. package/dist/components/organisms/index.js +1 -0
  164. package/dist/components/organisms/model-selector/model-selector.d.ts +1 -1
  165. package/dist/components/organisms/prompt-input/index.d.ts +1 -1
  166. package/dist/components/organisms/prompt-input/index.d.ts.map +1 -1
  167. package/dist/components/organisms/prompt-input/index.js +1 -1
  168. package/dist/components/organisms/prompt-input/prompt-input.d.ts +22 -7
  169. package/dist/components/organisms/prompt-input/prompt-input.d.ts.map +1 -1
  170. package/dist/components/organisms/prompt-input/prompt-input.js +26 -17
  171. package/dist/index.js +501 -501
  172. package/dist/test/setup.d.ts +2 -0
  173. package/dist/test/setup.d.ts.map +1 -0
  174. package/dist/test/setup.js +43 -0
  175. 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 - Flowtomic UI
2
+ * # DropdownMenu Component
3
3
  *
4
- * Componente DropdownMenu próprio do design-system baseado em Radix UI
5
- * Implementação direta sem dependência de componentes externos
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;;;;;GAKG;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
+ {"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 - Flowtomic UI
3
+ * # DropdownMenu Component
4
4
  *
5
- * Componente DropdownMenu próprio do design-system baseado em Radix UI
6
- * Implementação direta sem dependência de componentes externos
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,CAgGtD,CAAC"}
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 (_jsx("span", { className: cn(isRevealed ? revealedClassName : encryptedClassName), children: displayChar }, index));
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 - Flowtomic UI
2
+ * # Alert Component
3
3
  *
4
- * Componente Alert próprio do design-system
5
- * Implementação padronizada seguindo os padrões do design system
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
- * Variantes disponíveis:
8
- * - default: Estilo padrão neutro
9
- * - destructive: Para erros e ações destrutivas (ex: "Erro", "Falha")
10
- * - success: Para mensagens de sucesso
11
- * - warning: Para avisos e alertas (ex: "Atenção", "Aviso")
12
- * - info: Para informações gerais
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
- * Alert - Container principal do alert
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;;;;;;;;;;;;GAYG;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;;GAEG;AACH,QAAA,MAAM,KAAK,mFAIV,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvE;;GAEG;AACH,QAAA,MAAM,UAAU,8FAQf,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE/E;;GAEG;AACH,QAAA,MAAM,gBAAgB,oGAIrB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
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 - Flowtomic UI
3
+ * # Alert Component
4
4
  *
5
- * Componente Alert próprio do design-system
6
- * Implementação padronizada seguindo os padrões do design system
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
- * Variantes disponíveis:
9
- * - default: Estilo padrão neutro
10
- * - destructive: Para erros e ações destrutivas (ex: "Erro", "Falha")
11
- * - success: Para mensagens de sucesso
12
- * - warning: Para avisos e alertas (ex: "Atenção", "Aviso")
13
- * - info: Para informações gerais
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" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
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" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
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")