limbo-component 1.0.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 (107) hide show
  1. package/CHANGELOG.md +124 -0
  2. package/LICENSE +15 -0
  3. package/README.md +153 -0
  4. package/dist/favicon.ico +0 -0
  5. package/dist/index.d.ts +239 -0
  6. package/dist/limbo.cjs.js +31 -0
  7. package/dist/limbo.cjs.map +1 -0
  8. package/dist/limbo.css +1 -0
  9. package/dist/limbo.es.js +40021 -0
  10. package/dist/limbo.es.map +1 -0
  11. package/dist/limbo.min.js +49 -0
  12. package/dist/limbo.min.js.map +1 -0
  13. package/dist/limbo.umd.js +58 -0
  14. package/dist/limbo.umd.js.map +1 -0
  15. package/dist/types/App.d.ts +18 -0
  16. package/dist/types/App.d.ts.map +1 -0
  17. package/dist/types/components/CropperView.d.ts +10 -0
  18. package/dist/types/components/CropperView.d.ts.map +1 -0
  19. package/dist/types/components/Gallery.d.ts +19 -0
  20. package/dist/types/components/Gallery.d.ts.map +1 -0
  21. package/dist/types/components/ImageCard.d.ts +16 -0
  22. package/dist/types/components/ImageCard.d.ts.map +1 -0
  23. package/dist/types/components/ImageManager.d.ts +5 -0
  24. package/dist/types/components/ImageManager.d.ts.map +1 -0
  25. package/dist/types/components/Loader.d.ts +4 -0
  26. package/dist/types/components/Loader.d.ts.map +1 -0
  27. package/dist/types/components/TabAI.d.ts +7 -0
  28. package/dist/types/components/TabAI.d.ts.map +1 -0
  29. package/dist/types/components/TabPortals.d.ts +6 -0
  30. package/dist/types/components/TabPortals.d.ts.map +1 -0
  31. package/dist/types/components/TabStock.d.ts +7 -0
  32. package/dist/types/components/TabStock.d.ts.map +1 -0
  33. package/dist/types/components/TabUpload.d.ts +10 -0
  34. package/dist/types/components/TabUpload.d.ts.map +1 -0
  35. package/dist/types/components/Tabs.d.ts +6 -0
  36. package/dist/types/components/Tabs.d.ts.map +1 -0
  37. package/dist/types/components/UploadForm.d.ts +7 -0
  38. package/dist/types/components/UploadForm.d.ts.map +1 -0
  39. package/dist/types/core/AutoInputManager.d.ts +221 -0
  40. package/dist/types/core/AutoInputManager.d.ts.map +1 -0
  41. package/dist/types/core/ConfigManager.d.ts +294 -0
  42. package/dist/types/core/ConfigManager.d.ts.map +1 -0
  43. package/dist/types/core/EventManager.d.ts +36 -0
  44. package/dist/types/core/EventManager.d.ts.map +1 -0
  45. package/dist/types/core/InstanceManager.d.ts +48 -0
  46. package/dist/types/core/InstanceManager.d.ts.map +1 -0
  47. package/dist/types/core/LimboCore.d.ts +92 -0
  48. package/dist/types/core/LimboCore.d.ts.map +1 -0
  49. package/dist/types/core/ModalManager.d.ts +140 -0
  50. package/dist/types/core/ModalManager.d.ts.map +1 -0
  51. package/dist/types/hooks/useAiImage.d.ts +10 -0
  52. package/dist/types/hooks/useAiImage.d.ts.map +1 -0
  53. package/dist/types/hooks/useAiServices.d.ts +7 -0
  54. package/dist/types/hooks/useAiServices.d.ts.map +1 -0
  55. package/dist/types/hooks/useContainerQuery.d.ts +28 -0
  56. package/dist/types/hooks/useContainerQuery.d.ts.map +1 -0
  57. package/dist/types/hooks/useCropper.d.ts +43 -0
  58. package/dist/types/hooks/useCropper.d.ts.map +1 -0
  59. package/dist/types/hooks/useDeleteImage.d.ts +7 -0
  60. package/dist/types/hooks/useDeleteImage.d.ts.map +1 -0
  61. package/dist/types/hooks/useExternalImages.d.ts +10 -0
  62. package/dist/types/hooks/useExternalImages.d.ts.map +1 -0
  63. package/dist/types/hooks/useImage.d.ts +6 -0
  64. package/dist/types/hooks/useImage.d.ts.map +1 -0
  65. package/dist/types/hooks/useImageParams.d.ts +8 -0
  66. package/dist/types/hooks/useImageParams.d.ts.map +1 -0
  67. package/dist/types/hooks/useImages.d.ts +8 -0
  68. package/dist/types/hooks/useImages.d.ts.map +1 -0
  69. package/dist/types/hooks/useIsAllowedAll.d.ts +7 -0
  70. package/dist/types/hooks/useIsAllowedAll.d.ts.map +1 -0
  71. package/dist/types/hooks/useMobileDetection.d.ts +32 -0
  72. package/dist/types/hooks/useMobileDetection.d.ts.map +1 -0
  73. package/dist/types/hooks/usePortalSources.d.ts +7 -0
  74. package/dist/types/hooks/usePortalSources.d.ts.map +1 -0
  75. package/dist/types/hooks/useStockImages.d.ts +10 -0
  76. package/dist/types/hooks/useStockImages.d.ts.map +1 -0
  77. package/dist/types/hooks/useStockServices.d.ts +7 -0
  78. package/dist/types/hooks/useStockServices.d.ts.map +1 -0
  79. package/dist/types/hooks/useUploadImage.d.ts +8 -0
  80. package/dist/types/hooks/useUploadImage.d.ts.map +1 -0
  81. package/dist/types/index-refactored.d.ts +9 -0
  82. package/dist/types/index-refactored.d.ts.map +1 -0
  83. package/dist/types/services/aiApi.d.ts +3 -0
  84. package/dist/types/services/aiApi.d.ts.map +1 -0
  85. package/dist/types/services/apiClient.d.ts +31 -0
  86. package/dist/types/services/apiClient.d.ts.map +1 -0
  87. package/dist/types/services/assetsApi.d.ts +48 -0
  88. package/dist/types/services/assetsApi.d.ts.map +1 -0
  89. package/dist/types/services/authService.d.ts +65 -0
  90. package/dist/types/services/authService.d.ts.map +1 -0
  91. package/dist/types/services/imageParamsApi.d.ts +5 -0
  92. package/dist/types/services/imageParamsApi.d.ts.map +1 -0
  93. package/dist/types/services/portalsApi.d.ts +3 -0
  94. package/dist/types/services/portalsApi.d.ts.map +1 -0
  95. package/dist/types/services/responseAdapters.d.ts +43 -0
  96. package/dist/types/services/responseAdapters.d.ts.map +1 -0
  97. package/dist/types/services/stockApi.d.ts +4 -0
  98. package/dist/types/services/stockApi.d.ts.map +1 -0
  99. package/dist/types/utils/ContainerQueryDetector.d.ts +45 -0
  100. package/dist/types/utils/ContainerQueryDetector.d.ts.map +1 -0
  101. package/dist/types/utils/CropperManager.d.ts +88 -0
  102. package/dist/types/utils/CropperManager.d.ts.map +1 -0
  103. package/dist/types/utils/ThemeManager.d.ts +1002 -0
  104. package/dist/types/utils/ThemeManager.d.ts.map +1 -0
  105. package/dist/types/utils/i18n.d.ts +255 -0
  106. package/dist/types/utils/i18n.d.ts.map +1 -0
  107. package/package.json +84 -0
@@ -0,0 +1,1002 @@
1
+ /**
2
+ * 🎨 THEME MANAGER
3
+ * Responsabilidad única: Sistema de temas dinámico con CSS variables
4
+ */
5
+ export class ThemeManager {
6
+ currentTheme: any;
7
+ customThemes: Map<any, any>;
8
+ config: {
9
+ theme: {
10
+ auto: boolean;
11
+ storage: boolean;
12
+ inherit: boolean;
13
+ smooth: boolean;
14
+ detectSystem: boolean;
15
+ };
16
+ compact: {
17
+ enabled: boolean;
18
+ auto: boolean;
19
+ breakpoint: number;
20
+ forceOnMobile: boolean;
21
+ persistPreference: boolean;
22
+ };
23
+ presets: {
24
+ light: {
25
+ name: string;
26
+ displayName: string;
27
+ variables: {
28
+ '--limbo-primary': string;
29
+ '--limbo-primary-hover': string;
30
+ '--limbo-primary-light': string;
31
+ '--limbo-primary-dark': string;
32
+ '--limbo-bg-primary': string;
33
+ '--limbo-bg-secondary': string;
34
+ '--limbo-bg-tertiary': string;
35
+ '--limbo-bg-overlay': string;
36
+ '--limbo-bg-card': string;
37
+ '--limbo-bg-input': string;
38
+ '--limbo-text-primary': string;
39
+ '--limbo-text-secondary': string;
40
+ '--limbo-text-tertiary': string;
41
+ '--limbo-text-inverse': string;
42
+ '--limbo-text-muted': string;
43
+ '--limbo-border-light': string;
44
+ '--limbo-border-medium': string;
45
+ '--limbo-border-strong': string;
46
+ '--limbo-border-focus': string;
47
+ '--limbo-success': string;
48
+ '--limbo-success-light': string;
49
+ '--limbo-error': string;
50
+ '--limbo-error-light': string;
51
+ '--limbo-warning': string;
52
+ '--limbo-warning-light': string;
53
+ '--limbo-info': string;
54
+ '--limbo-info-light': string;
55
+ '--limbo-shadow-sm': string;
56
+ '--limbo-shadow-md': string;
57
+ '--limbo-shadow-lg': string;
58
+ '--limbo-shadow-xl': string;
59
+ '--limbo-radius-sm': string;
60
+ '--limbo-radius-md': string;
61
+ '--limbo-radius-lg': string;
62
+ '--limbo-radius-xl': string;
63
+ '--limbo-font-family': string;
64
+ '--limbo-font-size-xs': string;
65
+ '--limbo-font-size-sm': string;
66
+ '--limbo-font-size-md': string;
67
+ '--limbo-font-size-lg': string;
68
+ '--limbo-font-size-xl': string;
69
+ '--limbo-z-dropdown': string;
70
+ '--limbo-z-sticky': string;
71
+ '--limbo-z-fixed': string;
72
+ '--limbo-z-modal': string;
73
+ '--limbo-z-tooltip': string;
74
+ '--limbo-transition-fast': string;
75
+ '--limbo-transition-normal': string;
76
+ '--limbo-transition-slow': string;
77
+ '--limbo-spacing-compact': string;
78
+ '--limbo-spacing-compact-sm': string;
79
+ '--limbo-spacing-compact-lg': string;
80
+ '--limbo-font-size-compact-xs': string;
81
+ '--limbo-font-size-compact-sm': string;
82
+ '--limbo-font-size-compact-md': string;
83
+ '--limbo-font-size-compact-lg': string;
84
+ '--limbo-radius-compact': string;
85
+ '--limbo-radius-compact-sm': string;
86
+ '--limbo-radius-compact-lg': string;
87
+ '--limbo-button-height-compact': string;
88
+ '--limbo-input-height-compact': string;
89
+ '--limbo-modal-padding-compact': string;
90
+ '--limbo-card-padding-compact': string;
91
+ '--limbo-gap-compact': string;
92
+ '--limbo-gap-compact-sm': string;
93
+ '--limbo-gap-compact-lg': string;
94
+ };
95
+ };
96
+ dark: {
97
+ name: string;
98
+ displayName: string;
99
+ variables: {
100
+ '--limbo-primary': string;
101
+ '--limbo-primary-hover': string;
102
+ '--limbo-primary-light': string;
103
+ '--limbo-primary-dark': string;
104
+ '--limbo-bg-primary': string;
105
+ '--limbo-bg-secondary': string;
106
+ '--limbo-bg-tertiary': string;
107
+ '--limbo-bg-overlay': string;
108
+ '--limbo-bg-card': string;
109
+ '--limbo-bg-input': string;
110
+ '--limbo-text-primary': string;
111
+ '--limbo-text-secondary': string;
112
+ '--limbo-text-tertiary': string;
113
+ '--limbo-text-inverse': string;
114
+ '--limbo-text-muted': string;
115
+ '--limbo-border-light': string;
116
+ '--limbo-border-medium': string;
117
+ '--limbo-border-strong': string;
118
+ '--limbo-border-focus': string;
119
+ '--limbo-success': string;
120
+ '--limbo-success-light': string;
121
+ '--limbo-error': string;
122
+ '--limbo-error-light': string;
123
+ '--limbo-warning': string;
124
+ '--limbo-warning-light': string;
125
+ '--limbo-info': string;
126
+ '--limbo-info-light': string;
127
+ '--limbo-shadow-sm': string;
128
+ '--limbo-shadow-md': string;
129
+ '--limbo-shadow-lg': string;
130
+ '--limbo-shadow-xl': string;
131
+ '--limbo-radius-sm': string;
132
+ '--limbo-radius-md': string;
133
+ '--limbo-radius-lg': string;
134
+ '--limbo-radius-xl': string;
135
+ '--limbo-font-family': string;
136
+ '--limbo-font-size-xs': string;
137
+ '--limbo-font-size-sm': string;
138
+ '--limbo-font-size-md': string;
139
+ '--limbo-font-size-lg': string;
140
+ '--limbo-font-size-xl': string;
141
+ '--limbo-z-dropdown': string;
142
+ '--limbo-z-sticky': string;
143
+ '--limbo-z-fixed': string;
144
+ '--limbo-z-modal': string;
145
+ '--limbo-z-tooltip': string;
146
+ '--limbo-transition-fast': string;
147
+ '--limbo-transition-normal': string;
148
+ '--limbo-transition-slow': string;
149
+ '--limbo-spacing-compact': string;
150
+ '--limbo-spacing-compact-sm': string;
151
+ '--limbo-spacing-compact-lg': string;
152
+ '--limbo-font-size-compact-xs': string;
153
+ '--limbo-font-size-compact-sm': string;
154
+ '--limbo-font-size-compact-md': string;
155
+ '--limbo-font-size-compact-lg': string;
156
+ '--limbo-radius-compact': string;
157
+ '--limbo-radius-compact-sm': string;
158
+ '--limbo-radius-compact-lg': string;
159
+ '--limbo-button-height-compact': string;
160
+ '--limbo-input-height-compact': string;
161
+ '--limbo-modal-padding-compact': string;
162
+ '--limbo-card-padding-compact': string;
163
+ '--limbo-gap-compact': string;
164
+ '--limbo-gap-compact-sm': string;
165
+ '--limbo-gap-compact-lg': string;
166
+ };
167
+ };
168
+ auto: {
169
+ name: string;
170
+ displayName: string;
171
+ variables: {};
172
+ };
173
+ };
174
+ inheritance: {
175
+ portalSelectors: string[];
176
+ variablePrefix: string;
177
+ fallbackTheme: string;
178
+ };
179
+ transitions: {
180
+ duration: string;
181
+ easing: string;
182
+ properties: string[];
183
+ };
184
+ };
185
+ isInitialized: boolean;
186
+ isCompactMode: boolean;
187
+ compactBreakpoint: any;
188
+ compactObserver: MediaQueryList;
189
+ mediaQueryObserver: MediaQueryList;
190
+ mutationObserver: MutationObserver;
191
+ storageListener: (e: any) => void;
192
+ themeCache: Map<any, any>;
193
+ appliedStyles: Set<any>;
194
+ changeCallbacks: Set<any>;
195
+ /**
196
+ * 🔧 Configuración por defecto
197
+ */
198
+ _getDefaultConfig(): {
199
+ theme: {
200
+ auto: boolean;
201
+ storage: boolean;
202
+ inherit: boolean;
203
+ smooth: boolean;
204
+ detectSystem: boolean;
205
+ };
206
+ compact: {
207
+ enabled: boolean;
208
+ auto: boolean;
209
+ breakpoint: number;
210
+ forceOnMobile: boolean;
211
+ persistPreference: boolean;
212
+ };
213
+ presets: {
214
+ light: {
215
+ name: string;
216
+ displayName: string;
217
+ variables: {
218
+ '--limbo-primary': string;
219
+ '--limbo-primary-hover': string;
220
+ '--limbo-primary-light': string;
221
+ '--limbo-primary-dark': string;
222
+ '--limbo-bg-primary': string;
223
+ '--limbo-bg-secondary': string;
224
+ '--limbo-bg-tertiary': string;
225
+ '--limbo-bg-overlay': string;
226
+ '--limbo-bg-card': string;
227
+ '--limbo-bg-input': string;
228
+ '--limbo-text-primary': string;
229
+ '--limbo-text-secondary': string;
230
+ '--limbo-text-tertiary': string;
231
+ '--limbo-text-inverse': string;
232
+ '--limbo-text-muted': string;
233
+ '--limbo-border-light': string;
234
+ '--limbo-border-medium': string;
235
+ '--limbo-border-strong': string;
236
+ '--limbo-border-focus': string;
237
+ '--limbo-success': string;
238
+ '--limbo-success-light': string;
239
+ '--limbo-error': string;
240
+ '--limbo-error-light': string;
241
+ '--limbo-warning': string;
242
+ '--limbo-warning-light': string;
243
+ '--limbo-info': string;
244
+ '--limbo-info-light': string;
245
+ '--limbo-shadow-sm': string;
246
+ '--limbo-shadow-md': string;
247
+ '--limbo-shadow-lg': string;
248
+ '--limbo-shadow-xl': string;
249
+ '--limbo-radius-sm': string;
250
+ '--limbo-radius-md': string;
251
+ '--limbo-radius-lg': string;
252
+ '--limbo-radius-xl': string;
253
+ '--limbo-font-family': string;
254
+ '--limbo-font-size-xs': string;
255
+ '--limbo-font-size-sm': string;
256
+ '--limbo-font-size-md': string;
257
+ '--limbo-font-size-lg': string;
258
+ '--limbo-font-size-xl': string;
259
+ '--limbo-z-dropdown': string;
260
+ '--limbo-z-sticky': string;
261
+ '--limbo-z-fixed': string;
262
+ '--limbo-z-modal': string;
263
+ '--limbo-z-tooltip': string;
264
+ '--limbo-transition-fast': string;
265
+ '--limbo-transition-normal': string;
266
+ '--limbo-transition-slow': string;
267
+ '--limbo-spacing-compact': string;
268
+ '--limbo-spacing-compact-sm': string;
269
+ '--limbo-spacing-compact-lg': string;
270
+ '--limbo-font-size-compact-xs': string;
271
+ '--limbo-font-size-compact-sm': string;
272
+ '--limbo-font-size-compact-md': string;
273
+ '--limbo-font-size-compact-lg': string;
274
+ '--limbo-radius-compact': string;
275
+ '--limbo-radius-compact-sm': string;
276
+ '--limbo-radius-compact-lg': string;
277
+ '--limbo-button-height-compact': string;
278
+ '--limbo-input-height-compact': string;
279
+ '--limbo-modal-padding-compact': string;
280
+ '--limbo-card-padding-compact': string;
281
+ '--limbo-gap-compact': string;
282
+ '--limbo-gap-compact-sm': string;
283
+ '--limbo-gap-compact-lg': string;
284
+ };
285
+ };
286
+ dark: {
287
+ name: string;
288
+ displayName: string;
289
+ variables: {
290
+ '--limbo-primary': string;
291
+ '--limbo-primary-hover': string;
292
+ '--limbo-primary-light': string;
293
+ '--limbo-primary-dark': string;
294
+ '--limbo-bg-primary': string;
295
+ '--limbo-bg-secondary': string;
296
+ '--limbo-bg-tertiary': string;
297
+ '--limbo-bg-overlay': string;
298
+ '--limbo-bg-card': string;
299
+ '--limbo-bg-input': string;
300
+ '--limbo-text-primary': string;
301
+ '--limbo-text-secondary': string;
302
+ '--limbo-text-tertiary': string;
303
+ '--limbo-text-inverse': string;
304
+ '--limbo-text-muted': string;
305
+ '--limbo-border-light': string;
306
+ '--limbo-border-medium': string;
307
+ '--limbo-border-strong': string;
308
+ '--limbo-border-focus': string;
309
+ '--limbo-success': string;
310
+ '--limbo-success-light': string;
311
+ '--limbo-error': string;
312
+ '--limbo-error-light': string;
313
+ '--limbo-warning': string;
314
+ '--limbo-warning-light': string;
315
+ '--limbo-info': string;
316
+ '--limbo-info-light': string;
317
+ '--limbo-shadow-sm': string;
318
+ '--limbo-shadow-md': string;
319
+ '--limbo-shadow-lg': string;
320
+ '--limbo-shadow-xl': string;
321
+ '--limbo-radius-sm': string;
322
+ '--limbo-radius-md': string;
323
+ '--limbo-radius-lg': string;
324
+ '--limbo-radius-xl': string;
325
+ '--limbo-font-family': string;
326
+ '--limbo-font-size-xs': string;
327
+ '--limbo-font-size-sm': string;
328
+ '--limbo-font-size-md': string;
329
+ '--limbo-font-size-lg': string;
330
+ '--limbo-font-size-xl': string;
331
+ '--limbo-z-dropdown': string;
332
+ '--limbo-z-sticky': string;
333
+ '--limbo-z-fixed': string;
334
+ '--limbo-z-modal': string;
335
+ '--limbo-z-tooltip': string;
336
+ '--limbo-transition-fast': string;
337
+ '--limbo-transition-normal': string;
338
+ '--limbo-transition-slow': string;
339
+ '--limbo-spacing-compact': string;
340
+ '--limbo-spacing-compact-sm': string;
341
+ '--limbo-spacing-compact-lg': string;
342
+ '--limbo-font-size-compact-xs': string;
343
+ '--limbo-font-size-compact-sm': string;
344
+ '--limbo-font-size-compact-md': string;
345
+ '--limbo-font-size-compact-lg': string;
346
+ '--limbo-radius-compact': string;
347
+ '--limbo-radius-compact-sm': string;
348
+ '--limbo-radius-compact-lg': string;
349
+ '--limbo-button-height-compact': string;
350
+ '--limbo-input-height-compact': string;
351
+ '--limbo-modal-padding-compact': string;
352
+ '--limbo-card-padding-compact': string;
353
+ '--limbo-gap-compact': string;
354
+ '--limbo-gap-compact-sm': string;
355
+ '--limbo-gap-compact-lg': string;
356
+ };
357
+ };
358
+ auto: {
359
+ name: string;
360
+ displayName: string;
361
+ variables: {};
362
+ };
363
+ };
364
+ inheritance: {
365
+ portalSelectors: string[];
366
+ variablePrefix: string;
367
+ fallbackTheme: string;
368
+ };
369
+ transitions: {
370
+ duration: string;
371
+ easing: string;
372
+ properties: string[];
373
+ };
374
+ };
375
+ /**
376
+ * 🚀 Inicializar sistema de temas
377
+ */
378
+ initialize(customConfig?: {}): void;
379
+ /**
380
+ * 🎨 Inyectar estilos base
381
+ */
382
+ _injectBaseStyles(): void;
383
+ /**
384
+ * 🎨 Aplicar tema
385
+ */
386
+ applyTheme(themeName: any, options?: {}): boolean;
387
+ /**
388
+ * 🔄 Alternar entre temas
389
+ */
390
+ toggleTheme(themeA?: string, themeB?: string): boolean;
391
+ /**
392
+ * 🤖 Aplicar tema automático
393
+ */
394
+ applyAutoTheme(): boolean;
395
+ /**
396
+ * ➕ Registrar tema personalizado
397
+ */
398
+ registerTheme(name: any, theme: any): this;
399
+ /**
400
+ * 🗑️ Remover tema personalizado
401
+ */
402
+ removeTheme(name: any): boolean;
403
+ /**
404
+ * 📋 Listar temas disponibles
405
+ */
406
+ getAvailableThemes(): {
407
+ presets: string[];
408
+ custom: any[];
409
+ all: any[];
410
+ };
411
+ /**
412
+ * 📊 Obtener información del tema actual
413
+ */
414
+ getCurrentTheme(): {
415
+ name: any;
416
+ theme: any;
417
+ isCustom: boolean;
418
+ variables: {};
419
+ };
420
+ /**
421
+ * 📱 Activar modo compacto
422
+ */
423
+ enableCompactMode(options?: {}): this;
424
+ /**
425
+ * 🖥️ Desactivar modo compacto
426
+ */
427
+ disableCompactMode(options?: {}): this;
428
+ /**
429
+ * 🔄 Alternar modo compacto
430
+ */
431
+ toggleCompactMode(options?: {}): this;
432
+ /**
433
+ * 🤖 Aplicar modo compacto automático
434
+ */
435
+ applyAutoCompactMode(): this;
436
+ /**
437
+ * 📊 Obtener estado del modo compacto
438
+ */
439
+ getCompactState(): {
440
+ isEnabled: boolean;
441
+ isAuto: boolean;
442
+ breakpoint: number;
443
+ currentViewport: number;
444
+ shouldBeCompact: boolean;
445
+ };
446
+ /**
447
+ * 🔍 Determinar si debería usar modo compacto
448
+ */
449
+ _shouldUseCompactMode(): boolean;
450
+ /**
451
+ * 💾 Guardar preferencia de modo compacto
452
+ */
453
+ _saveCompactPreference(isCompact: any): void;
454
+ /**
455
+ * 📖 Cargar preferencia de modo compacto
456
+ */
457
+ _loadCompactPreference(): boolean;
458
+ /**
459
+ * 🔔 Triggear callbacks de cambio de modo compacto
460
+ */
461
+ _triggerCompactChange(isCompact: any): void;
462
+ /**
463
+ * 🏠 Heredar tema del portal padre
464
+ */
465
+ _inheritPortalTheme(): string;
466
+ /**
467
+ * 🔍 Detectar tema del portal
468
+ */
469
+ _detectPortalTheme(): {
470
+ name: string;
471
+ displayName: string;
472
+ variables: {};
473
+ };
474
+ /**
475
+ * 🎨 Extraer variables CSS de elemento
476
+ */
477
+ _extractCSSVariables(element: any): {};
478
+ /**
479
+ * 🗺️ Mapear variables genéricas a Limbo
480
+ */
481
+ _mapGenericToLimbo(varName: any, value: any): any;
482
+ /**
483
+ * 🎯 Aplicar tema inicial
484
+ */
485
+ _applyInitialTheme(): void;
486
+ /**
487
+ * 📱 Aplicar modo compacto inicial
488
+ */
489
+ _applyInitialCompactMode(): void;
490
+ /**
491
+ * 🎨 Aplicar variables del tema
492
+ */
493
+ _applyThemeVariables(theme: any, scope?: HTMLElement): void;
494
+ /**
495
+ * 🏷️ Actualizar atributos de tema
496
+ */
497
+ _updateThemeAttributes(themeName: any): void;
498
+ /**
499
+ * 📱 Actualizar meta theme-color
500
+ */
501
+ _updateMetaThemeColor(themeName: any): void;
502
+ /**
503
+ * 🎨 Obtener tema
504
+ */
505
+ _getTheme(themeName: any): any;
506
+ /**
507
+ * 📋 Obtener variables actuales
508
+ */
509
+ _getCurrentVariables(): {};
510
+ /**
511
+ * 💾 Guardar preferencia de tema
512
+ */
513
+ _saveThemePreference(themeName: any): void;
514
+ /**
515
+ * 📖 Cargar preferencia de tema
516
+ */
517
+ _loadThemePreference(): string;
518
+ /**
519
+ * 🎨 Cargar temas personalizados
520
+ */
521
+ _loadCustomThemes(): void;
522
+ /**
523
+ * 💾 Guardar temas personalizados
524
+ */
525
+ _saveCustomThemes(): void;
526
+ /**
527
+ * 👀 Configurar observers
528
+ */
529
+ _setupObservers(): void;
530
+ /**
531
+ * 🖥️ Observer del sistema
532
+ */
533
+ _setupSystemObserver(): void;
534
+ /**
535
+ * 💾 Observer del storage
536
+ */
537
+ _setupStorageObserver(): void;
538
+ /**
539
+ * 🔍 Observer de mutaciones
540
+ */
541
+ _setupMutationObserver(): void;
542
+ /**
543
+ * 📱 Observer del viewport (modo compacto)
544
+ */
545
+ _setupViewportObserver(): void;
546
+ /**
547
+ * 📢 Registrar callback de cambio
548
+ */
549
+ onThemeChange(callback: any): () => boolean;
550
+ /**
551
+ * 🔔 Triggear callbacks de cambio
552
+ */
553
+ _triggerChangeCallbacks(newTheme: any, previousTheme: any): void;
554
+ /**
555
+ * 🎨 Generar tema desde colores
556
+ */
557
+ generateThemeFromColors(name: any, baseColors: any): {
558
+ name: any;
559
+ displayName: any;
560
+ variables: {};
561
+ };
562
+ /**
563
+ * 🌈 Oscurecer color
564
+ */
565
+ _darkenColor(color: any, percent: any): string;
566
+ /**
567
+ * 🌟 Aclarar color
568
+ */
569
+ _lightenColor(color: any, percent: any): string;
570
+ /**
571
+ * 🔄 Merge profundo de objetos
572
+ */
573
+ _deepMerge(target: any, source: any): any;
574
+ /**
575
+ * 📊 Obtener información completa
576
+ */
577
+ getThemeInfo(): {
578
+ current: {
579
+ name: any;
580
+ theme: any;
581
+ isCustom: boolean;
582
+ variables: {};
583
+ };
584
+ available: {
585
+ presets: string[];
586
+ custom: any[];
587
+ all: any[];
588
+ };
589
+ compact: {
590
+ isEnabled: boolean;
591
+ isAuto: boolean;
592
+ breakpoint: number;
593
+ currentViewport: number;
594
+ shouldBeCompact: boolean;
595
+ };
596
+ config: {
597
+ theme: {
598
+ auto: boolean;
599
+ storage: boolean;
600
+ inherit: boolean;
601
+ smooth: boolean;
602
+ detectSystem: boolean;
603
+ };
604
+ compact: {
605
+ enabled: boolean;
606
+ auto: boolean;
607
+ breakpoint: number;
608
+ forceOnMobile: boolean;
609
+ persistPreference: boolean;
610
+ };
611
+ presets: {
612
+ light: {
613
+ name: string;
614
+ displayName: string;
615
+ variables: {
616
+ '--limbo-primary': string;
617
+ '--limbo-primary-hover': string;
618
+ '--limbo-primary-light': string;
619
+ '--limbo-primary-dark': string;
620
+ '--limbo-bg-primary': string;
621
+ '--limbo-bg-secondary': string;
622
+ '--limbo-bg-tertiary': string;
623
+ '--limbo-bg-overlay': string;
624
+ '--limbo-bg-card': string;
625
+ '--limbo-bg-input': string;
626
+ '--limbo-text-primary': string;
627
+ '--limbo-text-secondary': string;
628
+ '--limbo-text-tertiary': string;
629
+ '--limbo-text-inverse': string;
630
+ '--limbo-text-muted': string;
631
+ '--limbo-border-light': string;
632
+ '--limbo-border-medium': string;
633
+ '--limbo-border-strong': string;
634
+ '--limbo-border-focus': string;
635
+ '--limbo-success': string;
636
+ '--limbo-success-light': string;
637
+ '--limbo-error': string;
638
+ '--limbo-error-light': string;
639
+ '--limbo-warning': string;
640
+ '--limbo-warning-light': string;
641
+ '--limbo-info': string;
642
+ '--limbo-info-light': string;
643
+ '--limbo-shadow-sm': string;
644
+ '--limbo-shadow-md': string;
645
+ '--limbo-shadow-lg': string;
646
+ '--limbo-shadow-xl': string;
647
+ '--limbo-radius-sm': string;
648
+ '--limbo-radius-md': string;
649
+ '--limbo-radius-lg': string;
650
+ '--limbo-radius-xl': string;
651
+ '--limbo-font-family': string;
652
+ '--limbo-font-size-xs': string;
653
+ '--limbo-font-size-sm': string;
654
+ '--limbo-font-size-md': string;
655
+ '--limbo-font-size-lg': string;
656
+ '--limbo-font-size-xl': string;
657
+ '--limbo-z-dropdown': string;
658
+ '--limbo-z-sticky': string;
659
+ '--limbo-z-fixed': string;
660
+ '--limbo-z-modal': string;
661
+ '--limbo-z-tooltip': string;
662
+ '--limbo-transition-fast': string;
663
+ '--limbo-transition-normal': string;
664
+ '--limbo-transition-slow': string;
665
+ '--limbo-spacing-compact': string;
666
+ '--limbo-spacing-compact-sm': string;
667
+ '--limbo-spacing-compact-lg': string;
668
+ '--limbo-font-size-compact-xs': string;
669
+ '--limbo-font-size-compact-sm': string;
670
+ '--limbo-font-size-compact-md': string;
671
+ '--limbo-font-size-compact-lg': string;
672
+ '--limbo-radius-compact': string;
673
+ '--limbo-radius-compact-sm': string;
674
+ '--limbo-radius-compact-lg': string;
675
+ '--limbo-button-height-compact': string;
676
+ '--limbo-input-height-compact': string;
677
+ '--limbo-modal-padding-compact': string;
678
+ '--limbo-card-padding-compact': string;
679
+ '--limbo-gap-compact': string;
680
+ '--limbo-gap-compact-sm': string;
681
+ '--limbo-gap-compact-lg': string;
682
+ };
683
+ };
684
+ dark: {
685
+ name: string;
686
+ displayName: string;
687
+ variables: {
688
+ '--limbo-primary': string;
689
+ '--limbo-primary-hover': string;
690
+ '--limbo-primary-light': string;
691
+ '--limbo-primary-dark': string;
692
+ '--limbo-bg-primary': string;
693
+ '--limbo-bg-secondary': string;
694
+ '--limbo-bg-tertiary': string;
695
+ '--limbo-bg-overlay': string;
696
+ '--limbo-bg-card': string;
697
+ '--limbo-bg-input': string;
698
+ '--limbo-text-primary': string;
699
+ '--limbo-text-secondary': string;
700
+ '--limbo-text-tertiary': string;
701
+ '--limbo-text-inverse': string;
702
+ '--limbo-text-muted': string;
703
+ '--limbo-border-light': string;
704
+ '--limbo-border-medium': string;
705
+ '--limbo-border-strong': string;
706
+ '--limbo-border-focus': string;
707
+ '--limbo-success': string;
708
+ '--limbo-success-light': string;
709
+ '--limbo-error': string;
710
+ '--limbo-error-light': string;
711
+ '--limbo-warning': string;
712
+ '--limbo-warning-light': string;
713
+ '--limbo-info': string;
714
+ '--limbo-info-light': string;
715
+ '--limbo-shadow-sm': string;
716
+ '--limbo-shadow-md': string;
717
+ '--limbo-shadow-lg': string;
718
+ '--limbo-shadow-xl': string;
719
+ '--limbo-radius-sm': string;
720
+ '--limbo-radius-md': string;
721
+ '--limbo-radius-lg': string;
722
+ '--limbo-radius-xl': string;
723
+ '--limbo-font-family': string;
724
+ '--limbo-font-size-xs': string;
725
+ '--limbo-font-size-sm': string;
726
+ '--limbo-font-size-md': string;
727
+ '--limbo-font-size-lg': string;
728
+ '--limbo-font-size-xl': string;
729
+ '--limbo-z-dropdown': string;
730
+ '--limbo-z-sticky': string;
731
+ '--limbo-z-fixed': string;
732
+ '--limbo-z-modal': string;
733
+ '--limbo-z-tooltip': string;
734
+ '--limbo-transition-fast': string;
735
+ '--limbo-transition-normal': string;
736
+ '--limbo-transition-slow': string;
737
+ '--limbo-spacing-compact': string;
738
+ '--limbo-spacing-compact-sm': string;
739
+ '--limbo-spacing-compact-lg': string;
740
+ '--limbo-font-size-compact-xs': string;
741
+ '--limbo-font-size-compact-sm': string;
742
+ '--limbo-font-size-compact-md': string;
743
+ '--limbo-font-size-compact-lg': string;
744
+ '--limbo-radius-compact': string;
745
+ '--limbo-radius-compact-sm': string;
746
+ '--limbo-radius-compact-lg': string;
747
+ '--limbo-button-height-compact': string;
748
+ '--limbo-input-height-compact': string;
749
+ '--limbo-modal-padding-compact': string;
750
+ '--limbo-card-padding-compact': string;
751
+ '--limbo-gap-compact': string;
752
+ '--limbo-gap-compact-sm': string;
753
+ '--limbo-gap-compact-lg': string;
754
+ };
755
+ };
756
+ auto: {
757
+ name: string;
758
+ displayName: string;
759
+ variables: {};
760
+ };
761
+ };
762
+ inheritance: {
763
+ portalSelectors: string[];
764
+ variablePrefix: string;
765
+ fallbackTheme: string;
766
+ };
767
+ transitions: {
768
+ duration: string;
769
+ easing: string;
770
+ properties: string[];
771
+ };
772
+ };
773
+ isInitialized: boolean;
774
+ cache: {
775
+ themes: number;
776
+ applied: number;
777
+ };
778
+ observers: {
779
+ system: boolean;
780
+ storage: boolean;
781
+ mutation: boolean;
782
+ viewport: boolean;
783
+ };
784
+ };
785
+ /**
786
+ * 🔍 Debug información
787
+ */
788
+ debug(): {
789
+ current: {
790
+ name: any;
791
+ theme: any;
792
+ isCustom: boolean;
793
+ variables: {};
794
+ };
795
+ available: {
796
+ presets: string[];
797
+ custom: any[];
798
+ all: any[];
799
+ };
800
+ compact: {
801
+ isEnabled: boolean;
802
+ isAuto: boolean;
803
+ breakpoint: number;
804
+ currentViewport: number;
805
+ shouldBeCompact: boolean;
806
+ };
807
+ config: {
808
+ theme: {
809
+ auto: boolean;
810
+ storage: boolean;
811
+ inherit: boolean;
812
+ smooth: boolean;
813
+ detectSystem: boolean;
814
+ };
815
+ compact: {
816
+ enabled: boolean;
817
+ auto: boolean;
818
+ breakpoint: number;
819
+ forceOnMobile: boolean;
820
+ persistPreference: boolean;
821
+ };
822
+ presets: {
823
+ light: {
824
+ name: string;
825
+ displayName: string;
826
+ variables: {
827
+ '--limbo-primary': string;
828
+ '--limbo-primary-hover': string;
829
+ '--limbo-primary-light': string;
830
+ '--limbo-primary-dark': string;
831
+ '--limbo-bg-primary': string;
832
+ '--limbo-bg-secondary': string;
833
+ '--limbo-bg-tertiary': string;
834
+ '--limbo-bg-overlay': string;
835
+ '--limbo-bg-card': string;
836
+ '--limbo-bg-input': string;
837
+ '--limbo-text-primary': string;
838
+ '--limbo-text-secondary': string;
839
+ '--limbo-text-tertiary': string;
840
+ '--limbo-text-inverse': string;
841
+ '--limbo-text-muted': string;
842
+ '--limbo-border-light': string;
843
+ '--limbo-border-medium': string;
844
+ '--limbo-border-strong': string;
845
+ '--limbo-border-focus': string;
846
+ '--limbo-success': string;
847
+ '--limbo-success-light': string;
848
+ '--limbo-error': string;
849
+ '--limbo-error-light': string;
850
+ '--limbo-warning': string;
851
+ '--limbo-warning-light': string;
852
+ '--limbo-info': string;
853
+ '--limbo-info-light': string;
854
+ '--limbo-shadow-sm': string;
855
+ '--limbo-shadow-md': string;
856
+ '--limbo-shadow-lg': string;
857
+ '--limbo-shadow-xl': string;
858
+ '--limbo-radius-sm': string;
859
+ '--limbo-radius-md': string;
860
+ '--limbo-radius-lg': string;
861
+ '--limbo-radius-xl': string;
862
+ '--limbo-font-family': string;
863
+ '--limbo-font-size-xs': string;
864
+ '--limbo-font-size-sm': string;
865
+ '--limbo-font-size-md': string;
866
+ '--limbo-font-size-lg': string;
867
+ '--limbo-font-size-xl': string;
868
+ '--limbo-z-dropdown': string;
869
+ '--limbo-z-sticky': string;
870
+ '--limbo-z-fixed': string;
871
+ '--limbo-z-modal': string;
872
+ '--limbo-z-tooltip': string;
873
+ '--limbo-transition-fast': string;
874
+ '--limbo-transition-normal': string;
875
+ '--limbo-transition-slow': string;
876
+ '--limbo-spacing-compact': string;
877
+ '--limbo-spacing-compact-sm': string;
878
+ '--limbo-spacing-compact-lg': string;
879
+ '--limbo-font-size-compact-xs': string;
880
+ '--limbo-font-size-compact-sm': string;
881
+ '--limbo-font-size-compact-md': string;
882
+ '--limbo-font-size-compact-lg': string;
883
+ '--limbo-radius-compact': string;
884
+ '--limbo-radius-compact-sm': string;
885
+ '--limbo-radius-compact-lg': string;
886
+ '--limbo-button-height-compact': string;
887
+ '--limbo-input-height-compact': string;
888
+ '--limbo-modal-padding-compact': string;
889
+ '--limbo-card-padding-compact': string;
890
+ '--limbo-gap-compact': string;
891
+ '--limbo-gap-compact-sm': string;
892
+ '--limbo-gap-compact-lg': string;
893
+ };
894
+ };
895
+ dark: {
896
+ name: string;
897
+ displayName: string;
898
+ variables: {
899
+ '--limbo-primary': string;
900
+ '--limbo-primary-hover': string;
901
+ '--limbo-primary-light': string;
902
+ '--limbo-primary-dark': string;
903
+ '--limbo-bg-primary': string;
904
+ '--limbo-bg-secondary': string;
905
+ '--limbo-bg-tertiary': string;
906
+ '--limbo-bg-overlay': string;
907
+ '--limbo-bg-card': string;
908
+ '--limbo-bg-input': string;
909
+ '--limbo-text-primary': string;
910
+ '--limbo-text-secondary': string;
911
+ '--limbo-text-tertiary': string;
912
+ '--limbo-text-inverse': string;
913
+ '--limbo-text-muted': string;
914
+ '--limbo-border-light': string;
915
+ '--limbo-border-medium': string;
916
+ '--limbo-border-strong': string;
917
+ '--limbo-border-focus': string;
918
+ '--limbo-success': string;
919
+ '--limbo-success-light': string;
920
+ '--limbo-error': string;
921
+ '--limbo-error-light': string;
922
+ '--limbo-warning': string;
923
+ '--limbo-warning-light': string;
924
+ '--limbo-info': string;
925
+ '--limbo-info-light': string;
926
+ '--limbo-shadow-sm': string;
927
+ '--limbo-shadow-md': string;
928
+ '--limbo-shadow-lg': string;
929
+ '--limbo-shadow-xl': string;
930
+ '--limbo-radius-sm': string;
931
+ '--limbo-radius-md': string;
932
+ '--limbo-radius-lg': string;
933
+ '--limbo-radius-xl': string;
934
+ '--limbo-font-family': string;
935
+ '--limbo-font-size-xs': string;
936
+ '--limbo-font-size-sm': string;
937
+ '--limbo-font-size-md': string;
938
+ '--limbo-font-size-lg': string;
939
+ '--limbo-font-size-xl': string;
940
+ '--limbo-z-dropdown': string;
941
+ '--limbo-z-sticky': string;
942
+ '--limbo-z-fixed': string;
943
+ '--limbo-z-modal': string;
944
+ '--limbo-z-tooltip': string;
945
+ '--limbo-transition-fast': string;
946
+ '--limbo-transition-normal': string;
947
+ '--limbo-transition-slow': string;
948
+ '--limbo-spacing-compact': string;
949
+ '--limbo-spacing-compact-sm': string;
950
+ '--limbo-spacing-compact-lg': string;
951
+ '--limbo-font-size-compact-xs': string;
952
+ '--limbo-font-size-compact-sm': string;
953
+ '--limbo-font-size-compact-md': string;
954
+ '--limbo-font-size-compact-lg': string;
955
+ '--limbo-radius-compact': string;
956
+ '--limbo-radius-compact-sm': string;
957
+ '--limbo-radius-compact-lg': string;
958
+ '--limbo-button-height-compact': string;
959
+ '--limbo-input-height-compact': string;
960
+ '--limbo-modal-padding-compact': string;
961
+ '--limbo-card-padding-compact': string;
962
+ '--limbo-gap-compact': string;
963
+ '--limbo-gap-compact-sm': string;
964
+ '--limbo-gap-compact-lg': string;
965
+ };
966
+ };
967
+ auto: {
968
+ name: string;
969
+ displayName: string;
970
+ variables: {};
971
+ };
972
+ };
973
+ inheritance: {
974
+ portalSelectors: string[];
975
+ variablePrefix: string;
976
+ fallbackTheme: string;
977
+ };
978
+ transitions: {
979
+ duration: string;
980
+ easing: string;
981
+ properties: string[];
982
+ };
983
+ };
984
+ isInitialized: boolean;
985
+ cache: {
986
+ themes: number;
987
+ applied: number;
988
+ };
989
+ observers: {
990
+ system: boolean;
991
+ storage: boolean;
992
+ mutation: boolean;
993
+ viewport: boolean;
994
+ };
995
+ };
996
+ /**
997
+ * 🧹 Cleanup y destruir instancia
998
+ */
999
+ destroy(): void;
1000
+ }
1001
+ export default ThemeManager;
1002
+ //# sourceMappingURL=ThemeManager.d.ts.map