@d4gger/design-system 3.0.0 → 4.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/README.md +19 -0
- package/dist/{components/controlGroup/ControlGroup.cjs → _internal/floatingLayer.cjs} +11 -26
- package/dist/_internal/floatingLayer.cjs.map +7 -0
- package/dist/_internal/floatingLayer.d.cts +28 -0
- package/dist/_internal/floatingLayer.d.cts.map +1 -0
- package/dist/_internal/floatingLayer.d.mts +28 -0
- package/dist/_internal/floatingLayer.d.mts.map +1 -0
- package/dist/_internal/floatingLayer.d.ts +28 -0
- package/dist/_internal/floatingLayer.d.ts.map +1 -0
- package/dist/_internal/floatingLayer.js +11 -0
- package/dist/_internal/floatingLayer.js.map +7 -0
- package/dist/components/accordion.css +9 -2
- package/dist/components/alert/Alert.cjs +11 -7
- package/dist/components/alert/Alert.cjs.map +2 -2
- package/dist/components/alert/Alert.d.cts.map +1 -1
- package/dist/components/alert/Alert.d.mts.map +1 -1
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +12 -8
- package/dist/components/alert/Alert.js.map +2 -2
- package/dist/components/alert.css +13 -0
- package/dist/components/article-nodes.css +16 -1
- package/dist/components/articleNodes/ArticleNodes.cjs +46 -5
- package/dist/components/articleNodes/ArticleNodes.cjs.map +2 -2
- package/dist/components/articleNodes/ArticleNodes.d.cts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.cts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.mts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.mts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.ts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.ts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.js +46 -5
- package/dist/components/articleNodes/ArticleNodes.js.map +2 -2
- package/dist/components/articleNodes/articleExtensions.cjs +21 -4
- package/dist/components/articleNodes/articleExtensions.cjs.map +2 -2
- package/dist/components/articleNodes/articleExtensions.d.cts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.cts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.d.mts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.mts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.d.ts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.ts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.js +21 -4
- package/dist/components/articleNodes/articleExtensions.js.map +2 -2
- package/dist/components/articleNodes/articleNodeViews.cjs +154 -0
- package/dist/components/articleNodes/articleNodeViews.cjs.map +7 -0
- package/dist/components/articleNodes/articleNodeViews.d.cts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.cts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.d.mts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.mts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.d.ts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.ts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.js +124 -0
- package/dist/components/articleNodes/articleNodeViews.js.map +7 -0
- package/dist/components/articleNodes/articleNodes.props.cjs.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.cts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.cts.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.mts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.mts.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.ts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.ts.map +1 -1
- package/dist/components/banner/Banner.cjs +105 -0
- package/dist/components/banner/Banner.cjs.map +7 -0
- package/dist/components/banner/Banner.d.cts +27 -0
- package/dist/components/banner/Banner.d.cts.map +1 -0
- package/dist/components/banner/Banner.d.mts +27 -0
- package/dist/components/banner/Banner.d.mts.map +1 -0
- package/dist/components/banner/Banner.d.ts +27 -0
- package/dist/components/banner/Banner.d.ts.map +1 -0
- package/dist/components/banner/Banner.js +80 -0
- package/dist/components/banner/Banner.js.map +7 -0
- package/dist/components/{controlGroup/controlGroup.props.cjs → banner/banner.props.cjs} +23 -16
- package/dist/components/banner/banner.props.cjs.map +7 -0
- package/dist/components/banner/banner.props.d.cts +32 -0
- package/dist/components/banner/banner.props.d.cts.map +1 -0
- package/dist/components/banner/banner.props.d.mts +32 -0
- package/dist/components/banner/banner.props.d.mts.map +1 -0
- package/dist/components/banner/banner.props.d.ts +32 -0
- package/dist/components/banner/banner.props.d.ts.map +1 -0
- package/dist/components/banner/banner.props.js +27 -0
- package/dist/components/banner/banner.props.js.map +7 -0
- package/dist/components/banner.css +61 -0
- package/dist/components/blockquote.css +7 -4
- package/dist/components/bottom-dock.css +132 -0
- package/dist/components/bottomDock/BottomDock.cjs +140 -0
- package/dist/components/bottomDock/BottomDock.cjs.map +7 -0
- package/dist/components/bottomDock/BottomDock.d.cts +25 -0
- package/dist/components/bottomDock/BottomDock.d.cts.map +1 -0
- package/dist/components/bottomDock/BottomDock.d.mts +25 -0
- package/dist/components/bottomDock/BottomDock.d.mts.map +1 -0
- package/dist/components/bottomDock/BottomDock.d.ts +25 -0
- package/dist/components/bottomDock/BottomDock.d.ts.map +1 -0
- package/dist/components/bottomDock/BottomDock.js +110 -0
- package/dist/components/bottomDock/BottomDock.js.map +7 -0
- package/dist/components/bottomDock/bottomDock.props.cjs +49 -0
- package/dist/components/bottomDock/bottomDock.props.cjs.map +7 -0
- package/dist/components/bottomDock/bottomDock.props.d.cts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.cts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.d.mts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.mts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.d.ts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.ts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.js +29 -0
- package/dist/components/bottomDock/bottomDock.props.js.map +7 -0
- package/dist/components/breadcrumb.css +24 -3
- package/dist/components/button-group.css +25 -0
- package/dist/components/button.css +9 -0
- package/dist/components/callout.css +20 -7
- package/dist/components/card.css +11 -0
- package/dist/components/carousel/Carousel.cjs +109 -39
- package/dist/components/carousel/Carousel.cjs.map +3 -3
- package/dist/components/carousel/Carousel.d.cts.map +1 -1
- package/dist/components/carousel/Carousel.d.mts.map +1 -1
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +111 -41
- package/dist/components/carousel/Carousel.js.map +3 -3
- package/dist/components/carousel.css +93 -26
- package/dist/components/chart/Chart.cjs +61 -11
- package/dist/components/chart/Chart.cjs.map +2 -2
- package/dist/components/chart/Chart.d.cts.map +1 -1
- package/dist/components/chart/Chart.d.mts.map +1 -1
- package/dist/components/chart/Chart.d.ts.map +1 -1
- package/dist/components/chart/Chart.js +62 -11
- package/dist/components/chart/Chart.js.map +2 -2
- package/dist/components/chart.css +10 -1
- package/dist/components/checkbox.css +14 -0
- package/dist/components/code.css +29 -13
- package/dist/components/collapsible/Collapsible.cjs +4 -0
- package/dist/components/collapsible/Collapsible.cjs.map +2 -2
- package/dist/components/collapsible/Collapsible.d.cts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.mts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +4 -0
- package/dist/components/collapsible/Collapsible.js.map +2 -2
- package/dist/components/collapsible.css +10 -1
- package/dist/components/combobox/Combobox.cjs +3 -1
- package/dist/components/combobox/Combobox.cjs.map +2 -2
- package/dist/components/combobox/Combobox.d.cts.map +1 -1
- package/dist/components/combobox/Combobox.d.mts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +3 -1
- package/dist/components/combobox/Combobox.js.map +2 -2
- package/dist/components/combobox.css +5 -1
- package/dist/components/command/Command.cjs +1 -1
- package/dist/components/command/Command.cjs.map +2 -2
- package/dist/components/command/Command.js +1 -1
- package/dist/components/command/Command.js.map +2 -2
- package/dist/components/command.css +0 -2
- package/dist/components/comment-thread.css +15 -7
- package/dist/components/commentThread/CommentThread.cjs +45 -17
- package/dist/components/commentThread/CommentThread.cjs.map +2 -2
- package/dist/components/commentThread/CommentThread.d.cts +6 -6
- package/dist/components/commentThread/CommentThread.d.cts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.mts +6 -6
- package/dist/components/commentThread/CommentThread.d.mts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.ts +6 -6
- package/dist/components/commentThread/CommentThread.d.ts.map +1 -1
- package/dist/components/commentThread/CommentThread.js +45 -17
- package/dist/components/commentThread/CommentThread.js.map +2 -2
- package/dist/components/commentThread/commentThread.props.cjs.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.cts +24 -0
- package/dist/components/commentThread/commentThread.props.d.cts.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.mts +24 -0
- package/dist/components/commentThread/commentThread.props.d.mts.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.ts +24 -0
- package/dist/components/commentThread/commentThread.props.d.ts.map +1 -1
- package/dist/components/config-drawer.css +7 -3
- package/dist/components/configDrawer/ConfigDrawer.cjs +1 -1
- package/dist/components/configDrawer/ConfigDrawer.cjs.map +2 -2
- package/dist/components/configDrawer/ConfigDrawer.js +1 -1
- package/dist/components/configDrawer/ConfigDrawer.js.map +2 -2
- package/dist/components/context-menu.css +4 -2
- package/dist/components/contextMenu/ContextMenu.cjs +37 -6
- package/dist/components/contextMenu/ContextMenu.cjs.map +2 -2
- package/dist/components/contextMenu/ContextMenu.d.cts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.cts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.d.mts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.mts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.d.ts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.js +37 -6
- package/dist/components/contextMenu/ContextMenu.js.map +2 -2
- package/dist/components/copy-field.css +18 -0
- package/dist/components/copyField/CopyField.cjs +3 -3
- package/dist/components/copyField/CopyField.cjs.map +2 -2
- package/dist/components/copyField/CopyField.d.cts.map +1 -1
- package/dist/components/copyField/CopyField.d.mts.map +1 -1
- package/dist/components/copyField/CopyField.d.ts.map +1 -1
- package/dist/components/copyField/CopyField.js +3 -3
- package/dist/components/copyField/CopyField.js.map +2 -2
- package/dist/components/data-list.css +19 -4
- package/dist/components/data-table.css +190 -0
- package/dist/components/dataTable/DataTable.cjs +193 -68
- package/dist/components/dataTable/DataTable.cjs.map +3 -3
- package/dist/components/dataTable/DataTable.d.cts +29 -1
- package/dist/components/dataTable/DataTable.d.cts.map +1 -1
- package/dist/components/dataTable/DataTable.d.mts +29 -1
- package/dist/components/dataTable/DataTable.d.mts.map +1 -1
- package/dist/components/dataTable/DataTable.d.ts +29 -1
- package/dist/components/dataTable/DataTable.d.ts.map +1 -1
- package/dist/components/dataTable/DataTable.js +193 -68
- package/dist/components/dataTable/DataTable.js.map +2 -2
- package/dist/components/dataTable/DataTableContext.cjs +41 -0
- package/dist/components/dataTable/DataTableContext.cjs.map +7 -0
- package/dist/components/dataTable/DataTableContext.d.cts +23 -0
- package/dist/components/dataTable/DataTableContext.d.cts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.mts +23 -0
- package/dist/components/dataTable/DataTableContext.d.mts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.ts +23 -0
- package/dist/components/dataTable/DataTableContext.d.ts.map +1 -0
- package/dist/components/dataTable/DataTableContext.js +11 -0
- package/dist/components/dataTable/DataTableContext.js.map +7 -0
- package/dist/components/dataTable/DataTablePagination.cjs +72 -47
- package/dist/components/dataTable/DataTablePagination.cjs.map +2 -2
- package/dist/components/dataTable/DataTablePagination.d.cts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.cts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.mts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.mts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.ts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.ts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.js +75 -47
- package/dist/components/dataTable/DataTablePagination.js.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.cjs +122 -93
- package/dist/components/dataTable/DataTableToolbar.cjs.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.d.cts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.cts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.mts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.mts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.ts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.ts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.js +123 -94
- package/dist/components/dataTable/DataTableToolbar.js.map +2 -2
- package/dist/components/dataTable/dataTable.export.cjs +83 -0
- package/dist/components/dataTable/dataTable.export.cjs.map +7 -0
- package/dist/components/dataTable/dataTable.export.d.cts +11 -0
- package/dist/components/dataTable/dataTable.export.d.cts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.mts +11 -0
- package/dist/components/dataTable/dataTable.export.d.mts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.ts +11 -0
- package/dist/components/dataTable/dataTable.export.d.ts.map +1 -0
- package/dist/components/dataTable/dataTable.export.js +63 -0
- package/dist/components/dataTable/dataTable.export.js.map +7 -0
- package/dist/components/dataTable/dataTable.props.cjs +23 -1
- package/dist/components/dataTable/dataTable.props.cjs.map +2 -2
- package/dist/components/dataTable/dataTable.props.d.cts +21 -1
- package/dist/components/dataTable/dataTable.props.d.cts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.mts +21 -1
- package/dist/components/dataTable/dataTable.props.d.mts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.ts +21 -1
- package/dist/components/dataTable/dataTable.props.d.ts.map +1 -1
- package/dist/components/dataTable/dataTable.props.js +23 -1
- package/dist/components/dataTable/dataTable.props.js.map +2 -2
- package/dist/components/dialog/Dialog.cjs +2 -1
- package/dist/components/dialog/Dialog.cjs.map +2 -2
- package/dist/components/dialog/Dialog.d.cts.map +1 -1
- package/dist/components/dialog/Dialog.d.mts.map +1 -1
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.js +2 -1
- package/dist/components/dialog/Dialog.js.map +2 -2
- package/dist/components/drawer.css +23 -6
- package/dist/components/dropdown-menu.css +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.cjs +10 -5
- package/dist/components/dropdownMenu/DropdownMenu.cjs.map +2 -2
- package/dist/components/dropdownMenu/DropdownMenu.d.cts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.d.mts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.js +10 -5
- package/dist/components/dropdownMenu/DropdownMenu.js.map +2 -2
- package/dist/components/empty-state.css +5 -0
- package/dist/components/file-upload.css +36 -9
- package/dist/components/fileUpload/FileUpload.cjs +10 -1
- package/dist/components/fileUpload/FileUpload.cjs.map +2 -2
- package/dist/components/fileUpload/FileUpload.d.cts +1 -0
- package/dist/components/fileUpload/FileUpload.d.cts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.mts +1 -0
- package/dist/components/fileUpload/FileUpload.d.mts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.ts +1 -0
- package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/fileUpload/FileUpload.js +10 -1
- package/dist/components/fileUpload/FileUpload.js.map +2 -2
- package/dist/components/filter-bar.css +380 -8
- package/dist/components/filterBar/FilterBar.cjs +630 -1
- package/dist/components/filterBar/FilterBar.cjs.map +2 -2
- package/dist/components/filterBar/FilterBar.d.cts +132 -2
- package/dist/components/filterBar/FilterBar.d.cts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.mts +132 -2
- package/dist/components/filterBar/FilterBar.d.mts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.ts +132 -2
- package/dist/components/filterBar/FilterBar.d.ts.map +1 -1
- package/dist/components/filterBar/FilterBar.js +631 -2
- package/dist/components/filterBar/FilterBar.js.map +2 -2
- package/dist/components/floating-panel.css +50 -19
- package/dist/components/floatingPanel/FloatingPanel.cjs +156 -58
- package/dist/components/floatingPanel/FloatingPanel.cjs.map +2 -2
- package/dist/components/floatingPanel/FloatingPanel.d.cts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.d.mts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.d.ts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.js +156 -58
- package/dist/components/floatingPanel/FloatingPanel.js.map +2 -2
- package/dist/components/fontProvider/FontProvider.cjs +1 -1
- package/dist/components/fontProvider/FontProvider.cjs.map +1 -1
- package/dist/components/fontProvider/FontProvider.js +1 -1
- package/dist/components/fontProvider/FontProvider.js.map +1 -1
- package/dist/components/grid/Grid.cjs +24 -35
- package/dist/components/grid/Grid.cjs.map +2 -2
- package/dist/components/grid/Grid.d.cts.map +1 -1
- package/dist/components/grid/Grid.d.mts.map +1 -1
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +24 -35
- package/dist/components/grid/Grid.js.map +2 -2
- package/dist/components/heading/Heading.cjs +1 -8
- package/dist/components/heading/Heading.cjs.map +2 -2
- package/dist/components/heading/Heading.d.cts.map +1 -1
- package/dist/components/heading/Heading.d.mts.map +1 -1
- package/dist/components/heading/Heading.d.ts.map +1 -1
- package/dist/components/heading/Heading.js +1 -8
- package/dist/components/heading/Heading.js.map +2 -2
- package/dist/components/heading/heading.props.cjs +9 -9
- package/dist/components/heading/heading.props.cjs.map +2 -2
- package/dist/components/heading/heading.props.d.cts +42 -43
- package/dist/components/heading/heading.props.d.cts.map +1 -1
- package/dist/components/heading/heading.props.d.mts +42 -43
- package/dist/components/heading/heading.props.d.mts.map +1 -1
- package/dist/components/heading/heading.props.d.ts +42 -43
- package/dist/components/heading/heading.props.d.ts.map +1 -1
- package/dist/components/heading/heading.props.js +9 -9
- package/dist/components/heading/heading.props.js.map +2 -2
- package/dist/components/heading.css +127 -104
- package/dist/components/hover-card.css +5 -2
- package/dist/components/icon/Icon.cjs +28 -2
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +33 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +33 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +33 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +37 -2
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +18 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +45 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +45 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +45 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +18 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/icon-button.css +29 -0
- package/dist/components/index.cjs +2 -1
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +2 -1
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +2 -1
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +2 -2
- package/dist/components/item/Item.cjs +1 -1
- package/dist/components/item/Item.cjs.map +2 -2
- package/dist/components/item/Item.js +1 -1
- package/dist/components/item/Item.js.map +2 -2
- package/dist/components/item.css +12 -1
- package/dist/components/label.css +3 -0
- package/dist/components/link.css +33 -97
- package/dist/components/marquee/Marquee.cjs +1 -1
- package/dist/components/marquee/Marquee.cjs.map +2 -2
- package/dist/components/marquee/Marquee.js +1 -1
- package/dist/components/marquee/Marquee.js.map +2 -2
- package/dist/components/marquee.css +6 -0
- package/dist/components/menu/Menu.cjs +3 -1
- package/dist/components/menu/Menu.cjs.map +2 -2
- package/dist/components/menu/Menu.d.cts.map +1 -1
- package/dist/components/menu/Menu.d.mts.map +1 -1
- package/dist/components/menu/Menu.d.ts.map +1 -1
- package/dist/components/menu/Menu.js +3 -1
- package/dist/components/menu/Menu.js.map +2 -2
- package/dist/components/menubar.css +1 -1
- package/dist/components/metric.css +5 -0
- package/dist/components/notification-center.css +49 -9
- package/dist/components/notificationCenter/NotificationCenter.cjs +21 -16
- package/dist/components/notificationCenter/NotificationCenter.cjs.map +2 -2
- package/dist/components/notificationCenter/NotificationCenter.d.cts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.mts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.ts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.js +22 -17
- package/dist/components/notificationCenter/NotificationCenter.js.map +2 -2
- package/dist/components/pagination/Pagination.cjs +143 -17
- package/dist/components/pagination/Pagination.cjs.map +2 -2
- package/dist/components/pagination/Pagination.d.cts +64 -4
- package/dist/components/pagination/Pagination.d.cts.map +1 -1
- package/dist/components/pagination/Pagination.d.mts +64 -4
- package/dist/components/pagination/Pagination.d.mts.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +64 -4
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +143 -17
- package/dist/components/pagination/Pagination.js.map +2 -2
- package/dist/components/pagination.css +50 -8
- package/dist/components/phoneInput/PhoneInput.cjs +18 -13
- package/dist/components/phoneInput/PhoneInput.cjs.map +2 -2
- package/dist/components/phoneInput/PhoneInput.d.cts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.mts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.js +19 -14
- package/dist/components/phoneInput/PhoneInput.js.map +2 -2
- package/dist/components/pills/Pills.cjs +1 -1
- package/dist/components/pills/Pills.cjs.map +2 -2
- package/dist/components/pills/Pills.js +2 -2
- package/dist/components/pills/Pills.js.map +2 -2
- package/dist/components/pills.css +6 -0
- package/dist/components/popover/Popover.cjs +2 -1
- package/dist/components/popover/Popover.cjs.map +2 -2
- package/dist/components/popover/Popover.d.cts.map +1 -1
- package/dist/components/popover/Popover.d.mts.map +1 -1
- package/dist/components/popover/Popover.d.ts.map +1 -1
- package/dist/components/popover/Popover.js +2 -1
- package/dist/components/popover/Popover.js.map +2 -2
- package/dist/components/popover.css +45 -6
- package/dist/components/prose.css +4 -4
- package/dist/components/qr-code.css +10 -17
- package/dist/components/qrCode/QrCode.cjs +14 -11
- package/dist/components/qrCode/QrCode.cjs.map +2 -2
- package/dist/components/qrCode/QrCode.d.cts.map +1 -1
- package/dist/components/qrCode/QrCode.d.mts.map +1 -1
- package/dist/components/qrCode/QrCode.d.ts.map +1 -1
- package/dist/components/qrCode/QrCode.js +14 -11
- package/dist/components/qrCode/QrCode.js.map +2 -2
- package/dist/components/radio-group.css +19 -0
- package/dist/components/radioGroup/RadioGroup.cjs +3 -2
- package/dist/components/radioGroup/RadioGroup.cjs.map +2 -2
- package/dist/components/radioGroup/RadioGroup.d.cts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.mts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.js +3 -2
- package/dist/components/radioGroup/RadioGroup.js.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.cjs +1 -1
- package/dist/components/radioGroup/radioGroup.props.cjs.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.d.cts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.mts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.ts +1 -1
- package/dist/components/radioGroup/radioGroup.props.js +1 -1
- package/dist/components/radioGroup/radioGroup.props.js.map +2 -2
- package/dist/components/rating.css +12 -0
- package/dist/components/resizable.css +20 -4
- package/dist/components/result.css +2 -1
- package/dist/components/rich-text-editor.css +50 -14
- package/dist/components/richTextEditor/EditorTools.cjs +226 -0
- package/dist/components/richTextEditor/EditorTools.cjs.map +7 -0
- package/dist/components/richTextEditor/EditorTools.d.cts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.cts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.d.mts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.mts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.d.ts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.ts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.js +196 -0
- package/dist/components/richTextEditor/EditorTools.js.map +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.cjs +96 -0
- package/dist/components/richTextEditor/MentionSuggestions.cjs.map +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.cts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.cts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.mts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.mts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.ts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.ts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.js +66 -0
- package/dist/components/richTextEditor/MentionSuggestions.js.map +7 -0
- package/dist/components/richTextEditor/RichTextEditor.cjs +63 -208
- package/dist/components/richTextEditor/RichTextEditor.cjs.map +3 -3
- package/dist/components/richTextEditor/RichTextEditor.d.cts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.cts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.mts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.mts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.ts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.js +63 -208
- package/dist/components/richTextEditor/RichTextEditor.js.map +3 -3
- package/dist/components/richTextEditor/editorTokens.cjs +75 -0
- package/dist/components/richTextEditor/editorTokens.cjs.map +7 -0
- package/dist/components/richTextEditor/editorTokens.d.cts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.cts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.d.mts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.mts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.d.ts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.ts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.js +55 -0
- package/dist/components/richTextEditor/editorTokens.js.map +7 -0
- package/dist/components/scroll-area.css +12 -0
- package/dist/components/scrollArea/ScrollArea.cjs +12 -1
- package/dist/components/scrollArea/ScrollArea.cjs.map +2 -2
- package/dist/components/scrollArea/ScrollArea.d.cts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.d.mts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.js +12 -1
- package/dist/components/scrollArea/ScrollArea.js.map +2 -2
- package/dist/components/segmented-control.css +80 -4
- package/dist/components/segmentedControl/SegmentedControl.cjs +18 -5
- package/dist/components/segmentedControl/SegmentedControl.cjs.map +2 -2
- package/dist/components/segmentedControl/SegmentedControl.d.cts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.mts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.js +18 -5
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.cjs +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.cjs.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.d.cts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.cts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.mts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.mts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.ts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.ts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.js +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.js.map +2 -2
- package/dist/components/select/Select.cjs +3 -1
- package/dist/components/select/Select.cjs.map +2 -2
- package/dist/components/select/Select.d.cts.map +1 -1
- package/dist/components/select/Select.d.mts.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +3 -1
- package/dist/components/select/Select.js.map +2 -2
- package/dist/components/select.css +1 -1
- package/dist/components/separator.css +3 -9
- package/dist/components/sidebar/Sidebar.cjs +12 -4
- package/dist/components/sidebar/Sidebar.cjs.map +2 -2
- package/dist/components/sidebar/Sidebar.d.cts +4 -1
- package/dist/components/sidebar/Sidebar.d.cts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.mts +4 -1
- package/dist/components/sidebar/Sidebar.d.mts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +4 -1
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +12 -4
- package/dist/components/sidebar/Sidebar.js.map +2 -2
- package/dist/components/sidebar/sidebar.props.cjs +8 -1
- package/dist/components/sidebar/sidebar.props.cjs.map +2 -2
- package/dist/components/sidebar/sidebar.props.d.cts +9 -1
- package/dist/components/sidebar/sidebar.props.d.cts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.mts +9 -1
- package/dist/components/sidebar/sidebar.props.d.mts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.ts +9 -1
- package/dist/components/sidebar/sidebar.props.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.props.js +8 -1
- package/dist/components/sidebar/sidebar.props.js.map +2 -2
- package/dist/components/sidebar.css +28 -0
- package/dist/components/sonner.css +79 -17
- package/dist/components/sortableList/SortableList.cjs +8 -2
- package/dist/components/sortableList/SortableList.cjs.map +2 -2
- package/dist/components/sortableList/SortableList.d.cts.map +1 -1
- package/dist/components/sortableList/SortableList.d.mts.map +1 -1
- package/dist/components/sortableList/SortableList.d.ts.map +1 -1
- package/dist/components/sortableList/SortableList.js +8 -2
- package/dist/components/sortableList/SortableList.js.map +2 -2
- package/dist/components/stat-card.css +2 -0
- package/dist/components/stepper.css +23 -12
- package/dist/components/tab-nav.css +25 -13
- package/dist/components/tabNav/TabNav.cjs +1 -4
- package/dist/components/tabNav/TabNav.cjs.map +2 -2
- package/dist/components/tabNav/TabNav.d.cts.map +1 -1
- package/dist/components/tabNav/TabNav.d.mts.map +1 -1
- package/dist/components/tabNav/TabNav.d.ts.map +1 -1
- package/dist/components/tabNav/TabNav.js +1 -4
- package/dist/components/tabNav/TabNav.js.map +2 -2
- package/dist/components/table/Table.cjs +3 -2
- package/dist/components/table/Table.cjs.map +2 -2
- package/dist/components/table/Table.d.cts.map +1 -1
- package/dist/components/table/Table.d.mts.map +1 -1
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +3 -2
- package/dist/components/table/Table.js.map +2 -2
- package/dist/components/table/table.props.cjs +6 -0
- package/dist/components/table/table.props.cjs.map +2 -2
- package/dist/components/table/table.props.d.cts +5 -0
- package/dist/components/table/table.props.d.cts.map +1 -1
- package/dist/components/table/table.props.d.mts +5 -0
- package/dist/components/table/table.props.d.mts.map +1 -1
- package/dist/components/table/table.props.d.ts +5 -0
- package/dist/components/table/table.props.d.ts.map +1 -1
- package/dist/components/table/table.props.js +6 -0
- package/dist/components/table/table.props.js.map +2 -2
- package/dist/components/table-of-contents.css +12 -2
- package/dist/components/table.css +20 -13
- package/dist/components/tableOfContents/TableOfContents.cjs +11 -4
- package/dist/components/tableOfContents/TableOfContents.cjs.map +2 -2
- package/dist/components/tableOfContents/TableOfContents.d.cts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.mts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.ts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.js +11 -4
- package/dist/components/tableOfContents/TableOfContents.js.map +2 -2
- package/dist/components/tabs/Tabs.cjs +39 -54
- package/dist/components/tabs/Tabs.cjs.map +2 -2
- package/dist/components/tabs/Tabs.d.cts.map +1 -1
- package/dist/components/tabs/Tabs.d.mts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +39 -54
- package/dist/components/tabs/Tabs.js.map +2 -2
- package/dist/components/tabs.css +62 -7
- package/dist/components/text/text.props.cjs +9 -9
- package/dist/components/text/text.props.cjs.map +2 -2
- package/dist/components/text/text.props.d.cts +42 -43
- package/dist/components/text/text.props.d.cts.map +1 -1
- package/dist/components/text/text.props.d.mts +42 -43
- package/dist/components/text/text.props.d.mts.map +1 -1
- package/dist/components/text/text.props.d.ts +42 -43
- package/dist/components/text/text.props.d.ts.map +1 -1
- package/dist/components/text/text.props.js +9 -9
- package/dist/components/text/text.props.js.map +2 -2
- package/dist/components/text/typography.props.cjs +32 -0
- package/dist/components/text/typography.props.cjs.map +7 -0
- package/dist/components/text/typography.props.d.cts +3 -0
- package/dist/components/text/typography.props.d.cts.map +1 -0
- package/dist/components/text/typography.props.d.mts +3 -0
- package/dist/components/text/typography.props.d.mts.map +1 -0
- package/dist/components/text/typography.props.d.ts +3 -0
- package/dist/components/text/typography.props.d.ts.map +1 -0
- package/dist/components/text/typography.props.js +12 -0
- package/dist/components/text/typography.props.js.map +7 -0
- package/dist/components/text-field.css +1 -0
- package/dist/components/text.css +41 -6
- package/dist/components/theme-panel.css +6 -0
- package/dist/components/timeline.css +54 -18
- package/dist/components/toast/Toast.cjs +3 -1
- package/dist/components/toast/Toast.cjs.map +2 -2
- package/dist/components/toast/Toast.d.cts.map +1 -1
- package/dist/components/toast/Toast.d.mts.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +3 -1
- package/dist/components/toast/Toast.js.map +2 -2
- package/dist/components/toast.css +50 -18
- package/dist/components/toggle-group.css +5 -0
- package/dist/components/toggle-tip.css +58 -9
- package/dist/components/toggleTip/ToggleTip.cjs +9 -5
- package/dist/components/toggleTip/ToggleTip.cjs.map +2 -2
- package/dist/components/toggleTip/ToggleTip.d.cts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.d.mts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.d.ts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.js +9 -5
- package/dist/components/toggleTip/ToggleTip.js.map +2 -2
- package/dist/components/toolbar/Toolbar.cjs +10 -7
- package/dist/components/toolbar/Toolbar.cjs.map +2 -2
- package/dist/components/toolbar/Toolbar.js +10 -7
- package/dist/components/toolbar/Toolbar.js.map +2 -2
- package/dist/components/toolbar.css +58 -4
- package/dist/components/tooltip.css +9 -5
- package/dist/components/tree-view.css +17 -3
- package/dist/components/treeView/TreeView.cjs +76 -21
- package/dist/components/treeView/TreeView.cjs.map +2 -2
- package/dist/components/treeView/TreeView.d.cts.map +1 -1
- package/dist/components/treeView/TreeView.d.mts.map +1 -1
- package/dist/components/treeView/TreeView.d.ts.map +1 -1
- package/dist/components/treeView/TreeView.js +76 -21
- package/dist/components/treeView/TreeView.js.map +2 -2
- package/dist/components.css +2 -2
- package/dist/docs/README.md +2 -1
- package/dist/docs/component-contract.md +7 -6
- package/dist/docs/component-index.json +17 -9
- package/dist/docs/components/accordion.md +5 -36
- package/dist/docs/components/alert.md +17 -10
- package/dist/docs/components/article-nodes.md +59 -2
- package/dist/docs/components/aspect-ratio.md +3 -26
- package/dist/docs/components/banner.md +152 -0
- package/dist/docs/components/blockquote.md +15 -14
- package/dist/docs/components/bottom-dock.md +146 -0
- package/dist/docs/components/box.md +3 -34
- package/dist/docs/components/breadcrumb.md +13 -8
- package/dist/docs/components/button-group.md +4 -3
- package/dist/docs/components/button.md +2 -2
- package/dist/docs/components/callout.md +18 -7
- package/dist/docs/components/card.md +10 -2
- package/dist/docs/components/carousel.md +55 -32
- package/dist/docs/components/chart.md +25 -7
- package/dist/docs/components/checkbox.md +4 -0
- package/dist/docs/components/code.md +33 -220
- package/dist/docs/components/collapsible.md +11 -35
- package/dist/docs/components/combobox.md +3 -1
- package/dist/docs/components/command.md +4 -2
- package/dist/docs/components/comment-thread.md +51 -1
- package/dist/docs/components/config-drawer.md +72 -171
- package/dist/docs/components/container.md +2 -0
- package/dist/docs/components/context-menu.md +19 -5
- package/dist/docs/components/copy-field.md +2 -2
- package/dist/docs/components/data-list.md +15 -3
- package/dist/docs/components/data-table.md +98 -17
- package/dist/docs/components/dialog.md +7 -1
- package/dist/docs/components/drawer.md +17 -6
- package/dist/docs/components/dropdown-menu.md +13 -3
- package/dist/docs/components/em.md +1 -1
- package/dist/docs/components/empty-state.md +3 -1
- package/dist/docs/components/file-upload.md +14 -7
- package/dist/docs/components/filter-bar.md +193 -8
- package/dist/docs/components/floating-panel.md +79 -285
- package/dist/docs/components/form.md +4 -0
- package/dist/docs/components/grid.md +11 -60
- package/dist/docs/components/heading.md +35 -32
- package/dist/docs/components/hover-card.md +9 -1
- package/dist/docs/components/icon-button.md +4 -1
- package/dist/docs/components/item.md +18 -13
- package/dist/docs/components/kbd.md +2 -0
- package/dist/docs/components/label.md +11 -9
- package/dist/docs/components/link.md +31 -209
- package/dist/docs/components/marquee.md +2 -2
- package/dist/docs/components/menu.md +4 -1
- package/dist/docs/components/metric.md +4 -1
- package/dist/docs/components/notification-center.md +24 -14
- package/dist/docs/components/page-header.md +2 -0
- package/dist/docs/components/pagination.md +92 -17
- package/dist/docs/components/pills.md +13 -4
- package/dist/docs/components/popover.md +12 -3
- package/dist/docs/components/prose.md +14 -1
- package/dist/docs/components/qr-code.md +25 -24
- package/dist/docs/components/quote.md +9 -4
- package/dist/docs/components/radio-group.md +5 -2
- package/dist/docs/components/rating.md +2 -0
- package/dist/docs/components/resizable.md +26 -18
- package/dist/docs/components/result.md +6 -0
- package/dist/docs/components/rich-text-editor.md +68 -18
- package/dist/docs/components/scroll-area.md +17 -9
- package/dist/docs/components/section.md +3 -38
- package/dist/docs/components/segmented-control.md +8 -3
- package/dist/docs/components/segmented-meter.md +9 -0
- package/dist/docs/components/select.md +3 -2
- package/dist/docs/components/separator.md +10 -46
- package/dist/docs/components/sidebar.md +20 -4
- package/dist/docs/components/sonner.md +26 -17
- package/dist/docs/components/sortable-list.md +2 -0
- package/dist/docs/components/stat-card.md +5 -4
- package/dist/docs/components/stepper.md +8 -32
- package/dist/docs/components/strong.md +1 -1
- package/dist/docs/components/tab-nav.md +33 -96
- package/dist/docs/components/table-of-contents.md +8 -2
- package/dist/docs/components/table.md +14 -5
- package/dist/docs/components/tabs.md +19 -50
- package/dist/docs/components/tag.md +4 -2
- package/dist/docs/components/text-field.md +1 -0
- package/dist/docs/components/text.md +34 -28
- package/dist/docs/components/theme-panel.md +3 -28
- package/dist/docs/components/theme.md +7 -3
- package/dist/docs/components/timeline.md +9 -5
- package/dist/docs/components/toast.md +28 -14
- package/dist/docs/components/toggle-group.md +2 -1
- package/dist/docs/components/toggle-tip.md +58 -241
- package/dist/docs/components/toolbar.md +16 -39
- package/dist/docs/components/tooltip.md +13 -7
- package/dist/docs/components/tree-view.md +22 -55
- package/dist/fonts.css +1 -1
- package/dist/generated/tokens.cjs +2 -1
- package/dist/generated/tokens.cjs.map +2 -2
- package/dist/generated/tokens.d.cts.map +1 -1
- package/dist/generated/tokens.d.mts.map +1 -1
- package/dist/generated/tokens.d.ts.map +1 -1
- package/dist/generated/tokens.js +2 -1
- package/dist/generated/tokens.js.map +2 -2
- package/dist/motion.css +18 -3
- package/dist/styles.css +3045 -1756
- package/dist/tokens.css +349 -361
- package/package.json +1 -1
- package/dist/components/control-group.css +0 -142
- package/dist/components/controlGroup/ControlGroup.cjs.map +0 -7
- package/dist/components/controlGroup/ControlGroup.d.cts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.cts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.mts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.mts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.ts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.ts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.js +0 -26
- package/dist/components/controlGroup/ControlGroup.js.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.cjs.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.d.cts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.cts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.mts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.mts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.ts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.ts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.js +0 -20
- package/dist/components/controlGroup/controlGroup.props.js.map +0 -7
- package/dist/docs/components/control-group.md +0 -261
|
@@ -61,6 +61,24 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
|
|
|
61
61
|
var import_chart = require("./chart.props");
|
|
62
62
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
63
63
|
const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
|
|
64
|
+
const useLegendHeight = () => {
|
|
65
|
+
const [legend, setLegend] = React.useState(null);
|
|
66
|
+
const [height, setHeight] = React.useState(0);
|
|
67
|
+
React.useEffect(() => {
|
|
68
|
+
if (!legend) return;
|
|
69
|
+
const measure = () => {
|
|
70
|
+
setHeight(legend.getBoundingClientRect().height);
|
|
71
|
+
};
|
|
72
|
+
measure();
|
|
73
|
+
const observer = new ResizeObserver(measure);
|
|
74
|
+
observer.observe(legend);
|
|
75
|
+
return () => {
|
|
76
|
+
observer.disconnect();
|
|
77
|
+
};
|
|
78
|
+
}, [legend]);
|
|
79
|
+
const content = React.useCallback((legendProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: setLegend, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.DefaultLegendContent, { ...legendProps }) }), []);
|
|
80
|
+
return [height, content];
|
|
81
|
+
};
|
|
64
82
|
const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
|
|
65
83
|
const { asChild, className, ...containerProps } = (0, import_extractProps.extractProps)(props, import_chart.chartContainerPropDefs);
|
|
66
84
|
const Comp = asChild ? import_react_slot.Slot : "div";
|
|
@@ -117,29 +135,61 @@ const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...
|
|
|
117
135
|
});
|
|
118
136
|
ChartBar.displayName = "ChartBar";
|
|
119
137
|
const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
|
|
138
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
139
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
140
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
120
141
|
const pieData = React.useMemo(
|
|
121
142
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
122
143
|
[data]
|
|
123
144
|
);
|
|
124
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
146
|
+
import_recharts.ResponsiveContainer,
|
|
147
|
+
{
|
|
148
|
+
width: "100%",
|
|
149
|
+
height: "100%",
|
|
150
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
151
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
152
|
+
debounce: chartResponsiveFallback.debounce,
|
|
153
|
+
onResize: (width, height) => {
|
|
154
|
+
setDimensions({ width, height });
|
|
155
|
+
},
|
|
156
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
|
|
157
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
158
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
|
|
160
|
+
] })
|
|
161
|
+
}
|
|
162
|
+
) });
|
|
129
163
|
});
|
|
130
164
|
ChartPie.displayName = "ChartPie";
|
|
131
165
|
const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
|
|
166
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
167
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
168
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
132
169
|
const pieData = React.useMemo(
|
|
133
170
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
134
171
|
[data]
|
|
135
172
|
);
|
|
136
173
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
|
|
137
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
174
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
175
|
+
import_recharts.ResponsiveContainer,
|
|
176
|
+
{
|
|
177
|
+
width: "100%",
|
|
178
|
+
height: "100%",
|
|
179
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
180
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
181
|
+
debounce: chartResponsiveFallback.debounce,
|
|
182
|
+
onResize: (width, height) => {
|
|
183
|
+
setDimensions({ width, height });
|
|
184
|
+
},
|
|
185
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
|
|
186
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: radius * 0.62, outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
187
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
188
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, { content: legendContent })
|
|
189
|
+
] })
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", style: { bottom: legendHeight }, children: label }) : null
|
|
143
193
|
] });
|
|
144
194
|
});
|
|
145
195
|
ChartDonut.displayName = "ChartDonut";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/chart/Chart.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,wCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AACrB,
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n DefaultLegendContent,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\n// Observe the rendered legend: its height changes when labels wrap or fonts load.\n// Recharts' onBBoxUpdate type remains public in v3, but the implementation no\n// longer calls it. Measuring our content also preserves the >=2 peer contract.\nconst useLegendHeight = () => {\n const [legend, setLegend] = React.useState<HTMLDivElement | null>(null)\n const [height, setHeight] = React.useState(0)\n React.useEffect(() => {\n if (!legend) return\n const measure = () => { setHeight(legend.getBoundingClientRect().height) }\n measure()\n const observer = new ResizeObserver(measure)\n observer.observe(legend)\n return () => { observer.disconnect() }\n }, [legend])\n const content = React.useCallback((legendProps: React.ComponentProps<typeof DefaultLegendContent>) => (\n <div ref={setLegend}><DefaultLegendContent {...legendProps} /></div>\n ), [])\n return [height, content] as const\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={radius * 0.62} outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\" style={{ bottom: legendHeight }}>{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["RechartsTooltip", "RechartsLegend", "classNames"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.cts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.mts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEL,SAAS,EAET,QAAQ,EACR,aAAa,
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
BarChart,
|
|
10
10
|
CartesianGrid,
|
|
11
11
|
Cell,
|
|
12
|
+
DefaultLegendContent,
|
|
12
13
|
Legend as RechartsLegend,
|
|
13
14
|
Line,
|
|
14
15
|
LineChart,
|
|
@@ -25,6 +26,24 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
|
|
|
25
26
|
import { chartContainerPropDefs } from "./chart.props.js";
|
|
26
27
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
27
28
|
const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
|
|
29
|
+
const useLegendHeight = () => {
|
|
30
|
+
const [legend, setLegend] = React.useState(null);
|
|
31
|
+
const [height, setHeight] = React.useState(0);
|
|
32
|
+
React.useEffect(() => {
|
|
33
|
+
if (!legend) return;
|
|
34
|
+
const measure = () => {
|
|
35
|
+
setHeight(legend.getBoundingClientRect().height);
|
|
36
|
+
};
|
|
37
|
+
measure();
|
|
38
|
+
const observer = new ResizeObserver(measure);
|
|
39
|
+
observer.observe(legend);
|
|
40
|
+
return () => {
|
|
41
|
+
observer.disconnect();
|
|
42
|
+
};
|
|
43
|
+
}, [legend]);
|
|
44
|
+
const content = React.useCallback((legendProps) => /* @__PURE__ */ jsx("div", { ref: setLegend, children: /* @__PURE__ */ jsx(DefaultLegendContent, { ...legendProps }) }), []);
|
|
45
|
+
return [height, content];
|
|
46
|
+
};
|
|
28
47
|
const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
|
|
29
48
|
const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs);
|
|
30
49
|
const Comp = asChild ? Slot : "div";
|
|
@@ -81,29 +100,61 @@ const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...
|
|
|
81
100
|
});
|
|
82
101
|
ChartBar.displayName = "ChartBar";
|
|
83
102
|
const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
|
|
103
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
104
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
105
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
84
106
|
const pieData = React.useMemo(
|
|
85
107
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
86
108
|
[data]
|
|
87
109
|
);
|
|
88
|
-
return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
110
|
+
return /* @__PURE__ */ jsx(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ jsx(
|
|
111
|
+
ResponsiveContainer,
|
|
112
|
+
{
|
|
113
|
+
width: "100%",
|
|
114
|
+
height: "100%",
|
|
115
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
116
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
117
|
+
debounce: chartResponsiveFallback.debounce,
|
|
118
|
+
onResize: (width, height) => {
|
|
119
|
+
setDimensions({ width, height });
|
|
120
|
+
},
|
|
121
|
+
children: /* @__PURE__ */ jsxs(PieChart, { children: [
|
|
122
|
+
/* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
123
|
+
/* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
124
|
+
/* @__PURE__ */ jsx(RechartsLegend, { content: legendContent })
|
|
125
|
+
] })
|
|
126
|
+
}
|
|
127
|
+
) });
|
|
93
128
|
});
|
|
94
129
|
ChartPie.displayName = "ChartPie";
|
|
95
130
|
const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
|
|
131
|
+
const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 });
|
|
132
|
+
const [legendHeight, legendContent] = useLegendHeight();
|
|
133
|
+
const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2));
|
|
96
134
|
const pieData = React.useMemo(
|
|
97
135
|
() => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
|
|
98
136
|
[data]
|
|
99
137
|
);
|
|
100
138
|
return /* @__PURE__ */ jsxs(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
|
|
101
|
-
/* @__PURE__ */ jsx(
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
139
|
+
/* @__PURE__ */ jsx(
|
|
140
|
+
ResponsiveContainer,
|
|
141
|
+
{
|
|
142
|
+
width: "100%",
|
|
143
|
+
height: "100%",
|
|
144
|
+
minWidth: chartResponsiveFallback.minWidth,
|
|
145
|
+
minHeight: chartResponsiveFallback.minHeight,
|
|
146
|
+
debounce: chartResponsiveFallback.debounce,
|
|
147
|
+
onResize: (width, height) => {
|
|
148
|
+
setDimensions({ width, height });
|
|
149
|
+
},
|
|
150
|
+
children: /* @__PURE__ */ jsxs(PieChart, { children: [
|
|
151
|
+
/* @__PURE__ */ jsx(Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: radius * 0.62, outerRadius: radius, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
|
|
152
|
+
/* @__PURE__ */ jsx(RechartsTooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
|
|
153
|
+
/* @__PURE__ */ jsx(RechartsLegend, { content: legendContent })
|
|
154
|
+
] })
|
|
155
|
+
}
|
|
156
|
+
),
|
|
157
|
+
label != null ? /* @__PURE__ */ jsx("div", { className: "dsx-chart__center-label", style: { bottom: legendHeight }, children: label }) : null
|
|
107
158
|
] });
|
|
108
159
|
});
|
|
109
160
|
ChartDonut.displayName = "ChartDonut";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/chart/Chart.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} outerRadius={100} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
-
"mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n DefaultLegendContent,\n Legend as RechartsLegend,\n Line,\n LineChart,\n Pie,\n PieChart,\n RadialBar,\n RadialBarChart,\n ResponsiveContainer,\n Tooltip as RechartsTooltip,\n XAxis,\n YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n id?: number | string\n name: string\n value: number\n}\n\ntype ChartRow = {\n name: string\n id?: number | string\n [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n fill: string\n}\n\ntype ChartSeries = {\n dataKey: string\n name?: string\n fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n stacked?: boolean\n name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[]\n label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n value: number\n max?: number\n label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: ChartDatum[] | ChartRow[]\n series?: ChartSeries[]\n name?: string\n spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\n// Observe the rendered legend: its height changes when labels wrap or fonts load.\n// Recharts' onBBoxUpdate type remains public in v3, but the implementation no\n// longer calls it. Measuring our content also preserves the >=2 peer contract.\nconst useLegendHeight = () => {\n const [legend, setLegend] = React.useState<HTMLDivElement | null>(null)\n const [height, setHeight] = React.useState(0)\n React.useEffect(() => {\n if (!legend) return\n const measure = () => { setHeight(legend.getBoundingClientRect().height) }\n measure()\n const observer = new ResizeObserver(measure)\n observer.observe(legend)\n return () => { observer.disconnect() }\n }, [legend])\n const content = React.useCallback((legendProps: React.ComponentProps<typeof DefaultLegendContent>) => (\n <div ref={setLegend}><DefaultLegendContent {...legendProps} /></div>\n ), [])\n return [height, content] as const\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return (\n <Comp\n {...containerProps}\n ref={forwardedRef}\n className={classNames('dsx-chart', className)}\n data-slot=\"chart-container\"\n >\n {children}\n </Comp>\n )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n backgroundColor: 'var(--dsx-color-panel-translucent)',\n backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n border: '1px solid var(--dsx-color-outline-variant)',\n borderRadius: 'var(--dsx-rounded-md)',\n boxShadow: 'var(--dsx-shadow-elevation-2)',\n fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <LineChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n ))\n : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </LineChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n const stackId = stacked ? 'dsx-stack' : undefined\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <BarChart data={data} margin={chartInset}>\n <CartesianGrid strokeDasharray=\"3 3\" />\n <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n <RechartsLegend />\n {series && series.length > 0\n ? series.map((s, i) => (\n <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n ))\n : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n </BarChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n const [dimensions, setDimensions] = React.useState({ width: 220, height: 240 })\n const [legendHeight, legendContent] = useLegendHeight()\n const radius = Math.max(0, Math.min(100, (Math.min(dimensions.width, dimensions.height - legendHeight) - 10) / 2))\n const pieData = React.useMemo<ChartPieDatum[]>(\n () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n [data],\n )\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}\n onResize={(width, height) => { setDimensions({ width, height }) }}>\n <PieChart>\n <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={radius * 0.62} outerRadius={radius} isAnimationActive={false}>\n {pieData.map((entry, index) => (\n <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n ))}\n </Pie>\n <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n <RechartsLegend content={legendContent} />\n </PieChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\" style={{ bottom: legendHeight }}>{label}</div> : null}\n </ChartContainer>\n )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n const clamped = Math.max(0, Math.min(value, max))\n const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n </RadialBarChart>\n </ResponsiveContainer>\n {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n </ChartContainer>\n )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n return (\n <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n {!spark ? <RechartsLegend /> : null}\n {series && series.length > 0\n ? series.map((s, i) => (\n <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n ))\n : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n </AreaChart>\n </ResponsiveContainer>\n </ChartContainer>\n )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n ({ className, color, style, ...props }, forwardedRef) => (\n <span\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-chart__legend-item', className)}\n style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n />\n ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, forwardedRef) => (\n <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n Container: typeof ChartContainer\n Line: typeof ChartLine\n Bar: typeof ChartBar\n Pie: typeof ChartPie\n Donut: typeof ChartDonut\n Radial: typeof ChartRadial\n Area: typeof ChartArea\n Empty: typeof ChartEmpty\n Legend: typeof ChartLegend\n LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n Container: ChartContainer,\n Line: ChartLine,\n Bar: ChartBar,\n Pie: ChartPie,\n Donut: ChartDonut,\n Radial: ChartRadial,\n Area: ChartArea,\n Empty: ChartEmpty,\n Legend: ChartLegend,\n LegendItem: ChartLegendItem,\n})\n\nexport {\n AreaChart,\n BarChart,\n CartesianGrid,\n Chart,\n ChartArea,\n ChartBar,\n ChartContainer,\n ChartDonut,\n ChartEmpty,\n ChartLegend,\n ChartLegendItem,\n ChartLine,\n ChartPie,\n ChartRadial,\n LineChart,\n PieChart,\n RadialBarChart,\n RechartsLegend,\n RechartsTooltip as ChartTooltip,\n ResponsiveContainer,\n XAxis,\n YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
.dsx-chart {
|
|
4
4
|
position: relative;
|
|
5
|
+
min-width: 0;
|
|
6
|
+
max-width: 100%;
|
|
5
7
|
display: flex;
|
|
6
|
-
min-height: var(--dsx-chart-min-height);
|
|
8
|
+
min-height: var(--dsx-chart-min-height, 240px);
|
|
7
9
|
aspect-ratio: var(--dsx-chart-aspect-ratio, 1.7778);
|
|
8
10
|
color: var(--dsx-semantic-card-foreground);
|
|
9
11
|
overflow: hidden;
|
|
@@ -30,6 +32,13 @@
|
|
|
30
32
|
gap: var(--dsx-space-xs);
|
|
31
33
|
pointer-events: none;
|
|
32
34
|
text-align: center;
|
|
35
|
+
min-width: 0;
|
|
36
|
+
overflow-wrap: anywhere;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.dsx-chart__center-label > * {
|
|
40
|
+
min-width: 0;
|
|
41
|
+
max-width: 100%;
|
|
33
42
|
}
|
|
34
43
|
|
|
35
44
|
.dsx-chart__empty {
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
position: relative;
|
|
5
6
|
width: var(--dsx-size-md);
|
|
6
7
|
height: var(--dsx-size-md);
|
|
7
8
|
border-radius: var(--dsx-rounded-sm);
|
|
@@ -61,6 +62,19 @@
|
|
|
61
62
|
box-shadow: var(--dsx-shadow-focus-ring);
|
|
62
63
|
}
|
|
63
64
|
|
|
65
|
+
/* Extended hit area — the visual box stays 20/24/32px per size, but the
|
|
66
|
+
pointer target grows to 44px (WCAG 2.5.8 minimum 24px, TMA touch 44px).
|
|
67
|
+
Absolutely positioned, so it never affects layout. */
|
|
68
|
+
.dsx-checkbox::before {
|
|
69
|
+
content: '';
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 50%;
|
|
72
|
+
left: 50%;
|
|
73
|
+
transform: translate(-50%, -50%);
|
|
74
|
+
width: max(100% + 16px, 44px);
|
|
75
|
+
height: max(100% + 16px, 44px);
|
|
76
|
+
}
|
|
77
|
+
|
|
64
78
|
.dsx-checkbox[data-state='checked'],
|
|
65
79
|
.dsx-checkbox[data-state='indeterminate'] {
|
|
66
80
|
background: var(--dsx-color-accent-track);
|