@d4gger/design-system 3.0.1 → 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/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.css +5 -4
- 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/callout.css +20 -7
- package/dist/components/card.css +8 -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/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 +3 -1
- 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/drawer.css +23 -6
- 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/file-upload.css +36 -9
- package/dist/components/floating-panel.css +49 -18
- 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/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 +3 -0
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +5 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +5 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +5 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +4 -0
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +2 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +5 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +5 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +5 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +2 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/index.cjs +1 -0
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +2 -2
- package/dist/components/label.css +3 -0
- package/dist/components/link.css +33 -97
- 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/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.css +45 -6
- package/dist/components/prose.css +3 -3
- package/dist/components/qr-code.css +5 -2
- 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/resizable.css +20 -4
- 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 +53 -206
- 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 +53 -206
- 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/segmentedControl/SegmentedControl.cjs +2 -2
- 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 +2 -2
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- 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 +78 -16
- 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-of-contents.css +12 -2
- 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 +52 -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/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 +36 -36
- 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 +1 -0
- package/dist/docs/README.md +1 -0
- package/dist/docs/component-contract.md +4 -3
- package/dist/docs/component-index.json +9 -1
- 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 +7 -7
- 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/callout.md +18 -7
- package/dist/docs/components/card.md +9 -2
- package/dist/docs/components/code.md +33 -220
- package/dist/docs/components/collapsible.md +11 -35
- package/dist/docs/components/command.md +2 -0
- 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/dialog.md +3 -1
- package/dist/docs/components/drawer.md +17 -6
- package/dist/docs/components/dropdown-menu.md +11 -2
- package/dist/docs/components/em.md +1 -1
- package/dist/docs/components/file-upload.md +13 -7
- 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/kbd.md +2 -0
- package/dist/docs/components/label.md +11 -9
- package/dist/docs/components/link.md +31 -209
- package/dist/docs/components/notification-center.md +24 -14
- package/dist/docs/components/page-header.md +2 -0
- package/dist/docs/components/pagination.md +4 -0
- package/dist/docs/components/pills.md +13 -4
- package/dist/docs/components/popover.md +10 -3
- package/dist/docs/components/prose.md +9 -0
- package/dist/docs/components/qr-code.md +12 -12
- package/dist/docs/components/quote.md +9 -4
- package/dist/docs/components/resizable.md +26 -18
- 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 +1 -1
- package/dist/docs/components/segmented-meter.md +9 -0
- package/dist/docs/components/separator.md +10 -46
- package/dist/docs/components/sidebar.md +17 -3
- package/dist/docs/components/sonner.md +25 -16
- package/dist/docs/components/stepper.md +8 -33
- 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/tabs.md +19 -50
- 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/toast.md +27 -13
- 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/generated/tokens.cjs +1 -0
- 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 +1 -0
- package/dist/generated/tokens.js.map +2 -2
- package/dist/styles.css +1632 -1300
- package/dist/tokens.css +344 -362
- package/package.json +1 -1
|
@@ -57,6 +57,7 @@ var import_Icon = require("../icon/Icon");
|
|
|
57
57
|
var import_dropdownMenu = require("./dropdownMenu.props");
|
|
58
58
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
59
59
|
const DropdownMenuOpenContext = React.createContext(false);
|
|
60
|
+
const DropdownMenuSubOpenContext = React.createContext(false);
|
|
60
61
|
function useControllableDropdownMenuOpenState({
|
|
61
62
|
open: openProp,
|
|
62
63
|
defaultOpen,
|
|
@@ -78,7 +79,10 @@ function useControllableDropdownMenuOpenState({
|
|
|
78
79
|
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
79
80
|
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
80
81
|
const DropdownMenuPortal = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Menu.MenuPortal, { ...props, portal: DropdownMenuPrimitive.Portal });
|
|
81
|
-
const DropdownMenuSub =
|
|
82
|
+
const DropdownMenuSub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {
|
|
83
|
+
const [open, setOpen] = useControllableDropdownMenuOpenState({ open: openProp, defaultOpen, onOpenChange });
|
|
84
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuSubOpenContext.Provider, { value: open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Sub, { open, onOpenChange: setOpen, children }) });
|
|
85
|
+
};
|
|
82
86
|
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
83
87
|
function DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }) {
|
|
84
88
|
const [open, setOpen] = useControllableDropdownMenuOpenState({
|
|
@@ -217,7 +221,8 @@ const DropdownMenuSubTrigger = React.forwardRef(({ className: propClassName, ins
|
|
|
217
221
|
);
|
|
218
222
|
});
|
|
219
223
|
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
220
|
-
const DropdownMenuSubContent = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
|
|
224
|
+
const DropdownMenuSubContent = React.forwardRef(({ className, children, forceMount = false, ...props }, forwardedRef) => {
|
|
225
|
+
const open = React.useContext(DropdownMenuSubOpenContext);
|
|
221
226
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
222
227
|
import_Menu.MenuContent,
|
|
223
228
|
{
|
|
@@ -225,9 +230,9 @@ const DropdownMenuSubContent = React.forwardRef(({ className, children, ...props
|
|
|
225
230
|
ref: forwardedRef,
|
|
226
231
|
content: DropdownMenuPrimitive.SubContent,
|
|
227
232
|
contentClassName: "dsx-dropdown-menu__content",
|
|
228
|
-
forceMount
|
|
229
|
-
open
|
|
230
|
-
portal:
|
|
233
|
+
forceMount,
|
|
234
|
+
open,
|
|
235
|
+
portal: DropdownMenuPrimitive.Portal,
|
|
231
236
|
className,
|
|
232
237
|
children
|
|
233
238
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/dropdownMenu/DropdownMenu.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport {\n dropdownMenuItemPropDefs,\n dropdownMenuShortcutPropDefs,\n dropdownMenuSubTriggerPropDefs,\n} from './dropdownMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst DropdownMenuOpenContext = React.createContext(false)\n\nfunction useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n}: Pick<DropdownMenuRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n const open = openProp ?? uncontrolledOpen\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n if (openProp === undefined) {\n setUncontrolledOpen(nextOpen)\n }\n\n onOpenChange?.(nextOpen)\n },\n [onOpenChange, openProp],\n )\n\n return [open, handleOpenChange] as const\n}\n\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>\ntype DropdownMenuSubTriggerOwnProps = GetPropDefTypes<typeof dropdownMenuSubTriggerPropDefs>\ntype DropdownMenuShortcutOwnProps = GetPropDefTypes<typeof dropdownMenuShortcutPropDefs>\n\ntype DropdownMenuRootProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\ntype DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\ntype DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n\ninterface DropdownMenuItemProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>,\n DropdownMenuItemOwnProps {}\n\ninterface DropdownMenuSubTriggerProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerOwnProps {}\n\ninterface DropdownMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, DropdownMenuShortcutOwnProps {}\n\nconst DropdownMenuTrigger: typeof DropdownMenuPrimitive.Trigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup: typeof DropdownMenuPrimitive.Group = DropdownMenuPrimitive.Group\nconst DropdownMenuPortal = (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>) => (\n <MenuPortal {...props} portal={DropdownMenuPrimitive.Portal} />\n)\nconst DropdownMenuSub: typeof DropdownMenuPrimitive.Sub = DropdownMenuPrimitive.Sub\nconst DropdownMenuRadioGroup: typeof DropdownMenuPrimitive.RadioGroup = DropdownMenuPrimitive.RadioGroup\n\nfunction DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuRootProps) {\n const [open, setOpen] = useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n })\n\n return (\n <DropdownMenuOpenContext.Provider value={open}>\n <MenuPrimitiveRoot root={DropdownMenuPrimitive.Root} {...props} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitiveRoot>\n </DropdownMenuOpenContext.Provider>\n )\n}\nDropdownMenuRoot.displayName = 'DropdownMenu'\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n DropdownMenuContentProps\n>(({ className, children, forceMount = false, sideOffset = 8, size = 'md', ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuOpenContext)\n\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n data-size={size}\n content={DropdownMenuPrimitive.Content}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n sideOffset={sideOffset}\n align=\"start\"\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuLabel = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Label>, DropdownMenuLabelProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.Label\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__label', className)}\n />\n )\n },\n)\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveSeparator\n {...props}\n ref={forwardedRef}\n separator={DropdownMenuPrimitive.Separator}\n separatorClassName=\"dsx-dropdown-menu__separator\"\n className={className}\n />\n )\n})\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, DropdownMenuItemProps>(\n ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {\n const { className, ...itemProps } = extractProps(\n {\n ...props,\n className: propClassName,\n destructive,\n inset,\n },\n dropdownMenuItemPropDefs,\n )\n\n return (\n <MenuPrimitiveItem\n {...itemProps}\n ref={forwardedRef}\n item={DropdownMenuPrimitive.Item}\n itemClassName=\"dsx-dropdown-menu__item\"\n className={className}\n destructive={destructive}\n inset={inset}\n />\n )\n },\n)\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n DropdownMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n {...props}\n ref={forwardedRef}\n checked={checked}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n})\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n DropdownMenuRadioItemProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.RadioItem\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n <span className=\"dsx-dropdown-menu__radio-dot\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n})\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n const { className, ...subTriggerProps } = extractProps(\n {\n ...props,\n className: propClassName,\n inset,\n },\n dropdownMenuSubTriggerPropDefs,\n )\n\n return (\n <DropdownMenuPrimitive.SubTrigger\n {...subTriggerProps}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', 'dsx-dropdown-menu__sub-trigger', className)}\n data-inset={inset ? 'true' : undefined}\n >\n {children}\n <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-dropdown-menu__sub-chevron\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n})\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n DropdownMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n content={DropdownMenuPrimitive.SubContent}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount\n open\n portal={null}\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, DropdownMenuShortcutProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...shortcutProps } = extractProps(props, dropdownMenuShortcutPropDefs)\n const Comp = asChild ? Slot : 'span'\n\n return (\n <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-dropdown-menu__shortcut', className)} />\n )\n },\n)\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nconst DropdownMenu: typeof DropdownMenuRoot & {\n Root: typeof DropdownMenuRoot\n Trigger: typeof DropdownMenuTrigger\n Content: typeof DropdownMenuContent\n Item: typeof DropdownMenuItem\n Label: typeof DropdownMenuLabel\n Separator: typeof DropdownMenuSeparator\n Group: typeof DropdownMenuGroup\n Sub: typeof DropdownMenuSub\n RadioGroup: typeof DropdownMenuRadioGroup\n Portal: typeof DropdownMenuPortal\n CheckboxItem: typeof DropdownMenuCheckboxItem\n RadioItem: typeof DropdownMenuRadioItem\n SubTrigger: typeof DropdownMenuSubTrigger\n SubContent: typeof DropdownMenuSubContent\n Shortcut: typeof DropdownMenuShortcut\n} = Object.assign(DropdownMenuRoot, {\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Item: DropdownMenuItem,\n Label: DropdownMenuLabel,\n Separator: DropdownMenuSeparator,\n Group: DropdownMenuGroup,\n Sub: DropdownMenuSub,\n RadioGroup: DropdownMenuRadioGroup,\n Portal: DropdownMenuPortal,\n CheckboxItem: DropdownMenuCheckboxItem,\n RadioItem: DropdownMenuRadioItem,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n Shortcut: DropdownMenuShortcut,\n})\nDropdownMenu.displayName = 'DropdownMenu'\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuRoot,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n}\nexport type {\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuItemProps,\n DropdownMenuLabelProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubTriggerProps,\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,4BAAuC;AACvC,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAuK;AACvK,kBAAqB;AACrB,0BAIO;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport {\n dropdownMenuItemPropDefs,\n dropdownMenuShortcutPropDefs,\n dropdownMenuSubTriggerPropDefs,\n} from './dropdownMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst DropdownMenuOpenContext = React.createContext(false)\nconst DropdownMenuSubOpenContext = React.createContext(false)\n\nfunction useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n}: Pick<DropdownMenuRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n const open = openProp ?? uncontrolledOpen\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n if (openProp === undefined) {\n setUncontrolledOpen(nextOpen)\n }\n\n onOpenChange?.(nextOpen)\n },\n [onOpenChange, openProp],\n )\n\n return [open, handleOpenChange] as const\n}\n\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>\ntype DropdownMenuSubTriggerOwnProps = GetPropDefTypes<typeof dropdownMenuSubTriggerPropDefs>\ntype DropdownMenuShortcutOwnProps = GetPropDefTypes<typeof dropdownMenuShortcutPropDefs>\n\ntype DropdownMenuRootProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\ntype DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\ntype DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n\ninterface DropdownMenuItemProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>,\n DropdownMenuItemOwnProps {}\n\ninterface DropdownMenuSubTriggerProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerOwnProps {}\n\ninterface DropdownMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, DropdownMenuShortcutOwnProps {}\n\nconst DropdownMenuTrigger: typeof DropdownMenuPrimitive.Trigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup: typeof DropdownMenuPrimitive.Group = DropdownMenuPrimitive.Group\nconst DropdownMenuPortal = (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>) => (\n <MenuPortal {...props} portal={DropdownMenuPrimitive.Portal} />\n)\nconst DropdownMenuSub: typeof DropdownMenuPrimitive.Sub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {\n const [open, setOpen] = useControllableDropdownMenuOpenState({ open: openProp, defaultOpen, onOpenChange })\n return (\n <DropdownMenuSubOpenContext.Provider value={open}>\n <DropdownMenuPrimitive.Sub open={open} onOpenChange={setOpen}>{children}</DropdownMenuPrimitive.Sub>\n </DropdownMenuSubOpenContext.Provider>\n )\n}\nconst DropdownMenuRadioGroup: typeof DropdownMenuPrimitive.RadioGroup = DropdownMenuPrimitive.RadioGroup\n\nfunction DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuRootProps) {\n const [open, setOpen] = useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n })\n\n return (\n <DropdownMenuOpenContext.Provider value={open}>\n <MenuPrimitiveRoot root={DropdownMenuPrimitive.Root} {...props} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitiveRoot>\n </DropdownMenuOpenContext.Provider>\n )\n}\nDropdownMenuRoot.displayName = 'DropdownMenu'\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n DropdownMenuContentProps\n>(({ className, children, forceMount = false, sideOffset = 8, size = 'md', ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuOpenContext)\n\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n data-size={size}\n content={DropdownMenuPrimitive.Content}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n sideOffset={sideOffset}\n align=\"start\"\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuLabel = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Label>, DropdownMenuLabelProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.Label\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__label', className)}\n />\n )\n },\n)\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveSeparator\n {...props}\n ref={forwardedRef}\n separator={DropdownMenuPrimitive.Separator}\n separatorClassName=\"dsx-dropdown-menu__separator\"\n className={className}\n />\n )\n})\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, DropdownMenuItemProps>(\n ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {\n const { className, ...itemProps } = extractProps(\n {\n ...props,\n className: propClassName,\n destructive,\n inset,\n },\n dropdownMenuItemPropDefs,\n )\n\n return (\n <MenuPrimitiveItem\n {...itemProps}\n ref={forwardedRef}\n item={DropdownMenuPrimitive.Item}\n itemClassName=\"dsx-dropdown-menu__item\"\n className={className}\n destructive={destructive}\n inset={inset}\n />\n )\n },\n)\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n DropdownMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n {...props}\n ref={forwardedRef}\n checked={checked}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n})\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n DropdownMenuRadioItemProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.RadioItem\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n <span className=\"dsx-dropdown-menu__radio-dot\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n})\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n const { className, ...subTriggerProps } = extractProps(\n {\n ...props,\n className: propClassName,\n inset,\n },\n dropdownMenuSubTriggerPropDefs,\n )\n\n return (\n <DropdownMenuPrimitive.SubTrigger\n {...subTriggerProps}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', 'dsx-dropdown-menu__sub-trigger', className)}\n data-inset={inset ? 'true' : undefined}\n >\n {children}\n <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-dropdown-menu__sub-chevron\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n})\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n DropdownMenuSubContentProps\n>(({ className, children, forceMount = false, ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuSubOpenContext)\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n content={DropdownMenuPrimitive.SubContent}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, DropdownMenuShortcutProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...shortcutProps } = extractProps(props, dropdownMenuShortcutPropDefs)\n const Comp = asChild ? Slot : 'span'\n\n return (\n <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-dropdown-menu__shortcut', className)} />\n )\n },\n)\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nconst DropdownMenu: typeof DropdownMenuRoot & {\n Root: typeof DropdownMenuRoot\n Trigger: typeof DropdownMenuTrigger\n Content: typeof DropdownMenuContent\n Item: typeof DropdownMenuItem\n Label: typeof DropdownMenuLabel\n Separator: typeof DropdownMenuSeparator\n Group: typeof DropdownMenuGroup\n Sub: typeof DropdownMenuSub\n RadioGroup: typeof DropdownMenuRadioGroup\n Portal: typeof DropdownMenuPortal\n CheckboxItem: typeof DropdownMenuCheckboxItem\n RadioItem: typeof DropdownMenuRadioItem\n SubTrigger: typeof DropdownMenuSubTrigger\n SubContent: typeof DropdownMenuSubContent\n Shortcut: typeof DropdownMenuShortcut\n} = Object.assign(DropdownMenuRoot, {\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Item: DropdownMenuItem,\n Label: DropdownMenuLabel,\n Separator: DropdownMenuSeparator,\n Group: DropdownMenuGroup,\n Sub: DropdownMenuSub,\n RadioGroup: DropdownMenuRadioGroup,\n Portal: DropdownMenuPortal,\n CheckboxItem: DropdownMenuCheckboxItem,\n RadioItem: DropdownMenuRadioItem,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n Shortcut: DropdownMenuShortcut,\n})\nDropdownMenu.displayName = 'DropdownMenu'\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuRoot,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n}\nexport type {\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuItemProps,\n DropdownMenuLabelProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubTriggerProps,\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["MenuPrimitiveRoot", "MenuPrimitiveContent", "classNames", "MenuPrimitiveSeparator", "MenuPrimitiveItem"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.cts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAMtE,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.cts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.mts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAMtE,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.mts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAMtE,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2BpE,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAChF,KAAK,8BAA8B,GAAG,eAAe,CAAC,OAAO,8BAA8B,CAAC,CAAA;AAC5F,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAA;AAExF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAC9F,KAAK,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CAAA;AACpI,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAChG,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAAA;AACxG,KAAK,6BAA6B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAAA;AAC9G,KAAK,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,CAAA;AACxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAAA;AAE1G,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,EACvE,wBAAwB;CAAG;AAE/B,UAAU,2BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,EAC7E,8BAA8B;CAAG;AAErC,UAAU,yBAA0B,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,4BAA4B;CAAG;AAEnH,QAAA,MAAM,mBAAmB,EAAE,OAAO,qBAAqB,CAAC,OAAuC,CAAA;AAC/F,QAAA,MAAM,iBAAiB,EAAE,OAAO,qBAAqB,CAAC,KAAmC,CAAA;AACzF,QAAA,MAAM,kBAAkB,GAAI,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,4CAErG,CAAA;AACD,QAAA,MAAM,eAAe,EAAE,OAAO,qBAAqB,CAAC,GAOnD,CAAA;AACD,QAAA,MAAM,sBAAsB,EAAE,OAAO,qBAAqB,CAAC,UAA6C,CAAA;AAExG,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAcjH;kBAdQ,gBAAgB;;;AAiBzB,QAAA,MAAM,mBAAmB;WAjDuF,IAAI,GAAG,IAAI,GAAG,IAAI;wCAwEhI,CAAA;AAGF,QAAA,MAAM,iBAAiB,wKAUtB,CAAA;AAGD,QAAA,MAAM,qBAAqB,4KAazB,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAwBrB,CAAA;AAGD,QAAA,MAAM,wBAAwB,+KAmB5B,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KAkBzB,CAAA;AAGF,QAAA,MAAM,sBAAsB,oGAwB1B,CAAA;AAGF,QAAA,MAAM,sBAAsB,6KAmB1B,CAAA;AAGF,QAAA,MAAM,oBAAoB,mGASzB,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,OAAO,EAAE,OAAO,mBAAmB,CAAA;IACnC,OAAO,EAAE,OAAO,mBAAmB,CAAA;IACnC,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,KAAK,EAAE,OAAO,iBAAiB,CAAA;IAC/B,SAAS,EAAE,OAAO,qBAAqB,CAAA;IACvC,KAAK,EAAE,OAAO,iBAAiB,CAAA;IAC/B,GAAG,EAAE,OAAO,eAAe,CAAA;IAC3B,UAAU,EAAE,OAAO,sBAAsB,CAAA;IACzC,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,YAAY,EAAE,OAAO,wBAAwB,CAAA;IAC7C,SAAS,EAAE,OAAO,qBAAqB,CAAA;IACvC,UAAU,EAAE,OAAO,sBAAsB,CAAA;IACzC,UAAU,EAAE,OAAO,sBAAsB,CAAA;IACzC,QAAQ,EAAE,OAAO,oBAAoB,CAAA;CAiBrC,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,CAAA;AACD,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,GAC5B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAMtE,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
} from "./dropdownMenu.props.js";
|
|
14
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
15
|
const DropdownMenuOpenContext = React.createContext(false);
|
|
16
|
+
const DropdownMenuSubOpenContext = React.createContext(false);
|
|
16
17
|
function useControllableDropdownMenuOpenState({
|
|
17
18
|
open: openProp,
|
|
18
19
|
defaultOpen,
|
|
@@ -34,7 +35,10 @@ function useControllableDropdownMenuOpenState({
|
|
|
34
35
|
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
35
36
|
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
36
37
|
const DropdownMenuPortal = (props) => /* @__PURE__ */ jsx(MenuPortal, { ...props, portal: DropdownMenuPrimitive.Portal });
|
|
37
|
-
const DropdownMenuSub =
|
|
38
|
+
const DropdownMenuSub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {
|
|
39
|
+
const [open, setOpen] = useControllableDropdownMenuOpenState({ open: openProp, defaultOpen, onOpenChange });
|
|
40
|
+
return /* @__PURE__ */ jsx(DropdownMenuSubOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { open, onOpenChange: setOpen, children }) });
|
|
41
|
+
};
|
|
38
42
|
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
39
43
|
function DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }) {
|
|
40
44
|
const [open, setOpen] = useControllableDropdownMenuOpenState({
|
|
@@ -173,7 +177,8 @@ const DropdownMenuSubTrigger = React.forwardRef(({ className: propClassName, ins
|
|
|
173
177
|
);
|
|
174
178
|
});
|
|
175
179
|
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
176
|
-
const DropdownMenuSubContent = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
|
|
180
|
+
const DropdownMenuSubContent = React.forwardRef(({ className, children, forceMount = false, ...props }, forwardedRef) => {
|
|
181
|
+
const open = React.useContext(DropdownMenuSubOpenContext);
|
|
177
182
|
return /* @__PURE__ */ jsx(
|
|
178
183
|
MenuPrimitiveContent,
|
|
179
184
|
{
|
|
@@ -181,9 +186,9 @@ const DropdownMenuSubContent = React.forwardRef(({ className, children, ...props
|
|
|
181
186
|
ref: forwardedRef,
|
|
182
187
|
content: DropdownMenuPrimitive.SubContent,
|
|
183
188
|
contentClassName: "dsx-dropdown-menu__content",
|
|
184
|
-
forceMount
|
|
185
|
-
open
|
|
186
|
-
portal:
|
|
189
|
+
forceMount,
|
|
190
|
+
open,
|
|
191
|
+
portal: DropdownMenuPrimitive.Portal,
|
|
187
192
|
className,
|
|
188
193
|
children
|
|
189
194
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/dropdownMenu/DropdownMenu.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport {\n dropdownMenuItemPropDefs,\n dropdownMenuShortcutPropDefs,\n dropdownMenuSubTriggerPropDefs,\n} from './dropdownMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst DropdownMenuOpenContext = React.createContext(false)\n\nfunction useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n}: Pick<DropdownMenuRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n const open = openProp ?? uncontrolledOpen\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n if (openProp === undefined) {\n setUncontrolledOpen(nextOpen)\n }\n\n onOpenChange?.(nextOpen)\n },\n [onOpenChange, openProp],\n )\n\n return [open, handleOpenChange] as const\n}\n\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>\ntype DropdownMenuSubTriggerOwnProps = GetPropDefTypes<typeof dropdownMenuSubTriggerPropDefs>\ntype DropdownMenuShortcutOwnProps = GetPropDefTypes<typeof dropdownMenuShortcutPropDefs>\n\ntype DropdownMenuRootProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\ntype DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\ntype DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n\ninterface DropdownMenuItemProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>,\n DropdownMenuItemOwnProps {}\n\ninterface DropdownMenuSubTriggerProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerOwnProps {}\n\ninterface DropdownMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, DropdownMenuShortcutOwnProps {}\n\nconst DropdownMenuTrigger: typeof DropdownMenuPrimitive.Trigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup: typeof DropdownMenuPrimitive.Group = DropdownMenuPrimitive.Group\nconst DropdownMenuPortal = (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>) => (\n <MenuPortal {...props} portal={DropdownMenuPrimitive.Portal} />\n)\nconst DropdownMenuSub: typeof DropdownMenuPrimitive.Sub = DropdownMenuPrimitive.Sub\nconst DropdownMenuRadioGroup: typeof DropdownMenuPrimitive.RadioGroup = DropdownMenuPrimitive.RadioGroup\n\nfunction DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuRootProps) {\n const [open, setOpen] = useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n })\n\n return (\n <DropdownMenuOpenContext.Provider value={open}>\n <MenuPrimitiveRoot root={DropdownMenuPrimitive.Root} {...props} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitiveRoot>\n </DropdownMenuOpenContext.Provider>\n )\n}\nDropdownMenuRoot.displayName = 'DropdownMenu'\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n DropdownMenuContentProps\n>(({ className, children, forceMount = false, sideOffset = 8, size = 'md', ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuOpenContext)\n\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n data-size={size}\n content={DropdownMenuPrimitive.Content}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n sideOffset={sideOffset}\n align=\"start\"\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuLabel = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Label>, DropdownMenuLabelProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.Label\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__label', className)}\n />\n )\n },\n)\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveSeparator\n {...props}\n ref={forwardedRef}\n separator={DropdownMenuPrimitive.Separator}\n separatorClassName=\"dsx-dropdown-menu__separator\"\n className={className}\n />\n )\n})\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, DropdownMenuItemProps>(\n ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {\n const { className, ...itemProps } = extractProps(\n {\n ...props,\n className: propClassName,\n destructive,\n inset,\n },\n dropdownMenuItemPropDefs,\n )\n\n return (\n <MenuPrimitiveItem\n {...itemProps}\n ref={forwardedRef}\n item={DropdownMenuPrimitive.Item}\n itemClassName=\"dsx-dropdown-menu__item\"\n className={className}\n destructive={destructive}\n inset={inset}\n />\n )\n },\n)\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n DropdownMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n {...props}\n ref={forwardedRef}\n checked={checked}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n})\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n DropdownMenuRadioItemProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.RadioItem\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n <span className=\"dsx-dropdown-menu__radio-dot\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n})\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n const { className, ...subTriggerProps } = extractProps(\n {\n ...props,\n className: propClassName,\n inset,\n },\n dropdownMenuSubTriggerPropDefs,\n )\n\n return (\n <DropdownMenuPrimitive.SubTrigger\n {...subTriggerProps}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', 'dsx-dropdown-menu__sub-trigger', className)}\n data-inset={inset ? 'true' : undefined}\n >\n {children}\n <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-dropdown-menu__sub-chevron\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n})\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n DropdownMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n content={DropdownMenuPrimitive.SubContent}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount\n open\n portal={null}\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, DropdownMenuShortcutProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...shortcutProps } = extractProps(props, dropdownMenuShortcutPropDefs)\n const Comp = asChild ? Slot : 'span'\n\n return (\n <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-dropdown-menu__shortcut', className)} />\n )\n },\n)\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nconst DropdownMenu: typeof DropdownMenuRoot & {\n Root: typeof DropdownMenuRoot\n Trigger: typeof DropdownMenuTrigger\n Content: typeof DropdownMenuContent\n Item: typeof DropdownMenuItem\n Label: typeof DropdownMenuLabel\n Separator: typeof DropdownMenuSeparator\n Group: typeof DropdownMenuGroup\n Sub: typeof DropdownMenuSub\n RadioGroup: typeof DropdownMenuRadioGroup\n Portal: typeof DropdownMenuPortal\n CheckboxItem: typeof DropdownMenuCheckboxItem\n RadioItem: typeof DropdownMenuRadioItem\n SubTrigger: typeof DropdownMenuSubTrigger\n SubContent: typeof DropdownMenuSubContent\n Shortcut: typeof DropdownMenuShortcut\n} = Object.assign(DropdownMenuRoot, {\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Item: DropdownMenuItem,\n Label: DropdownMenuLabel,\n Separator: DropdownMenuSeparator,\n Group: DropdownMenuGroup,\n Sub: DropdownMenuSub,\n RadioGroup: DropdownMenuRadioGroup,\n Portal: DropdownMenuPortal,\n CheckboxItem: DropdownMenuCheckboxItem,\n RadioItem: DropdownMenuRadioItem,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n Shortcut: DropdownMenuShortcut,\n})\nDropdownMenu.displayName = 'DropdownMenu'\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuRoot,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n}\nexport type {\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuItemProps,\n DropdownMenuLabelProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubTriggerProps,\n}\n"],
|
|
5
|
-
"mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,2BAA2B;AACvC,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,eAAe,sBAAsB,YAAY,mBAAmB,YAAY,YAAY,mBAAmB,iBAAiB,8BAA8B;AACvK,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { MenuContent as MenuPrimitiveContent, MenuItem as MenuPrimitiveItem, MenuPortal, MenuRoot as MenuPrimitiveRoot, MenuSeparator as MenuPrimitiveSeparator } from '../menu/Menu'\nimport { Icon } from '../icon/Icon'\nimport {\n dropdownMenuItemPropDefs,\n dropdownMenuShortcutPropDefs,\n dropdownMenuSubTriggerPropDefs,\n} from './dropdownMenu.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst DropdownMenuOpenContext = React.createContext(false)\nconst DropdownMenuSubOpenContext = React.createContext(false)\n\nfunction useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n}: Pick<DropdownMenuRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n const open = openProp ?? uncontrolledOpen\n\n const handleOpenChange = React.useCallback(\n (nextOpen: boolean) => {\n if (openProp === undefined) {\n setUncontrolledOpen(nextOpen)\n }\n\n onOpenChange?.(nextOpen)\n },\n [onOpenChange, openProp],\n )\n\n return [open, handleOpenChange] as const\n}\n\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>\ntype DropdownMenuSubTriggerOwnProps = GetPropDefTypes<typeof dropdownMenuSubTriggerPropDefs>\ntype DropdownMenuShortcutOwnProps = GetPropDefTypes<typeof dropdownMenuShortcutPropDefs>\n\ntype DropdownMenuRootProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & { size?: 'sm' | 'md' | 'lg' }\ntype DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\ntype DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\ntype DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n\ninterface DropdownMenuItemProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>,\n DropdownMenuItemOwnProps {}\n\ninterface DropdownMenuSubTriggerProps\n extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerOwnProps {}\n\ninterface DropdownMenuShortcutProps extends React.ComponentPropsWithoutRef<'span'>, DropdownMenuShortcutOwnProps {}\n\nconst DropdownMenuTrigger: typeof DropdownMenuPrimitive.Trigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup: typeof DropdownMenuPrimitive.Group = DropdownMenuPrimitive.Group\nconst DropdownMenuPortal = (props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>) => (\n <MenuPortal {...props} portal={DropdownMenuPrimitive.Portal} />\n)\nconst DropdownMenuSub: typeof DropdownMenuPrimitive.Sub = ({ children, open: openProp, defaultOpen, onOpenChange }) => {\n const [open, setOpen] = useControllableDropdownMenuOpenState({ open: openProp, defaultOpen, onOpenChange })\n return (\n <DropdownMenuSubOpenContext.Provider value={open}>\n <DropdownMenuPrimitive.Sub open={open} onOpenChange={setOpen}>{children}</DropdownMenuPrimitive.Sub>\n </DropdownMenuSubOpenContext.Provider>\n )\n}\nconst DropdownMenuRadioGroup: typeof DropdownMenuPrimitive.RadioGroup = DropdownMenuPrimitive.RadioGroup\n\nfunction DropdownMenuRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuRootProps) {\n const [open, setOpen] = useControllableDropdownMenuOpenState({\n open: openProp,\n defaultOpen,\n onOpenChange,\n })\n\n return (\n <DropdownMenuOpenContext.Provider value={open}>\n <MenuPrimitiveRoot root={DropdownMenuPrimitive.Root} {...props} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitiveRoot>\n </DropdownMenuOpenContext.Provider>\n )\n}\nDropdownMenuRoot.displayName = 'DropdownMenu'\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n DropdownMenuContentProps\n>(({ className, children, forceMount = false, sideOffset = 8, size = 'md', ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuOpenContext)\n\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n data-size={size}\n content={DropdownMenuPrimitive.Content}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n sideOffset={sideOffset}\n align=\"start\"\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuLabel = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Label>, DropdownMenuLabelProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.Label\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__label', className)}\n />\n )\n },\n)\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n return (\n <MenuPrimitiveSeparator\n {...props}\n ref={forwardedRef}\n separator={DropdownMenuPrimitive.Separator}\n separatorClassName=\"dsx-dropdown-menu__separator\"\n className={className}\n />\n )\n})\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, DropdownMenuItemProps>(\n ({ className: propClassName, destructive = false, inset = false, ...props }, forwardedRef) => {\n const { className, ...itemProps } = extractProps(\n {\n ...props,\n className: propClassName,\n destructive,\n inset,\n },\n dropdownMenuItemPropDefs,\n )\n\n return (\n <MenuPrimitiveItem\n {...itemProps}\n ref={forwardedRef}\n item={DropdownMenuPrimitive.Item}\n itemClassName=\"dsx-dropdown-menu__item\"\n className={className}\n destructive={destructive}\n inset={inset}\n />\n )\n },\n)\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n DropdownMenuCheckboxItemProps\n>(({ className, children, checked, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n {...props}\n ref={forwardedRef}\n checked={checked}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n {checked === 'indeterminate' ? <Icon name=\"minus\" size=\"sm\" /> : <Icon name=\"check\" size=\"sm\" />}\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n})\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n DropdownMenuRadioItemProps\n>(({ className, children, ...props }, forwardedRef) => {\n return (\n <DropdownMenuPrimitive.RadioItem\n {...props}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', className)}\n >\n <span className=\"dsx-dropdown-menu__item-indicator\">\n <DropdownMenuPrimitive.ItemIndicator>\n <span className=\"dsx-dropdown-menu__radio-dot\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n})\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n DropdownMenuSubTriggerProps\n>(({ className: propClassName, inset = false, children, ...props }, forwardedRef) => {\n const { className, ...subTriggerProps } = extractProps(\n {\n ...props,\n className: propClassName,\n inset,\n },\n dropdownMenuSubTriggerPropDefs,\n )\n\n return (\n <DropdownMenuPrimitive.SubTrigger\n {...subTriggerProps}\n ref={forwardedRef}\n className={classNames('dsx-dropdown-menu__item', 'dsx-dropdown-menu__sub-trigger', className)}\n data-inset={inset ? 'true' : undefined}\n >\n {children}\n <Icon name=\"chevron-right\" size=\"sm\" className=\"dsx-dropdown-menu__sub-chevron\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n})\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n DropdownMenuSubContentProps\n>(({ className, children, forceMount = false, ...props }, forwardedRef) => {\n const open = React.useContext(DropdownMenuSubOpenContext)\n return (\n <MenuPrimitiveContent\n {...props}\n ref={forwardedRef}\n content={DropdownMenuPrimitive.SubContent}\n contentClassName=\"dsx-dropdown-menu__content\"\n forceMount={forceMount}\n open={open}\n portal={DropdownMenuPrimitive.Portal}\n className={className}\n >\n {children}\n </MenuPrimitiveContent>\n )\n})\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuShortcut = React.forwardRef<React.ComponentRef<'span'>, DropdownMenuShortcutProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...shortcutProps } = extractProps(props, dropdownMenuShortcutPropDefs)\n const Comp = asChild ? Slot : 'span'\n\n return (\n <Comp {...shortcutProps} ref={forwardedRef} className={classNames('dsx-dropdown-menu__shortcut', className)} />\n )\n },\n)\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nconst DropdownMenu: typeof DropdownMenuRoot & {\n Root: typeof DropdownMenuRoot\n Trigger: typeof DropdownMenuTrigger\n Content: typeof DropdownMenuContent\n Item: typeof DropdownMenuItem\n Label: typeof DropdownMenuLabel\n Separator: typeof DropdownMenuSeparator\n Group: typeof DropdownMenuGroup\n Sub: typeof DropdownMenuSub\n RadioGroup: typeof DropdownMenuRadioGroup\n Portal: typeof DropdownMenuPortal\n CheckboxItem: typeof DropdownMenuCheckboxItem\n RadioItem: typeof DropdownMenuRadioItem\n SubTrigger: typeof DropdownMenuSubTrigger\n SubContent: typeof DropdownMenuSubContent\n Shortcut: typeof DropdownMenuShortcut\n} = Object.assign(DropdownMenuRoot, {\n Root: DropdownMenuRoot,\n Trigger: DropdownMenuTrigger,\n Content: DropdownMenuContent,\n Item: DropdownMenuItem,\n Label: DropdownMenuLabel,\n Separator: DropdownMenuSeparator,\n Group: DropdownMenuGroup,\n Sub: DropdownMenuSub,\n RadioGroup: DropdownMenuRadioGroup,\n Portal: DropdownMenuPortal,\n CheckboxItem: DropdownMenuCheckboxItem,\n RadioItem: DropdownMenuRadioItem,\n SubTrigger: DropdownMenuSubTrigger,\n SubContent: DropdownMenuSubContent,\n Shortcut: DropdownMenuShortcut,\n})\nDropdownMenu.displayName = 'DropdownMenu'\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuRoot,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n}\nexport type {\n DropdownMenuCheckboxItemProps,\n DropdownMenuContentProps,\n DropdownMenuItemProps,\n DropdownMenuLabelProps,\n DropdownMenuRadioItemProps,\n DropdownMenuRootProps,\n DropdownMenuSeparatorProps,\n DropdownMenuShortcutProps,\n DropdownMenuSubContentProps,\n DropdownMenuSubTriggerProps,\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,9 +6,11 @@
|
|
|
6
6
|
width: 100%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.dsx-file-upload__dropzone {
|
|
9
|
+
.dsx-file-upload .dsx-file-upload__dropzone {
|
|
10
10
|
width: 100%;
|
|
11
11
|
min-height: calc(var(--dsx-size-4xl) * 2);
|
|
12
|
+
padding: var(--dsx-space-md);
|
|
13
|
+
gap: var(--dsx-space-sm);
|
|
12
14
|
border: var(--dsx-border-width-md) dashed var(--dsx-color-outline);
|
|
13
15
|
border-radius: var(--dsx-rounded-lg);
|
|
14
16
|
background: var(--dsx-color-surface-sunken);
|
|
@@ -18,14 +20,36 @@
|
|
|
18
20
|
box-shadow var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
|
|
19
21
|
}
|
|
20
22
|
|
|
21
|
-
.dsx-file-upload[data-size='sm'] .dsx-file-upload__dropzone {
|
|
22
|
-
min-height:
|
|
23
|
-
padding: var(--dsx-space-
|
|
23
|
+
.dsx-file-upload:where([data-size='sm']) .dsx-file-upload__dropzone {
|
|
24
|
+
min-height: var(--dsx-size-4xl);
|
|
25
|
+
padding: var(--dsx-space-sm);
|
|
26
|
+
flex-direction: row;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
justify-content: flex-start;
|
|
29
|
+
text-align: start;
|
|
24
30
|
}
|
|
25
31
|
|
|
26
|
-
.dsx-file-upload[data-size='lg'] .dsx-file-upload__dropzone {
|
|
32
|
+
.dsx-file-upload:where([data-size='lg']) .dsx-file-upload__dropzone {
|
|
27
33
|
min-height: calc(var(--dsx-size-4xl) * 2.5);
|
|
28
|
-
padding: var(--dsx-space-
|
|
34
|
+
padding: var(--dsx-space-lg);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.dsx-file-upload__dropzone .dsx-empty-state__title {
|
|
38
|
+
font-family: var(--dsx-typography-label-large-font-family), sans-serif;
|
|
39
|
+
font-size: var(--dsx-typography-label-large-font-size);
|
|
40
|
+
font-weight: var(--dsx-typography-label-large-font-weight);
|
|
41
|
+
line-height: var(--dsx-typography-label-large-line-height);
|
|
42
|
+
letter-spacing: var(--dsx-typography-label-large-letter-spacing);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.dsx-file-upload__dropzone .dsx-empty-state__illustration {
|
|
46
|
+
width: var(--dsx-size-lg);
|
|
47
|
+
height: var(--dsx-size-lg);
|
|
48
|
+
flex: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.dsx-file-upload:where([data-size='sm']) .dsx-empty-state__header {
|
|
52
|
+
flex: 1 1 var(--dsx-size-4xl);
|
|
29
53
|
}
|
|
30
54
|
|
|
31
55
|
.dsx-file-upload__dropzone[data-dragging='true'] {
|
|
@@ -56,15 +80,17 @@
|
|
|
56
80
|
width: 100%;
|
|
57
81
|
}
|
|
58
82
|
|
|
59
|
-
.dsx-file-upload__item {
|
|
83
|
+
.dsx-item.dsx-file-upload__item {
|
|
60
84
|
width: 100%;
|
|
85
|
+
gap: var(--dsx-space-sm);
|
|
61
86
|
}
|
|
62
87
|
|
|
63
88
|
.dsx-file-upload__media {
|
|
64
89
|
color: var(--dsx-color-on-surface-variant);
|
|
65
90
|
}
|
|
66
91
|
|
|
67
|
-
.dsx-file-upload__content {
|
|
92
|
+
.dsx-file-upload__item .dsx-file-upload__content {
|
|
93
|
+
flex: 1 1 0;
|
|
68
94
|
min-width: 0;
|
|
69
95
|
}
|
|
70
96
|
|
|
@@ -98,9 +124,10 @@
|
|
|
98
124
|
color: var(--dsx-color-error);
|
|
99
125
|
}
|
|
100
126
|
|
|
101
|
-
.dsx-file-upload__actions {
|
|
127
|
+
.dsx-file-upload__item .dsx-file-upload__actions {
|
|
102
128
|
margin-left: auto;
|
|
103
129
|
flex-direction: column;
|
|
130
|
+
flex-wrap: nowrap;
|
|
104
131
|
align-items: flex-end;
|
|
105
132
|
gap: var(--dsx-space-xs);
|
|
106
133
|
}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
|
+
max-width: calc(100vw - var(--dsx-space-xl));
|
|
8
|
+
max-height: calc(100dvh - var(--dsx-space-xl));
|
|
7
9
|
border-radius: var(--dsx-rounded-xl);
|
|
8
10
|
border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
|
|
9
11
|
background: var(--dsx-color-panel-translucent);
|
|
@@ -24,6 +26,11 @@
|
|
|
24
26
|
align-items: center;
|
|
25
27
|
gap: var(--dsx-space-sm);
|
|
26
28
|
padding: var(--dsx-space-sm) var(--dsx-space-md);
|
|
29
|
+
padding-right: var(--dsx-space-2xl);
|
|
30
|
+
flex-shrink: 0;
|
|
31
|
+
min-height: var(--dsx-size-xl);
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
touch-action: none;
|
|
27
34
|
border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
|
|
28
35
|
background: var(--dsx-color-surface-raised);
|
|
29
36
|
cursor: grab;
|
|
@@ -36,8 +43,8 @@
|
|
|
36
43
|
|
|
37
44
|
.dsx-floating-panel__close {
|
|
38
45
|
position: absolute;
|
|
39
|
-
top: var(--dsx-space-
|
|
40
|
-
right: var(--dsx-space-
|
|
46
|
+
top: var(--dsx-space-sm);
|
|
47
|
+
right: var(--dsx-space-sm);
|
|
41
48
|
display: inline-flex;
|
|
42
49
|
align-items: center;
|
|
43
50
|
justify-content: center;
|
|
@@ -54,18 +61,31 @@
|
|
|
54
61
|
background var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out);
|
|
55
62
|
}
|
|
56
63
|
|
|
57
|
-
.dsx-floating-panel__close:hover
|
|
64
|
+
.dsx-floating-panel__close:hover,
|
|
65
|
+
.dsx-floating-panel__close:active {
|
|
58
66
|
background: var(--dsx-effect-hover-layer);
|
|
59
67
|
color: var(--dsx-color-on-surface);
|
|
60
68
|
}
|
|
61
69
|
|
|
70
|
+
.dsx-floating-panel__header:focus-visible,
|
|
71
|
+
.dsx-floating-panel__handle:focus-visible,
|
|
72
|
+
.dsx-floating-panel__close:focus-visible {
|
|
73
|
+
outline: none;
|
|
74
|
+
box-shadow: inset var(--dsx-shadow-focus-ring);
|
|
75
|
+
}
|
|
76
|
+
|
|
62
77
|
.dsx-floating-panel__content {
|
|
63
78
|
flex: 1;
|
|
79
|
+
min-height: 0;
|
|
64
80
|
overflow: auto;
|
|
65
81
|
padding: var(--dsx-space-md);
|
|
66
82
|
}
|
|
67
83
|
|
|
68
84
|
.dsx-floating-panel__handle {
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
color: var(--dsx-color-on-surface-variant);
|
|
69
89
|
position: absolute;
|
|
70
90
|
bottom: 0;
|
|
71
91
|
right: 0;
|
|
@@ -73,37 +93,43 @@
|
|
|
73
93
|
height: var(--dsx-space-lg);
|
|
74
94
|
cursor: nwse-resize;
|
|
75
95
|
z-index: var(--dsx-z-index-elevated);
|
|
96
|
+
touch-action: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.dsx-floating-panel__handle--se {
|
|
100
|
+
cursor: nwse-resize;
|
|
76
101
|
}
|
|
77
102
|
|
|
78
|
-
.dsx-floating-
|
|
103
|
+
.dsx-floating-panel__resize-grip::before,
|
|
104
|
+
.dsx-floating-panel__resize-grip::after {
|
|
79
105
|
content: '';
|
|
80
106
|
position: absolute;
|
|
81
|
-
bottom: var(--dsx-space-xs);
|
|
82
107
|
right: var(--dsx-space-xs);
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
border-radius: 0 0 var(--dsx-rounded-sm) 0;
|
|
88
|
-
opacity: var(--dsx-opacity-muted);
|
|
89
|
-
transition: opacity var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
|
|
108
|
+
height: var(--dsx-border-width-sm);
|
|
109
|
+
background: currentColor;
|
|
110
|
+
transform: rotate(-45deg);
|
|
111
|
+
transform-origin: right bottom;
|
|
90
112
|
}
|
|
91
113
|
|
|
92
|
-
.dsx-floating-
|
|
93
|
-
|
|
114
|
+
.dsx-floating-panel__resize-grip::before {
|
|
115
|
+
width: var(--dsx-space-sm);
|
|
116
|
+
bottom: var(--dsx-space-sm);
|
|
94
117
|
}
|
|
95
118
|
|
|
96
|
-
.dsx-floating-
|
|
97
|
-
|
|
119
|
+
.dsx-floating-panel__resize-grip::after {
|
|
120
|
+
width: var(--dsx-space-xs);
|
|
121
|
+
bottom: var(--dsx-space-xs);
|
|
98
122
|
}
|
|
99
123
|
|
|
124
|
+
.dsx-floating-panel__handle--s .dsx-icon { transform: rotate(90deg); }
|
|
125
|
+
|
|
100
126
|
.dsx-floating-panel__handle--s {
|
|
101
127
|
cursor: ns-resize;
|
|
102
128
|
bottom: 0;
|
|
103
129
|
right: 50%;
|
|
104
130
|
transform: translateX(50%);
|
|
105
131
|
width: var(--dsx-space-xl);
|
|
106
|
-
height: var(--dsx-
|
|
132
|
+
height: var(--dsx-size-md);
|
|
107
133
|
}
|
|
108
134
|
|
|
109
135
|
.dsx-floating-panel__handle--e {
|
|
@@ -111,6 +137,11 @@
|
|
|
111
137
|
right: 0;
|
|
112
138
|
bottom: 50%;
|
|
113
139
|
transform: translateY(50%);
|
|
114
|
-
width: var(--dsx-
|
|
140
|
+
width: var(--dsx-size-md);
|
|
115
141
|
height: var(--dsx-space-xl);
|
|
116
142
|
}
|
|
143
|
+
|
|
144
|
+
@media (prefers-reduced-motion: reduce) {
|
|
145
|
+
.dsx-floating-panel,
|
|
146
|
+
.dsx-floating-panel__close { transition: none; }
|
|
147
|
+
}
|