xertica-ui 2.1.2 → 2.1.4

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 (181) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/README.md +1 -1
  3. package/bin/cli.ts +1 -1
  4. package/bin/generate-tokens.ts +13 -7
  5. package/components/assistant/xertica-assistant/index.ts +2 -0
  6. package/components/assistant/xertica-assistant/parts/AssistantCollapsedView.tsx +97 -0
  7. package/components/assistant/xertica-assistant/parts/AssistantConversationList.tsx +104 -0
  8. package/components/assistant/xertica-assistant/parts/AssistantDocumentEditor.tsx +81 -0
  9. package/components/assistant/xertica-assistant/parts/AssistantFeedbackDialog.tsx +86 -0
  10. package/components/assistant/xertica-assistant/parts/AssistantHeader.tsx +77 -0
  11. package/components/assistant/xertica-assistant/parts/AssistantMessageBubble.tsx +573 -0
  12. package/components/assistant/xertica-assistant/parts/AssistantTabBar.tsx +65 -0
  13. package/components/assistant/xertica-assistant/parts/AssistantTypingIndicator.tsx +41 -0
  14. package/components/assistant/xertica-assistant/parts/AssistantWelcomeScreen.tsx +98 -0
  15. package/components/assistant/xertica-assistant/parts/index.ts +16 -0
  16. package/components/assistant/xertica-assistant/types.ts +139 -0
  17. package/components/assistant/xertica-assistant/use-assistant.ts +559 -0
  18. package/components/assistant/xertica-assistant/xertica-assistant.stories.tsx +200 -0
  19. package/components/assistant/xertica-assistant/xertica-assistant.tsx +198 -1460
  20. package/components/brand/theme-toggle/ThemeToggle.tsx +8 -27
  21. package/components/hooks/index.ts +3 -0
  22. package/components/hooks/use-layout-shortcuts.ts +46 -0
  23. package/components/layout/sidebar/index.ts +2 -0
  24. package/components/layout/sidebar/sidebar.stories.tsx +160 -8
  25. package/components/layout/sidebar/sidebar.tsx +606 -497
  26. package/components/layout/sidebar/use-sidebar.ts +104 -0
  27. package/components/media/audio-player/AudioPlayer.tsx +131 -206
  28. package/components/media/audio-player/use-audio-player.ts +298 -0
  29. package/components/pages/home-page/HomePage.tsx +1 -1
  30. package/components/pages/template-content/TemplateContent.tsx +5 -5
  31. package/components/pages/template-page/TemplatePage.tsx +5 -5
  32. package/components/shared/CustomTooltipContent.tsx +52 -0
  33. package/components/shared/layout-constants.ts +1 -1
  34. package/components/ui/chart/chart.stories.tsx +966 -7
  35. package/components/ui/chart/chart.tsx +918 -45
  36. package/components/ui/file-upload/file-upload.stories.tsx +100 -0
  37. package/components/ui/file-upload/file-upload.tsx +14 -74
  38. package/components/ui/file-upload/index.ts +1 -0
  39. package/components/ui/file-upload/use-file-upload.ts +181 -0
  40. package/components/ui/pagination/index.ts +2 -0
  41. package/components/ui/pagination/pagination.stories.tsx +94 -0
  42. package/components/ui/pagination/use-pagination.ts +194 -0
  43. package/components/ui/rich-text-editor/index.ts +2 -0
  44. package/components/ui/rich-text-editor/rich-text-editor.stories.tsx +129 -1
  45. package/components/ui/rich-text-editor/rich-text-editor.tsx +86 -305
  46. package/components/ui/rich-text-editor/use-rich-text-editor.ts +439 -0
  47. package/components/ui/stepper/index.ts +3 -1
  48. package/components/ui/stepper/stepper.stories.tsx +116 -0
  49. package/components/ui/stepper/stepper.tsx +4 -4
  50. package/components/ui/stepper/use-stepper.ts +137 -0
  51. package/components/ui/tree-view/index.ts +4 -1
  52. package/components/ui/tree-view/tree-view.stories.tsx +110 -4
  53. package/components/ui/tree-view/tree-view.tsx +17 -125
  54. package/components/ui/tree-view/use-tree-view.ts +229 -0
  55. package/contexts/AssistenteContext.tsx +17 -54
  56. package/contexts/BrandColorsContext.tsx +6 -17
  57. package/contexts/LayoutContext.tsx +5 -31
  58. package/dist/AssistantChart-BAudAfne.cjs +3591 -0
  59. package/dist/AssistantChart-BP8upjMk.js +3565 -0
  60. package/dist/AudioPlayer-1ypwE2Wh.cjs +936 -0
  61. package/dist/AudioPlayer-DuKXrCfy.js +937 -0
  62. package/dist/CustomTooltipContent-DHjkY0ww.js +40 -0
  63. package/dist/CustomTooltipContent-c_K-DWRr.cjs +56 -0
  64. package/dist/LanguageContext-BwhwC3G2.js +657 -0
  65. package/dist/LanguageContext-DvUt5jBg.cjs +656 -0
  66. package/dist/LayoutContext-BDmcZfMH.cjs +84 -0
  67. package/dist/LayoutContext-dbQvdC4O.js +85 -0
  68. package/dist/ThemeContext-RTy1m2Uq.js +82 -0
  69. package/dist/ThemeContext-bSzuOit2.cjs +81 -0
  70. package/dist/VerifyEmailPage-C_ihbcth.js +2828 -0
  71. package/dist/VerifyEmailPage-Dt7zgA4w.cjs +2827 -0
  72. package/dist/XerticaProvider-CW9hpCdF.cjs +39 -0
  73. package/dist/XerticaProvider-siSt9uG2.js +40 -0
  74. package/dist/XerticaXLogo-D8jf0SNv.cjs +214 -0
  75. package/dist/XerticaXLogo-fAJMy3H4.js +215 -0
  76. package/dist/assistant.cjs.js +2 -1
  77. package/dist/assistant.es.js +3 -2
  78. package/dist/brand.cjs.js +2 -2
  79. package/dist/brand.es.js +2 -2
  80. package/dist/cli.js +14 -8
  81. package/dist/components/assistant/xertica-assistant/index.d.ts +2 -0
  82. package/dist/components/assistant/xertica-assistant/parts/AssistantCollapsedView.d.ts +13 -0
  83. package/dist/components/assistant/xertica-assistant/parts/AssistantConversationList.d.ts +16 -0
  84. package/dist/components/assistant/xertica-assistant/parts/AssistantDocumentEditor.d.ts +17 -0
  85. package/dist/components/assistant/xertica-assistant/parts/AssistantFeedbackDialog.d.ts +19 -0
  86. package/dist/components/assistant/xertica-assistant/parts/AssistantHeader.d.ts +11 -0
  87. package/dist/components/assistant/xertica-assistant/parts/AssistantMessageBubble.d.ts +29 -0
  88. package/dist/components/assistant/xertica-assistant/parts/AssistantTabBar.d.ts +13 -0
  89. package/dist/components/assistant/xertica-assistant/parts/AssistantTypingIndicator.d.ts +4 -0
  90. package/dist/components/assistant/xertica-assistant/parts/AssistantWelcomeScreen.d.ts +17 -0
  91. package/dist/components/assistant/xertica-assistant/parts/index.d.ts +16 -0
  92. package/dist/components/assistant/xertica-assistant/types.d.ts +106 -0
  93. package/dist/components/assistant/xertica-assistant/use-assistant.d.ts +125 -0
  94. package/dist/components/assistant/xertica-assistant/xertica-assistant.d.ts +8 -97
  95. package/dist/components/hooks/index.d.ts +3 -0
  96. package/dist/components/hooks/use-layout-shortcuts.d.ts +22 -0
  97. package/dist/components/layout/sidebar/index.d.ts +2 -0
  98. package/dist/components/layout/sidebar/sidebar.d.ts +80 -0
  99. package/dist/components/layout/sidebar/use-sidebar.d.ts +22 -0
  100. package/dist/components/media/audio-player/AudioPlayer.d.ts +4 -1
  101. package/dist/components/media/audio-player/use-audio-player.d.ts +72 -0
  102. package/dist/components/shared/CustomTooltipContent.d.ts +20 -0
  103. package/dist/components/shared/layout-constants.d.ts +1 -1
  104. package/dist/components/ui/alert/alert.d.ts +1 -1
  105. package/dist/components/ui/badge/badge.d.ts +1 -1
  106. package/dist/components/ui/button/button.d.ts +2 -2
  107. package/dist/components/ui/chart/chart.d.ts +162 -5
  108. package/dist/components/ui/file-upload/file-upload.d.ts +2 -0
  109. package/dist/components/ui/file-upload/index.d.ts +1 -0
  110. package/dist/components/ui/file-upload/use-file-upload.d.ts +49 -0
  111. package/dist/components/ui/pagination/index.d.ts +2 -0
  112. package/dist/components/ui/pagination/use-pagination.d.ts +78 -0
  113. package/dist/components/ui/rich-text-editor/index.d.ts +2 -0
  114. package/dist/components/ui/rich-text-editor/use-rich-text-editor.d.ts +107 -0
  115. package/dist/components/ui/stepper/index.d.ts +3 -1
  116. package/dist/components/ui/stepper/stepper.d.ts +2 -2
  117. package/dist/components/ui/stepper/use-stepper.d.ts +60 -0
  118. package/dist/components/ui/tree-view/index.d.ts +4 -1
  119. package/dist/components/ui/tree-view/tree-view.d.ts +4 -6
  120. package/dist/components/ui/tree-view/use-tree-view.d.ts +60 -0
  121. package/dist/contexts/AssistenteContext.d.ts +10 -49
  122. package/dist/hooks.cjs.js +30 -10
  123. package/dist/hooks.es.js +25 -4
  124. package/dist/index.cjs.js +20 -9
  125. package/dist/index.es.js +38 -27
  126. package/dist/layout.cjs.js +82 -1
  127. package/dist/layout.es.js +83 -2
  128. package/dist/media.cjs.js +1 -1
  129. package/dist/media.es.js +1 -1
  130. package/dist/pages.cjs.js +1 -1
  131. package/dist/pages.es.js +1 -1
  132. package/dist/rich-text-editor-BmsjY03B.js +2949 -0
  133. package/dist/rich-text-editor-GS2kpTAK.cjs +2966 -0
  134. package/dist/sidebar-CVUGHOS_.cjs +756 -0
  135. package/dist/sidebar-CmvwjnVb.js +757 -0
  136. package/dist/ui.cjs.js +12 -2
  137. package/dist/ui.es.js +24 -14
  138. package/dist/use-audio-player-Bkh23vQ3.js +177 -0
  139. package/dist/use-audio-player-Dn1NR9xN.cjs +176 -0
  140. package/dist/utils/color-utils.d.ts +51 -0
  141. package/dist/xertica-assistant-BMqdyRVi.js +2082 -0
  142. package/dist/xertica-assistant-Bj3vBCq_.cjs +2081 -0
  143. package/dist/xertica-ui.css +1 -1
  144. package/docs/ai-usage.md +28 -10
  145. package/docs/architecture-improvements.md +463 -0
  146. package/docs/architecture.md +77 -1
  147. package/docs/components/assistant-chart.md +1 -1
  148. package/docs/components/assistant.md +159 -0
  149. package/docs/components/audio-player.md +46 -0
  150. package/docs/components/branding.md +251 -0
  151. package/docs/components/chart.md +354 -39
  152. package/docs/components/code-block.md +108 -0
  153. package/docs/components/file-upload.md +119 -2
  154. package/docs/components/formatted-document.md +113 -0
  155. package/docs/components/hooks.md +430 -0
  156. package/docs/components/image-with-fallback.md +106 -0
  157. package/docs/components/map-layers.md +140 -0
  158. package/docs/components/modern-chat-input.md +163 -0
  159. package/docs/components/pages.md +351 -0
  160. package/docs/components/pagination.md +187 -0
  161. package/docs/components/rich-text-editor.md +164 -0
  162. package/docs/components/sidebar.md +153 -4
  163. package/docs/components/stepper.md +157 -12
  164. package/docs/components/tree-view.md +164 -6
  165. package/docs/doc-audit.md +223 -0
  166. package/docs/getting-started.md +155 -1
  167. package/docs/guidelines.md +14 -8
  168. package/docs/layout.md +2 -2
  169. package/docs/llms.md +29 -9
  170. package/docs/patterns/detail-page.md +276 -0
  171. package/docs/patterns/settings.md +346 -0
  172. package/docs/patterns/wizard.md +217 -0
  173. package/guidelines/Guidelines.md +5 -3
  174. package/llms.txt +1 -1
  175. package/package.json +10 -10
  176. package/styles/xertica/tokens.css +41 -12
  177. package/templates/CLAUDE.md +16 -6
  178. package/templates/guidelines/Guidelines.md +16 -4
  179. package/templates/package.json +3 -3
  180. package/templates/src/styles/xertica/tokens.css +39 -10
  181. package/utils/color-utils.ts +72 -0
@@ -0,0 +1,657 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import React__default, { createContext, useState, useEffect, useContext } from "react";
3
+ const ApiKeyContext = createContext(void 0);
4
+ const readStorage = (key) => {
5
+ var _a;
6
+ return typeof window !== "undefined" ? (_a = window.localStorage) == null ? void 0 : _a.getItem(key) : null;
7
+ };
8
+ const writeStorage = (key, value) => {
9
+ var _a;
10
+ if (typeof window === "undefined") return;
11
+ (_a = window.localStorage) == null ? void 0 : _a.setItem(key, value);
12
+ };
13
+ const removeStorage = (key) => {
14
+ var _a;
15
+ if (typeof window === "undefined") return;
16
+ (_a = window.localStorage) == null ? void 0 : _a.removeItem(key);
17
+ };
18
+ function ApiKeyProvider({
19
+ children,
20
+ initialApiKey,
21
+ initialGeminiApiKey,
22
+ initialGoogleMapsApiKey
23
+ }) {
24
+ const LEAKED_KEYS = [
25
+ "AIzaSyCMsAMytBeOK0Qd7RKFyA5IW9eWt2WTJg",
26
+ "AIzaSyAiYWEIEmx212Up9zfM8kqyMXB4jLs8gq0"
27
+ ];
28
+ const [apiKey, setApiKeyState] = useState(() => {
29
+ if (initialApiKey) return initialApiKey;
30
+ const saved = readStorage("xertica-api-key");
31
+ return saved || "";
32
+ });
33
+ const [geminiApiKey, setGeminiApiKeyState] = useState(() => {
34
+ if (initialGeminiApiKey) return initialGeminiApiKey;
35
+ const saved = readStorage("xertica-gemini-api-key");
36
+ if (saved && LEAKED_KEYS.includes(saved)) {
37
+ removeStorage("xertica-gemini-api-key");
38
+ return "";
39
+ }
40
+ return saved || "";
41
+ });
42
+ const [googleMapsApiKey, setGoogleMapsApiKeyState] = useState(() => {
43
+ if (initialGoogleMapsApiKey) return initialGoogleMapsApiKey;
44
+ const saved = readStorage("xertica-googlemaps-api-key");
45
+ return saved || "";
46
+ });
47
+ const [isApiKeyValid, setIsApiKeyValid] = useState(false);
48
+ const [isGoogleMapsKeyValid, setIsGoogleMapsKeyValid] = useState(false);
49
+ useEffect(() => {
50
+ if (initialApiKey !== void 0) {
51
+ setApiKeyState(initialApiKey.trim());
52
+ }
53
+ }, [initialApiKey]);
54
+ useEffect(() => {
55
+ if (initialGeminiApiKey !== void 0) {
56
+ setGeminiApiKeyState(initialGeminiApiKey.trim());
57
+ }
58
+ }, [initialGeminiApiKey]);
59
+ useEffect(() => {
60
+ if (initialGoogleMapsApiKey !== void 0) {
61
+ setGoogleMapsApiKeyState(initialGoogleMapsApiKey.trim());
62
+ }
63
+ }, [initialGoogleMapsApiKey]);
64
+ useEffect(() => {
65
+ if (apiKey) {
66
+ writeStorage("xertica-api-key", apiKey);
67
+ setIsApiKeyValid(apiKey.length > 0);
68
+ } else {
69
+ removeStorage("xertica-api-key");
70
+ setIsApiKeyValid(false);
71
+ }
72
+ }, [apiKey]);
73
+ useEffect(() => {
74
+ if (geminiApiKey) {
75
+ writeStorage("xertica-gemini-api-key", geminiApiKey);
76
+ setIsApiKeyValid(geminiApiKey.startsWith("AIzaSy") && geminiApiKey.length > 20);
77
+ } else {
78
+ removeStorage("xertica-gemini-api-key");
79
+ setIsApiKeyValid(false);
80
+ }
81
+ }, [geminiApiKey]);
82
+ useEffect(() => {
83
+ if (googleMapsApiKey) {
84
+ writeStorage("xertica-googlemaps-api-key", googleMapsApiKey);
85
+ setIsGoogleMapsKeyValid(googleMapsApiKey.startsWith("AIzaSy") && googleMapsApiKey.length > 20);
86
+ const reloadMaps = async () => {
87
+ if (googleMapsApiKey.length < 10) return;
88
+ try {
89
+ const { reloadGoogleMaps } = await import("./index-CkTUgOwX.js");
90
+ await reloadGoogleMaps(googleMapsApiKey);
91
+ console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
92
+ } catch (error) {
93
+ console.error("[ApiKeyContext] Erro ao recarregar Google Maps:", error);
94
+ }
95
+ };
96
+ reloadMaps();
97
+ } else {
98
+ removeStorage("xertica-googlemaps-api-key");
99
+ setIsGoogleMapsKeyValid(false);
100
+ }
101
+ }, [googleMapsApiKey]);
102
+ const setApiKey = (key) => {
103
+ setApiKeyState(key.trim());
104
+ };
105
+ const setGeminiApiKey = (key) => {
106
+ setGeminiApiKeyState(key.trim());
107
+ };
108
+ const setGoogleMapsApiKey = (key) => {
109
+ setGoogleMapsApiKeyState(key.trim());
110
+ };
111
+ const reloadMapsApi = async () => {
112
+ if (!googleMapsApiKey || googleMapsApiKey.length < 10) {
113
+ return;
114
+ }
115
+ try {
116
+ const { reloadGoogleMaps } = await import("./index-CkTUgOwX.js");
117
+ await reloadGoogleMaps(googleMapsApiKey);
118
+ console.log("[ApiKeyContext] Google Maps recarregado manualmente");
119
+ } catch (error) {
120
+ console.error("[ApiKeyContext] Erro ao recarregar Google Maps:", error);
121
+ }
122
+ };
123
+ return /* @__PURE__ */ jsx(ApiKeyContext.Provider, { value: {
124
+ apiKey,
125
+ setApiKey,
126
+ geminiApiKey,
127
+ setGeminiApiKey,
128
+ isApiKeyValid,
129
+ googleMapsApiKey,
130
+ setGoogleMapsApiKey,
131
+ isGoogleMapsKeyValid,
132
+ reloadMapsApi
133
+ }, children });
134
+ }
135
+ function useApiKey() {
136
+ const context = useContext(ApiKeyContext);
137
+ if (!context) {
138
+ throw new Error("useApiKey must be used within ApiKeyProvider");
139
+ }
140
+ return context;
141
+ }
142
+ const AssistenteContext = createContext(void 0);
143
+ function AssistenteProvider({ children }) {
144
+ var _a;
145
+ const [conversaAtual, setConversaAtual] = useState("1");
146
+ const [conversas, setConversas] = useState([
147
+ {
148
+ id: "1",
149
+ titulo: "Nova Conversa",
150
+ mensagens: [],
151
+ ultimaMensagem: "",
152
+ timestamp: (/* @__PURE__ */ new Date()).toISOString(),
153
+ favorita: false
154
+ }
155
+ ]);
156
+ const [isTyping, setIsTyping] = useState(false);
157
+ const [abaSelecionada, setAbaSelecionada] = useState("chat");
158
+ const [editingDocument, setEditingDocument] = useState(null);
159
+ const [searchFilter, setSearchFilter] = useState("all");
160
+ const [savedSearches, setSavedSearches] = useState([]);
161
+ const historico = ((_a = conversas.find((c) => c.id === conversaAtual)) == null ? void 0 : _a.mensagens) || [];
162
+ return /* @__PURE__ */ jsx(
163
+ AssistenteContext.Provider,
164
+ {
165
+ value: {
166
+ historico,
167
+ conversaAtual,
168
+ setConversaAtual,
169
+ conversas,
170
+ setConversas,
171
+ isTyping,
172
+ setIsTyping,
173
+ abaSelecionada,
174
+ setAbaSelecionada,
175
+ editingDocument,
176
+ setEditingDocument,
177
+ searchFilter,
178
+ setSearchFilter,
179
+ savedSearches,
180
+ setSavedSearches
181
+ },
182
+ children
183
+ }
184
+ );
185
+ }
186
+ function useAssistente() {
187
+ const context = useContext(AssistenteContext);
188
+ if (!context) {
189
+ throw new Error("useAssistente must be used within AssistenteProvider");
190
+ }
191
+ return context;
192
+ }
193
+ const colorThemes = [
194
+ {
195
+ id: "xertica-original",
196
+ name: "Xertica Original",
197
+ description: "A identidade visual clássica da Xertica com o gradiente original",
198
+ colors: {
199
+ primary: "#2C275B",
200
+ primaryForeground: "#FFFFFF",
201
+ primaryLight: "#5B568F",
202
+ primaryDarkMode: "#72CDFD",
203
+ primaryForegroundDark: "#09090B",
204
+ sidebarLight: "#2C275B",
205
+ // Primary Color
206
+ sidebarDark: "#1a1928",
207
+ // Original Dark BG
208
+ gradientStart: "#FDB0F2",
209
+ gradientEnd: "#72CDFD",
210
+ gradientStartDark: "#7B4A7A",
211
+ gradientEndDark: "#3A5C7D",
212
+ chart1: "#2C275B",
213
+ chart2: "#047857",
214
+ chart3: "#B45309",
215
+ chart4: "#1D4ED8",
216
+ chart5: "#B91C1C"
217
+ },
218
+ preview: {
219
+ primary: "#2C275B",
220
+ secondary: "#FDB0F2",
221
+ accent: "#72CDFD"
222
+ }
223
+ },
224
+ {
225
+ id: "zinc",
226
+ name: "Zinc",
227
+ description: "Minimalista, sério e elegante (Escala de Cinza)",
228
+ colors: {
229
+ primary: "#18181B",
230
+ primaryForeground: "#FAFAFA",
231
+ primaryLight: "#E4E4E7",
232
+ primaryDarkMode: "#FAFAFA",
233
+ primaryForegroundDark: "#18181B",
234
+ sidebarLight: "#18181B",
235
+ // Primary Color
236
+ sidebarDark: "#09090B",
237
+ gradientStart: "#52525B",
238
+ gradientEnd: "#D4D4D8",
239
+ gradientStartDark: "#27272A",
240
+ gradientEndDark: "#52525B",
241
+ chart1: "#18181B",
242
+ chart2: "#52525B",
243
+ chart3: "#A1A1AA",
244
+ chart4: "#D4D4D8",
245
+ chart5: "#E4E4E7"
246
+ },
247
+ preview: {
248
+ primary: "#18181B",
249
+ secondary: "#52525B",
250
+ accent: "#E4E4E7"
251
+ }
252
+ },
253
+ {
254
+ id: "slate",
255
+ name: "Slate",
256
+ description: "Profissional com tons de azul acinzentado",
257
+ colors: {
258
+ primary: "#0F172A",
259
+ primaryForeground: "#F8FAFC",
260
+ primaryLight: "#CBD5E1",
261
+ primaryDarkMode: "#F8FAFC",
262
+ primaryForegroundDark: "#0F172A",
263
+ sidebarLight: "#0F172A",
264
+ // Primary Color
265
+ sidebarDark: "#020617",
266
+ gradientStart: "#475569",
267
+ gradientEnd: "#94A3B8",
268
+ gradientStartDark: "#1E293B",
269
+ gradientEndDark: "#475569",
270
+ chart1: "#0F172A",
271
+ chart2: "#475569",
272
+ chart3: "#94A3B8",
273
+ chart4: "#CBD5E1",
274
+ chart5: "#E2E8F0"
275
+ },
276
+ preview: {
277
+ primary: "#0F172A",
278
+ secondary: "#475569",
279
+ accent: "#94A3B8"
280
+ }
281
+ },
282
+ {
283
+ id: "blue",
284
+ name: "Blue",
285
+ description: "Confiável e seguro, padrão corporativo",
286
+ colors: {
287
+ primary: "#2563EB",
288
+ primaryForeground: "#FFFFFF",
289
+ primaryLight: "#DBEAFE",
290
+ primaryDarkMode: "#3B82F6",
291
+ primaryForegroundDark: "#FFFFFF",
292
+ sidebarLight: "#1E3A8A",
293
+ // Blue 900 (High Contrast Sidebar)
294
+ sidebarDark: "#172554",
295
+ gradientStart: "#2563EB",
296
+ gradientEnd: "#60A5FA",
297
+ gradientStartDark: "#1D4ED8",
298
+ gradientEndDark: "#2563EB",
299
+ chart1: "#2563EB",
300
+ chart2: "#3B82F6",
301
+ chart3: "#60A5FA",
302
+ chart4: "#93C5FD",
303
+ chart5: "#BFDBFE"
304
+ },
305
+ preview: {
306
+ primary: "#2563EB",
307
+ secondary: "#60A5FA",
308
+ accent: "#DBEAFE"
309
+ }
310
+ },
311
+ {
312
+ id: "violet",
313
+ name: "Violet",
314
+ description: "Criativo e vibrante",
315
+ colors: {
316
+ primary: "#7C3AED",
317
+ primaryForeground: "#FFFFFF",
318
+ primaryLight: "#EDE9FE",
319
+ primaryDarkMode: "#8B5CF6",
320
+ primaryForegroundDark: "#FFFFFF",
321
+ sidebarLight: "#4C1D95",
322
+ // Violet 900 (High Contrast Sidebar)
323
+ sidebarDark: "#2E1065",
324
+ gradientStart: "#7C3AED",
325
+ gradientEnd: "#A78BFA",
326
+ gradientStartDark: "#5B21B6",
327
+ gradientEndDark: "#7C3AED",
328
+ chart1: "#7C3AED",
329
+ chart2: "#8B5CF6",
330
+ chart3: "#A78BFA",
331
+ chart4: "#C4B5FD",
332
+ chart5: "#DDD6FE"
333
+ },
334
+ preview: {
335
+ primary: "#7C3AED",
336
+ secondary: "#A78BFA",
337
+ accent: "#EDE9FE"
338
+ }
339
+ },
340
+ {
341
+ id: "rose",
342
+ name: "Rose",
343
+ description: "Elegante e suave",
344
+ colors: {
345
+ primary: "#BE123C",
346
+ // Rose 700 (Better text contrast for Primary)
347
+ primaryForeground: "#FFFFFF",
348
+ primaryLight: "#FFE4E6",
349
+ primaryDarkMode: "#F43F5E",
350
+ primaryForegroundDark: "#FFFFFF",
351
+ sidebarLight: "#881337",
352
+ // Rose 900 (High Contrast Sidebar)
353
+ sidebarDark: "#881337",
354
+ gradientStart: "#E11D48",
355
+ gradientEnd: "#FB7185",
356
+ gradientStartDark: "#9F1239",
357
+ gradientEndDark: "#E11D48",
358
+ chart1: "#E11D48",
359
+ chart2: "#F43F5E",
360
+ chart3: "#FB7185",
361
+ chart4: "#FDA4AF",
362
+ chart5: "#FECDD3"
363
+ },
364
+ preview: {
365
+ primary: "#BE123C",
366
+ secondary: "#FB7185",
367
+ accent: "#FFE4E6"
368
+ }
369
+ },
370
+ {
371
+ id: "emerald",
372
+ name: "Emerald",
373
+ description: "Natural e equilibrado",
374
+ colors: {
375
+ primary: "#047857",
376
+ // Emerald 700 (Better text contrast for Primary)
377
+ primaryForeground: "#FFFFFF",
378
+ primaryLight: "#D1FAE5",
379
+ primaryDarkMode: "#10B981",
380
+ primaryForegroundDark: "#FFFFFF",
381
+ sidebarLight: "#064E3B",
382
+ // Emerald 900 (High Contrast Sidebar)
383
+ sidebarDark: "#064E3B",
384
+ gradientStart: "#059669",
385
+ gradientEnd: "#34D399",
386
+ gradientStartDark: "#064E3B",
387
+ gradientEndDark: "#059669",
388
+ chart1: "#059669",
389
+ chart2: "#10B981",
390
+ chart3: "#34D399",
391
+ chart4: "#6EE7B7",
392
+ chart5: "#A7F3D0"
393
+ },
394
+ preview: {
395
+ primary: "#047857",
396
+ secondary: "#34D399",
397
+ accent: "#D1FAE5"
398
+ }
399
+ },
400
+ {
401
+ id: "amber",
402
+ name: "Amber",
403
+ description: "Quente e energético",
404
+ colors: {
405
+ primary: "#B45309",
406
+ // Amber 700 (Better text contrast for Primary)
407
+ primaryForeground: "#FFFFFF",
408
+ primaryLight: "#FEF3C7",
409
+ primaryDarkMode: "#F59E0B",
410
+ primaryForegroundDark: "#FFFFFF",
411
+ sidebarLight: "#78350F",
412
+ // Amber 900 (High Contrast Sidebar)
413
+ sidebarDark: "#78350F",
414
+ gradientStart: "#D97706",
415
+ gradientEnd: "#FBBF24",
416
+ gradientStartDark: "#92400E",
417
+ gradientEndDark: "#D97706",
418
+ chart1: "#D97706",
419
+ chart2: "#F59E0B",
420
+ chart3: "#FBBF24",
421
+ chart4: "#FDE68A",
422
+ chart5: "#FEF3C7"
423
+ },
424
+ preview: {
425
+ primary: "#B45309",
426
+ secondary: "#FBBF24",
427
+ accent: "#FEF3C7"
428
+ }
429
+ },
430
+ {
431
+ id: "orange",
432
+ name: "Orange",
433
+ description: "Vibrante e amigável",
434
+ colors: {
435
+ primary: "#C2410C",
436
+ // Orange 700 (Better text contrast for Primary)
437
+ primaryForeground: "#FFFFFF",
438
+ primaryLight: "#FFEDD5",
439
+ primaryDarkMode: "#F97316",
440
+ primaryForegroundDark: "#FFFFFF",
441
+ sidebarLight: "#7C2D12",
442
+ // Orange 900 (High Contrast Sidebar)
443
+ sidebarDark: "#7C2D12",
444
+ gradientStart: "#EA580C",
445
+ gradientEnd: "#FB923C",
446
+ gradientStartDark: "#9A3412",
447
+ gradientEndDark: "#EA580C",
448
+ chart1: "#EA580C",
449
+ chart2: "#F97316",
450
+ chart3: "#FB923C",
451
+ chart4: "#FDBA74",
452
+ chart5: "#FED7AA"
453
+ },
454
+ preview: {
455
+ primary: "#C2410C",
456
+ secondary: "#FB923C",
457
+ accent: "#FFEDD5"
458
+ }
459
+ }
460
+ ];
461
+ function hexToRgb(hex) {
462
+ const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
463
+ return result ? {
464
+ r: parseInt(result[1], 16),
465
+ g: parseInt(result[2], 16),
466
+ b: parseInt(result[3], 16)
467
+ } : null;
468
+ }
469
+ const BrandColorsContext = createContext(void 0);
470
+ const BrandColorsProvider = ({
471
+ children,
472
+ defaultTheme,
473
+ primaryColor,
474
+ useCustomTokens = false
475
+ }) => {
476
+ const [currentTheme, setCurrentTheme] = useState(() => {
477
+ if (primaryColor) return "custom";
478
+ return defaultTheme || "xertica-original";
479
+ });
480
+ const [radius, setRadius] = useState(0.5);
481
+ const [colors, setColors] = useState(() => {
482
+ if (primaryColor) {
483
+ return {
484
+ ...colorThemes[0].colors,
485
+ primary: primaryColor,
486
+ primaryDarkMode: primaryColor,
487
+ sidebarLight: primaryColor,
488
+ sidebarDark: primaryColor,
489
+ chart1: primaryColor
490
+ };
491
+ }
492
+ const theme = colorThemes.find((t) => t.id === currentTheme);
493
+ return (theme == null ? void 0 : theme.colors) || colorThemes[0].colors;
494
+ });
495
+ useEffect(() => {
496
+ if (primaryColor) {
497
+ setColors({
498
+ ...colorThemes[0].colors,
499
+ primary: primaryColor,
500
+ primaryDarkMode: primaryColor,
501
+ sidebarLight: primaryColor,
502
+ sidebarDark: primaryColor,
503
+ chart1: primaryColor
504
+ });
505
+ setCurrentTheme("custom");
506
+ return;
507
+ }
508
+ const theme = colorThemes.find((t) => t.id === currentTheme);
509
+ if (theme) {
510
+ setColors(theme.colors);
511
+ }
512
+ }, [currentTheme, primaryColor]);
513
+ const applyColors = React__default.useCallback(() => {
514
+ if (useCustomTokens) return;
515
+ if (typeof document === "undefined") return;
516
+ const root = document.documentElement;
517
+ const isDark = root.classList.contains("dark");
518
+ const primary = isDark ? colors.primaryDarkMode : colors.primary;
519
+ const primaryForeground = isDark ? colors.primaryForegroundDark : colors.primaryForeground;
520
+ const gradientStart = isDark ? colors.gradientStartDark : colors.gradientStart;
521
+ const gradientEnd = isDark ? colors.gradientEndDark : colors.gradientEnd;
522
+ const semantic = {
523
+ success: isDark ? "#4ade80" : "#047857",
524
+ // Green 400 / 700
525
+ warning: isDark ? "#fbbf24" : "#b45309",
526
+ // Amber 400 / 700
527
+ info: isDark ? "#60a5fa" : "#1d4ed8",
528
+ // Blue 400 / 700
529
+ destructive: isDark ? "#f87171" : "#b91c1c",
530
+ // Red 400 / 700
531
+ foreground: isDark ? "#050505" : "#ffffff"
532
+ };
533
+ const cssVars = [];
534
+ cssVars.push(`--primary: ${primary}`);
535
+ cssVars.push(`--primary-foreground: ${primaryForeground}`);
536
+ cssVars.push(`--success: ${semantic.success}`);
537
+ cssVars.push(`--success-foreground: ${semantic.foreground}`);
538
+ cssVars.push(`--warning: ${semantic.warning}`);
539
+ cssVars.push(`--warning-foreground: ${semantic.foreground}`);
540
+ cssVars.push(`--info: ${semantic.info}`);
541
+ cssVars.push(`--info-foreground: ${semantic.foreground}`);
542
+ cssVars.push(`--destructive: ${semantic.destructive}`);
543
+ cssVars.push(`--destructive-foreground: ${semantic.foreground}`);
544
+ const primaryRGB = hexToRgb(primary);
545
+ if (primaryRGB) {
546
+ cssVars.push(`--ring: ${isDark ? colors.primaryDarkMode : `rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.5)`}`);
547
+ cssVars.push(`--xertica-primary: ${primary}`);
548
+ cssVars.push(`--primary-light: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.15)`);
549
+ cssVars.push(`--primary-light-foreground: ${primary}`);
550
+ }
551
+ cssVars.push(`--radius: ${radius}rem`);
552
+ cssVars.push(`--chart-1: ${colors.chart1}`);
553
+ cssVars.push(`--chart-2: ${colors.chart2}`);
554
+ cssVars.push(`--chart-3: ${colors.chart3}`);
555
+ cssVars.push(`--chart-4: ${colors.chart4}`);
556
+ cssVars.push(`--chart-5: ${colors.chart5}`);
557
+ const sidebarBg = isDark ? colors.sidebarDark : colors.sidebarLight;
558
+ const isSidebarLight = sidebarBg.toLowerCase() === "#ffffff" || sidebarBg.toLowerCase() === "#f3f4f6" || sidebarBg.toLowerCase() === "#fafafa";
559
+ const sidebarFg = isSidebarLight ? "#0F172A" : "#FFFFFF";
560
+ cssVars.push(`--sidebar: ${sidebarBg}`);
561
+ cssVars.push(`--sidebar-foreground: ${sidebarFg}`);
562
+ if (primaryRGB) {
563
+ if (isSidebarLight) {
564
+ cssVars.push(`--sidebar-accent: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.1)`);
565
+ cssVars.push(`--sidebar-accent-foreground: ${primary}`);
566
+ cssVars.push(`--sidebar-border: rgba(0,0,0,0.1)`);
567
+ } else {
568
+ cssVars.push(`--sidebar-accent: rgba(255, 255, 255, 0.1)`);
569
+ cssVars.push(`--sidebar-accent-foreground: #FFFFFF`);
570
+ cssVars.push(`--sidebar-border: rgba(255,255,255,0.1)`);
571
+ }
572
+ cssVars.push(`--sidebar-ring: rgba(${primaryRGB.r}, ${primaryRGB.g}, ${primaryRGB.b}, 0.5)`);
573
+ }
574
+ if (!isSidebarLight) {
575
+ cssVars.push(`--sidebar-primary: #FFFFFF`);
576
+ cssVars.push(`--sidebar-primary-foreground: ${primary}`);
577
+ } else {
578
+ cssVars.push(`--sidebar-primary: ${primary}`);
579
+ cssVars.push(`--sidebar-primary-foreground: ${primaryForeground}`);
580
+ }
581
+ cssVars.push(`--gradient-diagonal: linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`);
582
+ const styleId = "xertica-brand-colors-injection";
583
+ let styleEl = document.getElementById(styleId);
584
+ if (!styleEl) {
585
+ styleEl = document.createElement("style");
586
+ styleEl.id = styleId;
587
+ document.head.prepend(styleEl);
588
+ }
589
+ styleEl.innerHTML = `:root {
590
+ ${cssVars.join(";\n ")};
591
+ }`;
592
+ }, [colors, currentTheme, radius, useCustomTokens]);
593
+ useEffect(() => {
594
+ applyColors();
595
+ }, [applyColors]);
596
+ useEffect(() => {
597
+ if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
598
+ const root = document.documentElement;
599
+ const observer = new MutationObserver((mutations) => {
600
+ mutations.forEach((mutation) => {
601
+ if (mutation.type === "attributes" && mutation.attributeName === "class") {
602
+ applyColors();
603
+ }
604
+ });
605
+ });
606
+ observer.observe(root, { attributes: true, attributeFilter: ["class"] });
607
+ return () => observer.disconnect();
608
+ }, [applyColors]);
609
+ const setTheme = (themeId) => {
610
+ setCurrentTheme(themeId);
611
+ };
612
+ const setBrandColor = (colorKey, value) => {
613
+ setColors((prev) => ({
614
+ ...prev,
615
+ [colorKey]: value
616
+ }));
617
+ };
618
+ return /* @__PURE__ */ jsx(BrandColorsContext.Provider, { value: { colors, currentTheme, themes: colorThemes, setTheme, setBrandColor, radius, setRadius }, children });
619
+ };
620
+ const useBrandColors = () => {
621
+ const context = useContext(BrandColorsContext);
622
+ if (context === void 0) {
623
+ throw new Error("useBrandColors must be used within a BrandColorsProvider");
624
+ }
625
+ return context;
626
+ };
627
+ const LanguageContext = createContext(void 0);
628
+ function LanguageProvider({ children }) {
629
+ const [language, setLanguage] = useState(() => {
630
+ var _a;
631
+ const saved = typeof window !== "undefined" ? (_a = window.localStorage) == null ? void 0 : _a.getItem("xertica_language") : null;
632
+ return saved || "pt-BR";
633
+ });
634
+ useEffect(() => {
635
+ var _a;
636
+ if (typeof window === "undefined") return;
637
+ (_a = window.localStorage) == null ? void 0 : _a.setItem("xertica_language", language);
638
+ }, [language]);
639
+ return /* @__PURE__ */ jsx(LanguageContext.Provider, { value: { language, setLanguage }, children });
640
+ }
641
+ function useLanguage() {
642
+ const context = useContext(LanguageContext);
643
+ if (context === void 0) {
644
+ throw new Error("useLanguage must be used within a LanguageProvider");
645
+ }
646
+ return context;
647
+ }
648
+ export {
649
+ ApiKeyProvider as A,
650
+ BrandColorsProvider as B,
651
+ LanguageProvider as L,
652
+ AssistenteProvider as a,
653
+ useAssistente as b,
654
+ useBrandColors as c,
655
+ useLanguage as d,
656
+ useApiKey as u
657
+ };