@axzydev/axzy_ui_system 1.2.9 → 1.2.12

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 (66) hide show
  1. package/README.md +6 -0
  2. package/dist/index.cjs +313 -242
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.d.cts +142 -6
  7. package/dist/index.d.ts +142 -6
  8. package/dist/index.js +313 -242
  9. package/dist/index.js.map +1 -1
  10. package/package.json +4 -3
  11. package/snippets/axzy-ui-system.code-snippets +547 -0
  12. package/src/App.tsx +37 -34
  13. package/src/components/avatar/avatar.props.ts +12 -1
  14. package/src/components/avatar/avatar.stories.tsx +19 -0
  15. package/src/components/avatar/avatar.tsx +27 -4
  16. package/src/components/calendar/calendar.tsx +1 -1
  17. package/src/components/card/card.tsx +11 -8
  18. package/src/components/confirm-dialog/confirm-dialog.tsx +1 -1
  19. package/src/components/data-table/dataTable.props.ts +10 -0
  20. package/src/components/data-table/dataTable.tsx +27 -16
  21. package/src/components/date-picker/datePicker.tsx +1 -1
  22. package/src/components/dialog/dialog.tsx +3 -2
  23. package/src/components/divider/divider.tsx +1 -1
  24. package/src/components/drawer/drawer.tsx +1 -1
  25. package/src/components/dropfile/dropfile.props.ts +6 -0
  26. package/src/components/dropfile/dropfile.tsx +65 -30
  27. package/src/components/form-builder/fieldRenderer.tsx +3 -3
  28. package/src/components/input/input.tsx +7 -7
  29. package/src/components/layout/layout.tsx +1 -1
  30. package/src/components/loader/loader.tsx +1 -1
  31. package/src/components/navbar/navbar.tsx +10 -10
  32. package/src/components/pagination/pagination.tsx +11 -11
  33. package/src/components/popover/popover.tsx +1 -1
  34. package/src/components/search-select/search-select.tsx +11 -11
  35. package/src/components/searchTable/components/EditableCell.tsx +1 -1
  36. package/src/components/searchTable/components/PaginationControls.tsx +2 -2
  37. package/src/components/searchTable/components/PaginationInfo.tsx +1 -1
  38. package/src/components/searchTable/components/SearchAndSortBar.tsx +1 -1
  39. package/src/components/searchTable/components/SearchInput.tsx +1 -1
  40. package/src/components/searchTable/components/SortButton.tsx +3 -3
  41. package/src/components/searchTable/components/TableHeader.tsx +1 -1
  42. package/src/components/searchTable/components/TableRow.tsx +4 -4
  43. package/src/components/searchTable/searchTable.tsx +2 -2
  44. package/src/components/select/select.tsx +8 -10
  45. package/src/components/sidebar/sidebar.tsx +29 -29
  46. package/src/components/slider/slider.tsx +3 -3
  47. package/src/components/stepper/stepper.props.ts +4 -0
  48. package/src/components/stepper/stepper.tsx +5 -5
  49. package/src/components/table/table.props.ts +21 -3
  50. package/src/components/table/table.tsx +27 -16
  51. package/src/components/tabs/tabs.tsx +4 -4
  52. package/src/components/textarea/textarea.tsx +3 -3
  53. package/src/components/theme-provider/themeProvider.props.ts +21 -3
  54. package/src/components/theme-provider/themeProvider.tsx +32 -32
  55. package/src/components/time-picker/timePicker.tsx +5 -5
  56. package/src/components/toast/toast.tsx +1 -1
  57. package/src/components/tooltip/tooltip.tsx +1 -1
  58. package/src/components/topbar/topbar.tsx +7 -7
  59. package/src/dev.css +1 -1
  60. package/src/hooks/useClickOutside.ts +8 -0
  61. package/src/hooks/useTableState.ts +5 -2
  62. package/src/index.css +24 -1
  63. package/src/showcases/HomeShowcase.tsx +95 -3
  64. package/src/theme/theme.ts +38 -17
  65. package/src/types/field.types.ts +70 -7
  66. package/src/utils/styles.ts +5 -5
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/components/toast/toast.css"],"sourcesContent":["@import \"tailwindcss\";\n\n@source \"./**/*.{ts,tsx}\";\n@source \"../.storybook/**/*.{ts,tsx}\";\n\n@variant dark (&:is(.dark &));\n\n:root, :host {\n --animate-fadeIn: fadeIn 0.5s ease-out forwards;\n --animate-fade-in: fadeIn 0.5s ease-out forwards;\n\n --color-primary-50: #eff6ff;\n --color-primary-100: #dbeafe;\n --color-primary-200: #bfdbfe;\n --color-primary-300: #93c5fd;\n --color-primary-400: #60a5fa;\n --color-primary-500: #3b82f6;\n --color-primary-600: #2563eb;\n --color-primary-700: #1d4ed8;\n --color-primary-800: #1e40af;\n --color-primary-900: #1e3a8a;\n --color-primary-950: #172554;\n\n --color-secondary-50: #f8fafc;\n --color-secondary-100: #f1f5f9;\n --color-secondary-200: #e2e8f0;\n --color-secondary-300: #cbd5e1;\n --color-secondary-400: #94a3b8;\n --color-secondary-500: #64748b;\n --color-secondary-600: #475569;\n\n --color-text-muted: #475569;\n --color-secondary-700: #334155;\n --color-secondary-800: #1e293b;\n --color-secondary-900: #0f172a;\n --color-secondary-950: #020617;\n\n --color-success-50: #ecfdf5;\n --color-success-100: #d1fae5;\n --color-success-200: #a7f3d0;\n --color-success-300: #6ee7b7;\n --color-success-400: #34d399;\n --color-success-500: #10b981;\n --color-success-600: #059669;\n --color-success-700: #047857;\n --color-success-800: #065f46;\n --color-success-900: #064e3b;\n --color-success-950: #022c22;\n\n --color-danger-50: #fff1f2;\n --color-danger-100: #ffe4e6;\n --color-danger-200: #fecdd3;\n --color-danger-300: #fda4af;\n --color-danger-400: #fb7185;\n --color-danger-500: #f43f5e;\n --color-danger-600: #e11d48;\n --color-danger-700: #be123c;\n --color-danger-800: #9f1239;\n --color-danger-900: #881337;\n --color-danger-950: #4c0519;\n\n --color-warning-50: #fffbeb;\n --color-warning-100: #fef3c7;\n --color-warning-200: #fde68a;\n --color-warning-300: #fcd34d;\n --color-warning-400: #fbbf24;\n --color-warning-500: #f59e0b;\n --color-warning-600: #d97706;\n --color-warning-700: #b45309;\n --color-warning-800: #92400e;\n --color-warning-900: #78350f;\n --color-warning-950: #451a03;\n\n --color-purple-50: #f5f3ff;\n --color-purple-100: #ede9fe;\n --color-purple-200: #ddd6fe;\n --color-purple-300: #c4b5fd;\n --color-purple-400: #a78bfa;\n --color-purple-500: #8b5cf6;\n --color-purple-600: #7c3aed;\n --color-purple-700: #6d28d9;\n --color-purple-800: #5b21b6;\n --color-purple-900: #4c1d95;\n --color-purple-950: #2e1065;\n\n --color-info-50: #f0f9ff;\n --color-info-100: #e0f2fe;\n --color-info-200: #bae6fd;\n --color-info-300: #7dd3fc;\n --color-info-400: #38bdf8;\n --color-info-500: #0ea5e9;\n --color-info-600: #0284c7;\n --color-info-700: #0369a1;\n --color-info-800: #075985;\n --color-info-900: #0c4a6e;\n --color-info-950: #082f49;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }\n.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }\n.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }\n.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }\n.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }\n.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n\n.col-span-full { grid-column: 1 / -1; }\n\n.col-span-1 { grid-column: span 1 / span 1; }\n.col-span-2 { grid-column: span 2 / span 2; }\n.col-span-3 { grid-column: span 3 / span 3; }\n.col-span-4 { grid-column: span 4 / span 4; }\n.col-span-5 { grid-column: span 5 / span 5; }\n.col-span-6 { grid-column: span 6 / span 6; }\n.col-span-7 { grid-column: span 7 / span 7; }\n.col-span-8 { grid-column: span 8 / span 8; }\n.col-span-9 { grid-column: span 9 / span 9; }\n.col-span-10 { grid-column: span 10 / span 10; }\n.col-span-11 { grid-column: span 11 / span 11; }\n.col-span-12 { grid-column: span 12 / span 12; }\n\n@media (width >= 40rem) {\n .sm\\:col-span-1 { grid-column: span 1 / span 1; }\n .sm\\:col-span-2 { grid-column: span 2 / span 2; }\n .sm\\:col-span-3 { grid-column: span 3 / span 3; }\n .sm\\:col-span-4 { grid-column: span 4 / span 4; }\n .sm\\:col-span-5 { grid-column: span 5 / span 5; }\n .sm\\:col-span-6 { grid-column: span 6 / span 6; }\n .sm\\:col-span-7 { grid-column: span 7 / span 7; }\n .sm\\:col-span-8 { grid-column: span 8 / span 8; }\n .sm\\:col-span-9 { grid-column: span 9 / span 9; }\n .sm\\:col-span-10 { grid-column: span 10 / span 10; }\n .sm\\:col-span-11 { grid-column: span 11 / span 11; }\n .sm\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 48rem) {\n .md\\:col-span-1 { grid-column: span 1 / span 1; }\n .md\\:col-span-2 { grid-column: span 2 / span 2; }\n .md\\:col-span-3 { grid-column: span 3 / span 3; }\n .md\\:col-span-4 { grid-column: span 4 / span 4; }\n .md\\:col-span-5 { grid-column: span 5 / span 5; }\n .md\\:col-span-6 { grid-column: span 6 / span 6; }\n .md\\:col-span-7 { grid-column: span 7 / span 7; }\n .md\\:col-span-8 { grid-column: span 8 / span 8; }\n .md\\:col-span-9 { grid-column: span 9 / span 9; }\n .md\\:col-span-10 { grid-column: span 10 / span 10; }\n .md\\:col-span-11 { grid-column: span 11 / span 11; }\n .md\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 64rem) {\n .lg\\:col-span-1 { grid-column: span 1 / span 1; }\n .lg\\:col-span-2 { grid-column: span 2 / span 2; }\n .lg\\:col-span-3 { grid-column: span 3 / span 3; }\n .lg\\:col-span-4 { grid-column: span 4 / span 4; }\n .lg\\:col-span-5 { grid-column: span 5 / span 5; }\n .lg\\:col-span-6 { grid-column: span 6 / span 6; }\n .lg\\:col-span-7 { grid-column: span 7 / span 7; }\n .lg\\:col-span-8 { grid-column: span 8 / span 8; }\n .lg\\:col-span-9 { grid-column: span 9 / span 9; }\n .lg\\:col-span-10 { grid-column: span 10 / span 10; }\n .lg\\:col-span-11 { grid-column: span 11 / span 11; }\n .lg\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 80rem) {\n .xl\\:col-span-1 { grid-column: span 1 / span 1; }\n .xl\\:col-span-2 { grid-column: span 2 / span 2; }\n .xl\\:col-span-3 { grid-column: span 3 / span 3; }\n .xl\\:col-span-4 { grid-column: span 4 / span 4; }\n .xl\\:col-span-5 { grid-column: span 5 / span 5; }\n .xl\\:col-span-6 { grid-column: span 6 / span 6; }\n .xl\\:col-span-7 { grid-column: span 7 / span 7; }\n .xl\\:col-span-8 { grid-column: span 8 / span 8; }\n .xl\\:col-span-9 { grid-column: span 9 / span 9; }\n .xl\\:col-span-10 { grid-column: span 10 / span 10; }\n .xl\\:col-span-11 { grid-column: span 11 / span 11; }\n .xl\\:col-span-12 { grid-column: span 12 / span 12; }\n}","/* Animación de entrada */\n@keyframes slideIn {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n /* Animación de salida */\n @keyframes slideOut {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(100%);\n opacity: 0;\n }\n }\n \n /* Aplicar animaciones */\n .toast-enter {\n animation: slideIn 0.3s ease-out;\n }\n \n .toast-exit {\n animation: slideOut 0.3s ease-out;\n }"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/index.css","../src/components/toast/toast.css"],"sourcesContent":["@import \"tailwindcss\";\n\n@source \"./**/*.{ts,tsx}\";\n@source \"../.storybook/**/*.{ts,tsx}\";\n\n@variant dark (&:is(.dark &));\n\n@theme {\n --animate-fadeIn: fadeIn 0.5s ease-out forwards;\n --animate-fade-in: fadeIn 0.5s ease-out forwards;\n\n --color-primary-50: #eff6ff;\n --color-primary-100: #dbeafe;\n --color-primary-200: #bfdbfe;\n --color-primary-300: #93c5fd;\n --color-primary-400: #60a5fa;\n --color-primary-500: #3b82f6;\n --color-primary-600: #2563eb;\n --color-primary-700: #1d4ed8;\n --color-primary-800: #1e40af;\n --color-primary-900: #1e3a8a;\n --color-primary-950: #172554;\n\n --color-secondary-50: #f8fafc;\n --color-secondary-100: #f1f5f9;\n --color-secondary-200: #e2e8f0;\n --color-secondary-300: #cbd5e1;\n --color-secondary-400: #94a3b8;\n --color-secondary-500: #64748b;\n --color-secondary-600: #475569;\n\n --color-text-muted: #475569;\n --color-secondary-700: #334155;\n --color-secondary-800: #1e293b;\n --color-secondary-900: #0f172a;\n --color-secondary-950: #020617;\n\n --color-success-50: #ecfdf5;\n --color-success-100: #d1fae5;\n --color-success-200: #a7f3d0;\n --color-success-300: #6ee7b7;\n --color-success-400: #34d399;\n --color-success-500: #10b981;\n --color-success-600: #059669;\n --color-success-700: #047857;\n --color-success-800: #065f46;\n --color-success-900: #064e3b;\n --color-success-950: #022c22;\n\n --color-danger-50: #fff1f2;\n --color-danger-100: #ffe4e6;\n --color-danger-200: #fecdd3;\n --color-danger-300: #fda4af;\n --color-danger-400: #fb7185;\n --color-danger-500: #f43f5e;\n --color-danger-600: #e11d48;\n --color-danger-700: #be123c;\n --color-danger-800: #9f1239;\n --color-danger-900: #881337;\n --color-danger-950: #4c0519;\n\n --color-warning-50: #fffbeb;\n --color-warning-100: #fef3c7;\n --color-warning-200: #fde68a;\n --color-warning-300: #fcd34d;\n --color-warning-400: #fbbf24;\n --color-warning-500: #f59e0b;\n --color-warning-600: #d97706;\n --color-warning-700: #b45309;\n --color-warning-800: #92400e;\n --color-warning-900: #78350f;\n --color-warning-950: #451a03;\n\n --color-purple-50: #f5f3ff;\n --color-purple-100: #ede9fe;\n --color-purple-200: #ddd6fe;\n --color-purple-300: #c4b5fd;\n --color-purple-400: #a78bfa;\n --color-purple-500: #8b5cf6;\n --color-purple-600: #7c3aed;\n --color-purple-700: #6d28d9;\n --color-purple-800: #5b21b6;\n --color-purple-900: #4c1d95;\n --color-purple-950: #2e1065;\n\n --color-info-50: #f0f9ff;\n --color-info-100: #e0f2fe;\n --color-info-200: #bae6fd;\n --color-info-300: #7dd3fc;\n --color-info-400: #38bdf8;\n --color-info-500: #0ea5e9;\n --color-info-600: #0284c7;\n --color-info-700: #0369a1;\n --color-info-800: #075985;\n --color-info-900: #0c4a6e;\n --color-info-950: #082f49;\n\n /* Soft-depth radius scale: larger, more consistent rounding across the system */\n --radius-xs: 0.25rem;\n --radius-sm: 0.375rem;\n --radius-md: 0.625rem;\n --radius-lg: 0.875rem;\n --radius-xl: 1.125rem;\n --radius-2xl: 1.5rem;\n --radius-3xl: 2rem;\n\n /* Soft-depth shadow scale: cool slate-tinted, low-opacity, multi-layer.\n Overrides Tailwind's default shadow-* tokens system-wide so every\n existing shadow-* usage picks up the new \"floating\" look with no\n per-component changes. */\n --shadow-2xs: 0 1px 2px 0 rgb(15 23 42 / 0.04);\n --shadow-xs: 0 1px 3px 0 rgb(15 23 42 / 0.05), 0 1px 2px -1px rgb(15 23 42 / 0.04);\n --shadow-sm: 0 2px 6px -1px rgb(15 23 42 / 0.06), 0 1px 3px -1px rgb(15 23 42 / 0.05);\n --shadow-md: 0 6px 16px -4px rgb(15 23 42 / 0.08), 0 3px 6px -3px rgb(15 23 42 / 0.05);\n --shadow-lg: 0 12px 28px -6px rgb(15 23 42 / 0.1), 0 6px 12px -6px rgb(15 23 42 / 0.06);\n --shadow-xl: 0 20px 40px -8px rgb(15 23 42 / 0.12), 0 10px 20px -8px rgb(15 23 42 / 0.06);\n --shadow-2xl: 0 32px 64px -16px rgb(15 23 42 / 0.18);\n --shadow: 0 2px 6px -1px rgb(15 23 42 / 0.06), 0 1px 3px -1px rgb(15 23 42 / 0.05);\n --shadow-inner: inset 0 2px 4px 0 rgb(15 23 42 / 0.04);\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }\n.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }\n.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }\n.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }\n.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }\n.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }\n.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }\n\n.col-span-full { grid-column: 1 / -1; }\n\n.col-span-1 { grid-column: span 1 / span 1; }\n.col-span-2 { grid-column: span 2 / span 2; }\n.col-span-3 { grid-column: span 3 / span 3; }\n.col-span-4 { grid-column: span 4 / span 4; }\n.col-span-5 { grid-column: span 5 / span 5; }\n.col-span-6 { grid-column: span 6 / span 6; }\n.col-span-7 { grid-column: span 7 / span 7; }\n.col-span-8 { grid-column: span 8 / span 8; }\n.col-span-9 { grid-column: span 9 / span 9; }\n.col-span-10 { grid-column: span 10 / span 10; }\n.col-span-11 { grid-column: span 11 / span 11; }\n.col-span-12 { grid-column: span 12 / span 12; }\n\n@media (width >= 40rem) {\n .sm\\:col-span-1 { grid-column: span 1 / span 1; }\n .sm\\:col-span-2 { grid-column: span 2 / span 2; }\n .sm\\:col-span-3 { grid-column: span 3 / span 3; }\n .sm\\:col-span-4 { grid-column: span 4 / span 4; }\n .sm\\:col-span-5 { grid-column: span 5 / span 5; }\n .sm\\:col-span-6 { grid-column: span 6 / span 6; }\n .sm\\:col-span-7 { grid-column: span 7 / span 7; }\n .sm\\:col-span-8 { grid-column: span 8 / span 8; }\n .sm\\:col-span-9 { grid-column: span 9 / span 9; }\n .sm\\:col-span-10 { grid-column: span 10 / span 10; }\n .sm\\:col-span-11 { grid-column: span 11 / span 11; }\n .sm\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 48rem) {\n .md\\:col-span-1 { grid-column: span 1 / span 1; }\n .md\\:col-span-2 { grid-column: span 2 / span 2; }\n .md\\:col-span-3 { grid-column: span 3 / span 3; }\n .md\\:col-span-4 { grid-column: span 4 / span 4; }\n .md\\:col-span-5 { grid-column: span 5 / span 5; }\n .md\\:col-span-6 { grid-column: span 6 / span 6; }\n .md\\:col-span-7 { grid-column: span 7 / span 7; }\n .md\\:col-span-8 { grid-column: span 8 / span 8; }\n .md\\:col-span-9 { grid-column: span 9 / span 9; }\n .md\\:col-span-10 { grid-column: span 10 / span 10; }\n .md\\:col-span-11 { grid-column: span 11 / span 11; }\n .md\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 64rem) {\n .lg\\:col-span-1 { grid-column: span 1 / span 1; }\n .lg\\:col-span-2 { grid-column: span 2 / span 2; }\n .lg\\:col-span-3 { grid-column: span 3 / span 3; }\n .lg\\:col-span-4 { grid-column: span 4 / span 4; }\n .lg\\:col-span-5 { grid-column: span 5 / span 5; }\n .lg\\:col-span-6 { grid-column: span 6 / span 6; }\n .lg\\:col-span-7 { grid-column: span 7 / span 7; }\n .lg\\:col-span-8 { grid-column: span 8 / span 8; }\n .lg\\:col-span-9 { grid-column: span 9 / span 9; }\n .lg\\:col-span-10 { grid-column: span 10 / span 10; }\n .lg\\:col-span-11 { grid-column: span 11 / span 11; }\n .lg\\:col-span-12 { grid-column: span 12 / span 12; }\n}\n\n@media (width >= 80rem) {\n .xl\\:col-span-1 { grid-column: span 1 / span 1; }\n .xl\\:col-span-2 { grid-column: span 2 / span 2; }\n .xl\\:col-span-3 { grid-column: span 3 / span 3; }\n .xl\\:col-span-4 { grid-column: span 4 / span 4; }\n .xl\\:col-span-5 { grid-column: span 5 / span 5; }\n .xl\\:col-span-6 { grid-column: span 6 / span 6; }\n .xl\\:col-span-7 { grid-column: span 7 / span 7; }\n .xl\\:col-span-8 { grid-column: span 8 / span 8; }\n .xl\\:col-span-9 { grid-column: span 9 / span 9; }\n .xl\\:col-span-10 { grid-column: span 10 / span 10; }\n .xl\\:col-span-11 { grid-column: span 11 / span 11; }\n .xl\\:col-span-12 { grid-column: span 12 / span 12; }\n}","/* Animación de entrada */\n@keyframes slideIn {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n /* Animación de salida */\n @keyframes slideOut {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(100%);\n opacity: 0;\n }\n }\n \n /* Aplicar animaciones */\n .toast-enter {\n animation: slideIn 0.3s ease-out;\n }\n \n .toast-exit {\n animation: slideOut 0.3s ease-out;\n }"],"mappings":"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","names":[]}
package/dist/index.d.cts CHANGED
@@ -199,7 +199,18 @@ interface ITAvatarProps {
199
199
  initials?: string;
200
200
  /** Avatar dimensions. Valid values: `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. @default "md" */
201
201
  size?: AvatarSize;
202
- /** Background color class for the initials fallback. @default "bg-primary-600" */
202
+ /**
203
+ * Color de fondo para el fallback de iniciales. Acepta un valor de color
204
+ * real (`"#8b5cf6"`, `"rgb(...)"`, `"hsl(...)"`, `"var(--...)"`) — se
205
+ * aplica como `style` inline y SIEMPRE se renderiza — o una clase de
206
+ * Tailwind (`"bg-purple-600"`) por compatibilidad con código existente.
207
+ * Una clase de Tailwind solo se ve si esa clase exacta ya existe en el
208
+ * CSS compilado que consume la app (esta librería se distribuye con un
209
+ * CSS estático pre-compilado, ver scripts/build-css.mjs), así que para
210
+ * cualquier color calculado en tiempo de ejecución (p.ej. un hash por
211
+ * usuario) se recomienda pasar el valor de color directamente.
212
+ * @default "bg-primary-600"
213
+ */
203
214
  color?: string;
204
215
  /** Additional CSS class names for the avatar container. */
205
216
  className?: string;
@@ -217,6 +228,11 @@ interface ITAvatarProps {
217
228
  *
218
229
  * @example
219
230
  * <ITAvatar initials="JD" size="md" color="bg-purple-600" />
231
+ *
232
+ * @example
233
+ * // Recomendado cuando el color se calcula en tiempo de ejecución (p.ej. un
234
+ * // hash por usuario/etiqueta): pasa un valor de color real, no una clase.
235
+ * <ITAvatar initials="JD" size="md" color="#8b5cf6" />
220
236
  */
221
237
  declare function ITAvatar({ src, alt, initials, size, color, className, badge, onClick, }: ITAvatarProps): react_jsx_runtime.JSX.Element;
222
238
 
@@ -624,29 +640,48 @@ interface ITConfirmDialogProps {
624
640
  */
625
641
  declare function ITConfirmDialog({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, loading, }: ITConfirmDialogProps): react_jsx_runtime.JSX.Element;
626
642
 
643
+ /** Data type of a table column, controls default rendering, filter UI, and sort comparison. */
627
644
  type ColumnType = "string" | "date" | "number" | "boolean" | "actions" | "catalog";
645
+ /** A single selectable entry for a `"catalog"`-type column's filter/value lookup. */
628
646
  interface CatalogOption {
647
+ /** Unique identifier matched against the row's field value. */
629
648
  id: string | number;
649
+ /** Human-readable label shown in the filter dropdown and resolved cell display. */
630
650
  name: string;
631
651
  }
652
+ /** Definition of a single column for ITTable. */
632
653
  interface Column<T = any> {
654
+ /** Field key on the row object this column reads from (supports dot-notation for nested values, e.g. `"address.city"`). */
633
655
  key: string;
656
+ /** Column header text. */
634
657
  label: string;
658
+ /** Additional CSS classes applied to both the header (`<th>`) and body (`<td>`) cells of this column. */
635
659
  className?: string;
660
+ /** Formats numeric values as Mexican pesos (MXN) via `Intl`-based currency formatting. Only applies when `type` is `"number"`. @default false */
636
661
  currencyMX?: boolean;
662
+ /** Custom action buttons/content rendered for a `"actions"`-type column. Receives the full row object. */
637
663
  actions?: (row: T) => React.ReactNode;
664
+ /** Enables per-column filtering. Pass `true` for a text/number/boolean filter matching `type`, or `"catalog"` to filter against `catalogOptions`. @default false */
638
665
  filter?: boolean | "catalog";
666
+ /** Column data type. Drives default cell rendering, filter UI, and sort comparison. */
639
667
  type: ColumnType;
668
+ /** Whether clicking the header sorts by this column. Ignored for `type: "actions"`. @default false */
640
669
  sortable?: boolean;
670
+ /** Custom cell renderer, takes precedence over the default type-based rendering. Receives the full row object. */
641
671
  render?: (row: T) => React.ReactNode;
672
+ /** Custom inline-edit input renderer (used by table variants that support inline editing). */
642
673
  editComponent?: (props: {
643
674
  value: any;
644
675
  onChange: (value: any) => void;
645
676
  rowData: T;
646
677
  }) => React.ReactNode;
678
+ /** Configuration for `type: "catalog"` columns: the lookup options plus loading/error state for async catalogs. */
647
679
  catalogOptions?: {
680
+ /** Available catalog entries used to resolve/filter the raw id stored on the row. */
648
681
  data: CatalogOption[];
682
+ /** Shows a loading spinner in the filter UI while the catalog is being fetched. @default false */
649
683
  loading?: boolean;
684
+ /** Shows an error state in the filter UI when the catalog failed to load. @default false */
650
685
  error?: boolean;
651
686
  };
652
687
  }
@@ -679,17 +714,27 @@ interface ITTableProps<T> {
679
714
  verticalBorderClassname?: string;
680
715
  }
681
716
 
717
+ /** Parameters passed to `fetchData` every time pagination, filters, or sorting change. */
682
718
  interface ITDataTableFetchParams {
719
+ /** 1-indexed current page number. */
683
720
  page: number;
721
+ /** Number of rows requested per page. */
684
722
  limit: number;
723
+ /** Active per-column filter values (from `Column.filter`), keyed by column `key`. */
685
724
  filters: Record<string, string | number | boolean | Date>;
725
+ /** Active sort, present only when the user has clicked a sortable column header. */
686
726
  sort?: {
727
+ /** Column `key` currently sorted by. */
687
728
  key: string;
729
+ /** Sort direction. */
688
730
  direction: "asc" | "desc";
689
731
  };
690
732
  }
733
+ /** Expected shape of the Promise returned by `fetchData`. */
691
734
  interface ITDataTableResponse<T> {
735
+ /** Rows for the requested page. */
692
736
  data: T[];
737
+ /** Total row count across all pages (used to compute the paginator's total pages). */
693
738
  total: number;
694
739
  }
695
740
  interface ITDataTableProps<T extends Record<string, unknown>> {
@@ -924,7 +969,7 @@ interface ITDividerProps {
924
969
  *
925
970
  * @example
926
971
  * ```tsx
927
- * <ITDivider orientation="vertical" color="bg-red-500" thickness="w-1" />
972
+ * <ITDivider orientation="vertical" color="bg-danger-500" thickness="w-1" />
928
973
  * ```
929
974
  */
930
975
  declare function ITDivider({ orientation, className, color, thickness, }: ITDividerProps): react_jsx_runtime.JSX.Element;
@@ -1053,61 +1098,111 @@ interface ITFlexProps {
1053
1098
  */
1054
1099
  declare function ITFlex({ children, direction, align, justify, wrap, gap, grow, shrink, basis, className, style, as: Component, onClick, }: ITFlexProps): react_jsx_runtime.JSX.Element;
1055
1100
 
1101
+ /** @deprecated Legacy (V1) field definition consumed by `ITFormBuilder`'s `fields` prop. Prefer `FieldConfigV2` via the `config` prop for new forms. */
1056
1102
  interface FieldConfig {
1103
+ /** Field name, matches the key in Formik's `values`/`errors`/`touched` objects. */
1057
1104
  name: string;
1105
+ /** Label text rendered above the field. */
1058
1106
  label: string;
1107
+ /** Input type. @default "text" */
1059
1108
  type?: "text" | "select" | "date" | "password" | "number";
1109
+ /** Formats a numeric field with thousands separators/currency styling as the user types. @default false */
1060
1110
  currencyFormat?: boolean;
1111
+ /** Placeholder text shown when the field is empty. */
1061
1112
  placeholder?: string;
1113
+ /** Disables the field. @default false */
1062
1114
  disabled?: boolean;
1115
+ /** Marks the field as required (shows an asterisk and enables the built-in required message). @default false */
1063
1116
  required?: boolean;
1117
+ /** Yup schema used to validate this field. */
1064
1118
  validation?: Yup.AnySchema;
1119
+ /** Grid column span (1-12), or `[sm, md, lg]` breakpoint-specific spans. */
1065
1120
  column?: number | number[];
1121
+ /** Options for `type: "select"`. */
1066
1122
  options?: {
1067
1123
  value: string;
1068
1124
  label: string;
1069
1125
  }[];
1126
+ /** Icon element rendered on the right side of the field. */
1070
1127
  rightIcon?: React__default.ReactNode;
1128
+ /** Icon element rendered on the left side of the field. */
1071
1129
  leftIcon?: React__default.ReactNode;
1130
+ /** Key read from each option object as its value. @default "value" */
1072
1131
  valueField?: string;
1132
+ /** Shows a live character-count hint below the field. @default false */
1073
1133
  showHintLength?: boolean;
1134
+ /** Key read from each option object as its display label. @default "label" */
1074
1135
  labelField?: string;
1136
+ /** Maximum character length allowed. */
1075
1137
  maxLength?: number;
1138
+ /** Minimum character length required. */
1076
1139
  minLength?: number;
1140
+ /** Number of visible text rows for a multi-line field. */
1077
1141
  rows?: number;
1142
+ /** Applies number formatting (thousand separators) as the user types. @default false */
1078
1143
  formatNumber?: boolean;
1144
+ /** Custom side-effect fired on change, in addition to the normal Formik update. Receives the new value and Formik's `setFieldValue`. */
1079
1145
  onChangeAction?: (value: any, setFieldValue: any) => void;
1080
1146
  }
1147
+ /** Supported field kinds for `FieldConfigV2`. */
1081
1148
  type FieldTypeV2 = "text" | "number" | "password" | "email" | "select" | "date" | "time" | "checkbox" | "radio" | "array" | "section" | "custom";
1149
+ /** Form state/helpers passed into `dynamicProps`, `renderWhen`, and `onChangeAction` callbacks for `FieldConfigV2`. */
1082
1150
  interface FieldContextV2 {
1151
+ /** Current values for every field in the form, keyed by field `name`. */
1083
1152
  values: Record<string, any>;
1153
+ /** Programmatically sets a field's value (mirrors Formik's `setFieldValue`). */
1084
1154
  setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
1155
+ /** Programmatically sets a field-level error message. */
1085
1156
  setFieldError: (field: string, error: string) => void;
1157
+ /** Programmatically marks a field as touched, e.g. to surface its validation error. */
1086
1158
  setFieldTouched: (field: string, touched?: boolean, shouldValidate?: boolean) => void;
1087
1159
  }
1160
+ /**
1161
+ * V2 field definition consumed by `ITFormBuilder`'s `config` prop. Supports
1162
+ * conditional rendering/props, nested sections and repeatable arrays, async
1163
+ * options, and custom-component injection.
1164
+ */
1088
1165
  interface FieldConfigV2 {
1166
+ /** Field name, matches the key in Formik's `values`/`errors`/`touched` objects. For `type: "array"`/`"section"`, this is the key under which the nested `fields` values are grouped. */
1089
1167
  name: string;
1168
+ /** Label text rendered above the field (or as the section/array heading). */
1090
1169
  label?: string;
1170
+ /** Field kind. Determines which input is rendered and which of the props below apply. */
1091
1171
  type: FieldTypeV2;
1172
+ /** Grid column span (1-12), or an object with per-breakpoint spans (`sm`/`md`/`lg`/`xl`). */
1092
1173
  column?: number | {
1093
1174
  sm?: number;
1094
1175
  md?: number;
1095
1176
  lg?: number;
1096
1177
  xl?: number;
1097
1178
  };
1179
+ /** Nested field definitions. Required when `type` is `"array"` (the repeatable item shape) or `"section"` (the grouped fields). */
1098
1180
  fields?: FieldConfigV2[];
1181
+ /** For `type: "section"`, allows the section to be collapsed/expanded by the user. @default false */
1099
1182
  collapsible?: boolean;
1183
+ /** For a `collapsible` section, whether it starts collapsed. @default false */
1100
1184
  defaultCollapsed?: boolean;
1185
+ /** Sibling field names this field depends on; changes to any of them re-evaluate `renderWhen`/`dynamicProps`. */
1101
1186
  dependsOn?: string[];
1187
+ /** Determines whether this field is rendered (and included in submission) based on current form values. Re-evaluated when any field in `dependsOn` changes. Field is shown when omitted. */
1102
1188
  renderWhen?: (values: Record<string, any>) => boolean;
1189
+ /** Computes a partial override of this field's own config from current form values (e.g. make it `required` once another field exceeds a threshold). Re-evaluated when any field in `dependsOn` changes. */
1103
1190
  dynamicProps?: (values: Record<string, any>) => Partial<FieldConfigV2>;
1191
+ /** Yup schema used to validate this field. */
1104
1192
  validation?: Yup.AnySchema;
1193
+ /** Async validator (e.g. a uniqueness check against an API). Return an error string when invalid, or `null`/`undefined` when valid. */
1105
1194
  asyncValidation?: (value: any, values: Record<string, any>) => Promise<string | null | undefined>;
1195
+ /** Initial value used when the form is first initialized/reset. */
1106
1196
  defaultValue?: any;
1197
+ /** Placeholder text shown when the field is empty. */
1107
1198
  placeholder?: string;
1199
+ /** Disables the field, either statically or computed from current form values. @default false */
1108
1200
  disabled?: boolean | ((values: Record<string, any>) => boolean);
1201
+ /** Renders the field as read-only (visible but not editable). @default false */
1109
1202
  readOnly?: boolean;
1203
+ /** Marks the field as required, either statically or computed from current form values. @default false */
1110
1204
  required?: boolean | ((values: Record<string, any>) => boolean);
1205
+ /** Options for `"select"`/`"radio"` fields: a static array, or an async loader function called once the field mounts. */
1111
1206
  options?: {
1112
1207
  value: string | number;
1113
1208
  label: string;
@@ -1115,18 +1210,31 @@ interface FieldConfigV2 {
1115
1210
  value: string | number;
1116
1211
  label: string;
1117
1212
  }[]>);
1213
+ /** Key read from each option object as its value. @default "value" */
1118
1214
  valueField?: string;
1215
+ /** Key read from each option object as its display label. @default "label" */
1119
1216
  labelField?: string;
1217
+ /** Icon element rendered on the left side of the field. */
1120
1218
  leftIcon?: React__default.ReactNode;
1219
+ /** Icon element rendered on the right side of the field. */
1121
1220
  rightIcon?: React__default.ReactNode;
1221
+ /** Custom component rendered instead of a built-in input when `type` is `"custom"`. */
1122
1222
  component?: React__default.ComponentType<any>;
1223
+ /** Additional CSS class applied to the field's container. */
1123
1224
  className?: string;
1225
+ /** Formats a numeric field with thousands separators/currency styling as the user types. @default false */
1124
1226
  currencyFormat?: boolean;
1227
+ /** Shows a live character-count hint below the field. @default false */
1125
1228
  showHintLength?: boolean;
1229
+ /** Maximum character length allowed. */
1126
1230
  maxLength?: number;
1231
+ /** Minimum character length required. */
1127
1232
  minLength?: number;
1233
+ /** Number of visible text rows for a multi-line field. */
1128
1234
  rows?: number;
1235
+ /** Applies number formatting (thousand separators) as the user types. @default false */
1129
1236
  formatNumber?: boolean;
1237
+ /** Custom side-effect fired whenever this field's value changes. Receives the new value and the shared `FieldContextV2` helpers. */
1130
1238
  onChangeAction?: (val: any, context: FieldContextV2) => void | Promise<void>;
1131
1239
  }
1132
1240
 
@@ -2461,7 +2569,13 @@ declare enum FileTypeEnum {
2461
2569
  CSV = "text/csv",
2462
2570
  PNG = "image/png",
2463
2571
  JPG = "image/jpg",
2464
- JPEG = "image/jpeg"
2572
+ JPEG = "image/jpeg",
2573
+ MP4 = "video/mp4",
2574
+ MOV = "video/quicktime",
2575
+ AVI = "video/x-msvideo",
2576
+ MKV = "video/x-matroska",
2577
+ VIDEO_3GPP = "video/3gpp",
2578
+ WEBM = "video/webm"
2465
2579
  }
2466
2580
  /** Upload lifecycle status */
2467
2581
  declare enum UploadStatus {
@@ -2626,9 +2740,13 @@ declare function ITLoader({ size, variant, color, // Default to semantic primary
2626
2740
  className, }: LoaderProps): react_jsx_runtime.JSX.Element;
2627
2741
 
2628
2742
  type IconType = React__default.ReactNode;
2743
+ /** A single step in an `ITStepper` flow. */
2629
2744
  interface Step {
2745
+ /** Label shown next to the step indicator. */
2630
2746
  label: string;
2747
+ /** Content rendered in the panel while this step is active. */
2631
2748
  content: React__default.ReactNode;
2749
+ /** Custom icon shown in the step indicator when the stepper's `useIcons` is true. */
2632
2750
  icon?: IconType;
2633
2751
  }
2634
2752
  interface ITStepperProps {
@@ -2679,33 +2797,51 @@ interface ITStepperProps {
2679
2797
  declare function ITStepper({ steps, currentStep, onFinish, onStepChange, allowClickToJump, useIcons, disableNext, containerClassName, stepClassName, scrollableContent, maxContentHeight, color, }: ITStepperProps): react_jsx_runtime.JSX.Element;
2680
2798
 
2681
2799
  interface ITThemePalette {
2800
+ /** Main brand accent color (hex). Drives primary buttons, active nav items, focus rings, links, and the `--color-primary` CSS variable. @default "#06b6d4" */
2682
2801
  primary: string;
2802
+ /** Secondary/neutral accent color (hex). Used for less prominent actions and secondary badges/buttons. @default "#6b7280" */
2683
2803
  secondary: string;
2804
+ /** Tertiary accent color (hex), used for a third level of emphasis (e.g. alternate badges, chart accents). @default "#8b5cf6" */
2684
2805
  ternary: string;
2806
+ /** Semantic color for destructive/error states (hex): delete buttons, error badges, invalid form fields. @default "#ef4444" */
2685
2807
  danger: string;
2808
+ /** Semantic color for success/confirmation states (hex): success badges, completed steps, positive stats. @default "#22c55e" */
2686
2809
  success: string;
2810
+ /** Semantic color for informational states (hex): info banners/badges, neutral notices. @default "#3b82f6" */
2687
2811
  info: string;
2812
+ /** Semantic color for alert/caution states (hex), distinct from `warning`. Used by components that need a stronger visual cue than warning. @default "#f97316" */
2688
2813
  alert: string;
2814
+ /** Semantic color for warning states (hex): warning badges/banners, pending states. @default "#eab308" */
2689
2815
  warning: string;
2816
+ /** Colors for the app shell's sidebar and top navbar (ITSidebar, ITNavbar, ITTopbar, ITLayout). */
2690
2817
  layout: {
2818
+ /** Background color of the sidebar (hex). @default "#ffffff" */
2691
2819
  sidebarBg: string;
2820
+ /** Text/icon color used on the sidebar. @default "#334155" */
2692
2821
  sidebarText: string;
2822
+ /** Background color of the top navigation bar (hex). @default "#ffffff" */
2693
2823
  navbarBg: string;
2824
+ /** Text/icon color used on the top navigation bar. @default "#1e293b" */
2694
2825
  navbarText: string;
2695
2826
  };
2827
+ /** Colors for ITTable/ITDataTable/ITSearchTable header and rows. */
2696
2828
  table: {
2829
+ /** Background color of the table header row (hex). @default "#f8fafc" */
2697
2830
  headerBg: string;
2831
+ /** Text color of the table header row. @default "#334155" */
2698
2832
  headerText: string;
2833
+ /** Background color of table body rows (hex). @default "#ffffff" */
2699
2834
  rowBg: string;
2835
+ /** Text color of table body rows. @default "#1e293b" */
2700
2836
  rowText: string;
2701
2837
  };
2702
2838
  }
2703
2839
  interface ITThemeProviderProps {
2704
- /** Partial palette overrides merged with the default theme. Supports primary, secondary, tertiary, danger, success, info, alert, warning, layout, and table colors. */
2840
+ /** Partial palette overrides merged (deep merge) with the default theme. Supports primary, secondary, ternary, danger, success, info, alert, warning, layout, and table colors. Persisted to `localStorage` under `"it-theme-palette"` once the user edits it via the FAB/drawer. */
2705
2841
  theme?: Partial<ITThemePalette>;
2706
- /** The subtree that receives the theme context and CSS variables. */
2842
+ /** The subtree that receives the theme context and CSS variables. Must wrap your entire app (or the portion that uses AXZY UI System components) once, near the root. */
2707
2843
  children: React.ReactNode;
2708
- /** Whether to show the floating action button for opening the theme designer drawer. */
2844
+ /** Whether to render the floating action button (bottom-right) that opens the live theme-designer drawer, letting end users tweak colors and persist their choice. Set to `false` to hide the FAB in production and only theme via the `theme` prop. @default true */
2709
2845
  showFab?: boolean;
2710
2846
  }
2711
2847