@axzydev/axzy_ui_system 1.4.8 → 1.5.1
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 +2 -11
- package/dist/index.cjs +1826 -1351
- 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 +115 -14
- package/dist/index.d.ts +115 -14
- package/dist/index.js +1481 -1010
- package/dist/index.js.map +1 -1
- package/dist/layered.css +1 -1
- package/package.json +3 -16
- package/src/App.tsx +90 -73
- package/src/components/atoms/badget/badget.tsx +23 -5
- package/src/components/atoms/chip/chip.tsx +3 -1
- package/src/components/atoms/image/image.tsx +3 -1
- package/src/components/atoms/input/input.tsx +8 -5
- package/src/components/atoms/loader/loader.tsx +3 -1
- package/src/components/atoms/slide/slide.props.ts +12 -0
- package/src/components/atoms/slide/slide.tsx +3 -0
- package/src/components/molecules/alert/alert.tsx +3 -1
- package/src/components/molecules/breadcrumbs/breadcrumbs.tsx +3 -1
- package/src/components/molecules/calendar/calendar.tsx +9 -6
- package/src/components/molecules/card/card.tsx +5 -2
- package/src/components/molecules/chip-input/chip-input.tsx +9 -7
- package/src/components/molecules/date-picker/datePicker.tsx +9 -9
- package/src/components/molecules/dropdown-menu/dropdown-menu.props.ts +1 -1
- package/src/components/molecules/dropdown-menu/dropdown-menu.tsx +6 -3
- package/src/components/molecules/field/field.tsx +3 -1
- package/src/components/molecules/form-header/form-header.tsx +3 -1
- package/src/components/molecules/line-bar-chart/line-bar-chart.props.ts +2 -2
- package/src/components/molecules/line-bar-chart/line-bar-chart.tsx +20 -15
- package/src/components/molecules/masked-input/masked-input.tsx +3 -1
- package/src/components/molecules/multi-select/multi-select.tsx +12 -9
- package/src/components/molecules/pagination/pagination.tsx +11 -5
- package/src/components/molecules/search-select/search-select.tsx +11 -9
- package/src/components/molecules/select/select.tsx +6 -4
- package/src/components/molecules/stepper/stepper.tsx +6 -4
- package/src/components/molecules/table/table.tsx +30 -28
- package/src/components/molecules/time-picker/timePicker.tsx +8 -6
- package/src/components/molecules/wysiwyg/wysiwyg.tsx +23 -12
- package/src/components/organisms/confirm-dialog/confirm-dialog.props.ts +4 -4
- package/src/components/organisms/confirm-dialog/confirm-dialog.tsx +16 -8
- package/src/components/organisms/data-table/dataTable.tsx +31 -25
- package/src/components/organisms/dialog/dialog.tsx +3 -0
- package/src/components/organisms/drawer/drawer.tsx +3 -0
- package/src/components/organisms/dropfile/dropfile.tsx +19 -17
- package/src/components/organisms/form-builder/fieldRenderer.tsx +4 -2
- package/src/components/organisms/navbar/navbar.tsx +4 -2
- package/src/components/organisms/page-header/page-header.tsx +3 -1
- package/src/components/organisms/searchTable/components/PaginationControls.tsx +8 -6
- package/src/components/organisms/searchTable/components/PaginationInfo.tsx +3 -1
- package/src/components/organisms/searchTable/components/SearchAndSortBar.tsx +7 -5
- package/src/components/organisms/searchTable/components/SearchInput.tsx +4 -2
- package/src/components/organisms/searchTable/components/SortButton.tsx +13 -11
- package/src/components/organisms/searchTable/components/TableEmptyState.tsx +4 -2
- package/src/components/organisms/searchTable/components/TableRow.tsx +6 -4
- package/src/components/organisms/searchTable/searchTable.tsx +4 -2
- package/src/components/organisms/sidebar/sidebar.props.ts +1 -1
- package/src/components/organisms/sidebar/sidebar.tsx +9 -4
- package/src/components/organisms/toast/toast.tsx +3 -1
- package/src/components/organisms/topbar/topbar.tsx +4 -2
- package/src/components/templates/page/page.props.ts +4 -4
- package/src/components/templates/page/page.tsx +6 -4
- package/src/components/theme-provider/themeProvider.tsx +28 -17
- package/src/dev.css +61 -2
- package/src/global.d.ts +10 -0
- package/src/i18n/context.ts +9 -0
- package/src/i18n/index.ts +22 -0
- package/src/i18n/locales/en.ts +163 -0
- package/src/i18n/locales/es.ts +165 -0
- package/src/i18n/provider.tsx +44 -0
- package/src/i18n/translator.ts +82 -0
- package/src/i18n/types.ts +54 -0
- package/src/i18n/useITTranslation.ts +20 -0
- package/src/index.css +0 -1
- package/src/index.ts +7 -1
- package/src/sandbox/LandingShowcase.tsx +224 -580
- package/src/sandbox/NotFoundShowcase.tsx +51 -36
- package/src/sandbox/TopbarSearch.tsx +6 -4
- package/src/sandbox/controls.tsx +180 -0
- package/src/sandbox/i18n.ts +1939 -0
- package/src/sandbox/icons.tsx +25 -0
- package/src/sandbox/locale.tsx +72 -0
- package/src/sandbox/ui.tsx +474 -0
- package/src/sandbox/useHashRoute.ts +46 -10
- package/src/showcases/DataShowcases.tsx +103 -87
- package/src/showcases/FeedbackShowcases.tsx +37 -30
- package/src/showcases/FormShowcases.tsx +303 -215
- package/src/showcases/GettingStartedShowcase.tsx +151 -145
- package/src/showcases/HelpShowcase.tsx +126 -128
- package/src/showcases/HomeShowcase.tsx +678 -482
- package/src/showcases/LayoutPrimitivesShowcases.tsx +129 -114
- package/src/showcases/NavigationShowcases.tsx +45 -37
- package/src/showcases/PageShowcases.tsx +171 -152
- package/src/showcases/ProductoDetalle.tsx +272 -129
- package/src/showcases/ShowcaseLayout.tsx +256 -219
- package/src/showcases/SizesShowcase.tsx +123 -64
- package/src/showcases/StructureShowcases.tsx +203 -138
- package/src/showcases/portfolioUi.tsx +153 -0
- package/src/showcases/techIcons.ts +3 -0
- package/src/utils/table.utils.ts +10 -2
- package/src/components/atoms/avatar/avatar.doc.mdx +0 -48
- package/src/components/atoms/avatar/avatar.stories.tsx +0 -64
- package/src/components/atoms/badget/badget.doc.mdx +0 -46
- package/src/components/atoms/badget/badget.stories.tsx +0 -75
- package/src/components/atoms/button/button.doc.mdx +0 -59
- package/src/components/atoms/button/button.stories.tsx +0 -173
- package/src/components/atoms/checkbox/checkbox.doc.mdx +0 -54
- package/src/components/atoms/checkbox/checkbox.stories.tsx +0 -53
- package/src/components/atoms/chip/chip.doc.mdx +0 -47
- package/src/components/atoms/chip/chip.stories.tsx +0 -64
- package/src/components/atoms/divider/divider.doc.mdx +0 -42
- package/src/components/atoms/divider/divider.stories.tsx +0 -33
- package/src/components/atoms/flex/flex.doc.mdx +0 -59
- package/src/components/atoms/flex/flex.stories.tsx +0 -70
- package/src/components/atoms/grid/grid.doc.mdx +0 -54
- package/src/components/atoms/grid/grid.stories.tsx +0 -71
- package/src/components/atoms/image/image.doc.mdx +0 -44
- package/src/components/atoms/image/image.stories.tsx +0 -48
- package/src/components/atoms/input/input.doc.mdx +0 -70
- package/src/components/atoms/input/input.stories.tsx +0 -113
- package/src/components/atoms/input-number/input-number.doc.mdx +0 -74
- package/src/components/atoms/input-number/input-number.stories.tsx +0 -111
- package/src/components/atoms/loader/loader.doc.mdx +0 -43
- package/src/components/atoms/loader/loader.stories.tsx +0 -104
- package/src/components/atoms/popover/popover.doc.mdx +0 -53
- package/src/components/atoms/popover/popover.stories.tsx +0 -24
- package/src/components/atoms/progress/progress.doc.mdx +0 -48
- package/src/components/atoms/progress/progress.stories.tsx +0 -39
- package/src/components/atoms/radio/radio.doc.mdx +0 -62
- package/src/components/atoms/radio/radio.stories.tsx +0 -48
- package/src/components/atoms/segmented-control/segmented-control.doc.mdx +0 -60
- package/src/components/atoms/segmented-control/segmented-control.stories.tsx +0 -62
- package/src/components/atoms/skeleton/skeleton.doc.mdx +0 -43
- package/src/components/atoms/skeleton/skeleton.stories.tsx +0 -29
- package/src/components/atoms/slide/slide.doc.mdx +0 -46
- package/src/components/atoms/slide/slide.stories.tsx +0 -120
- package/src/components/atoms/slider/slider.doc.mdx +0 -49
- package/src/components/atoms/slider/slider.stories.tsx +0 -29
- package/src/components/atoms/stack/stack.doc.mdx +0 -126
- package/src/components/atoms/stack/stack.stories.tsx +0 -283
- package/src/components/atoms/text/text.doc.mdx +0 -41
- package/src/components/atoms/text/text.stories.tsx +0 -66
- package/src/components/atoms/textarea/textarea.doc.mdx +0 -64
- package/src/components/atoms/textarea/textarea.stories.tsx +0 -26
- package/src/components/atoms/tooltip/tooltip.doc.mdx +0 -47
- package/src/components/atoms/tooltip/tooltip.stories.tsx +0 -19
- package/src/components/isolation/isolation.stories.tsx +0 -202
- package/src/components/molecules/accordion/accordion.doc.mdx +0 -47
- package/src/components/molecules/accordion/accordion.stories.tsx +0 -68
- package/src/components/molecules/alert/alert.doc.mdx +0 -48
- package/src/components/molecules/alert/alert.stories.tsx +0 -40
- package/src/components/molecules/breadcrumbs/breadcrumbs.doc.mdx +0 -57
- package/src/components/molecules/breadcrumbs/breadcrumbs.stories.tsx +0 -20
- package/src/components/molecules/calendar/calendar.doc.mdx +0 -76
- package/src/components/molecules/calendar/calendar.stories.tsx +0 -90
- package/src/components/molecules/card/card.doc.mdx +0 -54
- package/src/components/molecules/card/card.stories.tsx +0 -57
- package/src/components/molecules/chip-input/chip-input.doc.mdx +0 -44
- package/src/components/molecules/chip-input/chip-input.stories.tsx +0 -52
- package/src/components/molecules/date-picker/date-picker.doc.mdx +0 -65
- package/src/components/molecules/date-picker/date-picker.stories.tsx +0 -88
- package/src/components/molecules/dropdown-menu/dropdown-menu.doc.mdx +0 -46
- package/src/components/molecules/dropdown-menu/dropdown-menu.stories.tsx +0 -41
- package/src/components/molecules/empty-state/empty-state.doc.mdx +0 -50
- package/src/components/molecules/empty-state/empty-state.stories.tsx +0 -19
- package/src/components/molecules/field/field.doc.mdx +0 -43
- package/src/components/molecules/field/field.stories.tsx +0 -42
- package/src/components/molecules/form-header/form-header.doc.mdx +0 -38
- package/src/components/molecules/form-header/form-header.stories.tsx +0 -52
- package/src/components/molecules/masked-input/masked-input.doc.mdx +0 -78
- package/src/components/molecules/masked-input/masked-input.stories.tsx +0 -126
- package/src/components/molecules/multi-select/multi-select.doc.mdx +0 -55
- package/src/components/molecules/multi-select/multi-select.stories.tsx +0 -59
- package/src/components/molecules/pagination/pagination.doc.mdx +0 -62
- package/src/components/molecules/pagination/pagination.stories.tsx +0 -110
- package/src/components/molecules/search-select/search-select.doc.mdx +0 -77
- package/src/components/molecules/search-select/search-select.stories.tsx +0 -146
- package/src/components/molecules/select/select.doc.mdx +0 -75
- package/src/components/molecules/select/select.stories.tsx +0 -85
- package/src/components/molecules/stat-card/stat-card.doc.mdx +0 -48
- package/src/components/molecules/stat-card/stat-card.stories.tsx +0 -40
- package/src/components/molecules/stepper/stepper.doc.mdx +0 -54
- package/src/components/molecules/stepper/stepper.stories.tsx +0 -154
- package/src/components/molecules/table/table.doc.mdx +0 -140
- package/src/components/molecules/table/table.stories.tsx +0 -402
- package/src/components/molecules/tabs/tabs.doc.mdx +0 -52
- package/src/components/molecules/tabs/tabs.stories.tsx +0 -31
- package/src/components/molecules/time-picker/timePicker.doc.mdx +0 -68
- package/src/components/molecules/time-picker/timePicker.stories.tsx +0 -130
- package/src/components/molecules/wysiwyg/wysiwyg.stories.tsx +0 -95
- package/src/components/organisms/confirm-dialog/confirm-dialog.doc.mdx +0 -60
- package/src/components/organisms/confirm-dialog/confirm-dialog.stories.tsx +0 -32
- package/src/components/organisms/data-table/ITDataTable.doc.mdx +0 -132
- package/src/components/organisms/data-table/ITDataTable.stories.tsx +0 -353
- package/src/components/organisms/dialog/dialog.doc.mdx +0 -54
- package/src/components/organisms/dialog/dialog.stories.tsx +0 -126
- package/src/components/organisms/drawer/drawer.doc.mdx +0 -59
- package/src/components/organisms/drawer/drawer.stories.tsx +0 -40
- package/src/components/organisms/dropfile/dropfile.doc.mdx +0 -74
- package/src/components/organisms/dropfile/dropfile.stories.tsx +0 -93
- package/src/components/organisms/form-builder/formBuilder.doc.mdx +0 -251
- package/src/components/organisms/form-builder/formBuilder.stories.tsx +0 -914
- package/src/components/organisms/navbar/navbar.doc.mdx +0 -77
- package/src/components/organisms/navbar/navbar.stories.tsx +0 -83
- package/src/components/organisms/page-header/page-header.doc.mdx +0 -54
- package/src/components/organisms/page-header/page-header.stories.tsx +0 -74
- package/src/components/organisms/searchTable/searchTable.doc.mdx +0 -79
- package/src/components/organisms/searchTable/searchTable.stories.tsx +0 -73
- package/src/components/organisms/sidebar/sidebar.doc.mdx +0 -176
- package/src/components/organisms/sidebar/sidebar.stories.tsx +0 -234
- package/src/components/organisms/toast/toast.doc.mdx +0 -50
- package/src/components/organisms/toast/toast.stories.tsx +0 -137
- package/src/components/organisms/topbar/topbar.doc.mdx +0 -72
- package/src/components/organisms/topbar/topbar.stories.tsx +0 -79
- package/src/components/organisms/triple-filter/tripleFilter.doc.mdx +0 -62
- package/src/components/organisms/triple-filter/tripleFilter.stories.tsx +0 -31
- package/src/components/templates/layout/layout.doc.mdx +0 -53
- package/src/components/templates/layout/layout.stories.tsx +0 -113
- package/src/components/templates/page/page.doc.mdx +0 -86
- package/src/components/templates/page/page.stories.tsx +0 -97
- package/src/components/theme-provider/themeProvider.doc.mdx +0 -85
- package/src/components/theme-provider/themeProvider.stories.tsx +0 -58
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.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/* ──────────────────────────────────────────────\n GRID DINÁMICO (grid-cols-* / col-span-*)\n Tailwind v4 ya genera estas utilities nativamente (incl. variants sm/md/lg/xl).\n Estas @source inline son un safelist: fuerzan la generación de los valores\n dinámicos construidos en runtime (grid.tsx, styles.ts → `col-span-${n}`),\n que el scanner estático no puede ver. Sin esto, las clases dinámicas no\n existirían en el bundle.\n ────────────────────────────────────────────── */\n@source inline(\"grid-cols-1 grid-cols-2 grid-cols-3 grid-cols-4 grid-cols-5 grid-cols-6 grid-cols-7 grid-cols-8 grid-cols-9 grid-cols-10 grid-cols-11 grid-cols-12\");\n@source inline(\"col-span-1 col-span-2 col-span-3 col-span-4 col-span-5 col-span-6 col-span-7 col-span-8 col-span-9 col-span-10 col-span-11 col-span-12 col-span-full\");\n@source inline(\"sm:col-span-1 sm:col-span-2 sm:col-span-3 sm:col-span-4 sm:col-span-5 sm:col-span-6 sm:col-span-7 sm:col-span-8 sm:col-span-9 sm:col-span-10 sm:col-span-11 sm:col-span-12 sm:col-span-full\");\n@source inline(\"md:col-span-1 md:col-span-2 md:col-span-3 md:col-span-4 md:col-span-5 md:col-span-6 md:col-span-7 md:col-span-8 md:col-span-9 md:col-span-10 md:col-span-11 md:col-span-12 md:col-span-full\");\n@source inline(\"lg:col-span-1 lg:col-span-2 lg:col-span-3 lg:col-span-4 lg:col-span-5 lg:col-span-6 lg:col-span-7 lg:col-span-8 lg:col-span-9 lg:col-span-10 lg:col-span-11 lg:col-span-12 lg:col-span-full\");\n@source inline(\"xl:col-span-1 xl:col-span-2 xl:col-span-3 xl:col-span-4 xl:col-span-5 xl:col-span-6 xl:col-span-7 xl:col-span-8 xl:col-span-9 xl:col-span-10 xl:col-span-11 xl:col-span-12 xl:col-span-full\");\n\n/* ──────────────────────────────────────────────\n ANIMACIONES DE COMPONENTES (scoped it-*)\n Antes vivían en toast.css / stepper.css sueltos que NUNCA llegaban al bundle\n de dist (bug: animaciones muertas para consumidores) y usaban clases\n genéricas sin prefijo. Ahora van en @layer components con prefijo it-*.\n ────────────────────────────────────────────── */\n@layer components {\n @keyframes it-slide-in-right {\n from { opacity: 0; transform: translateX(24px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes it-slide-in-left {\n from { opacity: 0; transform: translateX(-24px); }\n to { opacity: 1; transform: translateX(0); }\n }\n .it-stepper-slide-in-right {\n animation: it-slide-in-right 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n }\n .it-stepper-slide-in-left {\n animation: it-slide-in-left 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n }\n\n /* Pinned (frozen) table columns: 1px edge separator on the frozen side.\n Background + hover live in the component as Tailwind arbitrary utilities so\n the cell matches --color-table-rowBg / --color-table-rowHover. */\n :where(.it-table-pinned-left) {\n box-shadow: inset -1px 0 0 0 var(--color-secondary-200);\n }\n :where(.it-table-pinned-right) {\n box-shadow: inset 1px 0 0 0 var(--color-secondary-200);\n }\n}"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.css"],"sourcesContent":["@import \"tailwindcss\";\n\n@source \"./**/*.{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/* ──────────────────────────────────────────────\n GRID DINÁMICO (grid-cols-* / col-span-*)\n Tailwind v4 ya genera estas utilities nativamente (incl. variants sm/md/lg/xl).\n Estas @source inline son un safelist: fuerzan la generación de los valores\n dinámicos construidos en runtime (grid.tsx, styles.ts → `col-span-${n}`),\n que el scanner estático no puede ver. Sin esto, las clases dinámicas no\n existirían en el bundle.\n ────────────────────────────────────────────── */\n@source inline(\"grid-cols-1 grid-cols-2 grid-cols-3 grid-cols-4 grid-cols-5 grid-cols-6 grid-cols-7 grid-cols-8 grid-cols-9 grid-cols-10 grid-cols-11 grid-cols-12\");\n@source inline(\"col-span-1 col-span-2 col-span-3 col-span-4 col-span-5 col-span-6 col-span-7 col-span-8 col-span-9 col-span-10 col-span-11 col-span-12 col-span-full\");\n@source inline(\"sm:col-span-1 sm:col-span-2 sm:col-span-3 sm:col-span-4 sm:col-span-5 sm:col-span-6 sm:col-span-7 sm:col-span-8 sm:col-span-9 sm:col-span-10 sm:col-span-11 sm:col-span-12 sm:col-span-full\");\n@source inline(\"md:col-span-1 md:col-span-2 md:col-span-3 md:col-span-4 md:col-span-5 md:col-span-6 md:col-span-7 md:col-span-8 md:col-span-9 md:col-span-10 md:col-span-11 md:col-span-12 md:col-span-full\");\n@source inline(\"lg:col-span-1 lg:col-span-2 lg:col-span-3 lg:col-span-4 lg:col-span-5 lg:col-span-6 lg:col-span-7 lg:col-span-8 lg:col-span-9 lg:col-span-10 lg:col-span-11 lg:col-span-12 lg:col-span-full\");\n@source inline(\"xl:col-span-1 xl:col-span-2 xl:col-span-3 xl:col-span-4 xl:col-span-5 xl:col-span-6 xl:col-span-7 xl:col-span-8 xl:col-span-9 xl:col-span-10 xl:col-span-11 xl:col-span-12 xl:col-span-full\");\n\n/* ──────────────────────────────────────────────\n ANIMACIONES DE COMPONENTES (scoped it-*)\n Antes vivían en toast.css / stepper.css sueltos que NUNCA llegaban al bundle\n de dist (bug: animaciones muertas para consumidores) y usaban clases\n genéricas sin prefijo. Ahora van en @layer components con prefijo it-*.\n ────────────────────────────────────────────── */\n@layer components {\n @keyframes it-slide-in-right {\n from { opacity: 0; transform: translateX(24px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes it-slide-in-left {\n from { opacity: 0; transform: translateX(-24px); }\n to { opacity: 1; transform: translateX(0); }\n }\n .it-stepper-slide-in-right {\n animation: it-slide-in-right 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n }\n .it-stepper-slide-in-left {\n animation: it-slide-in-left 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;\n }\n\n /* Pinned (frozen) table columns: 1px edge separator on the frozen side.\n Background + hover live in the component as Tailwind arbitrary utilities so\n the cell matches --color-table-rowBg / --color-table-rowHover. */\n :where(.it-table-pinned-left) {\n box-shadow: inset -1px 0 0 0 var(--color-secondary-200);\n }\n :where(.it-table-pinned-right) {\n box-shadow: inset 1px 0 0 0 var(--color-secondary-200);\n }\n}"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -2,6 +2,7 @@ import * as Yup from 'yup';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { CSSProperties, RefObject, ReactNode, ElementType, ChangeEvent, FocusEvent, KeyboardEvent, HTMLAttributes } from 'react';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import { Locale } from 'date-fns';
|
|
5
6
|
|
|
6
7
|
declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
|
|
7
8
|
|
|
@@ -936,7 +937,7 @@ interface ITDropdownMenuProps {
|
|
|
936
937
|
items: ITDropdownMenuItem[];
|
|
937
938
|
/** Custom trigger content. Defaults to a vertical ellipsis icon. */
|
|
938
939
|
trigger?: ReactNode;
|
|
939
|
-
/** Accessible label for the trigger button. @default "Abrir menú" */
|
|
940
|
+
/** Accessible label for the trigger button. @default i18n `dropdownMenu.open` ("Abrir menú") */
|
|
940
941
|
triggerLabel?: string;
|
|
941
942
|
/** Placement of the menu relative to the trigger. Valid values: `"bottom-start"`, `"bottom-end"`, `"top-start"`, `"top-end"`. @default "bottom-end" */
|
|
942
943
|
placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
|
|
@@ -1200,13 +1201,13 @@ interface ITConfirmDialogProps {
|
|
|
1200
1201
|
onClose: () => void;
|
|
1201
1202
|
/** Callback fired when the user confirms the destructive action. */
|
|
1202
1203
|
onConfirm: () => void;
|
|
1203
|
-
/** Heading text displayed at the top of the dialog. @default "Confirmar acción" */
|
|
1204
|
+
/** Heading text displayed at the top of the dialog. @default i18n `confirmDialog.title` ("Confirmar acción") */
|
|
1204
1205
|
title?: string;
|
|
1205
|
-
/** Body content — accepts plain strings or React nodes. @default "¿Estás seguro de que deseas continuar?" */
|
|
1206
|
+
/** Body content — accepts plain strings or React nodes. @default i18n `confirmDialog.message` ("¿Estás seguro de que deseas continuar?") */
|
|
1206
1207
|
message?: ReactNode;
|
|
1207
|
-
/** Label for the confirm button. @default "Confirmar" */
|
|
1208
|
+
/** Label for the confirm button. @default i18n `common.confirm` ("Confirmar") */
|
|
1208
1209
|
confirmLabel?: string;
|
|
1209
|
-
/** Label for the cancel button. @default "Cancelar" */
|
|
1210
|
+
/** Label for the cancel button. @default i18n `common.cancel` ("Cancelar") */
|
|
1210
1211
|
cancelLabel?: string;
|
|
1211
1212
|
/** Color variant applied to the confirm button. Accepts any ColorsTypes value (e.g. "primary", "danger", "warning", "info"). @default "primary" */
|
|
1212
1213
|
variant?: ColorsTypes;
|
|
@@ -2638,17 +2639,17 @@ interface ITPageProps {
|
|
|
2638
2639
|
loading?: boolean;
|
|
2639
2640
|
/** Error message to display. Shows an error state with retry button when provided. */
|
|
2640
2641
|
error?: string | null;
|
|
2641
|
-
/** Custom title for the error state. Default: "Error". */
|
|
2642
|
+
/** Custom title for the error state. Default: i18n `common.error` ("Error"). */
|
|
2642
2643
|
errorTitle?: string;
|
|
2643
|
-
/** Label for the retry button in the error state. Default: "Reintentar". */
|
|
2644
|
+
/** Label for the retry button in the error state. Default: i18n `common.retry` ("Reintentar"). */
|
|
2644
2645
|
errorActionLabel?: string;
|
|
2645
2646
|
/** Callback fired when the retry button is clicked in the error state. */
|
|
2646
2647
|
onRetry?: () => void;
|
|
2647
2648
|
/** Whether the page is in an empty state. Shows a placeholder when true. */
|
|
2648
2649
|
empty?: boolean;
|
|
2649
|
-
/** Custom title for the empty state. Default: "Sin datos". */
|
|
2650
|
+
/** Custom title for the empty state. Default: i18n `common.noData` ("Sin datos"). */
|
|
2650
2651
|
emptyTitle?: string;
|
|
2651
|
-
/** Custom description for the empty state. */
|
|
2652
|
+
/** Custom description for the empty state. Default: i18n `common.empty` ("No hay información para mostrar"). */
|
|
2652
2653
|
emptyDescription?: string;
|
|
2653
2654
|
/** Custom action element for the empty state. */
|
|
2654
2655
|
emptyAction?: ReactNode;
|
|
@@ -3186,7 +3187,7 @@ interface ITSidebarNotification {
|
|
|
3186
3187
|
count: number;
|
|
3187
3188
|
/** Icon rendered left of the label (e.g. a bell). Omit for a count-only pill. */
|
|
3188
3189
|
icon?: React.ReactNode;
|
|
3189
|
-
/** Accessible label and tooltip for the notification button. @default "Notificaciones" */
|
|
3190
|
+
/** Accessible label and tooltip for the notification button. @default i18n `sidebar.notifications` ("Notificaciones") */
|
|
3190
3191
|
label?: string;
|
|
3191
3192
|
/** Click handler for the notification button. */
|
|
3192
3193
|
onClick?: () => void;
|
|
@@ -3338,6 +3339,16 @@ interface ITSlideToggleProps {
|
|
|
3338
3339
|
disabled?: boolean;
|
|
3339
3340
|
/** Size of the switch: "sm" | "md" | "lg". Default: "md". */
|
|
3340
3341
|
size?: "sm" | "md" | "lg";
|
|
3342
|
+
/**
|
|
3343
|
+
* Texto visible del interruptor. Se asocia al control como nombre accesible
|
|
3344
|
+
* (`aria-label`) cuando no hay un `<label>` externo que lo nombre.
|
|
3345
|
+
*/
|
|
3346
|
+
label?: string;
|
|
3347
|
+
/**
|
|
3348
|
+
* Nombre accesible cuando la etiqueta visible vive fuera del componente.
|
|
3349
|
+
* Tiene prioridad sobre `label`.
|
|
3350
|
+
*/
|
|
3351
|
+
ariaLabel?: string;
|
|
3341
3352
|
/** Additional CSS classes on the container. */
|
|
3342
3353
|
className?: string;
|
|
3343
3354
|
}
|
|
@@ -3356,7 +3367,7 @@ interface ITSlideToggleProps {
|
|
|
3356
3367
|
* ```
|
|
3357
3368
|
*/
|
|
3358
3369
|
declare function ITSlideToggle({ onToggle, isOn: controlledIsOn, initialState, activeColor, inactiveColor, // default gray-400
|
|
3359
|
-
disabled, size, className, }: ITSlideToggleProps): react_jsx_runtime.JSX.Element;
|
|
3370
|
+
disabled, size, label, ariaLabel, className, }: ITSlideToggleProps): react_jsx_runtime.JSX.Element;
|
|
3360
3371
|
|
|
3361
3372
|
/** Props for the ITSlider range slider component. */
|
|
3362
3373
|
interface ITSliderProps {
|
|
@@ -3495,9 +3506,9 @@ interface ITLineBarChartProps {
|
|
|
3495
3506
|
data: ITLineBarDatum[];
|
|
3496
3507
|
/** Etiqueta accesible del gráfico. */
|
|
3497
3508
|
ariaLabel: string;
|
|
3498
|
-
/** Nombre de la serie de la línea (leyenda y tooltip). */
|
|
3509
|
+
/** Nombre de la serie de la línea (leyenda y tooltip). @default i18n `lineBarChart.lineLabel` ("Serie A") */
|
|
3499
3510
|
lineLabel?: string;
|
|
3500
|
-
/** Nombre de la serie de barras (leyenda y tooltip). */
|
|
3511
|
+
/** Nombre de la serie de barras (leyenda y tooltip). @default i18n `lineBarChart.barLabel` ("Serie B") */
|
|
3501
3512
|
barLabel?: string;
|
|
3502
3513
|
/** Color de la línea (por defecto el verde de la casa). */
|
|
3503
3514
|
lineColor?: string;
|
|
@@ -4425,4 +4436,94 @@ declare const resolveCssColor: (colorStr: string, palette?: ITThemePalette, isDa
|
|
|
4425
4436
|
*/
|
|
4426
4437
|
declare const getContrastTextColor: (bgColor: string, palette?: ITThemePalette, isDarkMode?: boolean) => "text-white" | "text-slate-800";
|
|
4427
4438
|
|
|
4428
|
-
|
|
4439
|
+
/** Supported base locales shipped with the library. */
|
|
4440
|
+
type ITLocale = "es" | "en";
|
|
4441
|
+
/** Message catalog: flat `namespace.key` → text. */
|
|
4442
|
+
type ITMessages = Record<string, string>;
|
|
4443
|
+
/** Message overrides keyed by locale. */
|
|
4444
|
+
type ITMessagesByLocale = Record<string, ITMessages>;
|
|
4445
|
+
/** Interpolation variables for `t()`. */
|
|
4446
|
+
type ITVars = Record<string, string | number>;
|
|
4447
|
+
/** Contract of the i18n context (returned by `useITTranslation()`). */
|
|
4448
|
+
interface ITI18nValue {
|
|
4449
|
+
/** Active locale. */
|
|
4450
|
+
locale: string;
|
|
4451
|
+
/** Fallback locale. */
|
|
4452
|
+
fallbackLocale: string;
|
|
4453
|
+
/** Translate a `namespace.key` and interpolate `{var}` placeholders. */
|
|
4454
|
+
t: (key: string, vars?: ITVars) => string;
|
|
4455
|
+
/** Format a number using `Intl.NumberFormat(locale)`. */
|
|
4456
|
+
formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
|
|
4457
|
+
/** Format a currency using `Intl.NumberFormat(locale)`. */
|
|
4458
|
+
formatCurrency: (value: number, currency?: string, options?: Intl.NumberFormatOptions) => string;
|
|
4459
|
+
/** Format a date using `Intl.DateTimeFormat(locale)`. */
|
|
4460
|
+
formatDate: (value: Date | number | string, options?: Intl.DateTimeFormatOptions) => string;
|
|
4461
|
+
/** Matching `date-fns` locale. */
|
|
4462
|
+
dateLocale: Locale;
|
|
4463
|
+
}
|
|
4464
|
+
/** Props for `ITI18nProvider`. */
|
|
4465
|
+
interface ITI18nProviderProps {
|
|
4466
|
+
/** Active locale. @default "es" */
|
|
4467
|
+
locale?: string;
|
|
4468
|
+
/** Fallback locale for missing keys. @default "es" */
|
|
4469
|
+
fallbackLocale?: string;
|
|
4470
|
+
/** Custom messages merged over the built-in catalog, keyed by locale. */
|
|
4471
|
+
messages?: ITMessagesByLocale;
|
|
4472
|
+
/** Application tree. */
|
|
4473
|
+
children: ReactNode;
|
|
4474
|
+
}
|
|
4475
|
+
|
|
4476
|
+
/**
|
|
4477
|
+
* Provee locale y mensajes al árbol de componentes.
|
|
4478
|
+
*
|
|
4479
|
+
* Sin provider, los componentes usan el catálogo base en español. Con provider,
|
|
4480
|
+
* cualquier prop de texto explícita de un componente sigue teniendo prioridad
|
|
4481
|
+
* sobre el catálogo.
|
|
4482
|
+
*
|
|
4483
|
+
* @example
|
|
4484
|
+
* ```tsx
|
|
4485
|
+
* <ITThemeProvider>
|
|
4486
|
+
* <ITI18nProvider locale="en">
|
|
4487
|
+
* <App />
|
|
4488
|
+
* </ITI18nProvider>
|
|
4489
|
+
* </ITThemeProvider>
|
|
4490
|
+
* ```
|
|
4491
|
+
*
|
|
4492
|
+
* @example
|
|
4493
|
+
* ```tsx
|
|
4494
|
+
* // Overrides parciales sobre el catálogo incluido
|
|
4495
|
+
* <ITI18nProvider locale="es" messages={{ es: { "common.cancel": "Abortar" } }}>
|
|
4496
|
+
* <App />
|
|
4497
|
+
* </ITI18nProvider>
|
|
4498
|
+
* ```
|
|
4499
|
+
*/
|
|
4500
|
+
declare function ITI18nProvider({ locale, fallbackLocale, messages, children, }: ITI18nProviderProps): react_jsx_runtime.JSX.Element;
|
|
4501
|
+
|
|
4502
|
+
/**
|
|
4503
|
+
* Devuelve el traductor y los formateadores de la locale activa.
|
|
4504
|
+
*
|
|
4505
|
+
* Funciona aunque no exista `ITI18nProvider` (cae al catálogo base en español).
|
|
4506
|
+
*
|
|
4507
|
+
* @example
|
|
4508
|
+
* ```tsx
|
|
4509
|
+
* const { t, formatCurrency } = useITTranslation();
|
|
4510
|
+
* return <ITButton label={t("common.cancel")} onClick={onCancel} />;
|
|
4511
|
+
* ```
|
|
4512
|
+
*/
|
|
4513
|
+
declare function useITTranslation(): ITI18nValue;
|
|
4514
|
+
|
|
4515
|
+
/**
|
|
4516
|
+
* Catálogo base en español (locale por defecto de la librería).
|
|
4517
|
+
*
|
|
4518
|
+
* Las keys siguen `docs/i18n/conventions.md` (`namespace.clave`) y el inventario de
|
|
4519
|
+
* `docs/i18n/strings.md`. Añade nuevas keys aquí y en `en.ts` a la vez.
|
|
4520
|
+
*/
|
|
4521
|
+
declare const es: ITMessages;
|
|
4522
|
+
|
|
4523
|
+
/**
|
|
4524
|
+
* Catálogo base en inglés. Mantiene exactamente las mismas keys que `es.ts`
|
|
4525
|
+
* (ver `docs/i18n/conventions.md`); si falta una key, se usa el texto en español.
|
|
4526
|
+
*/
|
|
4527
|
+
declare const en: ITMessages;
|
|
4528
|
+
|
|
4529
|
+
export { type Column, type ColumnFilterMode, type ColumnFilterValue, type ColumnFilters, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITI18nProvider, type ITI18nProviderProps, type ITI18nValue, ITImage, type ITImageProps, ITInput, ITInputNumber, type ITInputNumberProps, type ITInputProps, ITLayout, type ITLayoutProps, ITLineBarChart, type ITLineBarChartProps, type ITLineBarDatum, ITLoader, type LoaderProps as ITLoaderProps, type ITLocale, ITMaskedInput, type ITMaskedInputProps, type ITMessages, type ITMessagesByLocale, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, type ITNavigationSubItemEntry, type ITNavigationSubItemGroup, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarBrand, type ITSidebarNotification, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeAppearance, type ITThemeConfig, type ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableColors, type TableDensity, type TableDesign, type TableDesignProps, type TableDesignSlot, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, en as enMessages, es as esMessages, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITFlatAppearance, useITTheme, useITThemeSafe, useITTranslation, useTableState };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import * as Yup from 'yup';
|
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default, { CSSProperties, RefObject, ReactNode, ElementType, ChangeEvent, FocusEvent, KeyboardEvent, HTMLAttributes } from 'react';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import { Locale } from 'date-fns';
|
|
5
6
|
|
|
6
7
|
declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
|
|
7
8
|
|
|
@@ -936,7 +937,7 @@ interface ITDropdownMenuProps {
|
|
|
936
937
|
items: ITDropdownMenuItem[];
|
|
937
938
|
/** Custom trigger content. Defaults to a vertical ellipsis icon. */
|
|
938
939
|
trigger?: ReactNode;
|
|
939
|
-
/** Accessible label for the trigger button. @default "Abrir menú" */
|
|
940
|
+
/** Accessible label for the trigger button. @default i18n `dropdownMenu.open` ("Abrir menú") */
|
|
940
941
|
triggerLabel?: string;
|
|
941
942
|
/** Placement of the menu relative to the trigger. Valid values: `"bottom-start"`, `"bottom-end"`, `"top-start"`, `"top-end"`. @default "bottom-end" */
|
|
942
943
|
placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
|
|
@@ -1200,13 +1201,13 @@ interface ITConfirmDialogProps {
|
|
|
1200
1201
|
onClose: () => void;
|
|
1201
1202
|
/** Callback fired when the user confirms the destructive action. */
|
|
1202
1203
|
onConfirm: () => void;
|
|
1203
|
-
/** Heading text displayed at the top of the dialog. @default "Confirmar acción" */
|
|
1204
|
+
/** Heading text displayed at the top of the dialog. @default i18n `confirmDialog.title` ("Confirmar acción") */
|
|
1204
1205
|
title?: string;
|
|
1205
|
-
/** Body content — accepts plain strings or React nodes. @default "¿Estás seguro de que deseas continuar?" */
|
|
1206
|
+
/** Body content — accepts plain strings or React nodes. @default i18n `confirmDialog.message` ("¿Estás seguro de que deseas continuar?") */
|
|
1206
1207
|
message?: ReactNode;
|
|
1207
|
-
/** Label for the confirm button. @default "Confirmar" */
|
|
1208
|
+
/** Label for the confirm button. @default i18n `common.confirm` ("Confirmar") */
|
|
1208
1209
|
confirmLabel?: string;
|
|
1209
|
-
/** Label for the cancel button. @default "Cancelar" */
|
|
1210
|
+
/** Label for the cancel button. @default i18n `common.cancel` ("Cancelar") */
|
|
1210
1211
|
cancelLabel?: string;
|
|
1211
1212
|
/** Color variant applied to the confirm button. Accepts any ColorsTypes value (e.g. "primary", "danger", "warning", "info"). @default "primary" */
|
|
1212
1213
|
variant?: ColorsTypes;
|
|
@@ -2638,17 +2639,17 @@ interface ITPageProps {
|
|
|
2638
2639
|
loading?: boolean;
|
|
2639
2640
|
/** Error message to display. Shows an error state with retry button when provided. */
|
|
2640
2641
|
error?: string | null;
|
|
2641
|
-
/** Custom title for the error state. Default: "Error". */
|
|
2642
|
+
/** Custom title for the error state. Default: i18n `common.error` ("Error"). */
|
|
2642
2643
|
errorTitle?: string;
|
|
2643
|
-
/** Label for the retry button in the error state. Default: "Reintentar". */
|
|
2644
|
+
/** Label for the retry button in the error state. Default: i18n `common.retry` ("Reintentar"). */
|
|
2644
2645
|
errorActionLabel?: string;
|
|
2645
2646
|
/** Callback fired when the retry button is clicked in the error state. */
|
|
2646
2647
|
onRetry?: () => void;
|
|
2647
2648
|
/** Whether the page is in an empty state. Shows a placeholder when true. */
|
|
2648
2649
|
empty?: boolean;
|
|
2649
|
-
/** Custom title for the empty state. Default: "Sin datos". */
|
|
2650
|
+
/** Custom title for the empty state. Default: i18n `common.noData` ("Sin datos"). */
|
|
2650
2651
|
emptyTitle?: string;
|
|
2651
|
-
/** Custom description for the empty state. */
|
|
2652
|
+
/** Custom description for the empty state. Default: i18n `common.empty` ("No hay información para mostrar"). */
|
|
2652
2653
|
emptyDescription?: string;
|
|
2653
2654
|
/** Custom action element for the empty state. */
|
|
2654
2655
|
emptyAction?: ReactNode;
|
|
@@ -3186,7 +3187,7 @@ interface ITSidebarNotification {
|
|
|
3186
3187
|
count: number;
|
|
3187
3188
|
/** Icon rendered left of the label (e.g. a bell). Omit for a count-only pill. */
|
|
3188
3189
|
icon?: React.ReactNode;
|
|
3189
|
-
/** Accessible label and tooltip for the notification button. @default "Notificaciones" */
|
|
3190
|
+
/** Accessible label and tooltip for the notification button. @default i18n `sidebar.notifications` ("Notificaciones") */
|
|
3190
3191
|
label?: string;
|
|
3191
3192
|
/** Click handler for the notification button. */
|
|
3192
3193
|
onClick?: () => void;
|
|
@@ -3338,6 +3339,16 @@ interface ITSlideToggleProps {
|
|
|
3338
3339
|
disabled?: boolean;
|
|
3339
3340
|
/** Size of the switch: "sm" | "md" | "lg". Default: "md". */
|
|
3340
3341
|
size?: "sm" | "md" | "lg";
|
|
3342
|
+
/**
|
|
3343
|
+
* Texto visible del interruptor. Se asocia al control como nombre accesible
|
|
3344
|
+
* (`aria-label`) cuando no hay un `<label>` externo que lo nombre.
|
|
3345
|
+
*/
|
|
3346
|
+
label?: string;
|
|
3347
|
+
/**
|
|
3348
|
+
* Nombre accesible cuando la etiqueta visible vive fuera del componente.
|
|
3349
|
+
* Tiene prioridad sobre `label`.
|
|
3350
|
+
*/
|
|
3351
|
+
ariaLabel?: string;
|
|
3341
3352
|
/** Additional CSS classes on the container. */
|
|
3342
3353
|
className?: string;
|
|
3343
3354
|
}
|
|
@@ -3356,7 +3367,7 @@ interface ITSlideToggleProps {
|
|
|
3356
3367
|
* ```
|
|
3357
3368
|
*/
|
|
3358
3369
|
declare function ITSlideToggle({ onToggle, isOn: controlledIsOn, initialState, activeColor, inactiveColor, // default gray-400
|
|
3359
|
-
disabled, size, className, }: ITSlideToggleProps): react_jsx_runtime.JSX.Element;
|
|
3370
|
+
disabled, size, label, ariaLabel, className, }: ITSlideToggleProps): react_jsx_runtime.JSX.Element;
|
|
3360
3371
|
|
|
3361
3372
|
/** Props for the ITSlider range slider component. */
|
|
3362
3373
|
interface ITSliderProps {
|
|
@@ -3495,9 +3506,9 @@ interface ITLineBarChartProps {
|
|
|
3495
3506
|
data: ITLineBarDatum[];
|
|
3496
3507
|
/** Etiqueta accesible del gráfico. */
|
|
3497
3508
|
ariaLabel: string;
|
|
3498
|
-
/** Nombre de la serie de la línea (leyenda y tooltip). */
|
|
3509
|
+
/** Nombre de la serie de la línea (leyenda y tooltip). @default i18n `lineBarChart.lineLabel` ("Serie A") */
|
|
3499
3510
|
lineLabel?: string;
|
|
3500
|
-
/** Nombre de la serie de barras (leyenda y tooltip). */
|
|
3511
|
+
/** Nombre de la serie de barras (leyenda y tooltip). @default i18n `lineBarChart.barLabel` ("Serie B") */
|
|
3501
3512
|
barLabel?: string;
|
|
3502
3513
|
/** Color de la línea (por defecto el verde de la casa). */
|
|
3503
3514
|
lineColor?: string;
|
|
@@ -4425,4 +4436,94 @@ declare const resolveCssColor: (colorStr: string, palette?: ITThemePalette, isDa
|
|
|
4425
4436
|
*/
|
|
4426
4437
|
declare const getContrastTextColor: (bgColor: string, palette?: ITThemePalette, isDarkMode?: boolean) => "text-white" | "text-slate-800";
|
|
4427
4438
|
|
|
4428
|
-
|
|
4439
|
+
/** Supported base locales shipped with the library. */
|
|
4440
|
+
type ITLocale = "es" | "en";
|
|
4441
|
+
/** Message catalog: flat `namespace.key` → text. */
|
|
4442
|
+
type ITMessages = Record<string, string>;
|
|
4443
|
+
/** Message overrides keyed by locale. */
|
|
4444
|
+
type ITMessagesByLocale = Record<string, ITMessages>;
|
|
4445
|
+
/** Interpolation variables for `t()`. */
|
|
4446
|
+
type ITVars = Record<string, string | number>;
|
|
4447
|
+
/** Contract of the i18n context (returned by `useITTranslation()`). */
|
|
4448
|
+
interface ITI18nValue {
|
|
4449
|
+
/** Active locale. */
|
|
4450
|
+
locale: string;
|
|
4451
|
+
/** Fallback locale. */
|
|
4452
|
+
fallbackLocale: string;
|
|
4453
|
+
/** Translate a `namespace.key` and interpolate `{var}` placeholders. */
|
|
4454
|
+
t: (key: string, vars?: ITVars) => string;
|
|
4455
|
+
/** Format a number using `Intl.NumberFormat(locale)`. */
|
|
4456
|
+
formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
|
|
4457
|
+
/** Format a currency using `Intl.NumberFormat(locale)`. */
|
|
4458
|
+
formatCurrency: (value: number, currency?: string, options?: Intl.NumberFormatOptions) => string;
|
|
4459
|
+
/** Format a date using `Intl.DateTimeFormat(locale)`. */
|
|
4460
|
+
formatDate: (value: Date | number | string, options?: Intl.DateTimeFormatOptions) => string;
|
|
4461
|
+
/** Matching `date-fns` locale. */
|
|
4462
|
+
dateLocale: Locale;
|
|
4463
|
+
}
|
|
4464
|
+
/** Props for `ITI18nProvider`. */
|
|
4465
|
+
interface ITI18nProviderProps {
|
|
4466
|
+
/** Active locale. @default "es" */
|
|
4467
|
+
locale?: string;
|
|
4468
|
+
/** Fallback locale for missing keys. @default "es" */
|
|
4469
|
+
fallbackLocale?: string;
|
|
4470
|
+
/** Custom messages merged over the built-in catalog, keyed by locale. */
|
|
4471
|
+
messages?: ITMessagesByLocale;
|
|
4472
|
+
/** Application tree. */
|
|
4473
|
+
children: ReactNode;
|
|
4474
|
+
}
|
|
4475
|
+
|
|
4476
|
+
/**
|
|
4477
|
+
* Provee locale y mensajes al árbol de componentes.
|
|
4478
|
+
*
|
|
4479
|
+
* Sin provider, los componentes usan el catálogo base en español. Con provider,
|
|
4480
|
+
* cualquier prop de texto explícita de un componente sigue teniendo prioridad
|
|
4481
|
+
* sobre el catálogo.
|
|
4482
|
+
*
|
|
4483
|
+
* @example
|
|
4484
|
+
* ```tsx
|
|
4485
|
+
* <ITThemeProvider>
|
|
4486
|
+
* <ITI18nProvider locale="en">
|
|
4487
|
+
* <App />
|
|
4488
|
+
* </ITI18nProvider>
|
|
4489
|
+
* </ITThemeProvider>
|
|
4490
|
+
* ```
|
|
4491
|
+
*
|
|
4492
|
+
* @example
|
|
4493
|
+
* ```tsx
|
|
4494
|
+
* // Overrides parciales sobre el catálogo incluido
|
|
4495
|
+
* <ITI18nProvider locale="es" messages={{ es: { "common.cancel": "Abortar" } }}>
|
|
4496
|
+
* <App />
|
|
4497
|
+
* </ITI18nProvider>
|
|
4498
|
+
* ```
|
|
4499
|
+
*/
|
|
4500
|
+
declare function ITI18nProvider({ locale, fallbackLocale, messages, children, }: ITI18nProviderProps): react_jsx_runtime.JSX.Element;
|
|
4501
|
+
|
|
4502
|
+
/**
|
|
4503
|
+
* Devuelve el traductor y los formateadores de la locale activa.
|
|
4504
|
+
*
|
|
4505
|
+
* Funciona aunque no exista `ITI18nProvider` (cae al catálogo base en español).
|
|
4506
|
+
*
|
|
4507
|
+
* @example
|
|
4508
|
+
* ```tsx
|
|
4509
|
+
* const { t, formatCurrency } = useITTranslation();
|
|
4510
|
+
* return <ITButton label={t("common.cancel")} onClick={onCancel} />;
|
|
4511
|
+
* ```
|
|
4512
|
+
*/
|
|
4513
|
+
declare function useITTranslation(): ITI18nValue;
|
|
4514
|
+
|
|
4515
|
+
/**
|
|
4516
|
+
* Catálogo base en español (locale por defecto de la librería).
|
|
4517
|
+
*
|
|
4518
|
+
* Las keys siguen `docs/i18n/conventions.md` (`namespace.clave`) y el inventario de
|
|
4519
|
+
* `docs/i18n/strings.md`. Añade nuevas keys aquí y en `en.ts` a la vez.
|
|
4520
|
+
*/
|
|
4521
|
+
declare const es: ITMessages;
|
|
4522
|
+
|
|
4523
|
+
/**
|
|
4524
|
+
* Catálogo base en inglés. Mantiene exactamente las mismas keys que `es.ts`
|
|
4525
|
+
* (ver `docs/i18n/conventions.md`); si falta una key, se usa el texto en español.
|
|
4526
|
+
*/
|
|
4527
|
+
declare const en: ITMessages;
|
|
4528
|
+
|
|
4529
|
+
export { type Column, type ColumnFilterMode, type ColumnFilterValue, type ColumnFilters, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITI18nProvider, type ITI18nProviderProps, type ITI18nValue, ITImage, type ITImageProps, ITInput, ITInputNumber, type ITInputNumberProps, type ITInputProps, ITLayout, type ITLayoutProps, ITLineBarChart, type ITLineBarChartProps, type ITLineBarDatum, ITLoader, type LoaderProps as ITLoaderProps, type ITLocale, ITMaskedInput, type ITMaskedInputProps, type ITMessages, type ITMessagesByLocale, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, type ITNavigationSubItemEntry, type ITNavigationSubItemGroup, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarBrand, type ITSidebarNotification, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeAppearance, type ITThemeConfig, type ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableColors, type TableDensity, type TableDesign, type TableDesignProps, type TableDesignSlot, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, en as enMessages, es as esMessages, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITFlatAppearance, useITTheme, useITThemeSafe, useITTranslation, useTableState };
|