@iclips/ui 1.4.13 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/MIGRATION-v2.md +214 -0
- package/README.md +106 -0
- package/dist/alert-theme.css +94 -0
- package/dist/assets/illustrations/announcements.png.cjs +2 -0
- package/dist/assets/illustrations/announcements.png.cjs.map +1 -0
- package/dist/assets/illustrations/announcements.png.js +5 -0
- package/dist/assets/illustrations/announcements.png.js.map +1 -0
- package/dist/assets/illustrations/checklist-approved.png.cjs +2 -0
- package/dist/assets/illustrations/checklist-approved.png.cjs.map +1 -0
- package/dist/assets/illustrations/checklist-approved.png.js +5 -0
- package/dist/assets/illustrations/checklist-approved.png.js.map +1 -0
- package/dist/assets/illustrations/client-profile.png.cjs +2 -0
- package/dist/assets/illustrations/client-profile.png.cjs.map +1 -0
- package/dist/assets/illustrations/client-profile.png.js +5 -0
- package/dist/assets/illustrations/client-profile.png.js.map +1 -0
- package/dist/assets/illustrations/contract-agreement.png.cjs +2 -0
- package/dist/assets/illustrations/contract-agreement.png.cjs.map +1 -0
- package/dist/assets/illustrations/contract-agreement.png.js +5 -0
- package/dist/assets/illustrations/contract-agreement.png.js.map +1 -0
- package/dist/assets/illustrations/create-record.png.cjs +2 -0
- package/dist/assets/illustrations/create-record.png.cjs.map +1 -0
- package/dist/assets/illustrations/create-record.png.js +5 -0
- package/dist/assets/illustrations/create-record.png.js.map +1 -0
- package/dist/assets/illustrations/cta-action.png.cjs +2 -0
- package/dist/assets/illustrations/cta-action.png.cjs.map +1 -0
- package/dist/assets/illustrations/cta-action.png.js +5 -0
- package/dist/assets/illustrations/cta-action.png.js.map +1 -0
- package/dist/assets/illustrations/draft-document.png.cjs +2 -0
- package/dist/assets/illustrations/draft-document.png.cjs.map +1 -0
- package/dist/assets/illustrations/draft-document.png.js +5 -0
- package/dist/assets/illustrations/draft-document.png.js.map +1 -0
- package/dist/assets/illustrations/edit-company.png.cjs +2 -0
- package/dist/assets/illustrations/edit-company.png.cjs.map +1 -0
- package/dist/assets/illustrations/edit-company.png.js +5 -0
- package/dist/assets/illustrations/edit-company.png.js.map +1 -0
- package/dist/assets/illustrations/edit-document.png.cjs +2 -0
- package/dist/assets/illustrations/edit-document.png.cjs.map +1 -0
- package/dist/assets/illustrations/edit-document.png.js +5 -0
- package/dist/assets/illustrations/edit-document.png.js.map +1 -0
- package/dist/assets/illustrations/empty-no-results.png.cjs +2 -0
- package/dist/assets/illustrations/empty-no-results.png.cjs.map +1 -0
- package/dist/assets/illustrations/empty-no-results.png.js +5 -0
- package/dist/assets/illustrations/empty-no-results.png.js.map +1 -0
- package/dist/assets/illustrations/empty-not-found.png.cjs +2 -0
- package/dist/assets/illustrations/empty-not-found.png.cjs.map +1 -0
- package/dist/assets/illustrations/empty-not-found.png.js +5 -0
- package/dist/assets/illustrations/empty-not-found.png.js.map +1 -0
- package/dist/assets/illustrations/empty-task-approved.png.cjs +2 -0
- package/dist/assets/illustrations/empty-task-approved.png.cjs.map +1 -0
- package/dist/assets/illustrations/empty-task-approved.png.js +5 -0
- package/dist/assets/illustrations/empty-task-approved.png.js.map +1 -0
- package/dist/assets/illustrations/empty-workflow-status.png.cjs +2 -0
- package/dist/assets/illustrations/empty-workflow-status.png.cjs.map +1 -0
- package/dist/assets/illustrations/empty-workflow-status.png.js +5 -0
- package/dist/assets/illustrations/empty-workflow-status.png.js.map +1 -0
- package/dist/assets/illustrations/integrations.png.cjs +2 -0
- package/dist/assets/illustrations/integrations.png.cjs.map +1 -0
- package/dist/assets/illustrations/integrations.png.js +5 -0
- package/dist/assets/illustrations/integrations.png.js.map +1 -0
- package/dist/assets/illustrations/onboarding-tips.png.cjs +2 -0
- package/dist/assets/illustrations/onboarding-tips.png.cjs.map +1 -0
- package/dist/assets/illustrations/onboarding-tips.png.js +5 -0
- package/dist/assets/illustrations/onboarding-tips.png.js.map +1 -0
- package/dist/assets/illustrations/scheduled-tasks.png.cjs +2 -0
- package/dist/assets/illustrations/scheduled-tasks.png.cjs.map +1 -0
- package/dist/assets/illustrations/scheduled-tasks.png.js +5 -0
- package/dist/assets/illustrations/scheduled-tasks.png.js.map +1 -0
- package/dist/assets/illustrations/search-documents.png.cjs +2 -0
- package/dist/assets/illustrations/search-documents.png.cjs.map +1 -0
- package/dist/assets/illustrations/search-documents.png.js +5 -0
- package/dist/assets/illustrations/search-documents.png.js.map +1 -0
- package/dist/assets/illustrations/success-checkmark.png.cjs +2 -0
- package/dist/assets/illustrations/success-checkmark.png.cjs.map +1 -0
- package/dist/assets/illustrations/success-checkmark.png.js +5 -0
- package/dist/assets/illustrations/success-checkmark.png.js.map +1 -0
- package/dist/components/ui/brand-colors.cjs +2 -0
- package/dist/components/ui/brand-colors.cjs.map +1 -0
- package/dist/components/ui/brand-colors.js +8 -0
- package/dist/components/ui/brand-colors.js.map +1 -0
- package/dist/components/ui/charts/chart.cjs +8 -0
- package/dist/components/ui/charts/chart.cjs.map +1 -0
- package/dist/components/ui/charts/chart.js +214 -0
- package/dist/components/ui/charts/chart.js.map +1 -0
- package/dist/components/ui/charts/donut-chart.cjs +2 -0
- package/dist/components/ui/charts/donut-chart.cjs.map +1 -0
- package/dist/components/ui/charts/donut-chart.js +285 -0
- package/dist/components/ui/charts/donut-chart.js.map +1 -0
- package/dist/components/ui/charts/kpi-card.cjs +2 -0
- package/dist/components/ui/charts/kpi-card.cjs.map +1 -0
- package/dist/components/ui/charts/kpi-card.js +71 -0
- package/dist/components/ui/charts/kpi-card.js.map +1 -0
- package/dist/components/ui/data/advanced-data-table.cjs +2 -0
- package/dist/components/ui/data/advanced-data-table.cjs.map +1 -0
- package/dist/components/ui/data/advanced-data-table.js +69 -0
- package/dist/components/ui/data/advanced-data-table.js.map +1 -0
- package/dist/components/ui/data/comment-system.cjs +2 -0
- package/dist/components/ui/data/comment-system.cjs.map +1 -0
- package/dist/components/ui/data/comment-system.js +492 -0
- package/dist/components/ui/data/comment-system.js.map +1 -0
- package/dist/components/ui/data/data-table-empty-state.cjs +2 -0
- package/dist/components/ui/data/data-table-empty-state.cjs.map +1 -0
- package/dist/components/ui/data/data-table-empty-state.js +40 -0
- package/dist/components/ui/data/data-table-empty-state.js.map +1 -0
- package/dist/components/ui/data/data-table-toolbar.cjs +2 -0
- package/dist/components/ui/data/data-table-toolbar.cjs.map +1 -0
- package/dist/components/ui/data/data-table-toolbar.js +85 -0
- package/dist/components/ui/data/data-table-toolbar.js.map +1 -0
- package/dist/components/ui/data/data-table.cjs +2 -0
- package/dist/components/ui/data/data-table.cjs.map +1 -0
- package/dist/components/ui/data/data-table.js +181 -0
- package/dist/components/ui/data/data-table.js.map +1 -0
- package/dist/components/ui/data/document-editor.cjs +2 -0
- package/dist/components/ui/data/document-editor.cjs.map +1 -0
- package/dist/components/ui/data/document-editor.js +158 -0
- package/dist/components/ui/data/document-editor.js.map +1 -0
- package/dist/components/ui/data/editorial-calendar.cjs +2 -0
- package/dist/components/ui/data/editorial-calendar.cjs.map +1 -0
- package/dist/components/ui/data/editorial-calendar.js +840 -0
- package/dist/components/ui/data/editorial-calendar.js.map +1 -0
- package/dist/components/ui/data/filter-bar.cjs +2 -0
- package/dist/components/ui/data/filter-bar.cjs.map +1 -0
- package/dist/components/ui/data/filter-bar.js +60 -0
- package/dist/components/ui/data/filter-bar.js.map +1 -0
- package/dist/components/ui/data/filter-builder.cjs +2 -0
- package/dist/components/ui/data/filter-builder.cjs.map +1 -0
- package/dist/components/ui/data/filter-builder.js +378 -0
- package/dist/components/ui/data/filter-builder.js.map +1 -0
- package/dist/components/ui/data/filter-chip.cjs +2 -0
- package/dist/components/ui/data/filter-chip.cjs.map +1 -0
- package/dist/components/ui/data/filter-chip.js +39 -0
- package/dist/components/ui/data/filter-chip.js.map +1 -0
- package/dist/components/ui/data/mention-list.cjs +2 -0
- package/dist/components/ui/data/mention-list.cjs.map +1 -0
- package/dist/components/ui/data/mention-list.js +46 -0
- package/dist/components/ui/data/mention-list.js.map +1 -0
- package/dist/components/ui/data/table-pagination.cjs +2 -0
- package/dist/components/ui/data/table-pagination.cjs.map +1 -0
- package/dist/components/ui/data/table-pagination.js +176 -0
- package/dist/components/ui/data/table-pagination.js.map +1 -0
- package/dist/components/ui/data/table-types.cjs +2 -0
- package/dist/components/ui/data/table-types.cjs.map +1 -0
- package/dist/components/ui/data/table-types.js +14 -0
- package/dist/components/ui/data/table-types.js.map +1 -0
- package/dist/components/ui/data/table.cjs +2 -0
- package/dist/components/ui/data/table.cjs.map +1 -0
- package/dist/components/ui/data/table.js +130 -0
- package/dist/components/ui/data/table.js.map +1 -0
- package/dist/components/ui/feedback/alert.cjs +2 -0
- package/dist/components/ui/feedback/alert.cjs.map +1 -0
- package/dist/components/ui/feedback/alert.js +67 -0
- package/dist/components/ui/feedback/alert.js.map +1 -0
- package/dist/components/ui/feedback/empty-state.cjs +2 -0
- package/dist/components/ui/feedback/empty-state.cjs.map +1 -0
- package/dist/components/ui/feedback/empty-state.js +78 -0
- package/dist/components/ui/feedback/empty-state.js.map +1 -0
- package/dist/components/ui/feedback/illustrations.cjs +2 -0
- package/dist/components/ui/feedback/illustrations.cjs.map +1 -0
- package/dist/components/ui/feedback/illustrations.js +157 -0
- package/dist/components/ui/feedback/illustrations.js.map +1 -0
- package/dist/components/ui/feedback/toast.cjs +2 -0
- package/dist/components/ui/feedback/toast.cjs.map +1 -0
- package/dist/components/ui/feedback/toast.js +38 -0
- package/dist/components/ui/feedback/toast.js.map +1 -0
- package/dist/components/ui/forms/calendar.cjs +2 -0
- package/dist/components/ui/forms/calendar.cjs.map +1 -0
- package/dist/components/ui/forms/calendar.js +65 -0
- package/dist/components/ui/forms/calendar.js.map +1 -0
- package/dist/components/ui/forms/checkbox.cjs +2 -0
- package/dist/components/ui/forms/checkbox.cjs.map +1 -0
- package/dist/components/ui/forms/checkbox.js +31 -0
- package/dist/components/ui/forms/checkbox.js.map +1 -0
- package/dist/components/ui/forms/color-picker.cjs +2 -0
- package/dist/components/ui/forms/color-picker.cjs.map +1 -0
- package/dist/components/ui/forms/color-picker.js +151 -0
- package/dist/components/ui/forms/color-picker.js.map +1 -0
- package/dist/components/ui/forms/combobox.cjs +2 -0
- package/dist/components/ui/forms/combobox.cjs.map +1 -0
- package/dist/components/ui/forms/combobox.js +208 -0
- package/dist/components/ui/forms/combobox.js.map +1 -0
- package/dist/components/ui/forms/currency-input.cjs +2 -0
- package/dist/components/ui/forms/currency-input.cjs.map +1 -0
- package/dist/components/ui/forms/currency-input.js +81 -0
- package/dist/components/ui/forms/currency-input.js.map +1 -0
- package/dist/components/ui/forms/date-picker.cjs +2 -0
- package/dist/components/ui/forms/date-picker.cjs.map +1 -0
- package/dist/components/ui/forms/date-picker.js +197 -0
- package/dist/components/ui/forms/date-picker.js.map +1 -0
- package/dist/components/ui/forms/date-range-picker.cjs +2 -0
- package/dist/components/ui/forms/date-range-picker.cjs.map +1 -0
- package/dist/components/ui/forms/date-range-picker.js +303 -0
- package/dist/components/ui/forms/date-range-picker.js.map +1 -0
- package/dist/components/ui/forms/editable-badge.cjs +2 -0
- package/dist/components/ui/forms/editable-badge.cjs.map +1 -0
- package/dist/components/ui/forms/editable-badge.js +137 -0
- package/dist/components/ui/forms/editable-badge.js.map +1 -0
- package/dist/components/ui/forms/file-attachment-list.cjs +2 -0
- package/dist/components/ui/forms/file-attachment-list.cjs.map +1 -0
- package/dist/components/ui/forms/file-attachment-list.js +235 -0
- package/dist/components/ui/forms/file-attachment-list.js.map +1 -0
- package/dist/components/ui/forms/file-upload-zone.cjs +3 -0
- package/dist/components/ui/forms/file-upload-zone.cjs.map +1 -0
- package/dist/components/ui/forms/file-upload-zone.js +142 -0
- package/dist/components/ui/forms/file-upload-zone.js.map +1 -0
- package/dist/components/ui/forms/form.cjs +2 -0
- package/dist/components/ui/forms/form.cjs.map +1 -0
- package/dist/components/ui/forms/form.js +109 -0
- package/dist/components/ui/forms/form.js.map +1 -0
- package/dist/components/ui/forms/input-group.cjs +2 -0
- package/dist/components/ui/forms/input-group.cjs.map +1 -0
- package/dist/components/ui/forms/input-group.js +131 -0
- package/dist/components/ui/forms/input-group.js.map +1 -0
- package/dist/components/ui/forms/input-otp.cjs +2 -0
- package/dist/components/ui/forms/input-otp.cjs.map +1 -0
- package/dist/components/ui/forms/input-otp.js +63 -0
- package/dist/components/ui/forms/input-otp.js.map +1 -0
- package/dist/components/ui/forms/input-validation.cjs +2 -0
- package/dist/components/ui/forms/input-validation.cjs.map +1 -0
- package/dist/components/ui/forms/input-validation.js +55 -0
- package/dist/components/ui/forms/input-validation.js.map +1 -0
- package/dist/components/ui/forms/input.cjs +2 -0
- package/dist/components/ui/forms/input.cjs.map +1 -0
- package/dist/components/ui/forms/input.js +26 -0
- package/dist/components/ui/forms/input.js.map +1 -0
- package/dist/components/ui/forms/month-range-picker.cjs +2 -0
- package/dist/components/ui/forms/month-range-picker.cjs.map +1 -0
- package/dist/components/ui/forms/month-range-picker.js +261 -0
- package/dist/components/ui/forms/month-range-picker.js.map +1 -0
- package/dist/components/ui/forms/multi-select.cjs +2 -0
- package/dist/components/ui/forms/multi-select.cjs.map +1 -0
- package/dist/components/ui/forms/multi-select.js +251 -0
- package/dist/components/ui/forms/multi-select.js.map +1 -0
- package/dist/components/ui/forms/number-input.cjs +2 -0
- package/dist/components/ui/forms/number-input.cjs.map +1 -0
- package/dist/components/ui/forms/number-input.js +220 -0
- package/dist/components/ui/forms/number-input.js.map +1 -0
- package/dist/components/ui/forms/password-input.cjs +2 -0
- package/dist/components/ui/forms/password-input.cjs.map +1 -0
- package/dist/components/ui/forms/password-input.js +43 -0
- package/dist/components/ui/forms/password-input.js.map +1 -0
- package/dist/components/ui/forms/radio-group.cjs +2 -0
- package/dist/components/ui/forms/radio-group.cjs.map +1 -0
- package/dist/components/ui/forms/radio-group.js +41 -0
- package/dist/components/ui/forms/radio-group.js.map +1 -0
- package/dist/components/ui/forms/select.cjs +2 -0
- package/dist/components/ui/forms/select.cjs.map +1 -0
- package/dist/components/ui/forms/select.js +140 -0
- package/dist/components/ui/forms/select.js.map +1 -0
- package/dist/components/ui/forms/slider.cjs +2 -0
- package/dist/components/ui/forms/slider.cjs.map +1 -0
- package/dist/components/ui/forms/slider.js +62 -0
- package/dist/components/ui/forms/slider.js.map +1 -0
- package/dist/components/ui/forms/social-button.cjs +2 -0
- package/dist/components/ui/forms/social-button.cjs.map +1 -0
- package/dist/components/ui/forms/social-button.js +86 -0
- package/dist/components/ui/forms/social-button.js.map +1 -0
- package/dist/components/ui/forms/switch.cjs +2 -0
- package/dist/components/ui/forms/switch.cjs.map +1 -0
- package/dist/components/ui/forms/switch.js +31 -0
- package/dist/components/ui/forms/switch.js.map +1 -0
- package/dist/components/ui/forms/textarea.cjs +2 -0
- package/dist/components/ui/forms/textarea.cjs.map +1 -0
- package/dist/components/ui/forms/textarea.js +22 -0
- package/dist/components/ui/forms/textarea.js.map +1 -0
- package/dist/components/ui/forms/time-picker.cjs +2 -0
- package/dist/components/ui/forms/time-picker.cjs.map +1 -0
- package/dist/components/ui/forms/time-picker.js +195 -0
- package/dist/components/ui/forms/time-picker.js.map +1 -0
- package/dist/components/ui/forms/toggle-group.cjs +2 -0
- package/dist/components/ui/forms/toggle-group.cjs.map +1 -0
- package/dist/components/ui/forms/toggle-group.js +53 -0
- package/dist/components/ui/forms/toggle-group.js.map +1 -0
- package/dist/components/ui/forms/toggle.cjs +2 -0
- package/dist/components/ui/forms/toggle.cjs.map +1 -0
- package/dist/components/ui/forms/toggle.js +40 -0
- package/dist/components/ui/forms/toggle.js.map +1 -0
- package/dist/components/ui/layout/accordion.cjs +2 -0
- package/dist/components/ui/layout/accordion.cjs.map +1 -0
- package/dist/components/ui/layout/accordion.js +53 -0
- package/dist/components/ui/layout/accordion.js.map +1 -0
- package/dist/components/ui/layout/auth-layout.cjs +2 -0
- package/dist/components/ui/layout/auth-layout.cjs.map +1 -0
- package/dist/components/ui/layout/auth-layout.js +74 -0
- package/dist/components/ui/layout/auth-layout.js.map +1 -0
- package/dist/components/ui/layout/card.cjs +2 -0
- package/dist/components/ui/layout/card.cjs.map +1 -0
- package/dist/components/ui/layout/card.js +104 -0
- package/dist/components/ui/layout/card.js.map +1 -0
- package/dist/components/ui/layout/carousel.cjs +2 -0
- package/dist/components/ui/layout/carousel.cjs.map +1 -0
- package/dist/components/ui/layout/carousel.js +189 -0
- package/dist/components/ui/layout/carousel.js.map +1 -0
- package/dist/components/ui/layout/collapsible.cjs +2 -0
- package/dist/components/ui/layout/collapsible.cjs.map +1 -0
- package/dist/components/ui/layout/collapsible.js +30 -0
- package/dist/components/ui/layout/collapsible.js.map +1 -0
- package/dist/components/ui/layout/page-header.cjs +2 -0
- package/dist/components/ui/layout/page-header.cjs.map +1 -0
- package/dist/components/ui/layout/page-header.js +81 -0
- package/dist/components/ui/layout/page-header.js.map +1 -0
- package/dist/components/ui/layout/resizable.cjs +2 -0
- package/dist/components/ui/layout/resizable.cjs.map +1 -0
- package/dist/components/ui/layout/resizable.js +45 -0
- package/dist/components/ui/layout/resizable.js.map +1 -0
- package/dist/components/ui/layout/scroll-area.cjs +2 -0
- package/dist/components/ui/layout/scroll-area.cjs.map +1 -0
- package/dist/components/ui/layout/scroll-area.js +56 -0
- package/dist/components/ui/layout/scroll-area.js.map +1 -0
- package/dist/components/ui/navigation/breadcrumb.cjs +2 -0
- package/dist/components/ui/navigation/breadcrumb.cjs.map +1 -0
- package/dist/components/ui/navigation/breadcrumb.js +94 -0
- package/dist/components/ui/navigation/breadcrumb.js.map +1 -0
- package/dist/components/ui/navigation/navigation-menu.cjs +2 -0
- package/dist/components/ui/navigation/navigation-menu.cjs.map +1 -0
- package/dist/components/ui/navigation/navigation-menu.js +144 -0
- package/dist/components/ui/navigation/navigation-menu.js.map +1 -0
- package/dist/components/ui/navigation/pagination.cjs +2 -0
- package/dist/components/ui/navigation/pagination.cjs.map +1 -0
- package/dist/components/ui/navigation/pagination.js +106 -0
- package/dist/components/ui/navigation/pagination.js.map +1 -0
- package/dist/components/ui/navigation/sidebar.cjs +2 -0
- package/dist/components/ui/navigation/sidebar.cjs.map +1 -0
- package/dist/components/ui/navigation/sidebar.js +579 -0
- package/dist/components/ui/navigation/sidebar.js.map +1 -0
- package/dist/components/ui/navigation/tabs.cjs +2 -0
- package/dist/components/ui/navigation/tabs.cjs.map +1 -0
- package/dist/components/ui/navigation/tabs.js +58 -0
- package/dist/components/ui/navigation/tabs.js.map +1 -0
- package/dist/components/ui/navigation/underline-tabs.cjs +2 -0
- package/dist/components/ui/navigation/underline-tabs.cjs.map +1 -0
- package/dist/components/ui/navigation/underline-tabs.js +109 -0
- package/dist/components/ui/navigation/underline-tabs.js.map +1 -0
- package/dist/components/ui/overlays/alert-dialog.cjs +2 -0
- package/dist/components/ui/overlays/alert-dialog.cjs.map +1 -0
- package/dist/components/ui/overlays/alert-dialog.js +135 -0
- package/dist/components/ui/overlays/alert-dialog.js.map +1 -0
- package/dist/components/ui/overlays/command.cjs +2 -0
- package/dist/components/ui/overlays/command.cjs.map +1 -0
- package/dist/components/ui/overlays/command.js +143 -0
- package/dist/components/ui/overlays/command.js.map +1 -0
- package/dist/components/ui/overlays/context-menu.cjs +2 -0
- package/dist/components/ui/overlays/context-menu.cjs.map +1 -0
- package/dist/components/ui/overlays/context-menu.js +197 -0
- package/dist/components/ui/overlays/context-menu.js.map +1 -0
- package/dist/components/ui/overlays/dialog.cjs +2 -0
- package/dist/components/ui/overlays/dialog.cjs.map +1 -0
- package/dist/components/ui/overlays/dialog.js +112 -0
- package/dist/components/ui/overlays/dialog.js.map +1 -0
- package/dist/components/ui/overlays/drawer.cjs +2 -0
- package/dist/components/ui/overlays/drawer.cjs.map +1 -0
- package/dist/components/ui/overlays/drawer.js +109 -0
- package/dist/components/ui/overlays/drawer.js.map +1 -0
- package/dist/components/ui/overlays/dropdown-menu.cjs +2 -0
- package/dist/components/ui/overlays/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/overlays/dropdown-menu.js +198 -0
- package/dist/components/ui/overlays/dropdown-menu.js.map +1 -0
- package/dist/components/ui/overlays/hover-card.cjs +2 -0
- package/dist/components/ui/overlays/hover-card.cjs.map +1 -0
- package/dist/components/ui/overlays/hover-card.js +40 -0
- package/dist/components/ui/overlays/hover-card.js.map +1 -0
- package/dist/components/ui/overlays/menubar.cjs +2 -0
- package/dist/components/ui/overlays/menubar.cjs.map +1 -0
- package/dist/components/ui/overlays/menubar.js +213 -0
- package/dist/components/ui/overlays/menubar.js.map +1 -0
- package/dist/components/ui/overlays/popover.cjs +2 -0
- package/dist/components/ui/overlays/popover.cjs.map +1 -0
- package/dist/components/ui/overlays/popover.js +36 -0
- package/dist/components/ui/overlays/popover.js.map +1 -0
- package/dist/components/ui/overlays/sheet.cjs +2 -0
- package/dist/components/ui/overlays/sheet.cjs.map +1 -0
- package/dist/components/ui/overlays/sheet.js +109 -0
- package/dist/components/ui/overlays/sheet.js.map +1 -0
- package/dist/components/ui/overlays/side-panel.cjs +16 -0
- package/dist/components/ui/overlays/side-panel.cjs.map +1 -0
- package/dist/components/ui/overlays/side-panel.js +117 -0
- package/dist/components/ui/overlays/side-panel.js.map +1 -0
- package/dist/components/ui/overlays/tooltip.cjs +2 -0
- package/dist/components/ui/overlays/tooltip.cjs.map +1 -0
- package/dist/components/ui/overlays/tooltip.js +50 -0
- package/dist/components/ui/overlays/tooltip.js.map +1 -0
- package/dist/components/ui/primitives/aspect-ratio.cjs +2 -0
- package/dist/components/ui/primitives/aspect-ratio.cjs.map +1 -0
- package/dist/components/ui/primitives/aspect-ratio.js +10 -0
- package/dist/components/ui/primitives/aspect-ratio.js.map +1 -0
- package/dist/components/ui/primitives/avatar.cjs +2 -0
- package/dist/components/ui/primitives/avatar.cjs.map +1 -0
- package/dist/components/ui/primitives/avatar.js +63 -0
- package/dist/components/ui/primitives/avatar.js.map +1 -0
- package/dist/components/ui/primitives/badge.cjs +2 -0
- package/dist/components/ui/primitives/badge.cjs.map +1 -0
- package/dist/components/ui/primitives/badge.js +50 -0
- package/dist/components/ui/primitives/badge.js.map +1 -0
- package/dist/components/ui/primitives/brand-logo.cjs +2 -0
- package/dist/components/ui/primitives/brand-logo.cjs.map +1 -0
- package/dist/components/ui/primitives/brand-logo.js +74 -0
- package/dist/components/ui/primitives/brand-logo.js.map +1 -0
- package/dist/components/ui/primitives/brand-logo.negative-paths.cjs +2 -0
- package/dist/components/ui/primitives/brand-logo.negative-paths.cjs.map +1 -0
- package/dist/components/ui/primitives/brand-logo.negative-paths.js +15 -0
- package/dist/components/ui/primitives/brand-logo.negative-paths.js.map +1 -0
- package/dist/components/ui/primitives/brand-logo.positive-paths.cjs +2 -0
- package/dist/components/ui/primitives/brand-logo.positive-paths.cjs.map +1 -0
- package/dist/components/ui/primitives/brand-logo.positive-paths.js +15 -0
- package/dist/components/ui/primitives/brand-logo.positive-paths.js.map +1 -0
- package/dist/components/ui/primitives/brand-logo.symbol-paths.cjs +2 -0
- package/dist/components/ui/primitives/brand-logo.symbol-paths.cjs.map +1 -0
- package/dist/components/ui/primitives/brand-logo.symbol-paths.js +8 -0
- package/dist/components/ui/primitives/brand-logo.symbol-paths.js.map +1 -0
- package/dist/components/ui/primitives/button.cjs +2 -0
- package/dist/components/ui/primitives/button.cjs.map +1 -0
- package/dist/components/ui/primitives/button.js +52 -0
- package/dist/components/ui/primitives/button.js.map +1 -0
- package/dist/components/ui/primitives/label.cjs +2 -0
- package/dist/components/ui/primitives/label.cjs.map +1 -0
- package/dist/components/ui/primitives/label.js +22 -0
- package/dist/components/ui/primitives/label.js.map +1 -0
- package/dist/components/ui/primitives/progress.cjs +2 -0
- package/dist/components/ui/primitives/progress.cjs.map +1 -0
- package/dist/components/ui/primitives/progress.js +30 -0
- package/dist/components/ui/primitives/progress.js.map +1 -0
- package/dist/components/ui/primitives/separator.cjs +2 -0
- package/dist/components/ui/primitives/separator.cjs.map +1 -0
- package/dist/components/ui/primitives/separator.js +26 -0
- package/dist/components/ui/primitives/separator.js.map +1 -0
- package/dist/components/ui/primitives/skeleton.cjs +2 -0
- package/dist/components/ui/primitives/skeleton.cjs.map +1 -0
- package/dist/components/ui/primitives/skeleton.js +31 -0
- package/dist/components/ui/primitives/skeleton.js.map +1 -0
- package/dist/components/ui/utils.cjs +2 -0
- package/dist/components/ui/utils.cjs.map +1 -0
- package/dist/components/ui/utils.js +20 -0
- package/dist/components/ui/utils.js.map +1 -0
- package/dist/editor.cjs +2 -0
- package/dist/editor.cjs.map +1 -0
- package/dist/editor.d.cts +114 -0
- package/dist/editor.d.ts +114 -0
- package/dist/editor.js +12 -0
- package/dist/editor.js.map +1 -0
- package/dist/hooks/use-data-table-filters.cjs +2 -0
- package/dist/hooks/use-data-table-filters.cjs.map +1 -0
- package/dist/hooks/use-data-table-filters.js +118 -0
- package/dist/hooks/use-data-table-filters.js.map +1 -0
- package/dist/hooks/use-data-table.cjs +2 -0
- package/dist/hooks/use-data-table.cjs.map +1 -0
- package/dist/hooks/use-data-table.js +84 -0
- package/dist/hooks/use-data-table.js.map +1 -0
- package/dist/hooks/use-mobile.cjs +2 -0
- package/dist/hooks/use-mobile.cjs.map +1 -0
- package/dist/hooks/use-mobile.js +17 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/hooks/use-table-pagination.cjs +2 -0
- package/dist/hooks/use-table-pagination.cjs.map +1 -0
- package/dist/hooks/use-table-pagination.js +44 -0
- package/dist/hooks/use-table-pagination.js.map +1 -0
- package/dist/index.cjs +1 -242
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +2918 -0
- package/dist/index.d.ts +2918 -149
- package/dist/index.js +375 -63715
- package/dist/index.js.map +1 -1
- package/dist/preset.css +352 -0
- package/dist/toast-theme.css +100 -0
- package/dist/tokens.css +471 -0
- package/package.json +144 -45
- package/scripts/codemod-v2-renames.mjs +101 -0
- package/scripts/codemod-v2-toast.mjs +84 -0
- package/dist/components/figma/ImageWithFallback.d.ts +0 -3
- package/dist/components/figma/ImageWithFallback.d.ts.map +0 -1
- package/dist/components/print-templates/ContractTemplate.d.ts +0 -89
- package/dist/components/print-templates/ContractTemplate.d.ts.map +0 -1
- package/dist/components/print-templates/ProposalTemplate.d.ts +0 -41
- package/dist/components/print-templates/ProposalTemplate.d.ts.map +0 -1
- package/dist/components/print-templates/index.d.ts +0 -22
- package/dist/components/print-templates/index.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintFooter.d.ts +0 -21
- package/dist/components/print-templates/shared/PrintFooter.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintHeader.d.ts +0 -38
- package/dist/components/print-templates/shared/PrintHeader.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintInfoGrid.d.ts +0 -22
- package/dist/components/print-templates/shared/PrintInfoGrid.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintSection.d.ts +0 -29
- package/dist/components/print-templates/shared/PrintSection.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintSignature.d.ts +0 -27
- package/dist/components/print-templates/shared/PrintSignature.d.ts.map +0 -1
- package/dist/components/print-templates/shared/PrintTable.d.ts +0 -44
- package/dist/components/print-templates/shared/PrintTable.d.ts.map +0 -1
- package/dist/components/timeline-demo.d.ts +0 -3
- package/dist/components/timeline-demo.d.ts.map +0 -1
- package/dist/components/ui/accordion.d.ts +0 -8
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/advanced-data-table.d.ts +0 -100
- package/dist/components/ui/advanced-data-table.d.ts.map +0 -1
- package/dist/components/ui/alert-dialog.d.ts +0 -15
- package/dist/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/components/ui/alert-toast.d.ts +0 -11
- package/dist/components/ui/alert-toast.d.ts.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -10
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/app-layout-primary-nav.d.ts +0 -30
- package/dist/components/ui/app-layout-primary-nav.d.ts.map +0 -1
- package/dist/components/ui/app-layout-secondary-nav.d.ts +0 -34
- package/dist/components/ui/app-layout-secondary-nav.d.ts.map +0 -1
- package/dist/components/ui/app-layout-user-menu.d.ts +0 -28
- package/dist/components/ui/app-layout-user-menu.d.ts.map +0 -1
- package/dist/components/ui/aspect-ratio.d.ts +0 -4
- package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/components/ui/auth-layout.d.ts +0 -28
- package/dist/components/ui/auth-layout.d.ts.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -21
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/badge.d.ts +0 -18
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/brand-logo.d.ts +0 -7
- package/dist/components/ui/brand-logo.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.d.ts +0 -12
- package/dist/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/components/ui/button.d.ts +0 -15
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/calendar.d.ts +0 -31
- package/dist/components/ui/calendar.d.ts.map +0 -1
- package/dist/components/ui/card.d.ts +0 -10
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/carousel.d.ts +0 -20
- package/dist/components/ui/carousel.d.ts.map +0 -1
- package/dist/components/ui/chart.d.ts +0 -45
- package/dist/components/ui/chart.d.ts.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -5
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -6
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/color-picker.d.ts +0 -13
- package/dist/components/ui/color-picker.d.ts.map +0 -1
- package/dist/components/ui/combobox.d.ts +0 -118
- package/dist/components/ui/combobox.d.ts.map +0 -1
- package/dist/components/ui/command.d.ts +0 -17
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/comment-system.d.ts +0 -43
- package/dist/components/ui/comment-system.d.ts.map +0 -1
- package/dist/components/ui/context-menu.d.ts +0 -26
- package/dist/components/ui/context-menu.d.ts.map +0 -1
- package/dist/components/ui/contract-print.d.ts +0 -82
- package/dist/components/ui/contract-print.d.ts.map +0 -1
- package/dist/components/ui/currency-input.d.ts +0 -11
- package/dist/components/ui/currency-input.d.ts.map +0 -1
- package/dist/components/ui/data-table.d.ts +0 -30
- package/dist/components/ui/data-table.d.ts.map +0 -1
- package/dist/components/ui/date-picker.d.ts +0 -111
- package/dist/components/ui/date-picker.d.ts.map +0 -1
- package/dist/components/ui/date-range-picker.d.ts +0 -128
- package/dist/components/ui/date-range-picker.d.ts.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -14
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/document-editor.d.ts +0 -14
- package/dist/components/ui/document-editor.d.ts.map +0 -1
- package/dist/components/ui/donut-chart.d.ts +0 -32
- package/dist/components/ui/donut-chart.d.ts.map +0 -1
- package/dist/components/ui/drawer.d.ts +0 -14
- package/dist/components/ui/drawer.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -26
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/editable-badge.d.ts +0 -98
- package/dist/components/ui/editable-badge.d.ts.map +0 -1
- package/dist/components/ui/editorial-calendar.d.ts +0 -22
- package/dist/components/ui/editorial-calendar.d.ts.map +0 -1
- package/dist/components/ui/empty-state.d.ts +0 -59
- package/dist/components/ui/empty-state.d.ts.map +0 -1
- package/dist/components/ui/filter-bar.d.ts +0 -16
- package/dist/components/ui/filter-bar.d.ts.map +0 -1
- package/dist/components/ui/filter-builder.d.ts +0 -39
- package/dist/components/ui/filter-builder.d.ts.map +0 -1
- package/dist/components/ui/filter-chip.d.ts +0 -8
- package/dist/components/ui/filter-chip.d.ts.map +0 -1
- package/dist/components/ui/form.d.ts +0 -25
- package/dist/components/ui/form.d.ts.map +0 -1
- package/dist/components/ui/gantt-chart.d.ts +0 -28
- package/dist/components/ui/gantt-chart.d.ts.map +0 -1
- package/dist/components/ui/hover-card.d.ts +0 -7
- package/dist/components/ui/hover-card.d.ts.map +0 -1
- package/dist/components/ui/illustrations.d.ts +0 -76
- package/dist/components/ui/illustrations.d.ts.map +0 -1
- package/dist/components/ui/index.d.ts +0 -91
- package/dist/components/ui/index.d.ts.map +0 -1
- package/dist/components/ui/input-group.d.ts +0 -19
- package/dist/components/ui/input-group.d.ts.map +0 -1
- package/dist/components/ui/input-otp.d.ts +0 -12
- package/dist/components/ui/input-otp.d.ts.map +0 -1
- package/dist/components/ui/input-validation.d.ts +0 -35
- package/dist/components/ui/input-validation.d.ts.map +0 -1
- package/dist/components/ui/input.d.ts +0 -4
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/kanban-card.d.ts +0 -59
- package/dist/components/ui/kanban-card.d.ts.map +0 -1
- package/dist/components/ui/kanban-generic-card.d.ts +0 -43
- package/dist/components/ui/kanban-generic-card.d.ts.map +0 -1
- package/dist/components/ui/kpi-card.d.ts +0 -45
- package/dist/components/ui/kpi-card.d.ts.map +0 -1
- package/dist/components/ui/label.d.ts +0 -5
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/lista-anexos-arquivo.d.ts +0 -47
- package/dist/components/ui/lista-anexos-arquivo.d.ts.map +0 -1
- package/dist/components/ui/mention-list.d.ts +0 -7
- package/dist/components/ui/mention-list.d.ts.map +0 -1
- package/dist/components/ui/menubar.d.ts +0 -27
- package/dist/components/ui/menubar.d.ts.map +0 -1
- package/dist/components/ui/month-range-picker.d.ts +0 -71
- package/dist/components/ui/month-range-picker.d.ts.map +0 -1
- package/dist/components/ui/multi-select.d.ts +0 -98
- package/dist/components/ui/multi-select.d.ts.map +0 -1
- package/dist/components/ui/navigation-menu.d.ts +0 -15
- package/dist/components/ui/navigation-menu.d.ts.map +0 -1
- package/dist/components/ui/number-input.d.ts +0 -83
- package/dist/components/ui/number-input.d.ts.map +0 -1
- package/dist/components/ui/page-header.d.ts +0 -32
- package/dist/components/ui/page-header.d.ts.map +0 -1
- package/dist/components/ui/pagination.d.ts +0 -14
- package/dist/components/ui/pagination.d.ts.map +0 -1
- package/dist/components/ui/password-input.d.ts +0 -7
- package/dist/components/ui/password-input.d.ts.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -8
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/progress-timeline.d.ts +0 -42
- package/dist/components/ui/progress-timeline.d.ts.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -7
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/radio-group.d.ts +0 -6
- package/dist/components/ui/radio-group.d.ts.map +0 -1
- package/dist/components/ui/resizable.d.ts +0 -9
- package/dist/components/ui/resizable.d.ts.map +0 -1
- package/dist/components/ui/saved-filters.d.ts +0 -16
- package/dist/components/ui/saved-filters.d.ts.map +0 -1
- package/dist/components/ui/scroll-area.d.ts +0 -8
- package/dist/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/components/ui/select.d.ts +0 -16
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -5
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/sheet.d.ts +0 -14
- package/dist/components/ui/sheet.d.ts.map +0 -1
- package/dist/components/ui/side-panel.d.ts +0 -40
- package/dist/components/ui/side-panel.d.ts.map +0 -1
- package/dist/components/ui/sidebar.d.ts +0 -70
- package/dist/components/ui/sidebar.d.ts.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -8
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/slider.d.ts +0 -5
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/social-button.d.ts +0 -13
- package/dist/components/ui/social-button.d.ts.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -5
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/table-pagination.d.ts +0 -131
- package/dist/components/ui/table-pagination.d.ts.map +0 -1
- package/dist/components/ui/table-types.d.ts +0 -320
- package/dist/components/ui/table-types.d.ts.map +0 -1
- package/dist/components/ui/table.d.ts +0 -34
- package/dist/components/ui/table.d.ts.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -8
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/task-edit-dialog.d.ts +0 -15
- package/dist/components/ui/task-edit-dialog.d.ts.map +0 -1
- package/dist/components/ui/textarea.d.ts +0 -4
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/time-picker.d.ts +0 -85
- package/dist/components/ui/time-picker.d.ts.map +0 -1
- package/dist/components/ui/timeline.d.ts +0 -63
- package/dist/components/ui/timeline.d.ts.map +0 -1
- package/dist/components/ui/toast.d.ts +0 -5
- package/dist/components/ui/toast.d.ts.map +0 -1
- package/dist/components/ui/toggle-group.d.ts +0 -8
- package/dist/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/components/ui/toggle.d.ts +0 -10
- package/dist/components/ui/toggle.d.ts.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -8
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/components/ui/underline-tabs.d.ts +0 -29
- package/dist/components/ui/underline-tabs.d.ts.map +0 -1
- package/dist/components/ui/use-mobile.d.ts +0 -2
- package/dist/components/ui/use-mobile.d.ts.map +0 -1
- package/dist/components/ui/use-print-contract.d.ts +0 -37
- package/dist/components/ui/use-print-contract.d.ts.map +0 -1
- package/dist/components/ui/utils.d.ts +0 -3
- package/dist/components/ui/utils.d.ts.map +0 -1
- package/dist/components/ui/zona-upload-arquivo.d.ts +0 -34
- package/dist/components/ui/zona-upload-arquivo.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,2918 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
4
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
6
|
+
import { ClassProp } from 'class-variance-authority/dist/types';
|
|
7
|
+
import { ClassValue } from 'clsx';
|
|
8
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
9
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
10
|
+
import { ControllerProps } from 'react-hook-form';
|
|
11
|
+
import { DateRange } from 'react-day-picker';
|
|
12
|
+
import { DayPicker } from 'react-day-picker';
|
|
13
|
+
import { default as default_2 } from 'embla-carousel-react';
|
|
14
|
+
import { default as default_3 } from 'react';
|
|
15
|
+
import { DialogCloseProps } from '@radix-ui/react-dialog';
|
|
16
|
+
import { DialogContentProps } from '@radix-ui/react-dialog';
|
|
17
|
+
import { DialogDescriptionProps } from '@radix-ui/react-dialog';
|
|
18
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
19
|
+
import { DialogTitleProps } from '@radix-ui/react-dialog';
|
|
20
|
+
import { DialogTriggerProps } from '@radix-ui/react-dialog';
|
|
21
|
+
import { Drawer as Drawer_2 } from 'vaul';
|
|
22
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
23
|
+
import { FieldError } from 'react-hook-form';
|
|
24
|
+
import { FieldPath } from 'react-hook-form';
|
|
25
|
+
import { FieldValues } from 'react-hook-form';
|
|
26
|
+
import { FormProviderProps } from 'react-hook-form';
|
|
27
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
28
|
+
import { JSX } from 'react/jsx-runtime';
|
|
29
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
30
|
+
import { LabelProps } from '@radix-ui/react-label';
|
|
31
|
+
import { Locale } from 'date-fns';
|
|
32
|
+
import { LucideIcon } from 'lucide-react';
|
|
33
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
34
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
35
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
36
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
37
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
38
|
+
import * as React_2 from 'react';
|
|
39
|
+
import { ReactNode } from 'react';
|
|
40
|
+
import * as RechartsPrimitive from 'recharts';
|
|
41
|
+
import { RenderProps } from 'input-otp';
|
|
42
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
43
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
44
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
45
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
46
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
47
|
+
import { SlotProps } from '@radix-ui/react-slot';
|
|
48
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
49
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
50
|
+
import { toast } from 'sonner';
|
|
51
|
+
import { ToasterProps } from 'sonner';
|
|
52
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
53
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
54
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
55
|
+
import { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
56
|
+
import { VariantProps } from 'class-variance-authority';
|
|
57
|
+
|
|
58
|
+
export declare const Accordion: React_2.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & React_2.RefAttributes<HTMLDivElement>>;
|
|
59
|
+
|
|
60
|
+
export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
|
|
62
|
+
export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
|
|
64
|
+
export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
|
|
66
|
+
export declare interface ActiveFilter {
|
|
67
|
+
id: string;
|
|
68
|
+
label: string;
|
|
69
|
+
value?: string;
|
|
70
|
+
onRemove?: () => void;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export declare const AdvancedDataTable: (<T extends object>(props: AdvancedDataTableProps<T> & {
|
|
74
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
75
|
+
}) => React_2.ReactElement) & {
|
|
76
|
+
displayName?: string;
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export declare interface AdvancedDataTableProps<T extends object> {
|
|
80
|
+
/**
|
|
81
|
+
* Dados a serem exibidos na tabela
|
|
82
|
+
*/
|
|
83
|
+
data: T[];
|
|
84
|
+
/**
|
|
85
|
+
* Definições de colunas (header, render, sortable, etc.)
|
|
86
|
+
*/
|
|
87
|
+
columns: ColumnDef<T>[];
|
|
88
|
+
/**
|
|
89
|
+
* Título opcional para exibir acima da tabela
|
|
90
|
+
*/
|
|
91
|
+
title?: string;
|
|
92
|
+
/**
|
|
93
|
+
* Descrição opcional abaixo do título
|
|
94
|
+
*/
|
|
95
|
+
description?: string;
|
|
96
|
+
/**
|
|
97
|
+
* Placeholder para o campo de busca
|
|
98
|
+
* @default "Buscar..."
|
|
99
|
+
*/
|
|
100
|
+
searchPlaceholder?: string;
|
|
101
|
+
/**
|
|
102
|
+
* Colunas que serão pesquisadas pela busca global
|
|
103
|
+
* @default Auto-detecta primeira coluna com key 'nome', 'name', 'title' ou primeira coluna
|
|
104
|
+
*/
|
|
105
|
+
searchableColumns?: (keyof T)[];
|
|
106
|
+
/**
|
|
107
|
+
* Campos disponíveis para filtros avançados
|
|
108
|
+
*/
|
|
109
|
+
filterFields?: FilterField[];
|
|
110
|
+
/**
|
|
111
|
+
* Filtros iniciais/externos a serem aplicados
|
|
112
|
+
*/
|
|
113
|
+
initialFilters?: FilterCondition[];
|
|
114
|
+
/**
|
|
115
|
+
* Habilitar busca global
|
|
116
|
+
* @default true
|
|
117
|
+
*/
|
|
118
|
+
enableSearch?: boolean;
|
|
119
|
+
/**
|
|
120
|
+
* Habilitar filtros avançados
|
|
121
|
+
* @default true (se filterFields fornecido)
|
|
122
|
+
*/
|
|
123
|
+
enableFilters?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Opções de tamanho de página
|
|
126
|
+
* @default [5, 10, 20, 50]
|
|
127
|
+
*/
|
|
128
|
+
pageSizeOptions?: number[];
|
|
129
|
+
/**
|
|
130
|
+
* Tamanho inicial da página
|
|
131
|
+
* @default 10
|
|
132
|
+
*/
|
|
133
|
+
initialPageSize?: number;
|
|
134
|
+
/**
|
|
135
|
+
* Exibir em Card wrapper
|
|
136
|
+
* @default true
|
|
137
|
+
*/
|
|
138
|
+
showCard?: boolean;
|
|
139
|
+
/**
|
|
140
|
+
* Padding do Card
|
|
141
|
+
* @default "p-6"
|
|
142
|
+
*/
|
|
143
|
+
cardPadding?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Ações customizadas na toolbar (botões, dropdowns, etc.)
|
|
146
|
+
* Passe qualquer React.ReactNode (botões, dropdowns, menus, etc.)
|
|
147
|
+
*/
|
|
148
|
+
toolbarActions?: React_2.ReactNode;
|
|
149
|
+
/**
|
|
150
|
+
* Estado de loading (exibe skeleton/spinner)
|
|
151
|
+
*/
|
|
152
|
+
isLoading?: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* Configuração do empty state
|
|
155
|
+
* Suporta tanto EmptyStateConfig completo quanto string simples (retrocompatibilidade)
|
|
156
|
+
*/
|
|
157
|
+
emptyState?: EmptyStateConfig | string;
|
|
158
|
+
/**
|
|
159
|
+
* @deprecated Use emptyState ao invés de emptyMessage
|
|
160
|
+
*/
|
|
161
|
+
emptyMessage?: string;
|
|
162
|
+
/**
|
|
163
|
+
* Classes CSS adicionais
|
|
164
|
+
*/
|
|
165
|
+
className?: string;
|
|
166
|
+
/**
|
|
167
|
+
* Configuração para modo server-side
|
|
168
|
+
* Se fornecido, o componente delega filtros/paginação/ordenação para callbacks
|
|
169
|
+
*/
|
|
170
|
+
serverConfig?: ServerSideConfig<T>;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
174
|
+
variant?: "default" | "destructive" | "success" | "info" | "warning" | null | undefined;
|
|
175
|
+
} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
176
|
+
|
|
177
|
+
export declare const AlertDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
178
|
+
|
|
179
|
+
export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
|
|
180
|
+
|
|
181
|
+
export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
182
|
+
|
|
183
|
+
export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
184
|
+
|
|
185
|
+
export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
186
|
+
|
|
187
|
+
export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
188
|
+
|
|
189
|
+
export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
190
|
+
|
|
191
|
+
export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
192
|
+
|
|
193
|
+
export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
194
|
+
|
|
195
|
+
export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
196
|
+
|
|
197
|
+
export declare const AlertTitle: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
198
|
+
|
|
199
|
+
export declare const AspectRatio: React_2.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
200
|
+
|
|
201
|
+
export declare const AuthLayout: React_2.ForwardRefExoticComponent<AuthLayoutProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
202
|
+
|
|
203
|
+
export declare interface AuthLayoutProps extends VariantProps<typeof authLayoutVariants> {
|
|
204
|
+
children: React_2.ReactNode;
|
|
205
|
+
/** Logo personalizado. Se não fornecido, usa BrandLogo padrão */
|
|
206
|
+
logo?: React_2.ReactNode;
|
|
207
|
+
/** Título opcional acima do formulário */
|
|
208
|
+
title?: string;
|
|
209
|
+
/** Descrição opcional abaixo do título */
|
|
210
|
+
description?: string;
|
|
211
|
+
/** URL ou elemento de imagem para variante split */
|
|
212
|
+
image?: string | React_2.ReactNode;
|
|
213
|
+
/** Texto alternativo da imagem */
|
|
214
|
+
imageAlt?: string;
|
|
215
|
+
/** Links do footer (ex: Terms, Privacy) */
|
|
216
|
+
footerLinks?: {
|
|
217
|
+
label: string;
|
|
218
|
+
href: string;
|
|
219
|
+
}[];
|
|
220
|
+
/** Classe adicional para o container do formulário */
|
|
221
|
+
formClassName?: string;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
declare const authLayoutVariants: (props?: ({
|
|
225
|
+
variant?: "split" | "centered" | null | undefined;
|
|
226
|
+
} & ClassProp) | undefined) => string;
|
|
227
|
+
|
|
228
|
+
export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
229
|
+
|
|
230
|
+
declare type AvatarColorVariant = "gray" | "pink" | "purple" | "blue" | "cyan" | "teal" | "green" | "yellow" | "orange" | "red";
|
|
231
|
+
|
|
232
|
+
export declare const AvatarFallback: React_2.ForwardRefExoticComponent<PropsAvatarFallback & React_2.RefAttributes<HTMLSpanElement>>;
|
|
233
|
+
|
|
234
|
+
export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
|
|
235
|
+
|
|
236
|
+
export declare const Badge: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
|
|
237
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "muted" | null | undefined;
|
|
238
|
+
size?: "default" | "xs" | null | undefined;
|
|
239
|
+
dashed?: boolean | null | undefined;
|
|
240
|
+
} & ClassProp) | undefined) => string> & {
|
|
241
|
+
asChild?: boolean;
|
|
242
|
+
/** Exibe um indicador circular (dot) antes do conteúdo, na cor do texto. @default false */
|
|
243
|
+
dot?: boolean;
|
|
244
|
+
} & React_2.RefAttributes<HTMLSpanElement>>;
|
|
245
|
+
|
|
246
|
+
export declare const badgeVariants: (props?: ({
|
|
247
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "muted" | null | undefined;
|
|
248
|
+
size?: "default" | "xs" | null | undefined;
|
|
249
|
+
dashed?: boolean | null | undefined;
|
|
250
|
+
} & ClassProp) | undefined) => string;
|
|
251
|
+
|
|
252
|
+
export declare const BrandLogo: React_2.ForwardRefExoticComponent<BrandLogoProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
253
|
+
|
|
254
|
+
export declare interface BrandLogoProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
255
|
+
variant?: "symbol" | "full";
|
|
256
|
+
mode?: "positive" | "negative";
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
export declare const Breadcrumb: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
|
|
260
|
+
|
|
261
|
+
export declare const BreadcrumbEllipsis: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
262
|
+
|
|
263
|
+
export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
|
|
264
|
+
|
|
265
|
+
export declare interface BreadcrumbItemData {
|
|
266
|
+
label: string;
|
|
267
|
+
href?: string;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
export declare const BreadcrumbLink: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLAnchorElement> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
271
|
+
asChild?: boolean;
|
|
272
|
+
}, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
273
|
+
|
|
274
|
+
export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
|
|
275
|
+
|
|
276
|
+
export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
277
|
+
|
|
278
|
+
export declare const BreadcrumbSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
|
|
279
|
+
|
|
280
|
+
export declare const Button: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
281
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | null | undefined;
|
|
282
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
283
|
+
} & ClassProp) | undefined) => string> & {
|
|
284
|
+
asChild?: boolean;
|
|
285
|
+
isLoading?: boolean;
|
|
286
|
+
}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
287
|
+
|
|
288
|
+
export declare const buttonVariants: (props?: ({
|
|
289
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | null | undefined;
|
|
290
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
291
|
+
} & ClassProp) | undefined) => string;
|
|
292
|
+
|
|
293
|
+
/**
|
|
294
|
+
* Helper function to calculate pagination metadata
|
|
295
|
+
*/
|
|
296
|
+
export declare function calculatePaginationMetadata(config: PaginationConfig): PaginationMetadata;
|
|
297
|
+
|
|
298
|
+
/**
|
|
299
|
+
* Calendar - Componente base de calendário
|
|
300
|
+
*
|
|
301
|
+
* Grid de dias para seleção de datas. Usado internamente pelo DatePicker
|
|
302
|
+
* e DateRangePicker, mas também pode ser usado standalone.
|
|
303
|
+
*
|
|
304
|
+
* @example
|
|
305
|
+
* // Seleção única
|
|
306
|
+
* <Calendar
|
|
307
|
+
* mode="single"
|
|
308
|
+
* selected={date}
|
|
309
|
+
* onSelect={setDate}
|
|
310
|
+
* />
|
|
311
|
+
*
|
|
312
|
+
* @example
|
|
313
|
+
* // Seleção de intervalo
|
|
314
|
+
* <Calendar
|
|
315
|
+
* mode="range"
|
|
316
|
+
* selected={dateRange}
|
|
317
|
+
* onSelect={setDateRange}
|
|
318
|
+
* />
|
|
319
|
+
*/
|
|
320
|
+
export declare function Calendar({ className, classNames, showOutsideDays, locale, ...props }: CalendarProps): JSX.Element;
|
|
321
|
+
|
|
322
|
+
export declare namespace Calendar {
|
|
323
|
+
var displayName: string;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
|
|
327
|
+
|
|
328
|
+
export declare const Card: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
329
|
+
|
|
330
|
+
export declare const CardAction: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
331
|
+
|
|
332
|
+
export declare const CardContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
333
|
+
|
|
334
|
+
export declare const CardDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
335
|
+
|
|
336
|
+
export declare const CardFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
337
|
+
|
|
338
|
+
export declare const CardHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
339
|
+
|
|
340
|
+
export declare const CardTitle: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
341
|
+
|
|
342
|
+
export declare const Carousel: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & CarouselProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
343
|
+
|
|
344
|
+
declare type CarouselApi = UseEmblaCarouselType[1];
|
|
345
|
+
|
|
346
|
+
export declare const CarouselContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
347
|
+
|
|
348
|
+
export declare const CarouselItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
349
|
+
|
|
350
|
+
export declare const CarouselNext: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
351
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | null | undefined;
|
|
352
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
353
|
+
} & ClassProp) | undefined) => string> & {
|
|
354
|
+
asChild?: boolean;
|
|
355
|
+
isLoading?: boolean;
|
|
356
|
+
}, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
357
|
+
|
|
358
|
+
declare type CarouselOptions = UseCarouselParameters[0];
|
|
359
|
+
|
|
360
|
+
declare type CarouselPlugin = UseCarouselParameters[1];
|
|
361
|
+
|
|
362
|
+
export declare const CarouselPrevious: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
363
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | null | undefined;
|
|
364
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
365
|
+
} & ClassProp) | undefined) => string> & {
|
|
366
|
+
asChild?: boolean;
|
|
367
|
+
isLoading?: boolean;
|
|
368
|
+
}, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
369
|
+
|
|
370
|
+
declare type CarouselProps = {
|
|
371
|
+
opts?: CarouselOptions;
|
|
372
|
+
plugins?: CarouselPlugin;
|
|
373
|
+
orientation?: "horizontal" | "vertical";
|
|
374
|
+
setApi?: (api: CarouselApi) => void;
|
|
375
|
+
};
|
|
376
|
+
|
|
377
|
+
export declare type ChartConfig = {
|
|
378
|
+
[k in string]: {
|
|
379
|
+
label?: React_2.ReactNode;
|
|
380
|
+
icon?: React_2.ComponentType;
|
|
381
|
+
} & ({
|
|
382
|
+
color?: string;
|
|
383
|
+
theme?: never;
|
|
384
|
+
} | {
|
|
385
|
+
color?: never;
|
|
386
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
387
|
+
});
|
|
388
|
+
};
|
|
389
|
+
|
|
390
|
+
export declare const ChartContainer: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
|
|
391
|
+
config: ChartConfig;
|
|
392
|
+
children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
393
|
+
}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
394
|
+
|
|
395
|
+
export declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
396
|
+
|
|
397
|
+
export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React_2.ComponentProps<"div"> & {
|
|
398
|
+
hideIcon?: boolean;
|
|
399
|
+
nameKey?: string;
|
|
400
|
+
payload?: ChartPayloadItem[];
|
|
401
|
+
verticalAlign?: "top" | "bottom";
|
|
402
|
+
}): JSX.Element | null;
|
|
403
|
+
|
|
404
|
+
/**
|
|
405
|
+
* Formato mínimo de um item do `payload` do recharts (Tooltip/Legend) — só os
|
|
406
|
+
* campos que este componente lê. Evita `any[]` sem depender do tipo interno
|
|
407
|
+
* `Payload` do recharts, que não é reexportado de forma estável.
|
|
408
|
+
*/
|
|
409
|
+
declare interface ChartPayloadItem {
|
|
410
|
+
value?: number | string;
|
|
411
|
+
name?: string;
|
|
412
|
+
dataKey?: string | number;
|
|
413
|
+
color?: string;
|
|
414
|
+
payload?: Record<string, unknown> & {
|
|
415
|
+
fill?: string;
|
|
416
|
+
};
|
|
417
|
+
[key: string]: unknown;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
421
|
+
|
|
422
|
+
export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React_2.ComponentProps<typeof RechartsPrimitive.Tooltip> & React_2.ComponentProps<"div"> & {
|
|
423
|
+
hideLabel?: boolean;
|
|
424
|
+
hideIndicator?: boolean;
|
|
425
|
+
indicator?: "line" | "dot" | "dashed";
|
|
426
|
+
nameKey?: string;
|
|
427
|
+
labelKey?: string;
|
|
428
|
+
payload?: ChartTooltipPayload;
|
|
429
|
+
label?: string;
|
|
430
|
+
}): JSX.Element | null;
|
|
431
|
+
|
|
432
|
+
/** Tipo exato do array `payload` que os callbacks do Tooltip do recharts esperam. */
|
|
433
|
+
declare type ChartTooltipPayload = Parameters<NonNullable<React_2.ComponentProps<typeof RechartsPrimitive.Tooltip>["labelFormatter"]>>[1];
|
|
434
|
+
|
|
435
|
+
export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
436
|
+
|
|
437
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
438
|
+
|
|
439
|
+
export declare const Collapsible: React_2.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
440
|
+
|
|
441
|
+
export declare const CollapsibleContent: React_2.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
442
|
+
|
|
443
|
+
export declare const CollapsibleTrigger: React_2.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
444
|
+
|
|
445
|
+
export declare const ColorPicker: React_2.ForwardRefExoticComponent<ColorPickerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
446
|
+
|
|
447
|
+
declare interface ColorPickerProps {
|
|
448
|
+
value?: string;
|
|
449
|
+
onChange?: (color: string) => void;
|
|
450
|
+
label?: string;
|
|
451
|
+
className?: string;
|
|
452
|
+
disabled?: boolean;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
/**
|
|
456
|
+
* Column definition for a DataTable
|
|
457
|
+
*
|
|
458
|
+
* @example
|
|
459
|
+
* ```tsx
|
|
460
|
+
* const columns: ColumnDef<User>[] = [
|
|
461
|
+
* {
|
|
462
|
+
* key: "name",
|
|
463
|
+
* header: "Name",
|
|
464
|
+
* sortable: true,
|
|
465
|
+
* width: "200px"
|
|
466
|
+
* },
|
|
467
|
+
* {
|
|
468
|
+
* key: "email",
|
|
469
|
+
* header: "Email",
|
|
470
|
+
* render: (value, row) => <a href={`mailto:${value}`}>{value}</a>
|
|
471
|
+
* }
|
|
472
|
+
* ];
|
|
473
|
+
* ```
|
|
474
|
+
*/
|
|
475
|
+
export declare interface ColumnDef<T extends object> {
|
|
476
|
+
/** Key of the data property to display */
|
|
477
|
+
key: keyof T;
|
|
478
|
+
/** Header label or React node */
|
|
479
|
+
header: string | React.ReactNode;
|
|
480
|
+
/** Whether this column is sortable */
|
|
481
|
+
sortable?: boolean;
|
|
482
|
+
/** Column width (CSS value) */
|
|
483
|
+
width?: string | number;
|
|
484
|
+
/** Text alignment */
|
|
485
|
+
align?: "left" | "center" | "right";
|
|
486
|
+
/** Custom render function for the cell content */
|
|
487
|
+
render?: (value: T[keyof T], row: T, index: number) => React.ReactNode;
|
|
488
|
+
/** Additional className for the cell */
|
|
489
|
+
className?: string;
|
|
490
|
+
/** Additional className for the header */
|
|
491
|
+
headerClassName?: string;
|
|
492
|
+
/**
|
|
493
|
+
* Callback chamado quando a célula é clicada.
|
|
494
|
+
* Quando definido, aplica automaticamente `cursor-pointer` e `hover:text-primary` na célula inteira.
|
|
495
|
+
*
|
|
496
|
+
* @example
|
|
497
|
+
* ```tsx
|
|
498
|
+
* {
|
|
499
|
+
* key: "id",
|
|
500
|
+
* header: "ID",
|
|
501
|
+
* onCellClick: (value, row) => navigate(`/contratos/${row.id}`)
|
|
502
|
+
* }
|
|
503
|
+
* ```
|
|
504
|
+
*/
|
|
505
|
+
onCellClick?: (value: T[keyof T], row: T, index: number) => void;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
/**
|
|
509
|
+
* ComboBox - Componente de seleção com busca
|
|
510
|
+
*
|
|
511
|
+
* Combina um Select tradicional com capacidade de pesquisa.
|
|
512
|
+
* Ideal para listas grandes onde o usuário precisa buscar valores.
|
|
513
|
+
*
|
|
514
|
+
* @example
|
|
515
|
+
* ```tsx
|
|
516
|
+
* // Lista plana
|
|
517
|
+
* <Combobox
|
|
518
|
+
* value={clienteId}
|
|
519
|
+
* onValueChange={setClienteId}
|
|
520
|
+
* options={clientes}
|
|
521
|
+
* placeholder="Selecione o cliente"
|
|
522
|
+
* searchPlaceholder="Buscar cliente..."
|
|
523
|
+
* />
|
|
524
|
+
*
|
|
525
|
+
* // Lista hierárquica — grupos selecionáveis com seus clientes indentados
|
|
526
|
+
* <Combobox
|
|
527
|
+
* value={selecao}
|
|
528
|
+
* onValueChange={setSelecao}
|
|
529
|
+
* groups={grupos.map(g => ({
|
|
530
|
+
* label: g.nomeGrupo,
|
|
531
|
+
* value: `g-${g.grupoClienteId}`,
|
|
532
|
+
* options: g.clientes.map(c => ({ value: String(c.id), label: c.nome })),
|
|
533
|
+
* }))}
|
|
534
|
+
* />
|
|
535
|
+
* ```
|
|
536
|
+
*/
|
|
537
|
+
export declare const Combobox: React_2.ForwardRefExoticComponent<ComboboxProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
538
|
+
|
|
539
|
+
export declare interface ComboboxGroup {
|
|
540
|
+
/**
|
|
541
|
+
* Rótulo do grupo — renderizado em negrito e caixa alta
|
|
542
|
+
*/
|
|
543
|
+
label: string;
|
|
544
|
+
/**
|
|
545
|
+
* Quando presente, o cabeçalho do grupo é selecionável e representa o próprio grupo.
|
|
546
|
+
* Sem `value`, o cabeçalho é apenas um rótulo visual não clicável.
|
|
547
|
+
*/
|
|
548
|
+
value?: string;
|
|
549
|
+
/**
|
|
550
|
+
* Opções pertencentes ao grupo — renderizadas indentadas, em peso normal
|
|
551
|
+
*/
|
|
552
|
+
options: ComboboxOption[];
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
export declare interface ComboboxOption {
|
|
556
|
+
value: string;
|
|
557
|
+
label: string;
|
|
558
|
+
disabled?: boolean;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
export declare interface ComboboxProps {
|
|
562
|
+
/** Rótulo acessível do gatilho quando não há `<Label>` associado */
|
|
563
|
+
"aria-label"?: string;
|
|
564
|
+
"aria-labelledby"?: string;
|
|
565
|
+
/**
|
|
566
|
+
* Valor selecionado atual
|
|
567
|
+
*/
|
|
568
|
+
value?: string;
|
|
569
|
+
/**
|
|
570
|
+
* Callback quando o valor muda
|
|
571
|
+
*/
|
|
572
|
+
onValueChange?: (value: string) => void;
|
|
573
|
+
/**
|
|
574
|
+
* Lista de opções disponíveis.
|
|
575
|
+
* Use `options` OU `groups` — nunca os dois ao mesmo tempo.
|
|
576
|
+
*/
|
|
577
|
+
options?: ComboboxOption[];
|
|
578
|
+
/**
|
|
579
|
+
* Opções agrupadas hierarquicamente.
|
|
580
|
+
* Use `options` OU `groups` — nunca os dois ao mesmo tempo.
|
|
581
|
+
*/
|
|
582
|
+
groups?: ComboboxGroup[];
|
|
583
|
+
/**
|
|
584
|
+
* Placeholder quando nenhum valor está selecionado
|
|
585
|
+
*/
|
|
586
|
+
placeholder?: string;
|
|
587
|
+
/**
|
|
588
|
+
* Placeholder do campo de busca
|
|
589
|
+
*/
|
|
590
|
+
searchPlaceholder?: string;
|
|
591
|
+
/**
|
|
592
|
+
* Mensagem quando não há resultados
|
|
593
|
+
*/
|
|
594
|
+
emptyMessage?: string;
|
|
595
|
+
/**
|
|
596
|
+
* Se o campo está desabilitado
|
|
597
|
+
*/
|
|
598
|
+
disabled?: boolean;
|
|
599
|
+
/**
|
|
600
|
+
* Se está carregando opções
|
|
601
|
+
*/
|
|
602
|
+
loading?: boolean;
|
|
603
|
+
/**
|
|
604
|
+
* Classes adicionais para o trigger
|
|
605
|
+
*/
|
|
606
|
+
className?: string;
|
|
607
|
+
/**
|
|
608
|
+
* Largura do popover (padrão: mesma largura do trigger)
|
|
609
|
+
*/
|
|
610
|
+
popoverWidth?: string | number;
|
|
611
|
+
/**
|
|
612
|
+
* Altura máxima da lista de opções
|
|
613
|
+
*/
|
|
614
|
+
maxHeight?: string;
|
|
615
|
+
/**
|
|
616
|
+
* Alinhamento do popover
|
|
617
|
+
*/
|
|
618
|
+
align?: "start" | "center" | "end";
|
|
619
|
+
/**
|
|
620
|
+
* Se deve permitir limpar seleção
|
|
621
|
+
*/
|
|
622
|
+
clearable?: boolean;
|
|
623
|
+
/**
|
|
624
|
+
* Função customizada de filtro
|
|
625
|
+
*/
|
|
626
|
+
filterFn?: (option: ComboboxOption, searchTerm: string) => boolean;
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
|
|
630
|
+
children?: React_2.ReactNode;
|
|
631
|
+
} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
632
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
633
|
+
} & {
|
|
634
|
+
asChild?: boolean;
|
|
635
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
636
|
+
label?: string;
|
|
637
|
+
shouldFilter?: boolean;
|
|
638
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
639
|
+
defaultValue?: string;
|
|
640
|
+
value?: string;
|
|
641
|
+
onValueChange?: (value: string) => void;
|
|
642
|
+
loop?: boolean;
|
|
643
|
+
disablePointerSelection?: boolean;
|
|
644
|
+
vimBindings?: boolean;
|
|
645
|
+
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
646
|
+
|
|
647
|
+
export declare function CommandDialog({ title, description, children, ...props }: React_2.ComponentProps<typeof Dialog> & {
|
|
648
|
+
title?: string;
|
|
649
|
+
description?: string;
|
|
650
|
+
}): JSX.Element;
|
|
651
|
+
|
|
652
|
+
export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
|
|
653
|
+
children?: React_2.ReactNode;
|
|
654
|
+
} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
655
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
656
|
+
} & {
|
|
657
|
+
asChild?: boolean;
|
|
658
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
659
|
+
|
|
660
|
+
export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
|
|
661
|
+
children?: React_2.ReactNode;
|
|
662
|
+
} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
663
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
664
|
+
} & {
|
|
665
|
+
asChild?: boolean;
|
|
666
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
667
|
+
heading?: React_2.ReactNode;
|
|
668
|
+
value?: string;
|
|
669
|
+
forceMount?: boolean;
|
|
670
|
+
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
671
|
+
|
|
672
|
+
export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>> & {
|
|
673
|
+
ref?: React_2.Ref<HTMLInputElement>;
|
|
674
|
+
} & {
|
|
675
|
+
asChild?: boolean;
|
|
676
|
+
}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
|
|
677
|
+
value?: string;
|
|
678
|
+
onValueChange?: (search: string) => void;
|
|
679
|
+
} & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
680
|
+
|
|
681
|
+
export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
|
|
682
|
+
children?: React_2.ReactNode;
|
|
683
|
+
} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
684
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
685
|
+
} & {
|
|
686
|
+
asChild?: boolean;
|
|
687
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
|
|
688
|
+
disabled?: boolean;
|
|
689
|
+
onSelect?: (value: string) => void;
|
|
690
|
+
value?: string;
|
|
691
|
+
keywords?: string[];
|
|
692
|
+
forceMount?: boolean;
|
|
693
|
+
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
694
|
+
|
|
695
|
+
export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
|
|
696
|
+
children?: React_2.ReactNode;
|
|
697
|
+
} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
698
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
699
|
+
} & {
|
|
700
|
+
asChild?: boolean;
|
|
701
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
702
|
+
label?: string;
|
|
703
|
+
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
704
|
+
|
|
705
|
+
export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
|
|
706
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
707
|
+
} & {
|
|
708
|
+
asChild?: boolean;
|
|
709
|
+
}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
710
|
+
alwaysRender?: boolean;
|
|
711
|
+
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
712
|
+
|
|
713
|
+
export declare const CommandShortcut: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
714
|
+
|
|
715
|
+
export declare function CompactPageHeader({ title, icon: Icon, badge, secondaryNavCollapsed, onSecondaryNavToggle, className, }: CompactPageHeaderProps): JSX.Element;
|
|
716
|
+
|
|
717
|
+
export declare interface CompactPageHeaderProps {
|
|
718
|
+
title: string;
|
|
719
|
+
icon?: LucideIcon;
|
|
720
|
+
badge?: React_2.ReactNode;
|
|
721
|
+
secondaryNavCollapsed?: boolean;
|
|
722
|
+
onSecondaryNavToggle?: () => void;
|
|
723
|
+
className?: string;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
export declare function ContentSectionHeader({ title, subtitle, actions, className, }: ContentSectionHeaderProps): JSX.Element;
|
|
727
|
+
|
|
728
|
+
export declare interface ContentSectionHeaderProps {
|
|
729
|
+
title: string;
|
|
730
|
+
subtitle?: string;
|
|
731
|
+
actions?: React_2.ReactNode;
|
|
732
|
+
className?: string;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
|
|
736
|
+
|
|
737
|
+
export declare const ContextMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
738
|
+
|
|
739
|
+
export declare const ContextMenuContent: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
740
|
+
|
|
741
|
+
export declare const ContextMenuGroup: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
742
|
+
|
|
743
|
+
export declare const ContextMenuItem: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
744
|
+
inset?: boolean;
|
|
745
|
+
variant?: "default" | "destructive";
|
|
746
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
747
|
+
|
|
748
|
+
export declare const ContextMenuLabel: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
749
|
+
inset?: boolean;
|
|
750
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
751
|
+
|
|
752
|
+
export declare function ContextMenuPortal({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Portal>): JSX.Element;
|
|
753
|
+
|
|
754
|
+
export declare const ContextMenuRadioGroup: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
755
|
+
|
|
756
|
+
export declare const ContextMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
757
|
+
|
|
758
|
+
export declare const ContextMenuSeparator: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
759
|
+
|
|
760
|
+
export declare const ContextMenuShortcut: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
761
|
+
|
|
762
|
+
export declare function ContextMenuSub({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element;
|
|
763
|
+
|
|
764
|
+
export declare const ContextMenuSubContent: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
765
|
+
|
|
766
|
+
export declare const ContextMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
767
|
+
inset?: boolean;
|
|
768
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
769
|
+
|
|
770
|
+
export declare const ContextMenuTrigger: React_2.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuTriggerProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
771
|
+
|
|
772
|
+
export declare const CurrencyInput: React_2.ForwardRefExoticComponent<Omit<CurrencyInputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
773
|
+
|
|
774
|
+
export declare interface CurrencyInputProps extends Omit<NumberInputProps, "formatOptions" | "precision"> {
|
|
775
|
+
currency?: "BRL" | "USD" | "EUR";
|
|
776
|
+
locale?: string;
|
|
777
|
+
showSymbol?: boolean;
|
|
778
|
+
symbolPosition?: "start" | "end";
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
export declare function DataTable<T extends object>({ data, columns, searchPlaceholder, searchableColumns, enableSearch, filterFields, enableFilters, initialFilters, pageSizeOptions, initialPageSize, toolbarActions, serverConfig, isLoading, emptyState, emptyMessage, // deprecated
|
|
782
|
+
className, }: DataTableProps<T>): JSX.Element;
|
|
783
|
+
|
|
784
|
+
declare interface DataTableProps<T extends object> {
|
|
785
|
+
data: T[];
|
|
786
|
+
columns: ColumnDef<T>[];
|
|
787
|
+
searchPlaceholder?: string;
|
|
788
|
+
searchableColumns?: (keyof T)[];
|
|
789
|
+
enableSearch?: boolean;
|
|
790
|
+
filterFields?: FilterField[];
|
|
791
|
+
enableFilters?: boolean;
|
|
792
|
+
initialFilters?: FilterCondition[];
|
|
793
|
+
pageSizeOptions?: number[];
|
|
794
|
+
initialPageSize?: number;
|
|
795
|
+
toolbarActions?: default_3.ReactNode;
|
|
796
|
+
serverConfig?: ServerSideConfig<T>;
|
|
797
|
+
isLoading?: boolean;
|
|
798
|
+
/**
|
|
799
|
+
* Configuração do empty state.
|
|
800
|
+
* Suporta tanto config completo (EmptyStateConfig) quanto string simples (retrocompatibilidade).
|
|
801
|
+
*/
|
|
802
|
+
emptyState?: EmptyStateConfig | string;
|
|
803
|
+
/** @deprecated Use emptyState ao invés de emptyMessage */
|
|
804
|
+
emptyMessage?: string;
|
|
805
|
+
className?: string;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/**
|
|
809
|
+
* DatePicker - Campo de seleção de data com hora opcional
|
|
810
|
+
*
|
|
811
|
+
* @example
|
|
812
|
+
* // Apenas data
|
|
813
|
+
* <DatePicker
|
|
814
|
+
* value={date}
|
|
815
|
+
* onChange={setDate}
|
|
816
|
+
* placeholder="Data de nascimento"
|
|
817
|
+
* />
|
|
818
|
+
*
|
|
819
|
+
* @example
|
|
820
|
+
* // Data e hora
|
|
821
|
+
* <DatePicker
|
|
822
|
+
* value={appointmentDate}
|
|
823
|
+
* onChange={setAppointmentDate}
|
|
824
|
+
* placeholder="Data e hora da reunião"
|
|
825
|
+
* showTime
|
|
826
|
+
* minuteStep={15}
|
|
827
|
+
* />
|
|
828
|
+
*
|
|
829
|
+
* @example
|
|
830
|
+
* // Com limites
|
|
831
|
+
* <DatePicker
|
|
832
|
+
* value={date}
|
|
833
|
+
* onChange={setDate}
|
|
834
|
+
* minDate={new Date()}
|
|
835
|
+
* maxDate={addMonths(new Date(), 3)}
|
|
836
|
+
* />
|
|
837
|
+
*/
|
|
838
|
+
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
839
|
+
|
|
840
|
+
export declare interface DatePickerProps {
|
|
841
|
+
/**
|
|
842
|
+
* Data selecionada
|
|
843
|
+
*/
|
|
844
|
+
value?: Date;
|
|
845
|
+
/**
|
|
846
|
+
* Callback quando a data muda
|
|
847
|
+
*/
|
|
848
|
+
onChange?: (date: Date | undefined) => void;
|
|
849
|
+
/**
|
|
850
|
+
* Placeholder do campo
|
|
851
|
+
* @default "Selecione uma data"
|
|
852
|
+
*/
|
|
853
|
+
placeholder?: string;
|
|
854
|
+
/**
|
|
855
|
+
* Desabilita o componente
|
|
856
|
+
*/
|
|
857
|
+
disabled?: boolean;
|
|
858
|
+
/**
|
|
859
|
+
* Data mínima permitida
|
|
860
|
+
*/
|
|
861
|
+
minDate?: Date;
|
|
862
|
+
/**
|
|
863
|
+
* Data máxima permitida
|
|
864
|
+
*/
|
|
865
|
+
maxDate?: Date;
|
|
866
|
+
/**
|
|
867
|
+
* Formato de exibição da data
|
|
868
|
+
* @default "dd/MM/yyyy" ou "dd/MM/yyyy HH:mm" se showTime
|
|
869
|
+
*/
|
|
870
|
+
dateFormat?: string;
|
|
871
|
+
/**
|
|
872
|
+
* Locale para formatação
|
|
873
|
+
* @default ptBR
|
|
874
|
+
*/
|
|
875
|
+
locale?: Locale;
|
|
876
|
+
/**
|
|
877
|
+
* Classes CSS adicionais para o trigger
|
|
878
|
+
*/
|
|
879
|
+
className?: string;
|
|
880
|
+
/**
|
|
881
|
+
* Estado de erro
|
|
882
|
+
*/
|
|
883
|
+
error?: boolean;
|
|
884
|
+
/**
|
|
885
|
+
* Mostra seletor de hora
|
|
886
|
+
* @default false
|
|
887
|
+
*/
|
|
888
|
+
showTime?: boolean;
|
|
889
|
+
/**
|
|
890
|
+
* Formato de hora (12h ou 24h)
|
|
891
|
+
* @default "24h"
|
|
892
|
+
*/
|
|
893
|
+
timeFormat?: "12h" | "24h";
|
|
894
|
+
/**
|
|
895
|
+
* Incremento de minutos
|
|
896
|
+
* @default 5
|
|
897
|
+
*/
|
|
898
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
899
|
+
/**
|
|
900
|
+
* Horário padrão quando showTime=true e uma data é selecionada
|
|
901
|
+
* @default "09:00"
|
|
902
|
+
*/
|
|
903
|
+
defaultTime?: string;
|
|
904
|
+
/**
|
|
905
|
+
* ID do campo para acessibilidade
|
|
906
|
+
*/
|
|
907
|
+
id?: string;
|
|
908
|
+
/**
|
|
909
|
+
* Nome do campo para formulários
|
|
910
|
+
*/
|
|
911
|
+
name?: string;
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
/**
|
|
915
|
+
* DateRangePicker - Campo de seleção de intervalo de datas com hora opcional
|
|
916
|
+
*
|
|
917
|
+
* @example
|
|
918
|
+
* // Básico
|
|
919
|
+
* <DateRangePicker
|
|
920
|
+
* value={dateRange}
|
|
921
|
+
* onChange={setDateRange}
|
|
922
|
+
* placeholder="Período do relatório"
|
|
923
|
+
* />
|
|
924
|
+
*
|
|
925
|
+
* @example
|
|
926
|
+
* // Com hora
|
|
927
|
+
* <DateRangePicker
|
|
928
|
+
* value={booking}
|
|
929
|
+
* onChange={setBooking}
|
|
930
|
+
* placeholder="Reserva da sala"
|
|
931
|
+
* showTime
|
|
932
|
+
* minuteStep={30}
|
|
933
|
+
* />
|
|
934
|
+
*
|
|
935
|
+
* @example
|
|
936
|
+
* // Com presets customizados
|
|
937
|
+
* <DateRangePicker
|
|
938
|
+
* value={period}
|
|
939
|
+
* onChange={setPeriod}
|
|
940
|
+
* presets={[
|
|
941
|
+
* { label: "Q1", value: { from: q1Start, to: q1End } },
|
|
942
|
+
* { label: "Q2", value: { from: q2Start, to: q2End } },
|
|
943
|
+
* ]}
|
|
944
|
+
* />
|
|
945
|
+
*/
|
|
946
|
+
export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
947
|
+
|
|
948
|
+
export declare interface DateRangePickerProps {
|
|
949
|
+
/**
|
|
950
|
+
* Intervalo de datas selecionado
|
|
951
|
+
*/
|
|
952
|
+
value?: DateRange;
|
|
953
|
+
/**
|
|
954
|
+
* Callback quando o intervalo muda
|
|
955
|
+
*/
|
|
956
|
+
onChange?: (range: DateRange | undefined) => void;
|
|
957
|
+
/**
|
|
958
|
+
* Placeholder do campo
|
|
959
|
+
* @default "Selecione um período"
|
|
960
|
+
*/
|
|
961
|
+
placeholder?: string;
|
|
962
|
+
/**
|
|
963
|
+
* Desabilita o componente
|
|
964
|
+
*/
|
|
965
|
+
disabled?: boolean;
|
|
966
|
+
/**
|
|
967
|
+
* Data mínima permitida
|
|
968
|
+
*/
|
|
969
|
+
minDate?: Date;
|
|
970
|
+
/**
|
|
971
|
+
* Data máxima permitida
|
|
972
|
+
*/
|
|
973
|
+
maxDate?: Date;
|
|
974
|
+
/**
|
|
975
|
+
* Formato de exibição da data
|
|
976
|
+
* @default "dd/MM/yyyy"
|
|
977
|
+
*/
|
|
978
|
+
dateFormat?: string;
|
|
979
|
+
/**
|
|
980
|
+
* Locale para formatação
|
|
981
|
+
* @default ptBR
|
|
982
|
+
*/
|
|
983
|
+
locale?: Locale;
|
|
984
|
+
/**
|
|
985
|
+
* Classes CSS adicionais para o trigger
|
|
986
|
+
*/
|
|
987
|
+
className?: string;
|
|
988
|
+
/**
|
|
989
|
+
* Estado de erro
|
|
990
|
+
*/
|
|
991
|
+
error?: boolean;
|
|
992
|
+
/**
|
|
993
|
+
* Número de meses a exibir
|
|
994
|
+
* @default 2
|
|
995
|
+
*/
|
|
996
|
+
numberOfMonths?: 1 | 2;
|
|
997
|
+
/**
|
|
998
|
+
* Mostra seletor de hora
|
|
999
|
+
* @default false
|
|
1000
|
+
*/
|
|
1001
|
+
showTime?: boolean;
|
|
1002
|
+
/**
|
|
1003
|
+
* Formato de hora (12h ou 24h)
|
|
1004
|
+
* @default "24h"
|
|
1005
|
+
*/
|
|
1006
|
+
timeFormat?: "12h" | "24h";
|
|
1007
|
+
/**
|
|
1008
|
+
* Incremento de minutos
|
|
1009
|
+
* @default 15
|
|
1010
|
+
*/
|
|
1011
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
1012
|
+
/**
|
|
1013
|
+
* Presets de intervalos rápidos
|
|
1014
|
+
*/
|
|
1015
|
+
presets?: DateRangePreset[];
|
|
1016
|
+
/**
|
|
1017
|
+
* Mostra presets padrão (Hoje, Últimos 7 dias, etc.)
|
|
1018
|
+
* @default true
|
|
1019
|
+
*/
|
|
1020
|
+
showDefaultPresets?: boolean;
|
|
1021
|
+
/**
|
|
1022
|
+
* ID do campo para acessibilidade
|
|
1023
|
+
*/
|
|
1024
|
+
id?: string;
|
|
1025
|
+
/**
|
|
1026
|
+
* Nome do campo para formulários
|
|
1027
|
+
*/
|
|
1028
|
+
name?: string;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
export declare interface DateRangePreset {
|
|
1032
|
+
label: string;
|
|
1033
|
+
value: DateRange;
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1036
|
+
export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
1037
|
+
|
|
1038
|
+
export declare const DialogClose: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1039
|
+
|
|
1040
|
+
export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1041
|
+
|
|
1042
|
+
export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
1043
|
+
|
|
1044
|
+
export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1045
|
+
|
|
1046
|
+
export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1047
|
+
|
|
1048
|
+
export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
1049
|
+
|
|
1050
|
+
export declare const DialogTrigger: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1051
|
+
|
|
1052
|
+
export declare function DonutChart({ data, title, formatValue, className, isLoading, layout, activeLabel, chartSize: chartSizeProp, }: DonutChartProps): JSX.Element;
|
|
1053
|
+
|
|
1054
|
+
export declare interface DonutChartItem {
|
|
1055
|
+
label: string;
|
|
1056
|
+
value: number;
|
|
1057
|
+
color?: string;
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1060
|
+
export declare interface DonutChartProps {
|
|
1061
|
+
data: DonutChartItem[];
|
|
1062
|
+
title?: string;
|
|
1063
|
+
formatValue?: (v: number) => string;
|
|
1064
|
+
className?: string;
|
|
1065
|
+
isLoading?: boolean;
|
|
1066
|
+
/**
|
|
1067
|
+
* Orientação da legenda em relação ao gráfico.
|
|
1068
|
+
* - "vertical": legenda abaixo do donut (padrão)
|
|
1069
|
+
* - "horizontal": legenda ao lado direito do donut
|
|
1070
|
+
*/
|
|
1071
|
+
layout?: "vertical" | "horizontal";
|
|
1072
|
+
/**
|
|
1073
|
+
* Quando true, exibe o nome, valor e % da categoria no centro do
|
|
1074
|
+
* donut ao passar o mouse — desabilita o tooltip flutuante padrão.
|
|
1075
|
+
*/
|
|
1076
|
+
activeLabel?: boolean;
|
|
1077
|
+
/**
|
|
1078
|
+
* Tamanho (px) do container do gráfico no eixo fixo.
|
|
1079
|
+
* - horizontal: largura e altura do donut (padrão: 140)
|
|
1080
|
+
* - vertical: altura do donut (padrão: 220)
|
|
1081
|
+
*/
|
|
1082
|
+
chartSize?: number;
|
|
1083
|
+
}
|
|
1084
|
+
|
|
1085
|
+
/**
|
|
1086
|
+
* Configuration for draggable rows
|
|
1087
|
+
*/
|
|
1088
|
+
export declare interface DragDropConfig {
|
|
1089
|
+
/** Whether drag and drop is enabled */
|
|
1090
|
+
enabled: boolean;
|
|
1091
|
+
/** Callback when a row is dropped */
|
|
1092
|
+
onDrop?: (dragIndex: number, dropIndex: number) => void;
|
|
1093
|
+
/** Custom drag handle component */
|
|
1094
|
+
dragHandle?: React.ReactNode;
|
|
1095
|
+
}
|
|
1096
|
+
|
|
1097
|
+
export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
|
|
1098
|
+
|
|
1099
|
+
export declare const DrawerClose: React_2.ForwardRefExoticComponent<Omit<DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1100
|
+
|
|
1101
|
+
export declare const DrawerContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1102
|
+
|
|
1103
|
+
export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
1104
|
+
|
|
1105
|
+
export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1106
|
+
|
|
1107
|
+
export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1108
|
+
|
|
1109
|
+
export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
1110
|
+
|
|
1111
|
+
export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<Omit<DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1112
|
+
|
|
1113
|
+
export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
|
|
1114
|
+
|
|
1115
|
+
export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1116
|
+
|
|
1117
|
+
export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1118
|
+
|
|
1119
|
+
export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1120
|
+
|
|
1121
|
+
export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1122
|
+
inset?: boolean;
|
|
1123
|
+
variant?: "default" | "destructive";
|
|
1124
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1125
|
+
|
|
1126
|
+
export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1127
|
+
inset?: boolean;
|
|
1128
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1129
|
+
|
|
1130
|
+
export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): JSX.Element;
|
|
1131
|
+
|
|
1132
|
+
export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1133
|
+
|
|
1134
|
+
export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1135
|
+
|
|
1136
|
+
export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1137
|
+
|
|
1138
|
+
export declare const DropdownMenuShortcut: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
1139
|
+
|
|
1140
|
+
export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
|
|
1141
|
+
|
|
1142
|
+
export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1143
|
+
|
|
1144
|
+
export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1145
|
+
inset?: boolean;
|
|
1146
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1147
|
+
|
|
1148
|
+
export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1149
|
+
|
|
1150
|
+
export declare const EditableBadge: (<T extends string | number = string>(props: EditableBadgeProps<T> & {
|
|
1151
|
+
ref?: React_2.Ref<HTMLDivElement>;
|
|
1152
|
+
}) => React_2.ReactElement) & {
|
|
1153
|
+
displayName?: string;
|
|
1154
|
+
};
|
|
1155
|
+
|
|
1156
|
+
/**
|
|
1157
|
+
* Opção para o EmblemaEditavel
|
|
1158
|
+
*/
|
|
1159
|
+
export declare interface EditableBadgeOption<T extends string | number = string> {
|
|
1160
|
+
/**
|
|
1161
|
+
* Valor da opção
|
|
1162
|
+
*/
|
|
1163
|
+
value: T;
|
|
1164
|
+
/**
|
|
1165
|
+
* Label exibido no dropdown
|
|
1166
|
+
*/
|
|
1167
|
+
label: string;
|
|
1168
|
+
/**
|
|
1169
|
+
* Ícone opcional da opção
|
|
1170
|
+
*/
|
|
1171
|
+
icon?: React_2.ReactNode;
|
|
1172
|
+
/**
|
|
1173
|
+
* Variante do badge para esta opção
|
|
1174
|
+
*/
|
|
1175
|
+
variant?: VariantProps<typeof badgeVariants>["variant"];
|
|
1176
|
+
/**
|
|
1177
|
+
* Classes CSS customizadas para esta opção (ex: cores da guideline)
|
|
1178
|
+
*/
|
|
1179
|
+
className?: string;
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
/**
|
|
1183
|
+
* Props do componente EmblemaEditavel
|
|
1184
|
+
*/
|
|
1185
|
+
export declare interface EditableBadgeProps<T extends string | number = string> extends Omit<React_2.ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
1186
|
+
/**
|
|
1187
|
+
* Valor atual do badge
|
|
1188
|
+
*/
|
|
1189
|
+
value: T;
|
|
1190
|
+
/**
|
|
1191
|
+
* Opções disponíveis para seleção
|
|
1192
|
+
*/
|
|
1193
|
+
options: EditableBadgeOption<T>[];
|
|
1194
|
+
/**
|
|
1195
|
+
* Callback quando o valor é confirmado
|
|
1196
|
+
* @param value - Novo valor selecionado
|
|
1197
|
+
*/
|
|
1198
|
+
onValueChange: (value: T) => void | Promise<void>;
|
|
1199
|
+
/**
|
|
1200
|
+
* Callback quando a alteração é cancelada (opcional)
|
|
1201
|
+
*/
|
|
1202
|
+
onCancel?: () => void;
|
|
1203
|
+
/**
|
|
1204
|
+
* Se true, o badge não é editável
|
|
1205
|
+
* @default false
|
|
1206
|
+
*/
|
|
1207
|
+
disabled?: boolean;
|
|
1208
|
+
/**
|
|
1209
|
+
* Variante padrão do badge
|
|
1210
|
+
* @default "default"
|
|
1211
|
+
*/
|
|
1212
|
+
variant?: VariantProps<typeof badgeVariants>["variant"];
|
|
1213
|
+
/**
|
|
1214
|
+
* Título do dialog de confirmação
|
|
1215
|
+
* @default "Confirmar alteração"
|
|
1216
|
+
*/
|
|
1217
|
+
confirmTitle?: string;
|
|
1218
|
+
/**
|
|
1219
|
+
* Descrição do dialog de confirmação
|
|
1220
|
+
* @default "Tem certeza que deseja alterar este valor?"
|
|
1221
|
+
*/
|
|
1222
|
+
confirmDescription?: string;
|
|
1223
|
+
/**
|
|
1224
|
+
* Texto do botão de confirmação
|
|
1225
|
+
* @default "Confirmar"
|
|
1226
|
+
*/
|
|
1227
|
+
confirmButtonText?: string;
|
|
1228
|
+
/**
|
|
1229
|
+
* Texto do botão de cancelar
|
|
1230
|
+
* @default "Cancelar"
|
|
1231
|
+
*/
|
|
1232
|
+
cancelButtonText?: string;
|
|
1233
|
+
/**
|
|
1234
|
+
* Se true, não exibe o dialog de confirmação
|
|
1235
|
+
* @default false
|
|
1236
|
+
*/
|
|
1237
|
+
skipConfirmation?: boolean;
|
|
1238
|
+
/**
|
|
1239
|
+
* Estado de loading durante a operação
|
|
1240
|
+
* @default false
|
|
1241
|
+
*/
|
|
1242
|
+
isLoading?: boolean;
|
|
1243
|
+
/**
|
|
1244
|
+
* Renderizador customizado do valor no badge
|
|
1245
|
+
*/
|
|
1246
|
+
renderValue?: (value: T, option?: EditableBadgeOption<T>) => React_2.ReactNode;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
/**
|
|
1250
|
+
* Empty Calendar Illustration
|
|
1251
|
+
* Use for: No events, no deadlines, clear schedule
|
|
1252
|
+
*/
|
|
1253
|
+
export declare function EmptyCalendarIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1254
|
+
|
|
1255
|
+
/**
|
|
1256
|
+
* Empty Contracts Illustration
|
|
1257
|
+
* Use for: No contracts, empty contracts list
|
|
1258
|
+
*/
|
|
1259
|
+
export declare function EmptyContractsIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1260
|
+
|
|
1261
|
+
/**
|
|
1262
|
+
* Empty Inbox Illustration
|
|
1263
|
+
* Use for: No messages, no notifications, cleared inbox
|
|
1264
|
+
*/
|
|
1265
|
+
export declare function EmptyInboxIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1266
|
+
|
|
1267
|
+
/**
|
|
1268
|
+
* Empty Projects Illustration
|
|
1269
|
+
* Use for: No projects, no campaigns, empty folder
|
|
1270
|
+
*/
|
|
1271
|
+
export declare function EmptyProjectsIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1272
|
+
|
|
1273
|
+
/**
|
|
1274
|
+
* Empty Search Illustration
|
|
1275
|
+
* Use for: No results found, empty search
|
|
1276
|
+
*/
|
|
1277
|
+
export declare function EmptySearchIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1278
|
+
|
|
1279
|
+
/**
|
|
1280
|
+
* EmptyState — Estado vazio padronizado do iClips.
|
|
1281
|
+
*
|
|
1282
|
+
* Age como "mentor" (arquétipo Herói): nunca exibe uma tela em branco nem
|
|
1283
|
+
* culpa o usuário. Em vez disso, explica o contexto e convida à ação.
|
|
1284
|
+
*
|
|
1285
|
+
* Variantes:
|
|
1286
|
+
* - **first-use**: Primeira visita ao módulo. Foco em benefício + CTA.
|
|
1287
|
+
* - **cleared**: Usuário concluiu ou limpou tudo. Tom celebratório.
|
|
1288
|
+
* - **no-results**: Busca/filtro sem retorno. Oriente a ajustar a busca.
|
|
1289
|
+
* - **error**: Falha de carregamento. Explique e dê uma saída clara.
|
|
1290
|
+
*
|
|
1291
|
+
* @example Com ícone Lucide
|
|
1292
|
+
* <EmptyState
|
|
1293
|
+
* variant="first-use"
|
|
1294
|
+
* icon={FolderOpen}
|
|
1295
|
+
* title="Seu primeiro projeto está esperando por você"
|
|
1296
|
+
* description="Centralize jobs, prazos e equipe em um único lugar."
|
|
1297
|
+
* primaryAction={{ label: "Criar Primeiro Projeto", onClick: handleCreate }}
|
|
1298
|
+
* />
|
|
1299
|
+
*
|
|
1300
|
+
* @example Com ilustração PNG
|
|
1301
|
+
* <EmptyState
|
|
1302
|
+
* variant="first-use"
|
|
1303
|
+
* illustration="/illustrations/contract-agreement.png"
|
|
1304
|
+
* title="Nenhum contrato cadastrado"
|
|
1305
|
+
* description="Crie contratos para gerenciar seus empenhos."
|
|
1306
|
+
* primaryAction={{ label: "Criar Contrato", onClick: handleCreate }}
|
|
1307
|
+
* />
|
|
1308
|
+
*/
|
|
1309
|
+
export declare function EmptyState({ icon: Icon, illustration, title, description, variant, primaryAction, secondaryAction, className, }: EmptyStateProps): JSX.Element;
|
|
1310
|
+
|
|
1311
|
+
export declare interface EmptyStateAction {
|
|
1312
|
+
label: string;
|
|
1313
|
+
onClick: () => void;
|
|
1314
|
+
/** @default "default" */
|
|
1315
|
+
variant?: React_2.ComponentProps<typeof Button>["variant"];
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
/**
|
|
1319
|
+
* Configuration for table empty states
|
|
1320
|
+
*
|
|
1321
|
+
* Supports both simple (string-only) and rich (icon + actions) empty states.
|
|
1322
|
+
*
|
|
1323
|
+
* @example Simple usage:
|
|
1324
|
+
* ```tsx
|
|
1325
|
+
* emptyState={{
|
|
1326
|
+
* title: "Nenhum contrato encontrado",
|
|
1327
|
+
* description: "Comece criando seu primeiro contrato."
|
|
1328
|
+
* }}
|
|
1329
|
+
* ```
|
|
1330
|
+
*
|
|
1331
|
+
* @example Rich usage with icon:
|
|
1332
|
+
* ```tsx
|
|
1333
|
+
* emptyState={{
|
|
1334
|
+
* icon: FileText,
|
|
1335
|
+
* title: "Nenhum contrato cadastrado",
|
|
1336
|
+
* description: "Crie contratos para gerenciar seus empenhos.",
|
|
1337
|
+
* variant: "first-use",
|
|
1338
|
+
* primaryAction: {
|
|
1339
|
+
* label: "Criar Primeiro Contrato",
|
|
1340
|
+
* onClick: () => navigate('/contratos/novo')
|
|
1341
|
+
* }
|
|
1342
|
+
* }}
|
|
1343
|
+
* ```
|
|
1344
|
+
*
|
|
1345
|
+
* @example With PNG illustration:
|
|
1346
|
+
* ```tsx
|
|
1347
|
+
* emptyState={{
|
|
1348
|
+
* illustration: "/illustrations/contract-agreement.png",
|
|
1349
|
+
* title: "Nenhum contrato cadastrado",
|
|
1350
|
+
* description: "Crie contratos para gerenciar seus empenhos.",
|
|
1351
|
+
* variant: "first-use",
|
|
1352
|
+
* primaryAction: {
|
|
1353
|
+
* label: "Criar Primeiro Contrato",
|
|
1354
|
+
* onClick: () => navigate('/contratos/novo')
|
|
1355
|
+
* }
|
|
1356
|
+
* }}
|
|
1357
|
+
* ```
|
|
1358
|
+
*/
|
|
1359
|
+
export declare interface EmptyStateConfig {
|
|
1360
|
+
/** Icon component (Lucide icon) */
|
|
1361
|
+
icon?: LucideIcon;
|
|
1362
|
+
/** Illustration PNG from design system (alternative to icon) */
|
|
1363
|
+
illustration?: string;
|
|
1364
|
+
/** Title - short and situation-oriented */
|
|
1365
|
+
title: string;
|
|
1366
|
+
/** Description - explains value and next step */
|
|
1367
|
+
description: string;
|
|
1368
|
+
/** Semantic variant (affects icon styling) */
|
|
1369
|
+
variant?: EmptyStateVariant;
|
|
1370
|
+
/** Primary call-to-action button */
|
|
1371
|
+
primaryAction?: EmptyStateAction;
|
|
1372
|
+
/** Secondary action button */
|
|
1373
|
+
secondaryAction?: EmptyStateAction;
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
export declare interface EmptyStateProps {
|
|
1377
|
+
/** Ícone principal. Prefira ícones do lucide-react com semântica relacionada ao contexto. */
|
|
1378
|
+
icon?: LucideIcon;
|
|
1379
|
+
/** Ilustração PNG do design system (alternativa ao icon). Precede o icon se ambos forem fornecidos. */
|
|
1380
|
+
illustration?: string;
|
|
1381
|
+
/** Título curto e orientado à situação do usuário. */
|
|
1382
|
+
title: string;
|
|
1383
|
+
/** Descrição que explica o valor da funcionalidade e o próximo passo. */
|
|
1384
|
+
description: string;
|
|
1385
|
+
/** Variante semântica do empty state. Controla o estilo do ícone. */
|
|
1386
|
+
variant?: EmptyStateVariant;
|
|
1387
|
+
/** Ação primária — botão principal de CTA. */
|
|
1388
|
+
primaryAction?: EmptyStateAction;
|
|
1389
|
+
/** Ação secundária — alternativa ou link de ajuda. */
|
|
1390
|
+
secondaryAction?: EmptyStateAction;
|
|
1391
|
+
className?: string;
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
export declare type EmptyStateVariant = "first-use" | "cleared" | "no-results" | "error";
|
|
1395
|
+
|
|
1396
|
+
/**
|
|
1397
|
+
* Error State Illustration
|
|
1398
|
+
* Use for: Error loading, something went wrong, not found
|
|
1399
|
+
*/
|
|
1400
|
+
export declare function ErrorStateIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
1401
|
+
|
|
1402
|
+
/**
|
|
1403
|
+
* Interface para um anexo de arquivo
|
|
1404
|
+
*/
|
|
1405
|
+
export declare interface FileAttachment {
|
|
1406
|
+
id?: string;
|
|
1407
|
+
nomeOriginal: string;
|
|
1408
|
+
chave?: string;
|
|
1409
|
+
tamanhoBytes?: number;
|
|
1410
|
+
dataUpload?: string;
|
|
1411
|
+
status?: 'completed' | 'uploading' | 'failed' | 'retrying';
|
|
1412
|
+
progress?: number;
|
|
1413
|
+
erro?: string;
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
/**
|
|
1417
|
+
* Componente para exibir lista de anexos com ações (download, view, remove)
|
|
1418
|
+
*/
|
|
1419
|
+
export declare function FileAttachmentList({ attachments, onDownload, onRemove, onView, showDownload, showRemove, showView, maxFilenameLength, variant, emptyMessage, isLoading, className, }: FileAttachmentListProps): JSX.Element;
|
|
1420
|
+
|
|
1421
|
+
/**
|
|
1422
|
+
* Props do componente FileAttachmentList
|
|
1423
|
+
*/
|
|
1424
|
+
export declare interface FileAttachmentListProps {
|
|
1425
|
+
/** Lista de anexos a serem exibidos */
|
|
1426
|
+
attachments: FileAttachment[];
|
|
1427
|
+
/** Callback quando usuário clica em download */
|
|
1428
|
+
onDownload?: (attachment: FileAttachment) => void | Promise<void>;
|
|
1429
|
+
/** Callback quando usuário clica em remover */
|
|
1430
|
+
onRemove?: (attachment: FileAttachment) => void;
|
|
1431
|
+
/** Callback quando usuário clica em visualizar */
|
|
1432
|
+
onView?: (attachment: FileAttachment) => void | Promise<void>;
|
|
1433
|
+
/** Mostrar botão de download */
|
|
1434
|
+
showDownload?: boolean;
|
|
1435
|
+
/** Mostrar botão de remover */
|
|
1436
|
+
showRemove?: boolean;
|
|
1437
|
+
/** Mostrar botão de visualizar */
|
|
1438
|
+
showView?: boolean;
|
|
1439
|
+
/** Comprimento máximo do nome do arquivo antes de truncar */
|
|
1440
|
+
maxFilenameLength?: number;
|
|
1441
|
+
/** Variante de exibição */
|
|
1442
|
+
variant?: 'compact' | 'detailed';
|
|
1443
|
+
/** Mensagem quando lista está vazia */
|
|
1444
|
+
emptyMessage?: string;
|
|
1445
|
+
/** Estado de loading geral */
|
|
1446
|
+
isLoading?: boolean;
|
|
1447
|
+
/** Classe CSS adicional */
|
|
1448
|
+
className?: string;
|
|
1449
|
+
}
|
|
1450
|
+
|
|
1451
|
+
/**
|
|
1452
|
+
* Componente de zona de upload com drag-and-drop
|
|
1453
|
+
*/
|
|
1454
|
+
export declare function FileUploadZone({ onFilesSelected, accept, multiple, maxFiles, maxSizeMB, disabled, isUploading, title, description, icon, className, onError, }: FileUploadZoneProps): JSX.Element;
|
|
1455
|
+
|
|
1456
|
+
/**
|
|
1457
|
+
* Props do componente FileUploadZone
|
|
1458
|
+
*/
|
|
1459
|
+
export declare interface FileUploadZoneProps {
|
|
1460
|
+
/** Callback quando arquivos são selecionados */
|
|
1461
|
+
onFilesSelected: (files: File[]) => void;
|
|
1462
|
+
/** Tipos de arquivo aceitos (ex: ".pdf,.doc,.docx" ou "image/*") */
|
|
1463
|
+
accept?: string;
|
|
1464
|
+
/** Permitir múltiplos arquivos */
|
|
1465
|
+
multiple?: boolean;
|
|
1466
|
+
/** Número máximo de arquivos */
|
|
1467
|
+
maxFiles?: number;
|
|
1468
|
+
/** Tamanho máximo em MB */
|
|
1469
|
+
maxSizeMB?: number;
|
|
1470
|
+
/** Desabilitar upload */
|
|
1471
|
+
disabled?: boolean;
|
|
1472
|
+
/** Estado de loading/upload em andamento */
|
|
1473
|
+
isUploading?: boolean;
|
|
1474
|
+
/** Título da zona de upload */
|
|
1475
|
+
title?: string;
|
|
1476
|
+
/** Descrição da zona de upload */
|
|
1477
|
+
description?: string;
|
|
1478
|
+
/** Ícone customizado */
|
|
1479
|
+
icon?: React.ReactNode;
|
|
1480
|
+
/** Classe CSS adicional */
|
|
1481
|
+
className?: string;
|
|
1482
|
+
/** Callback quando houver erro de validação */
|
|
1483
|
+
onError?: (error: string) => void;
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
export declare function FilterBar({ activeFilters, onClearAll, onOpenFilters, className, children, }: FilterBarProps): JSX.Element;
|
|
1487
|
+
|
|
1488
|
+
export declare interface FilterBarProps {
|
|
1489
|
+
activeFilters?: ActiveFilter[];
|
|
1490
|
+
onClearAll?: () => void;
|
|
1491
|
+
onOpenFilters?: () => void;
|
|
1492
|
+
className?: string;
|
|
1493
|
+
children?: React_2.ReactNode;
|
|
1494
|
+
}
|
|
1495
|
+
|
|
1496
|
+
export declare function FilterBuilder({ conditions, onConditionsChange, fields, className, }: FilterBuilderProps): JSX.Element;
|
|
1497
|
+
|
|
1498
|
+
export declare interface FilterBuilderProps {
|
|
1499
|
+
conditions: FilterCondition[];
|
|
1500
|
+
onConditionsChange: (conditions: FilterCondition[]) => void;
|
|
1501
|
+
fields: FilterField[];
|
|
1502
|
+
className?: string;
|
|
1503
|
+
}
|
|
1504
|
+
|
|
1505
|
+
export declare const FilterChip: React_2.ForwardRefExoticComponent<FilterChipProps & React_2.RefAttributes<HTMLSpanElement>>;
|
|
1506
|
+
|
|
1507
|
+
export declare interface FilterChipProps {
|
|
1508
|
+
label: string;
|
|
1509
|
+
value?: string;
|
|
1510
|
+
onRemove?: () => void;
|
|
1511
|
+
className?: string;
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
export declare interface FilterCondition {
|
|
1515
|
+
id: string;
|
|
1516
|
+
field: string;
|
|
1517
|
+
operator: string;
|
|
1518
|
+
value: string | string[];
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
/**
|
|
1522
|
+
* Filter configuration for a column
|
|
1523
|
+
*
|
|
1524
|
+
* @example
|
|
1525
|
+
* ```tsx
|
|
1526
|
+
* const filters: FilterConfig<User>[] = [
|
|
1527
|
+
* {
|
|
1528
|
+
* column: "status",
|
|
1529
|
+
* operator: "in",
|
|
1530
|
+
* value: ["active", "pending"]
|
|
1531
|
+
* },
|
|
1532
|
+
* {
|
|
1533
|
+
* column: "age",
|
|
1534
|
+
* operator: "greaterThan",
|
|
1535
|
+
* value: 18
|
|
1536
|
+
* }
|
|
1537
|
+
* ];
|
|
1538
|
+
* ```
|
|
1539
|
+
*/
|
|
1540
|
+
export declare interface FilterConfig<T> {
|
|
1541
|
+
column: keyof T;
|
|
1542
|
+
operator: FilterOperator;
|
|
1543
|
+
/**
|
|
1544
|
+
* Operando do filtro: string, número, boolean, Date ou array (operadores `in`/`between`).
|
|
1545
|
+
* Continua `any` de propósito — `FilterConfig` é exportado e apertar para `unknown`
|
|
1546
|
+
* forçaria casts em todo consumidor que lê `.value`. As comparações que usam esse
|
|
1547
|
+
* valor ficam isoladas em `use-data-table.ts`.
|
|
1548
|
+
*/
|
|
1549
|
+
value: any;
|
|
1550
|
+
}
|
|
1551
|
+
|
|
1552
|
+
export declare interface FilterField {
|
|
1553
|
+
value: string;
|
|
1554
|
+
label: string;
|
|
1555
|
+
type?: "text" | "number" | "select" | "date";
|
|
1556
|
+
options?: {
|
|
1557
|
+
value: string;
|
|
1558
|
+
label: string;
|
|
1559
|
+
}[];
|
|
1560
|
+
/**
|
|
1561
|
+
* Opções agrupadas hierarquicamente — mesma forma usada por Combobox e MultiSelect.
|
|
1562
|
+
* Use `options` OU `groups`. O cabeçalho só é selecionável quando tem `value`.
|
|
1563
|
+
*/
|
|
1564
|
+
groups?: FilterOptionGroup[];
|
|
1565
|
+
multiSelect?: boolean;
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1568
|
+
/**
|
|
1569
|
+
* Filter function type
|
|
1570
|
+
*/
|
|
1571
|
+
export declare type FilterFunction<T extends object> = (row: T, filters: FilterConfig<T>[]) => boolean;
|
|
1572
|
+
|
|
1573
|
+
/**
|
|
1574
|
+
* Filter operator types
|
|
1575
|
+
*/
|
|
1576
|
+
export declare type FilterOperator = "equals" | "contains" | "startsWith" | "endsWith" | "greaterThan" | "greaterThanOrEqual" | "lessThan" | "lessThanOrEqual" | "between" | "in";
|
|
1577
|
+
|
|
1578
|
+
export declare interface FilterOptionGroup {
|
|
1579
|
+
label: string;
|
|
1580
|
+
/** Quando presente, o cabeçalho do grupo também é selecionável */
|
|
1581
|
+
value?: string;
|
|
1582
|
+
options: {
|
|
1583
|
+
value: string;
|
|
1584
|
+
label: string;
|
|
1585
|
+
}[];
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
|
|
1589
|
+
|
|
1590
|
+
export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
|
|
1591
|
+
|
|
1592
|
+
export declare const FormDescription: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
1593
|
+
|
|
1594
|
+
export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
|
|
1595
|
+
|
|
1596
|
+
export declare const FormItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1597
|
+
|
|
1598
|
+
export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<Omit<LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
|
|
1599
|
+
|
|
1600
|
+
export declare const FormMessage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
1601
|
+
|
|
1602
|
+
/**
|
|
1603
|
+
* Generate array of page numbers with ellipsis
|
|
1604
|
+
*/
|
|
1605
|
+
export declare function getPageNumbers(currentPage: number, totalPages: number, maxVisible?: number): (number | "ellipsis")[];
|
|
1606
|
+
|
|
1607
|
+
export declare function HoverCard({ ...props }: React_2.ComponentProps<typeof HoverCardPrimitive.Root>): JSX.Element;
|
|
1608
|
+
|
|
1609
|
+
export declare const HoverCardContent: React_2.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1610
|
+
|
|
1611
|
+
export declare const HoverCardTrigger: React_2.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React_2.RefAttributes<HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
1612
|
+
|
|
1613
|
+
/**
|
|
1614
|
+
* Illustration System - iClips Design System
|
|
1615
|
+
*
|
|
1616
|
+
* Componentes de ilustração respaldados pelos assets PNG oficiais da marca.
|
|
1617
|
+
* Os arquivos são importados como módulos e bundlados junto com a lib.
|
|
1618
|
+
*/
|
|
1619
|
+
export declare interface IllustrationProps {
|
|
1620
|
+
className?: string;
|
|
1621
|
+
size?: "sm" | "md" | "lg";
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
export declare const Illustrations: {
|
|
1625
|
+
EmptyInbox: typeof EmptyInboxIllustration;
|
|
1626
|
+
EmptySearch: typeof EmptySearchIllustration;
|
|
1627
|
+
EmptyProjects: typeof EmptyProjectsIllustration;
|
|
1628
|
+
EmptyCalendar: typeof EmptyCalendarIllustration;
|
|
1629
|
+
EmptyContracts: typeof EmptyContractsIllustration;
|
|
1630
|
+
ErrorState: typeof ErrorStateIllustration;
|
|
1631
|
+
SuccessState: typeof SuccessStateIllustration;
|
|
1632
|
+
};
|
|
1633
|
+
|
|
1634
|
+
export declare const illustrationSources: {
|
|
1635
|
+
emptyTaskApproved: string;
|
|
1636
|
+
emptyNoResults: string;
|
|
1637
|
+
createRecord: string;
|
|
1638
|
+
scheduledTasks: string;
|
|
1639
|
+
emptyNotFound: string;
|
|
1640
|
+
successCheckmark: string;
|
|
1641
|
+
contractAgreement: string;
|
|
1642
|
+
announcements: string;
|
|
1643
|
+
checklistApproved: string;
|
|
1644
|
+
clientProfile: string;
|
|
1645
|
+
ctaAction: string;
|
|
1646
|
+
draftDocument: string;
|
|
1647
|
+
editCompany: string;
|
|
1648
|
+
editDocument: string;
|
|
1649
|
+
emptyWorkflowStatus: string;
|
|
1650
|
+
integrations: string;
|
|
1651
|
+
onboardingTips: string;
|
|
1652
|
+
searchDocuments: string;
|
|
1653
|
+
};
|
|
1654
|
+
|
|
1655
|
+
export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
1656
|
+
|
|
1657
|
+
export declare function InputGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1658
|
+
|
|
1659
|
+
export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
|
|
1660
|
+
|
|
1661
|
+
declare const inputGroupAddonVariants: (props?: ({
|
|
1662
|
+
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
1663
|
+
} & ClassProp) | undefined) => string;
|
|
1664
|
+
|
|
1665
|
+
export declare function InputGroupButton({ className, size, variant, type, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants> & {
|
|
1666
|
+
type?: "button" | "submit" | "reset";
|
|
1667
|
+
}): JSX.Element;
|
|
1668
|
+
|
|
1669
|
+
declare const inputGroupButtonVariants: (props?: ({
|
|
1670
|
+
size?: "default" | "sm" | "xs" | "icon-xs" | null | undefined;
|
|
1671
|
+
} & ClassProp) | undefined) => string;
|
|
1672
|
+
|
|
1673
|
+
export declare const InputGroupInput: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
1674
|
+
|
|
1675
|
+
export declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
|
|
1676
|
+
|
|
1677
|
+
export declare const InputGroupTextarea: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
|
|
1678
|
+
|
|
1679
|
+
export declare const InputOTP: React_2.ForwardRefExoticComponent<((Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
|
|
1680
|
+
value?: string;
|
|
1681
|
+
onChange?: (newValue: string) => unknown;
|
|
1682
|
+
maxLength: number;
|
|
1683
|
+
textAlign?: "left" | "center" | "right";
|
|
1684
|
+
onComplete?: (...args: any[]) => unknown;
|
|
1685
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
1686
|
+
pasteTransformer?: (pasted: string) => string;
|
|
1687
|
+
containerClassName?: string;
|
|
1688
|
+
noScriptCSSFallback?: string | null;
|
|
1689
|
+
} & {
|
|
1690
|
+
render: (props: RenderProps) => React_2.ReactNode;
|
|
1691
|
+
children?: never;
|
|
1692
|
+
} & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
|
|
1693
|
+
value?: string;
|
|
1694
|
+
onChange?: (newValue: string) => unknown;
|
|
1695
|
+
maxLength: number;
|
|
1696
|
+
textAlign?: "left" | "center" | "right";
|
|
1697
|
+
onComplete?: (...args: any[]) => unknown;
|
|
1698
|
+
pushPasswordManagerStrategy?: "increase-width" | "none";
|
|
1699
|
+
pasteTransformer?: (pasted: string) => string;
|
|
1700
|
+
containerClassName?: string;
|
|
1701
|
+
noScriptCSSFallback?: string | null;
|
|
1702
|
+
} & {
|
|
1703
|
+
render?: never;
|
|
1704
|
+
children: React_2.ReactNode;
|
|
1705
|
+
} & React_2.RefAttributes<HTMLInputElement>, "ref">) & {
|
|
1706
|
+
containerClassName?: string;
|
|
1707
|
+
}) & React_2.RefAttributes<HTMLInputElement>>;
|
|
1708
|
+
|
|
1709
|
+
export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1710
|
+
|
|
1711
|
+
export declare function InputOTPSeparator({ ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
1712
|
+
|
|
1713
|
+
export declare function InputOTPSlot({ index, className, ...props }: React_2.ComponentProps<"div"> & {
|
|
1714
|
+
index: number;
|
|
1715
|
+
}): JSX.Element;
|
|
1716
|
+
|
|
1717
|
+
/**
|
|
1718
|
+
* InputValidation — Input com feedback visual de validação em tempo real (Inline Validation).
|
|
1719
|
+
*
|
|
1720
|
+
* Exibe um ícone de CheckCircle (verde) para entradas válidas e XCircle (vermelho)
|
|
1721
|
+
* para entradas inválidas, comunicando o resultado imediatamente ao usuário — sem
|
|
1722
|
+
* esperar pelo submit do formulário.
|
|
1723
|
+
*
|
|
1724
|
+
* Arquétipo Governante: previne o erro antes que ele aconteça.
|
|
1725
|
+
* Arquétipo Herói: reduz a fricção com feedback imediato e encorajador.
|
|
1726
|
+
*
|
|
1727
|
+
* @example
|
|
1728
|
+
* // Modo controlado (recomendado com react-hook-form)
|
|
1729
|
+
* <InputValidation validationState={errors.email ? "invalid" : value ? "valid" : "idle"} />
|
|
1730
|
+
*
|
|
1731
|
+
* @example
|
|
1732
|
+
* // Modo com validate automático
|
|
1733
|
+
* <InputValidation validate={(v) => v.includes("@") ? true : v.length > 0 ? false : null} />
|
|
1734
|
+
*/
|
|
1735
|
+
export declare const InputValidation: React_2.ForwardRefExoticComponent<Omit<InputValidationProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
1736
|
+
|
|
1737
|
+
export declare interface InputValidationProps extends React_2.ComponentProps<"input"> {
|
|
1738
|
+
/**
|
|
1739
|
+
* Estado de validação controlado externamente.
|
|
1740
|
+
* Use "idle" antes da primeira interação, "valid" para sucesso e "invalid" para erro.
|
|
1741
|
+
*/
|
|
1742
|
+
validationState?: ValidationState;
|
|
1743
|
+
/**
|
|
1744
|
+
* Função de validação automática disparada no onChange.
|
|
1745
|
+
* Retorna true para válido, false para inválido, null para idle.
|
|
1746
|
+
* Só é usada se `validationState` não for fornecido.
|
|
1747
|
+
*/
|
|
1748
|
+
validate?: (value: string) => boolean | null;
|
|
1749
|
+
}
|
|
1750
|
+
|
|
1751
|
+
export declare const KPICard: React_2.ForwardRefExoticComponent<KPICardProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
1752
|
+
|
|
1753
|
+
export declare interface KPICardProps {
|
|
1754
|
+
/**
|
|
1755
|
+
* Título do KPI (ex: "Receita Mensal")
|
|
1756
|
+
*/
|
|
1757
|
+
title: string;
|
|
1758
|
+
/**
|
|
1759
|
+
* Valor principal em destaque (ex: "R$ 127.361,23")
|
|
1760
|
+
*/
|
|
1761
|
+
primaryContent: string;
|
|
1762
|
+
/**
|
|
1763
|
+
* Texto secundário descritivo (ex: "vs. mês anterior")
|
|
1764
|
+
*/
|
|
1765
|
+
secondaryContent?: string;
|
|
1766
|
+
/**
|
|
1767
|
+
* Valor de tendência para exibir badge com seta
|
|
1768
|
+
* Positivo = verde + seta para cima
|
|
1769
|
+
* Negativo = vermelho + seta para baixo
|
|
1770
|
+
*/
|
|
1771
|
+
trendValue?: number;
|
|
1772
|
+
/**
|
|
1773
|
+
* Label customizado para tendência (default: "+X%" ou "-X%")
|
|
1774
|
+
*/
|
|
1775
|
+
trendLabel?: string;
|
|
1776
|
+
/**
|
|
1777
|
+
* Ícone a ser exibido no header (componente Lucide React)
|
|
1778
|
+
*/
|
|
1779
|
+
icon?: React_2.ComponentType<{
|
|
1780
|
+
className?: string;
|
|
1781
|
+
}>;
|
|
1782
|
+
/**
|
|
1783
|
+
* Estado de loading - exibe skeleton
|
|
1784
|
+
*/
|
|
1785
|
+
isLoading?: boolean;
|
|
1786
|
+
/**
|
|
1787
|
+
* Handler de click - torna o card clicável com hover
|
|
1788
|
+
*/
|
|
1789
|
+
onClick?: () => void;
|
|
1790
|
+
/**
|
|
1791
|
+
* Classes CSS adicionais
|
|
1792
|
+
*/
|
|
1793
|
+
className?: string;
|
|
1794
|
+
}
|
|
1795
|
+
|
|
1796
|
+
export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
|
|
1797
|
+
|
|
1798
|
+
export declare const Menubar: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1799
|
+
|
|
1800
|
+
export declare const MenubarCheckboxItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1801
|
+
|
|
1802
|
+
export declare const MenubarContent: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1803
|
+
|
|
1804
|
+
export declare const MenubarGroup: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1805
|
+
|
|
1806
|
+
export declare const MenubarItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1807
|
+
inset?: boolean;
|
|
1808
|
+
variant?: "default" | "destructive";
|
|
1809
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1810
|
+
|
|
1811
|
+
export declare const MenubarLabel: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1812
|
+
inset?: boolean;
|
|
1813
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1814
|
+
|
|
1815
|
+
export declare function MenubarMenu({ ...props }: React_2.ComponentProps<typeof MenubarPrimitive.Menu>): JSX.Element;
|
|
1816
|
+
|
|
1817
|
+
export declare function MenubarPortal({ ...props }: React_2.ComponentProps<typeof MenubarPrimitive.Portal>): JSX.Element;
|
|
1818
|
+
|
|
1819
|
+
export declare const MenubarRadioGroup: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1820
|
+
|
|
1821
|
+
export declare const MenubarRadioItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1822
|
+
|
|
1823
|
+
export declare const MenubarSeparator: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1824
|
+
|
|
1825
|
+
export declare const MenubarShortcut: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
1826
|
+
|
|
1827
|
+
export declare function MenubarSub({ ...props }: React_2.ComponentProps<typeof MenubarPrimitive.Sub>): JSX.Element;
|
|
1828
|
+
|
|
1829
|
+
export declare const MenubarSubContent: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1830
|
+
|
|
1831
|
+
export declare const MenubarSubTrigger: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1832
|
+
inset?: boolean;
|
|
1833
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
1834
|
+
|
|
1835
|
+
export declare const MenubarTrigger: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1836
|
+
|
|
1837
|
+
/**
|
|
1838
|
+
* MonthRangePicker - Seleção de intervalo de meses (Mês/Ano Início + Mês/Ano Fim)
|
|
1839
|
+
*
|
|
1840
|
+
* @example
|
|
1841
|
+
* <MonthRangePicker
|
|
1842
|
+
* value={periodo}
|
|
1843
|
+
* onChange={setPeriodo}
|
|
1844
|
+
* placeholder="Selecione o período"
|
|
1845
|
+
* />
|
|
1846
|
+
*
|
|
1847
|
+
* @example
|
|
1848
|
+
* // Digitação direta
|
|
1849
|
+
* // Set/2025 → Mar/2026
|
|
1850
|
+
* // 09/2025 - 03/2026
|
|
1851
|
+
*/
|
|
1852
|
+
export declare const MonthRangePicker: React_2.ForwardRefExoticComponent<MonthRangePickerProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
1853
|
+
|
|
1854
|
+
export declare interface MonthRangePickerProps {
|
|
1855
|
+
/**
|
|
1856
|
+
* Intervalo de meses selecionado. `from`/`to` representam o 1º dia do mês.
|
|
1857
|
+
*/
|
|
1858
|
+
value?: MonthYearRange;
|
|
1859
|
+
/**
|
|
1860
|
+
* Callback quando o intervalo muda
|
|
1861
|
+
*/
|
|
1862
|
+
onChange?: (range: MonthYearRange | undefined) => void;
|
|
1863
|
+
/**
|
|
1864
|
+
* Placeholder do campo
|
|
1865
|
+
* @default "Selecione um período"
|
|
1866
|
+
*/
|
|
1867
|
+
placeholder?: string;
|
|
1868
|
+
/**
|
|
1869
|
+
* Desabilita o componente
|
|
1870
|
+
*/
|
|
1871
|
+
disabled?: boolean;
|
|
1872
|
+
/**
|
|
1873
|
+
* Ano mínimo navegável
|
|
1874
|
+
* @default 2020
|
|
1875
|
+
*/
|
|
1876
|
+
minYear?: number;
|
|
1877
|
+
/**
|
|
1878
|
+
* Ano máximo navegável
|
|
1879
|
+
* @default anoAtual + 5
|
|
1880
|
+
*/
|
|
1881
|
+
maxYear?: number;
|
|
1882
|
+
/**
|
|
1883
|
+
* Classes CSS adicionais para o trigger
|
|
1884
|
+
*/
|
|
1885
|
+
className?: string;
|
|
1886
|
+
/**
|
|
1887
|
+
* Estado de erro
|
|
1888
|
+
*/
|
|
1889
|
+
error?: boolean;
|
|
1890
|
+
/**
|
|
1891
|
+
* ID do campo para acessibilidade
|
|
1892
|
+
*/
|
|
1893
|
+
id?: string;
|
|
1894
|
+
/**
|
|
1895
|
+
* Nome do campo para formulários
|
|
1896
|
+
*/
|
|
1897
|
+
name?: string;
|
|
1898
|
+
}
|
|
1899
|
+
|
|
1900
|
+
export declare interface MonthYearRange {
|
|
1901
|
+
from: Date;
|
|
1902
|
+
to: Date;
|
|
1903
|
+
}
|
|
1904
|
+
|
|
1905
|
+
/**
|
|
1906
|
+
* MultiSelect — Seleção múltipla com chips, busca, grupos hierárquicos e slots de badge por opção.
|
|
1907
|
+
*
|
|
1908
|
+
* @example
|
|
1909
|
+
* ```tsx
|
|
1910
|
+
* // Lista plana
|
|
1911
|
+
* <MultiSelect
|
|
1912
|
+
* value={selectedSquads}
|
|
1913
|
+
* onValueChange={setSelectedSquads}
|
|
1914
|
+
* options={squads.map(s => ({ value: String(s.id), label: s.name }))}
|
|
1915
|
+
* placeholder="Selecione os squads"
|
|
1916
|
+
* />
|
|
1917
|
+
*
|
|
1918
|
+
* // Com badge por opção (ex: funcionários externos)
|
|
1919
|
+
* <MultiSelect
|
|
1920
|
+
* value={selectedEmployees}
|
|
1921
|
+
* onValueChange={setSelectedEmployees}
|
|
1922
|
+
* options={employees.map(e => ({
|
|
1923
|
+
* value: String(e.id),
|
|
1924
|
+
* label: e.name,
|
|
1925
|
+
* badge: e.isExternalUser
|
|
1926
|
+
* ? <Badge variant="secondary" className="text-xs">Externo</Badge>
|
|
1927
|
+
* : undefined,
|
|
1928
|
+
* }))}
|
|
1929
|
+
* />
|
|
1930
|
+
*
|
|
1931
|
+
* // Lista hierárquica (grupos de clientes)
|
|
1932
|
+
* <MultiSelect
|
|
1933
|
+
* value={selectedClients}
|
|
1934
|
+
* onValueChange={setSelectedClients}
|
|
1935
|
+
* groups={customerGroups.map(g => ({
|
|
1936
|
+
* label: g.name,
|
|
1937
|
+
* options: g.children.map(c => ({ value: String(c.id), label: c.name })),
|
|
1938
|
+
* }))}
|
|
1939
|
+
* />
|
|
1940
|
+
* ```
|
|
1941
|
+
*/
|
|
1942
|
+
export declare const MultiSelect: React_2.ForwardRefExoticComponent<MultiSelectProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
1943
|
+
|
|
1944
|
+
export declare interface MultiSelectGroup {
|
|
1945
|
+
label: string;
|
|
1946
|
+
options: MultiSelectOption[];
|
|
1947
|
+
/** Quando presente, o header do grupo torna-se clicável e seleciona/deseleciona o grupo */
|
|
1948
|
+
value?: string;
|
|
1949
|
+
}
|
|
1950
|
+
|
|
1951
|
+
export declare interface MultiSelectOption {
|
|
1952
|
+
value: string;
|
|
1953
|
+
label: string;
|
|
1954
|
+
disabled?: boolean;
|
|
1955
|
+
/** Slot para renderização customizada à direita do label — ex: <Badge>Externo</Badge> */
|
|
1956
|
+
badge?: React_2.ReactNode;
|
|
1957
|
+
}
|
|
1958
|
+
|
|
1959
|
+
export declare interface MultiSelectProps {
|
|
1960
|
+
/** Valores atualmente selecionados */
|
|
1961
|
+
value: string[];
|
|
1962
|
+
/** Callback disparado ao alterar a seleção */
|
|
1963
|
+
onValueChange: (values: string[]) => void;
|
|
1964
|
+
/**
|
|
1965
|
+
* Opções em lista plana.
|
|
1966
|
+
* Use `options` OU `groups` — nunca os dois ao mesmo tempo.
|
|
1967
|
+
*/
|
|
1968
|
+
options?: MultiSelectOption[];
|
|
1969
|
+
/**
|
|
1970
|
+
* Opções agrupadas hierarquicamente.
|
|
1971
|
+
* Use `options` OU `groups` — nunca os dois ao mesmo tempo.
|
|
1972
|
+
*/
|
|
1973
|
+
groups?: MultiSelectGroup[];
|
|
1974
|
+
placeholder?: string;
|
|
1975
|
+
searchPlaceholder?: string;
|
|
1976
|
+
emptyMessage?: string;
|
|
1977
|
+
/** Rótulo acessível do gatilho quando não há `<Label>` associado */
|
|
1978
|
+
"aria-label"?: string;
|
|
1979
|
+
"aria-labelledby"?: string;
|
|
1980
|
+
disabled?: boolean;
|
|
1981
|
+
/** Exibe estado de carregamento — substitui a lista por spinner */
|
|
1982
|
+
loading?: boolean;
|
|
1983
|
+
/**
|
|
1984
|
+
* Número máximo de chips visíveis no trigger antes de exibir "+N".
|
|
1985
|
+
* @default 2
|
|
1986
|
+
*/
|
|
1987
|
+
maxVisibleChips?: number;
|
|
1988
|
+
/**
|
|
1989
|
+
* Callback de busca assíncrona — chamado a cada keystroke e ao abrir o dropdown.
|
|
1990
|
+
* Quando presente, a filtragem local é desativada (o caller controla `options`/`groups`).
|
|
1991
|
+
*/
|
|
1992
|
+
onSearch?: (query: string) => void;
|
|
1993
|
+
/**
|
|
1994
|
+
* Habilita criação de uma nova opção diretamente no dropdown.
|
|
1995
|
+
* Chamado quando o usuário clica em "Criar '{busca}'" — o caller é responsável por
|
|
1996
|
+
* persistir a opção (ex: chamada de API), atualizar `options`/`value` com o resultado
|
|
1997
|
+
* e sinalizar falhas ao usuário (ex: toast). Rejeitar a promise preserva o termo
|
|
1998
|
+
* buscado no campo, permitindo corrigir e tentar novamente.
|
|
1999
|
+
* Exibido apenas quando não há opção com label idêntico ao termo buscado.
|
|
2000
|
+
*/
|
|
2001
|
+
onCreateOption?: (inputValue: string) => void | Promise<void>;
|
|
2002
|
+
/** Customiza o label do botão de criação. @default (query) => `Criar "${query}"` */
|
|
2003
|
+
createOptionLabel?: (query: string) => string;
|
|
2004
|
+
className?: string;
|
|
2005
|
+
}
|
|
2006
|
+
|
|
2007
|
+
export declare const NavigationMenu: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React_2.RefAttributes<HTMLElement>, "ref"> & {
|
|
2008
|
+
viewport?: boolean;
|
|
2009
|
+
} & React_2.RefAttributes<HTMLElement>>;
|
|
2010
|
+
|
|
2011
|
+
export declare const NavigationMenuContent: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2012
|
+
|
|
2013
|
+
export declare const NavigationMenuItem: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
|
|
2014
|
+
|
|
2015
|
+
export declare const NavigationMenuLink: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React_2.RefAttributes<HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
2016
|
+
|
|
2017
|
+
export declare const NavigationMenuList: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React_2.RefAttributes<HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
|
|
2018
|
+
|
|
2019
|
+
export declare const NavigationMenuTrigger: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2020
|
+
|
|
2021
|
+
export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
|
|
2022
|
+
|
|
2023
|
+
export declare const NumberInput: React_2.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
2024
|
+
|
|
2025
|
+
export declare interface NumberInputProps extends Omit<React_2.ComponentProps<"input">, "type" | "onChange" | "value"> {
|
|
2026
|
+
/**
|
|
2027
|
+
* Valor controlado
|
|
2028
|
+
*/
|
|
2029
|
+
value?: number;
|
|
2030
|
+
/**
|
|
2031
|
+
* Valor padrão inicial
|
|
2032
|
+
*/
|
|
2033
|
+
defaultValue?: number;
|
|
2034
|
+
/**
|
|
2035
|
+
* Callback quando o valor muda
|
|
2036
|
+
*/
|
|
2037
|
+
onChange?: (value: number) => void;
|
|
2038
|
+
/**
|
|
2039
|
+
* Valor mínimo permitido
|
|
2040
|
+
*/
|
|
2041
|
+
min?: number;
|
|
2042
|
+
/**
|
|
2043
|
+
* Valor máximo permitido
|
|
2044
|
+
*/
|
|
2045
|
+
max?: number;
|
|
2046
|
+
/**
|
|
2047
|
+
* Incremento/decremento
|
|
2048
|
+
* @default 1
|
|
2049
|
+
*/
|
|
2050
|
+
step?: number;
|
|
2051
|
+
/**
|
|
2052
|
+
* Casas decimais para exibição
|
|
2053
|
+
* @default 0
|
|
2054
|
+
*/
|
|
2055
|
+
precision?: number;
|
|
2056
|
+
/**
|
|
2057
|
+
* Opções de formatação Intl.NumberFormat
|
|
2058
|
+
*/
|
|
2059
|
+
formatOptions?: Intl.NumberFormatOptions;
|
|
2060
|
+
/**
|
|
2061
|
+
* Locale para formatação
|
|
2062
|
+
* @default "pt-BR"
|
|
2063
|
+
*/
|
|
2064
|
+
locale?: string;
|
|
2065
|
+
/**
|
|
2066
|
+
* Permite incrementar/decrementar com scroll do mouse
|
|
2067
|
+
* @default false
|
|
2068
|
+
*/
|
|
2069
|
+
allowMouseWheel?: boolean;
|
|
2070
|
+
/**
|
|
2071
|
+
* Ajusta valor dentro dos limites ao perder foco
|
|
2072
|
+
* @default true
|
|
2073
|
+
*/
|
|
2074
|
+
clampValueOnBlur?: boolean;
|
|
2075
|
+
/**
|
|
2076
|
+
* Mantém valor sempre dentro do range
|
|
2077
|
+
* @default true
|
|
2078
|
+
*/
|
|
2079
|
+
keepWithinRange?: boolean;
|
|
2080
|
+
/**
|
|
2081
|
+
* Mostra os botões de incremento/decremento
|
|
2082
|
+
* @default true
|
|
2083
|
+
*/
|
|
2084
|
+
showButtons?: boolean;
|
|
2085
|
+
/**
|
|
2086
|
+
* Layout dos botões
|
|
2087
|
+
* @default "vertical"
|
|
2088
|
+
*/
|
|
2089
|
+
buttonLayout?: "vertical" | "horizontal";
|
|
2090
|
+
/**
|
|
2091
|
+
* Posição dos botões (apenas para layout vertical)
|
|
2092
|
+
* @default "right"
|
|
2093
|
+
*/
|
|
2094
|
+
buttonPosition?: "right" | "left";
|
|
2095
|
+
/**
|
|
2096
|
+
* Classes CSS para o container externo
|
|
2097
|
+
*/
|
|
2098
|
+
containerClassName?: string;
|
|
2099
|
+
/**
|
|
2100
|
+
* Classes CSS adicionais para o input (não sobrescreva padding/alinhamento)
|
|
2101
|
+
*/
|
|
2102
|
+
inputClassName?: string;
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2105
|
+
export declare function PageHeader({ title, description, breadcrumbs, secondaryNavCollapsed, onSecondaryNavToggle, className, }: PageHeaderProps): JSX.Element;
|
|
2106
|
+
|
|
2107
|
+
export declare interface PageHeaderProps {
|
|
2108
|
+
title: string;
|
|
2109
|
+
description?: string;
|
|
2110
|
+
breadcrumbs?: BreadcrumbItemData[];
|
|
2111
|
+
secondaryNavCollapsed?: boolean;
|
|
2112
|
+
onSecondaryNavToggle?: () => void;
|
|
2113
|
+
className?: string;
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2116
|
+
export declare const Pagination: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
|
|
2117
|
+
|
|
2118
|
+
/**
|
|
2119
|
+
* Pagination configuration
|
|
2120
|
+
*
|
|
2121
|
+
* @example
|
|
2122
|
+
* ```tsx
|
|
2123
|
+
* const [pagination, setPagination] = useState<PaginationConfig>({
|
|
2124
|
+
* currentPage: 1,
|
|
2125
|
+
* pageSize: 10,
|
|
2126
|
+
* totalItems: 100
|
|
2127
|
+
* });
|
|
2128
|
+
* ```
|
|
2129
|
+
*/
|
|
2130
|
+
export declare interface PaginationConfig {
|
|
2131
|
+
/** Current page number (1-indexed) */
|
|
2132
|
+
currentPage: number;
|
|
2133
|
+
/** Number of items per page */
|
|
2134
|
+
pageSize: number;
|
|
2135
|
+
/** Total number of items */
|
|
2136
|
+
totalItems: number;
|
|
2137
|
+
/** Callback when page changes */
|
|
2138
|
+
onPageChange?: (page: number) => void;
|
|
2139
|
+
/** Callback when page size changes */
|
|
2140
|
+
onPageSizeChange?: (size: number) => void;
|
|
2141
|
+
}
|
|
2142
|
+
|
|
2143
|
+
export declare const PaginationContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
|
|
2144
|
+
|
|
2145
|
+
export declare const PaginationEllipsis: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
2146
|
+
|
|
2147
|
+
export declare const PaginationItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
|
|
2148
|
+
|
|
2149
|
+
export declare const PaginationLink: React_2.ForwardRefExoticComponent<Omit<PaginationLinkProps, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
2150
|
+
|
|
2151
|
+
declare type PaginationLinkProps = {
|
|
2152
|
+
isActive?: boolean;
|
|
2153
|
+
} & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
|
|
2154
|
+
|
|
2155
|
+
/**
|
|
2156
|
+
* Helper to calculate pagination metadata
|
|
2157
|
+
*/
|
|
2158
|
+
export declare interface PaginationMetadata {
|
|
2159
|
+
totalPages: number;
|
|
2160
|
+
startIndex: number;
|
|
2161
|
+
endIndex: number;
|
|
2162
|
+
hasNextPage: boolean;
|
|
2163
|
+
hasPreviousPage: boolean;
|
|
2164
|
+
}
|
|
2165
|
+
|
|
2166
|
+
export declare const PaginationNext: React_2.ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, "ref"> & React_2.RefAttributes<HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
2167
|
+
|
|
2168
|
+
export declare const PaginationPrevious: React_2.ForwardRefExoticComponent<Omit<Omit<PaginationLinkProps, "ref"> & React_2.RefAttributes<HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
2169
|
+
|
|
2170
|
+
export declare const PasswordInput: React_2.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
|
|
2171
|
+
|
|
2172
|
+
export declare interface PasswordInputProps extends Omit<React_2.ComponentProps<"input">, "type"> {
|
|
2173
|
+
showToggle?: boolean;
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
|
|
2177
|
+
|
|
2178
|
+
export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2179
|
+
|
|
2180
|
+
export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2181
|
+
|
|
2182
|
+
export declare const Progress: React_2.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2183
|
+
indicatorClassName?: string;
|
|
2184
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
2185
|
+
|
|
2186
|
+
declare interface PropsAvatarFallback extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
|
|
2187
|
+
colorVariant?: AvatarColorVariant;
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
|
+
declare interface PropsSheetContent extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
2191
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
2192
|
+
}
|
|
2193
|
+
|
|
2194
|
+
declare interface PropsSidePanelContent extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
2195
|
+
/** Lado da tela de onde o painel desliza. @default "right" */
|
|
2196
|
+
side?: "right" | "left";
|
|
2197
|
+
}
|
|
2198
|
+
|
|
2199
|
+
export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2200
|
+
|
|
2201
|
+
export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2202
|
+
|
|
2203
|
+
export declare function ResizableHandle({ withHandle, className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
2204
|
+
withHandle?: boolean;
|
|
2205
|
+
}): JSX.Element;
|
|
2206
|
+
|
|
2207
|
+
export declare const ResizablePanel: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.HTMLAttributes<HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
2208
|
+
className?: string | undefined;
|
|
2209
|
+
collapsedSize?: number | undefined;
|
|
2210
|
+
collapsible?: boolean | undefined;
|
|
2211
|
+
defaultSize?: number | undefined;
|
|
2212
|
+
id?: string | undefined;
|
|
2213
|
+
maxSize?: number | undefined;
|
|
2214
|
+
minSize?: number | undefined;
|
|
2215
|
+
onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
|
|
2216
|
+
onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
|
|
2217
|
+
onResize?: ResizablePrimitive.PanelOnResize | undefined;
|
|
2218
|
+
order?: number | undefined;
|
|
2219
|
+
style?: object | undefined;
|
|
2220
|
+
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
2221
|
+
} & {
|
|
2222
|
+
children?: ReactNode;
|
|
2223
|
+
} & React_2.RefAttributes<ResizablePrimitive.ImperativePanelHandle>, "ref"> & React_2.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
2224
|
+
|
|
2225
|
+
export declare const ResizablePanelGroup: React_2.ForwardRefExoticComponent<React_2.ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup> & React_2.RefAttributes<React_2.ElementRef<typeof ResizablePrimitive.PanelGroup>>>;
|
|
2226
|
+
|
|
2227
|
+
/**
|
|
2228
|
+
* Configuration for expandable rows
|
|
2229
|
+
*
|
|
2230
|
+
* @example
|
|
2231
|
+
* ```tsx
|
|
2232
|
+
* const expandConfig: RowExpansionConfig<User> = {
|
|
2233
|
+
* enabled: true,
|
|
2234
|
+
* expandedRows: new Set(["1", "3"]),
|
|
2235
|
+
* renderExpandedContent: (row) => (
|
|
2236
|
+
* <div>Details for {row.name}</div>
|
|
2237
|
+
* )
|
|
2238
|
+
* };
|
|
2239
|
+
* ```
|
|
2240
|
+
*/
|
|
2241
|
+
export declare interface RowExpansionConfig<T extends object> {
|
|
2242
|
+
/** Whether row expansion is enabled */
|
|
2243
|
+
enabled: boolean;
|
|
2244
|
+
/** Set of expanded row IDs */
|
|
2245
|
+
expandedRows?: Set<string | number>;
|
|
2246
|
+
/** Callback when row expansion changes */
|
|
2247
|
+
onExpansionChange?: (rowId: string | number, isExpanded: boolean) => void;
|
|
2248
|
+
/** Custom content to render when row is expanded */
|
|
2249
|
+
renderExpandedContent?: (row: T, index: number) => React.ReactNode;
|
|
2250
|
+
}
|
|
2251
|
+
|
|
2252
|
+
export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2253
|
+
scrollbarClassName?: string;
|
|
2254
|
+
} & React_2.RefAttributes<HTMLDivElement>>;
|
|
2255
|
+
|
|
2256
|
+
export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2257
|
+
|
|
2258
|
+
export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
|
|
2259
|
+
|
|
2260
|
+
export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2261
|
+
|
|
2262
|
+
export declare const SelectGroup: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2263
|
+
|
|
2264
|
+
/**
|
|
2265
|
+
* Selection state for table rows
|
|
2266
|
+
*
|
|
2267
|
+
* @example
|
|
2268
|
+
* ```tsx
|
|
2269
|
+
* const [selection, setSelection] = useState<SelectionState>({
|
|
2270
|
+
* selectedIds: new Set(["1", "2"]),
|
|
2271
|
+
* isAllSelected: false
|
|
2272
|
+
* });
|
|
2273
|
+
* ```
|
|
2274
|
+
*/
|
|
2275
|
+
export declare interface SelectionState {
|
|
2276
|
+
/** Set of selected row IDs */
|
|
2277
|
+
selectedIds: Set<string | number>;
|
|
2278
|
+
/** Whether all rows are selected */
|
|
2279
|
+
isAllSelected: boolean;
|
|
2280
|
+
}
|
|
2281
|
+
|
|
2282
|
+
export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2283
|
+
|
|
2284
|
+
export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2285
|
+
|
|
2286
|
+
export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2287
|
+
|
|
2288
|
+
export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
2289
|
+
size?: "sm" | "default";
|
|
2290
|
+
} & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2291
|
+
|
|
2292
|
+
export declare const SelectValue: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
2293
|
+
|
|
2294
|
+
export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2295
|
+
|
|
2296
|
+
/**
|
|
2297
|
+
* Configuração para modo server-side
|
|
2298
|
+
* Quando fornecido, o componente delega filtros/paginação/ordenação para o servidor
|
|
2299
|
+
*/
|
|
2300
|
+
export declare interface ServerSideConfig<T extends object> {
|
|
2301
|
+
/**
|
|
2302
|
+
* Total de items no servidor (necessário para paginação correta)
|
|
2303
|
+
*/
|
|
2304
|
+
totalItems: number;
|
|
2305
|
+
/**
|
|
2306
|
+
* Página atual do servidor (1-indexed)
|
|
2307
|
+
* Quando fornecido, sincroniza o estado visual da paginação com o servidor
|
|
2308
|
+
*/
|
|
2309
|
+
currentPage?: number;
|
|
2310
|
+
/**
|
|
2311
|
+
* Tamanho da página atual do servidor
|
|
2312
|
+
* Quando fornecido, sincroniza o pageSize visual com o servidor
|
|
2313
|
+
*/
|
|
2314
|
+
currentPageSize?: number;
|
|
2315
|
+
/**
|
|
2316
|
+
* Callback quando filtros ou busca mudam.
|
|
2317
|
+
* `filters` continua `any[]` de propósito: é a fronteira pública onde o consumidor
|
|
2318
|
+
* recebe as condições de filtro e monta a própria query server-side, indexando o
|
|
2319
|
+
* array livremente. Trocar para `unknown[]`/`FilterCondition[]` mudaria a forma do
|
|
2320
|
+
* tipo exportado e quebraria consumidores existentes.
|
|
2321
|
+
*/
|
|
2322
|
+
onFilterChange?: (filters: any[], searchQuery: string) => Promise<void> | void;
|
|
2323
|
+
/**
|
|
2324
|
+
* Callback quando ordenação muda
|
|
2325
|
+
*/
|
|
2326
|
+
onSortChange?: (sortConfig: SortConfig<T>) => Promise<void> | void;
|
|
2327
|
+
/**
|
|
2328
|
+
* Callback quando página muda
|
|
2329
|
+
*/
|
|
2330
|
+
onPageChange?: (page: number, pageSize: number) => Promise<void> | void;
|
|
2331
|
+
/**
|
|
2332
|
+
* Estado de loading externo (opcional - se não fornecido usa isLoading prop)
|
|
2333
|
+
*/
|
|
2334
|
+
isLoadingData?: boolean;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2337
|
+
export declare function Sheet({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
2338
|
+
|
|
2339
|
+
export declare const SheetClose: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2340
|
+
|
|
2341
|
+
export declare const SheetContent: React_2.ForwardRefExoticComponent<PropsSheetContent & React_2.RefAttributes<HTMLDivElement>>;
|
|
2342
|
+
|
|
2343
|
+
export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
2344
|
+
|
|
2345
|
+
export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2346
|
+
|
|
2347
|
+
export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2348
|
+
|
|
2349
|
+
export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
2350
|
+
|
|
2351
|
+
export declare const SheetTrigger: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2352
|
+
|
|
2353
|
+
export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
|
|
2354
|
+
side?: "left" | "right";
|
|
2355
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
2356
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
2357
|
+
}): JSX.Element;
|
|
2358
|
+
|
|
2359
|
+
export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2360
|
+
|
|
2361
|
+
declare type SidebarContextProps = {
|
|
2362
|
+
state: "expanded" | "collapsed";
|
|
2363
|
+
open: boolean;
|
|
2364
|
+
setOpen: (open: boolean) => void;
|
|
2365
|
+
openMobile: boolean;
|
|
2366
|
+
setOpenMobile: (open: boolean) => void;
|
|
2367
|
+
isMobile: boolean;
|
|
2368
|
+
toggleSidebar: () => void;
|
|
2369
|
+
};
|
|
2370
|
+
|
|
2371
|
+
export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2372
|
+
|
|
2373
|
+
export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2374
|
+
|
|
2375
|
+
export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
|
|
2376
|
+
asChild?: boolean;
|
|
2377
|
+
}): JSX.Element;
|
|
2378
|
+
|
|
2379
|
+
export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2380
|
+
|
|
2381
|
+
export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
|
|
2382
|
+
asChild?: boolean;
|
|
2383
|
+
}): JSX.Element;
|
|
2384
|
+
|
|
2385
|
+
export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2386
|
+
|
|
2387
|
+
export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
|
|
2388
|
+
|
|
2389
|
+
export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
|
|
2390
|
+
|
|
2391
|
+
export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
|
|
2392
|
+
asChild?: boolean;
|
|
2393
|
+
showOnHover?: boolean;
|
|
2394
|
+
}): JSX.Element;
|
|
2395
|
+
|
|
2396
|
+
export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2397
|
+
|
|
2398
|
+
export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
|
|
2399
|
+
asChild?: boolean;
|
|
2400
|
+
isActive?: boolean;
|
|
2401
|
+
tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
|
|
2402
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
|
|
2403
|
+
|
|
2404
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
2405
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2406
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2407
|
+
} & ClassProp) | undefined) => string;
|
|
2408
|
+
|
|
2409
|
+
export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
|
|
2410
|
+
|
|
2411
|
+
export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
|
|
2412
|
+
showIcon?: boolean;
|
|
2413
|
+
}): JSX.Element;
|
|
2414
|
+
|
|
2415
|
+
export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
|
|
2416
|
+
|
|
2417
|
+
export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
|
|
2418
|
+
asChild?: boolean;
|
|
2419
|
+
size?: "sm" | "md";
|
|
2420
|
+
isActive?: boolean;
|
|
2421
|
+
}): JSX.Element;
|
|
2422
|
+
|
|
2423
|
+
export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
|
|
2424
|
+
|
|
2425
|
+
export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
|
|
2426
|
+
defaultOpen?: boolean;
|
|
2427
|
+
open?: boolean;
|
|
2428
|
+
onOpenChange?: (open: boolean) => void;
|
|
2429
|
+
}): JSX.Element;
|
|
2430
|
+
|
|
2431
|
+
export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
|
|
2432
|
+
|
|
2433
|
+
export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
|
|
2434
|
+
|
|
2435
|
+
export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
|
|
2436
|
+
|
|
2437
|
+
/**
|
|
2438
|
+
* Painel de conteúdo deslizante (slide-over), ancorado à direita ou à
|
|
2439
|
+
* esquerda da tela, com overlay.
|
|
2440
|
+
*
|
|
2441
|
+
* Diferente do `Sheet`, a largura responsiva e a animação de entrada/saída
|
|
2442
|
+
* não dependem de variantes `sm:*`/`tailwindcss-animate` — usam CSS simples
|
|
2443
|
+
* embutido no próprio componente (mesmo padrão já usado em `underline-tabs`
|
|
2444
|
+
* e `chart`), então funcionam independentemente do conteúdo Tailwind
|
|
2445
|
+
* publicado no pacote.
|
|
2446
|
+
*
|
|
2447
|
+
* @example
|
|
2448
|
+
* <SidePanel>
|
|
2449
|
+
* <SidePanelTrigger asChild>
|
|
2450
|
+
* <Button variant="ghost" size="sm">Ver orientações completas</Button>
|
|
2451
|
+
* </SidePanelTrigger>
|
|
2452
|
+
* <SidePanelContent>
|
|
2453
|
+
* <SidePanelHeader>
|
|
2454
|
+
* <SidePanelTitle>Orientações Gerais</SidePanelTitle>
|
|
2455
|
+
* <SidePanelDescription>PI: #9691 · Fornecedor</SidePanelDescription>
|
|
2456
|
+
* </SidePanelHeader>
|
|
2457
|
+
* <div className="flex-1 overflow-y-auto p-4">Conteúdo completo aqui.</div>
|
|
2458
|
+
* </SidePanelContent>
|
|
2459
|
+
* </SidePanel>
|
|
2460
|
+
*/
|
|
2461
|
+
export declare function SidePanel({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
2462
|
+
|
|
2463
|
+
export declare const SidePanelClose: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2464
|
+
|
|
2465
|
+
export declare const SidePanelContent: React_2.ForwardRefExoticComponent<PropsSidePanelContent & React_2.RefAttributes<HTMLDivElement>>;
|
|
2466
|
+
|
|
2467
|
+
export declare const SidePanelDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
2468
|
+
|
|
2469
|
+
export declare function SidePanelFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2470
|
+
|
|
2471
|
+
export declare function SidePanelHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
2472
|
+
|
|
2473
|
+
export declare const SidePanelTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
2474
|
+
|
|
2475
|
+
export declare const SidePanelTrigger: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2476
|
+
|
|
2477
|
+
export declare const Skeleton: React_2.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2478
|
+
|
|
2479
|
+
declare interface SkeletonProps extends React_2.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {
|
|
2480
|
+
}
|
|
2481
|
+
|
|
2482
|
+
declare const skeletonVariants: (props?: ({
|
|
2483
|
+
variant?: "pulse" | "shimmer" | null | undefined;
|
|
2484
|
+
} & ClassProp) | undefined) => string;
|
|
2485
|
+
|
|
2486
|
+
export declare const Slider: React_2.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
|
|
2487
|
+
|
|
2488
|
+
export declare const SocialButton: React_2.ForwardRefExoticComponent<SocialButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2489
|
+
|
|
2490
|
+
export declare interface SocialButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof socialButtonVariants> {
|
|
2491
|
+
provider: "google" | "github" | "facebook" | "apple" | "microsoft";
|
|
2492
|
+
children?: React_2.ReactNode;
|
|
2493
|
+
}
|
|
2494
|
+
|
|
2495
|
+
export declare const socialButtonVariants: (props?: ({
|
|
2496
|
+
variant?: "default" | "google" | "github" | "facebook" | "apple" | "microsoft" | null | undefined;
|
|
2497
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
2498
|
+
} & ClassProp) | undefined) => string;
|
|
2499
|
+
|
|
2500
|
+
/**
|
|
2501
|
+
* Sort configuration for a table
|
|
2502
|
+
*
|
|
2503
|
+
* @example
|
|
2504
|
+
* ```tsx
|
|
2505
|
+
* const [sortConfig, setSortConfig] = useState<SortConfig<User>>({
|
|
2506
|
+
* column: "name",
|
|
2507
|
+
* direction: "asc"
|
|
2508
|
+
* });
|
|
2509
|
+
* ```
|
|
2510
|
+
*/
|
|
2511
|
+
export declare interface SortConfig<T> {
|
|
2512
|
+
column: keyof T | null;
|
|
2513
|
+
direction: SortDirection;
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2516
|
+
/**
|
|
2517
|
+
* Direction of sorting
|
|
2518
|
+
*/
|
|
2519
|
+
export declare type SortDirection = "asc" | "desc" | null;
|
|
2520
|
+
|
|
2521
|
+
/**
|
|
2522
|
+
* Sort function type
|
|
2523
|
+
*/
|
|
2524
|
+
export declare type SortFunction<T extends object> = (a: T, b: T, config: SortConfig<T>) => number;
|
|
2525
|
+
|
|
2526
|
+
/**
|
|
2527
|
+
* Success State Illustration
|
|
2528
|
+
* Use for: Action completed, all done
|
|
2529
|
+
*/
|
|
2530
|
+
export declare function SuccessStateIllustration({ size, className }: IllustrationProps): JSX.Element;
|
|
2531
|
+
|
|
2532
|
+
export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2533
|
+
|
|
2534
|
+
export declare const Table: React_2.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React_2.RefAttributes<HTMLTableElement>>;
|
|
2535
|
+
|
|
2536
|
+
export declare const TableBody: React_2.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React_2.RefAttributes<HTMLTableSectionElement>>;
|
|
2537
|
+
|
|
2538
|
+
export declare interface TableBodyProps extends React_2.ComponentProps<"tbody"> {
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
export declare const TableCaption: React_2.ForwardRefExoticComponent<Omit<TableCaptionProps, "ref"> & React_2.RefAttributes<HTMLTableCaptionElement>>;
|
|
2542
|
+
|
|
2543
|
+
export declare interface TableCaptionProps extends React_2.ComponentProps<"caption"> {
|
|
2544
|
+
}
|
|
2545
|
+
|
|
2546
|
+
export declare const TableCell: React_2.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React_2.RefAttributes<HTMLTableCellElement>>;
|
|
2547
|
+
|
|
2548
|
+
export declare interface TableCellProps extends React_2.ComponentProps<"td"> {
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2551
|
+
export declare const TableFooter: React_2.ForwardRefExoticComponent<Omit<TableFooterProps, "ref"> & React_2.RefAttributes<HTMLTableSectionElement>>;
|
|
2552
|
+
|
|
2553
|
+
export declare interface TableFooterProps extends React_2.ComponentProps<"tfoot"> {
|
|
2554
|
+
}
|
|
2555
|
+
|
|
2556
|
+
export declare const TableHead: React_2.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React_2.RefAttributes<HTMLTableCellElement>>;
|
|
2557
|
+
|
|
2558
|
+
export declare const TableHeader: React_2.ForwardRefExoticComponent<Omit<TableHeaderProps, "ref"> & React_2.RefAttributes<HTMLTableSectionElement>>;
|
|
2559
|
+
|
|
2560
|
+
export declare interface TableHeaderProps extends React_2.ComponentProps<"thead"> {
|
|
2561
|
+
}
|
|
2562
|
+
|
|
2563
|
+
export declare interface TableHeadProps extends React_2.ComponentProps<"th"> {
|
|
2564
|
+
}
|
|
2565
|
+
|
|
2566
|
+
/**
|
|
2567
|
+
* TablePagination Component
|
|
2568
|
+
*
|
|
2569
|
+
* A complete, ready-to-use pagination component for tables and data grids.
|
|
2570
|
+
* Integrates seamlessly with the `useTablePagination` hook.
|
|
2571
|
+
*
|
|
2572
|
+
* @example
|
|
2573
|
+
* ```tsx
|
|
2574
|
+
* import { useTablePagination, TablePagination, Table, TableBody, ... } from "@iclips/ui";
|
|
2575
|
+
*
|
|
2576
|
+
* function MyTable({ data }) {
|
|
2577
|
+
* const pagination = useTablePagination(data, { pageSize: 10 });
|
|
2578
|
+
*
|
|
2579
|
+
* return (
|
|
2580
|
+
* <>
|
|
2581
|
+
* <Table>
|
|
2582
|
+
* <TableBody>
|
|
2583
|
+
* {pagination.paginatedData.map(item => (
|
|
2584
|
+
* <TableRow key={item.id}>...</TableRow>
|
|
2585
|
+
* ))}
|
|
2586
|
+
* </TableBody>
|
|
2587
|
+
* </Table>
|
|
2588
|
+
*
|
|
2589
|
+
* <TablePagination
|
|
2590
|
+
* currentPage={pagination.currentPage}
|
|
2591
|
+
* totalPages={pagination.totalPages}
|
|
2592
|
+
* pageSize={pagination.pageSize}
|
|
2593
|
+
* totalItems={pagination.totalItems}
|
|
2594
|
+
* onPageChange={pagination.goToPage}
|
|
2595
|
+
* onPageSizeChange={pagination.setPageSize}
|
|
2596
|
+
* />
|
|
2597
|
+
* </>
|
|
2598
|
+
* );
|
|
2599
|
+
* }
|
|
2600
|
+
* ```
|
|
2601
|
+
*
|
|
2602
|
+
* @example
|
|
2603
|
+
* ```tsx
|
|
2604
|
+
* // Minimal usage (without page size selector)
|
|
2605
|
+
* <TablePagination
|
|
2606
|
+
* currentPage={1}
|
|
2607
|
+
* totalPages={10}
|
|
2608
|
+
* pageSize={20}
|
|
2609
|
+
* totalItems={200}
|
|
2610
|
+
* onPageChange={(page) => setCurrentPage(page)}
|
|
2611
|
+
* showPageSizeSelector={false}
|
|
2612
|
+
* />
|
|
2613
|
+
* ```
|
|
2614
|
+
*/
|
|
2615
|
+
export declare function TablePagination({ currentPage, totalPages, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions, maxVisiblePages, showInfo, showPageNumbers, showPageSizeSelector, showFirstLastButtons, labels: customLabels, className, }: TablePaginationProps): JSX.Element | null;
|
|
2616
|
+
|
|
2617
|
+
export declare namespace TablePagination {
|
|
2618
|
+
var displayName: string;
|
|
2619
|
+
}
|
|
2620
|
+
|
|
2621
|
+
/**
|
|
2622
|
+
* Labels para internacionalização
|
|
2623
|
+
*/
|
|
2624
|
+
export declare interface TablePaginationLabels {
|
|
2625
|
+
/** "Anterior" */
|
|
2626
|
+
previous?: string;
|
|
2627
|
+
/** "Próxima" */
|
|
2628
|
+
next?: string;
|
|
2629
|
+
/** "Primeira" */
|
|
2630
|
+
first?: string;
|
|
2631
|
+
/** "Última" */
|
|
2632
|
+
last?: string;
|
|
2633
|
+
/** "Mostrando" */
|
|
2634
|
+
showing?: string;
|
|
2635
|
+
/** "de" */
|
|
2636
|
+
of?: string;
|
|
2637
|
+
/** "resultados" */
|
|
2638
|
+
results?: string;
|
|
2639
|
+
/** "Itens por página" */
|
|
2640
|
+
itemsPerPage?: string;
|
|
2641
|
+
/** "Página" */
|
|
2642
|
+
page?: string;
|
|
2643
|
+
}
|
|
2644
|
+
|
|
2645
|
+
/**
|
|
2646
|
+
|
|
2647
|
+
* Props para o componente TablePagination
|
|
2648
|
+
*
|
|
2649
|
+
* @example
|
|
2650
|
+
* ```tsx
|
|
2651
|
+
* // Com hook useTablePagination
|
|
2652
|
+
* const pagination = useTablePagination(data, { pageSize: 10 });
|
|
2653
|
+
*
|
|
2654
|
+
* <TablePagination
|
|
2655
|
+
* currentPage={pagination.currentPage}
|
|
2656
|
+
* totalPages={pagination.totalPages}
|
|
2657
|
+
* pageSize={pagination.pageSize}
|
|
2658
|
+
* totalItems={pagination.totalItems}
|
|
2659
|
+
* onPageChange={pagination.goToPage}
|
|
2660
|
+
* onPageSizeChange={pagination.setPageSize}
|
|
2661
|
+
* />
|
|
2662
|
+
* ```
|
|
2663
|
+
*/
|
|
2664
|
+
export declare interface TablePaginationProps {
|
|
2665
|
+
/** Número da página atual (1-indexed) */
|
|
2666
|
+
currentPage: number;
|
|
2667
|
+
/** Número total de páginas */
|
|
2668
|
+
totalPages: number;
|
|
2669
|
+
/** Tamanho da página atual */
|
|
2670
|
+
pageSize: number;
|
|
2671
|
+
/** Número total de itens */
|
|
2672
|
+
totalItems: number;
|
|
2673
|
+
/** Callback quando a página muda */
|
|
2674
|
+
onPageChange: (page: number) => void;
|
|
2675
|
+
/** Callback quando o tamanho da página muda */
|
|
2676
|
+
onPageSizeChange?: (size: number) => void;
|
|
2677
|
+
/** Opções de tamanho de página disponíveis */
|
|
2678
|
+
pageSizeOptions?: number[];
|
|
2679
|
+
/** Número máximo de botões de página visíveis */
|
|
2680
|
+
maxVisiblePages?: number;
|
|
2681
|
+
/** Mostrar informação "Mostrando X de Y" */
|
|
2682
|
+
showInfo?: boolean;
|
|
2683
|
+
/** Mostrar botões de número de página */
|
|
2684
|
+
showPageNumbers?: boolean;
|
|
2685
|
+
/** Mostrar seletor de tamanho de página */
|
|
2686
|
+
showPageSizeSelector?: boolean;
|
|
2687
|
+
/** Mostrar botões de primeira/última página */
|
|
2688
|
+
showFirstLastButtons?: boolean;
|
|
2689
|
+
/** Rótulos personalizados para i18n */
|
|
2690
|
+
labels?: TablePaginationLabels;
|
|
2691
|
+
/** className adicional */
|
|
2692
|
+
className?: string;
|
|
2693
|
+
}
|
|
2694
|
+
|
|
2695
|
+
export declare interface TableProps extends React_2.ComponentProps<"table"> {
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2698
|
+
export declare const TableRow: React_2.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React_2.RefAttributes<HTMLTableRowElement>>;
|
|
2699
|
+
|
|
2700
|
+
export declare interface TableRowProps extends React_2.ComponentProps<"tr"> {
|
|
2701
|
+
}
|
|
2702
|
+
|
|
2703
|
+
/**
|
|
2704
|
+
* Complete table state with all common features
|
|
2705
|
+
*
|
|
2706
|
+
* @example
|
|
2707
|
+
* ```tsx
|
|
2708
|
+
* const [tableState, setTableState] = useState<TableState<User>>({
|
|
2709
|
+
* data: users,
|
|
2710
|
+
* sort: { column: "name", direction: "asc" },
|
|
2711
|
+
* pagination: { currentPage: 1, pageSize: 10, totalItems: 100 },
|
|
2712
|
+
* selection: { selectedIds: new Set(), isAllSelected: false }
|
|
2713
|
+
* });
|
|
2714
|
+
* ```
|
|
2715
|
+
*/
|
|
2716
|
+
export declare interface TableState<T extends object> {
|
|
2717
|
+
/** Table data */
|
|
2718
|
+
data: T[];
|
|
2719
|
+
/** Sort configuration */
|
|
2720
|
+
sort?: SortConfig<T>;
|
|
2721
|
+
/** Pagination configuration */
|
|
2722
|
+
pagination?: PaginationConfig;
|
|
2723
|
+
/** Selection state */
|
|
2724
|
+
selection?: SelectionState;
|
|
2725
|
+
/** Loading state */
|
|
2726
|
+
isLoading?: boolean;
|
|
2727
|
+
/** Error state */
|
|
2728
|
+
error?: string | null;
|
|
2729
|
+
}
|
|
2730
|
+
|
|
2731
|
+
export declare const Tabs: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2732
|
+
|
|
2733
|
+
export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2734
|
+
|
|
2735
|
+
export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2736
|
+
|
|
2737
|
+
export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2738
|
+
|
|
2739
|
+
export declare const Textarea: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
|
|
2740
|
+
|
|
2741
|
+
declare const THEMES: {
|
|
2742
|
+
readonly light: "";
|
|
2743
|
+
readonly dark: ".dark";
|
|
2744
|
+
};
|
|
2745
|
+
|
|
2746
|
+
/**
|
|
2747
|
+
* TimePicker - Componente para seleção de horário
|
|
2748
|
+
*
|
|
2749
|
+
* @example
|
|
2750
|
+
* // Input simples
|
|
2751
|
+
* <TimePicker
|
|
2752
|
+
* value={time}
|
|
2753
|
+
* onChange={setTime}
|
|
2754
|
+
* placeholder="Horário"
|
|
2755
|
+
* />
|
|
2756
|
+
*
|
|
2757
|
+
* @example
|
|
2758
|
+
* // Com step de 15 minutos
|
|
2759
|
+
* <TimePicker
|
|
2760
|
+
* value={time}
|
|
2761
|
+
* onChange={setTime}
|
|
2762
|
+
* minuteStep={15}
|
|
2763
|
+
* />
|
|
2764
|
+
*
|
|
2765
|
+
* @example
|
|
2766
|
+
* // Formato 12h
|
|
2767
|
+
* <TimePicker
|
|
2768
|
+
* value={time}
|
|
2769
|
+
* onChange={setTime}
|
|
2770
|
+
* format="12h"
|
|
2771
|
+
* />
|
|
2772
|
+
*/
|
|
2773
|
+
export declare function TimePicker({ value, onChange, format, minuteStep, minTime, maxTime, disabled, placeholder, className, showIcon, variant, }: TimePickerProps): JSX.Element | null;
|
|
2774
|
+
|
|
2775
|
+
export declare namespace TimePicker {
|
|
2776
|
+
var displayName: string;
|
|
2777
|
+
}
|
|
2778
|
+
|
|
2779
|
+
export declare interface TimePickerProps {
|
|
2780
|
+
/**
|
|
2781
|
+
* Valor atual no formato "HH:mm"
|
|
2782
|
+
*/
|
|
2783
|
+
value?: string;
|
|
2784
|
+
/**
|
|
2785
|
+
* Callback quando o horário muda
|
|
2786
|
+
*/
|
|
2787
|
+
onChange?: (time: string) => void;
|
|
2788
|
+
/**
|
|
2789
|
+
* Formato de exibição (12h com AM/PM ou 24h)
|
|
2790
|
+
* @default "24h"
|
|
2791
|
+
*/
|
|
2792
|
+
format?: "12h" | "24h";
|
|
2793
|
+
/**
|
|
2794
|
+
* Incremento de minutos no seletor
|
|
2795
|
+
* @default 5
|
|
2796
|
+
*/
|
|
2797
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
2798
|
+
/**
|
|
2799
|
+
* Horário mínimo permitido (formato "HH:mm")
|
|
2800
|
+
*/
|
|
2801
|
+
minTime?: string;
|
|
2802
|
+
/**
|
|
2803
|
+
* Horário máximo permitido (formato "HH:mm")
|
|
2804
|
+
*/
|
|
2805
|
+
maxTime?: string;
|
|
2806
|
+
/**
|
|
2807
|
+
* Desabilita o componente
|
|
2808
|
+
*/
|
|
2809
|
+
disabled?: boolean;
|
|
2810
|
+
/**
|
|
2811
|
+
* Placeholder
|
|
2812
|
+
* @default "HH:MM"
|
|
2813
|
+
*/
|
|
2814
|
+
placeholder?: string;
|
|
2815
|
+
/**
|
|
2816
|
+
* Classes CSS adicionais
|
|
2817
|
+
*/
|
|
2818
|
+
className?: string;
|
|
2819
|
+
/**
|
|
2820
|
+
* Mostra o ícone de relógio
|
|
2821
|
+
* @default true
|
|
2822
|
+
*/
|
|
2823
|
+
showIcon?: boolean;
|
|
2824
|
+
/**
|
|
2825
|
+
* Variante de exibição
|
|
2826
|
+
* @default "input"
|
|
2827
|
+
*/
|
|
2828
|
+
variant?: "input" | "select" | "inline";
|
|
2829
|
+
}
|
|
2830
|
+
|
|
2831
|
+
export { toast }
|
|
2832
|
+
|
|
2833
|
+
export declare function Toaster(props: ToasterProps): JSX.Element;
|
|
2834
|
+
|
|
2835
|
+
export declare const Toggle: React_2.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2836
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2837
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2838
|
+
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2839
|
+
|
|
2840
|
+
export declare const ToggleGroup: React_2.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
2841
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2842
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2843
|
+
} & ClassProp) | undefined) => string>) & React_2.RefAttributes<HTMLDivElement>>;
|
|
2844
|
+
|
|
2845
|
+
export declare const ToggleGroupItem: React_2.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
2846
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2847
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2848
|
+
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2849
|
+
|
|
2850
|
+
export declare const toggleVariants: (props?: ({
|
|
2851
|
+
variant?: "default" | "outline" | null | undefined;
|
|
2852
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2853
|
+
} & ClassProp) | undefined) => string;
|
|
2854
|
+
|
|
2855
|
+
export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
|
|
2856
|
+
|
|
2857
|
+
export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2858
|
+
|
|
2859
|
+
export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
|
|
2860
|
+
|
|
2861
|
+
export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
2862
|
+
|
|
2863
|
+
export declare function UnderlineTabs({ defaultValue, value: controlledValue, onValueChange, children, className, }: UnderlineTabsProps): JSX.Element;
|
|
2864
|
+
|
|
2865
|
+
export declare function UnderlineTabsContent({ value: contentValue, children, className, }: UnderlineTabsContentProps): JSX.Element | null;
|
|
2866
|
+
|
|
2867
|
+
declare interface UnderlineTabsContentProps {
|
|
2868
|
+
value: string;
|
|
2869
|
+
children: React_2.ReactNode;
|
|
2870
|
+
className?: string;
|
|
2871
|
+
}
|
|
2872
|
+
|
|
2873
|
+
export declare function UnderlineTabsList({ children, className }: UnderlineTabsListProps): JSX.Element;
|
|
2874
|
+
|
|
2875
|
+
declare interface UnderlineTabsListProps {
|
|
2876
|
+
children: React_2.ReactNode;
|
|
2877
|
+
className?: string;
|
|
2878
|
+
}
|
|
2879
|
+
|
|
2880
|
+
declare interface UnderlineTabsProps {
|
|
2881
|
+
defaultValue?: string;
|
|
2882
|
+
value?: string;
|
|
2883
|
+
onValueChange?: (value: string) => void;
|
|
2884
|
+
children: React_2.ReactNode;
|
|
2885
|
+
className?: string;
|
|
2886
|
+
}
|
|
2887
|
+
|
|
2888
|
+
export declare function UnderlineTabsTrigger({ value: triggerValue, children, className, disabled, }: UnderlineTabsTriggerProps): JSX.Element;
|
|
2889
|
+
|
|
2890
|
+
declare interface UnderlineTabsTriggerProps {
|
|
2891
|
+
value: string;
|
|
2892
|
+
children: React_2.ReactNode;
|
|
2893
|
+
className?: string;
|
|
2894
|
+
disabled?: boolean;
|
|
2895
|
+
}
|
|
2896
|
+
|
|
2897
|
+
declare type UseCarouselParameters = Parameters<typeof default_2>;
|
|
2898
|
+
|
|
2899
|
+
export declare const useFormField: () => {
|
|
2900
|
+
invalid: boolean;
|
|
2901
|
+
isDirty: boolean;
|
|
2902
|
+
isTouched: boolean;
|
|
2903
|
+
isValidating: boolean;
|
|
2904
|
+
error?: FieldError;
|
|
2905
|
+
id: string;
|
|
2906
|
+
name: string;
|
|
2907
|
+
formItemId: string;
|
|
2908
|
+
formDescriptionId: string;
|
|
2909
|
+
formMessageId: string;
|
|
2910
|
+
};
|
|
2911
|
+
|
|
2912
|
+
export declare function useIsMobile(): boolean;
|
|
2913
|
+
|
|
2914
|
+
export declare function useSidebar(): SidebarContextProps;
|
|
2915
|
+
|
|
2916
|
+
export declare type ValidationState = "idle" | "valid" | "invalid";
|
|
2917
|
+
|
|
2918
|
+
export { }
|