@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.
- package/README.md +6 -0
- package/dist/index.cjs +313 -242
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +142 -6
- package/dist/index.d.ts +142 -6
- package/dist/index.js +313 -242
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/snippets/axzy-ui-system.code-snippets +547 -0
- package/src/App.tsx +37 -34
- package/src/components/avatar/avatar.props.ts +12 -1
- package/src/components/avatar/avatar.stories.tsx +19 -0
- package/src/components/avatar/avatar.tsx +27 -4
- package/src/components/calendar/calendar.tsx +1 -1
- package/src/components/card/card.tsx +11 -8
- package/src/components/confirm-dialog/confirm-dialog.tsx +1 -1
- package/src/components/data-table/dataTable.props.ts +10 -0
- package/src/components/data-table/dataTable.tsx +27 -16
- package/src/components/date-picker/datePicker.tsx +1 -1
- package/src/components/dialog/dialog.tsx +3 -2
- package/src/components/divider/divider.tsx +1 -1
- package/src/components/drawer/drawer.tsx +1 -1
- package/src/components/dropfile/dropfile.props.ts +6 -0
- package/src/components/dropfile/dropfile.tsx +65 -30
- package/src/components/form-builder/fieldRenderer.tsx +3 -3
- package/src/components/input/input.tsx +7 -7
- package/src/components/layout/layout.tsx +1 -1
- package/src/components/loader/loader.tsx +1 -1
- package/src/components/navbar/navbar.tsx +10 -10
- package/src/components/pagination/pagination.tsx +11 -11
- package/src/components/popover/popover.tsx +1 -1
- package/src/components/search-select/search-select.tsx +11 -11
- package/src/components/searchTable/components/EditableCell.tsx +1 -1
- package/src/components/searchTable/components/PaginationControls.tsx +2 -2
- package/src/components/searchTable/components/PaginationInfo.tsx +1 -1
- package/src/components/searchTable/components/SearchAndSortBar.tsx +1 -1
- package/src/components/searchTable/components/SearchInput.tsx +1 -1
- package/src/components/searchTable/components/SortButton.tsx +3 -3
- package/src/components/searchTable/components/TableHeader.tsx +1 -1
- package/src/components/searchTable/components/TableRow.tsx +4 -4
- package/src/components/searchTable/searchTable.tsx +2 -2
- package/src/components/select/select.tsx +8 -10
- package/src/components/sidebar/sidebar.tsx +29 -29
- package/src/components/slider/slider.tsx +3 -3
- package/src/components/stepper/stepper.props.ts +4 -0
- package/src/components/stepper/stepper.tsx +5 -5
- package/src/components/table/table.props.ts +21 -3
- package/src/components/table/table.tsx +27 -16
- package/src/components/tabs/tabs.tsx +4 -4
- package/src/components/textarea/textarea.tsx +3 -3
- package/src/components/theme-provider/themeProvider.props.ts +21 -3
- package/src/components/theme-provider/themeProvider.tsx +32 -32
- package/src/components/time-picker/timePicker.tsx +5 -5
- package/src/components/toast/toast.tsx +1 -1
- package/src/components/tooltip/tooltip.tsx +1 -1
- package/src/components/topbar/topbar.tsx +7 -7
- package/src/dev.css +1 -1
- package/src/hooks/useClickOutside.ts +8 -0
- package/src/hooks/useTableState.ts +5 -2
- package/src/index.css +24 -1
- package/src/showcases/HomeShowcase.tsx +95 -3
- package/src/theme/theme.ts +38 -17
- package/src/types/field.types.ts +70 -7
- package/src/utils/styles.ts +5 -5
package/dist/index.css.map
CHANGED
|
@@ -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
|
-
/**
|
|
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-
|
|
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,
|
|
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
|
|
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
|
|