@lobehub/ui 5.4.0 → 5.5.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/es/Accordion/Accordion.d.mts +2 -2
- package/es/Accordion/AccordionItem.d.mts +2 -2
- package/es/ActionIcon/ActionIcon.d.mts +2 -2
- package/es/Alert/Alert.d.mts +2 -2
- package/es/AutoComplete/Select.d.mts +2 -2
- package/es/Avatar/AvatarGroup/index.d.mts +2 -2
- package/es/Burger/Burger.d.mts +2 -2
- package/es/CodeDiff/CodeDiff.d.mts +2 -2
- package/es/CodeDiff/PatchDiff.d.mts +2 -2
- package/es/CodeEditor/CodeEditor.d.mts +2 -2
- package/es/Collapse/Collapse.d.mts +2 -2
- package/es/ConfigProvider/index.d.mts +2 -2
- package/es/CopyButton/CopyButton.d.mts +2 -2
- package/es/DatePicker/DatePicker.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelBody.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelContainer.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelFooter.d.mts +2 -2
- package/es/DraggablePanel/components/DraggablePanelHeader.d.mts +2 -2
- package/es/DraggableSideNav/DraggableSideNav.d.mts +2 -2
- package/es/Drawer/Drawer.d.mts +2 -2
- package/es/Dropdown/Dropdown.d.mts +2 -2
- package/es/EditableText/EditableText.d.mts +2 -2
- package/es/EditorSlashMenu/atoms.d.mts +13 -13
- package/es/EmojiPicker/EmojiPicker.d.mts +2 -2
- package/es/EmojiPicker/EmojiPicker.mjs +1 -1
- package/es/EmojiPicker/type.d.mts +1 -1
- package/es/Flex/FlexBasic.d.mts +2 -2
- package/es/Footer/Footer.d.mts +2 -2
- package/es/Form/components/FormGroup.d.mts +2 -2
- package/es/Form/components/FormItem.d.mts +2 -2
- package/es/Form/components/FormSubmitFooter.d.mts +2 -2
- package/es/FormModal/FormModal.d.mts +2 -2
- package/es/Freeze/Freeze.d.mts +2 -2
- package/es/GuideCard/GuideCard.d.mts +2 -2
- package/es/Header/Header.d.mts +2 -2
- package/es/Highlighter/Highlighter.d.mts +2 -2
- package/es/Highlighter/SyntaxHighlighter/index.d.mts +2 -2
- package/es/Hotkey/Hotkey.d.mts +2 -2
- package/es/HotkeyInput/HotkeyInput.d.mts +2 -2
- package/es/Icon/Icon.d.mts +2 -2
- package/es/Icon/components/IconProvider.d.mts +3 -3
- package/es/Image/PreviewGroup.d.mts +2 -2
- package/es/ImageSelect/ImageSelect.d.mts +2 -2
- package/es/Input/Input.d.mts +2 -2
- package/es/Input/InputNumber.d.mts +2 -2
- package/es/Input/InputOPT.d.mts +2 -2
- package/es/Input/InputPassword.d.mts +2 -2
- package/es/Input/TextArea.d.mts +2 -2
- package/es/Layout/components/LayoutFooter.d.mts +2 -2
- package/es/Layout/components/LayoutHeader.d.mts +2 -2
- package/es/Layout/components/LayoutMain.d.mts +2 -2
- package/es/Layout/components/LayoutSidebar.d.mts +2 -2
- package/es/Layout/components/LayoutSidebarInner.d.mts +2 -2
- package/es/Layout/components/LayoutToc.d.mts +2 -2
- package/es/List/ListItem/index.d.mts +2 -2
- package/es/Markdown/Markdown.d.mts +2 -2
- package/es/Markdown/Typography.d.mts +2 -2
- package/es/Markdown/components/SearchResultCards/index.d.mts +2 -2
- package/es/MaskShadow/MaskShadow.d.mts +2 -2
- package/es/Menu/Menu.d.mts +2 -2
- package/es/Mermaid/Mermaid.d.mts +2 -2
- package/es/Mermaid/SyntaxMermaid/index.d.mts +2 -2
- package/es/Modal/Modal.d.mts +2 -2
- package/es/Modal/ModalProvider.d.mts +2 -2
- package/es/Modal/ModalStackItem.mjs +2 -2
- package/es/Modal/ModalStackItem.mjs.map +1 -1
- package/es/Modal/imperative.d.mts +2 -2
- package/es/MotionProvider/index.d.mts +2 -2
- package/es/Popover/index.d.mts +9 -8
- package/es/Popover/index.mjs +6 -6
- package/es/SearchBar/SearchBar.d.mts +2 -2
- package/es/Segmented/Segmented.d.mts +2 -2
- package/es/Select/Select.d.mts +2 -2
- package/es/SortableList/components/DragHandle.d.mts +2 -2
- package/es/SortableList/components/SortableItem.d.mts +2 -2
- package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
- package/es/Toc/Toc.d.mts +2 -2
- package/es/Video/index.d.mts +2 -2
- package/es/awesome/AuroraBackground/AuroraBackground.d.mts +2 -2
- package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts +2 -2
- package/es/awesome/Features/Features.d.mts +2 -2
- package/es/awesome/Giscus/Giscus.d.mts +2 -2
- package/es/awesome/GradientButton/GradientButton.d.mts +2 -2
- package/es/awesome/GridBackground/GridBackground.d.mts +2 -2
- package/es/awesome/GridBackground/GridShowcase.d.mts +2 -2
- package/es/awesome/Hero/Hero.d.mts +2 -2
- package/es/awesome/Spline/Spine.d.mts +2 -2
- package/es/awesome/Spotlight/Spotlight.d.mts +2 -2
- package/es/awesome/SpotlightCard/SpotlightCard.d.mts +2 -2
- package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts +2 -2
- package/es/base-ui/ContextMenu/ContextMenuHost.d.mts +2 -2
- package/es/base-ui/DropdownMenu/DropdownMenu.d.mts +2 -2
- package/es/base-ui/DropdownMenu/atoms.d.mts +18 -18
- package/es/base-ui/Modal/atoms.d.mts +12 -12
- package/es/base-ui/Modal/context.d.mts +2 -2
- package/es/base-ui/Modal/imperative.d.mts +2 -2
- package/es/base-ui/Popover/ArrowIcon.d.mts +7 -0
- package/es/{Popover → base-ui/Popover}/ArrowIcon.mjs +1 -1
- package/es/base-ui/Popover/ArrowIcon.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/Popover.d.mts +2 -2
- package/es/{Popover → base-ui/Popover}/Popover.mjs +2 -2
- package/es/base-ui/Popover/Popover.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/PopoverGroup.d.mts +1 -1
- package/es/{Popover → base-ui/Popover}/PopoverGroup.mjs +4 -4
- package/es/base-ui/Popover/PopoverGroup.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/PopoverInGroup.mjs +3 -3
- package/es/base-ui/Popover/PopoverInGroup.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/PopoverPortal.d.mts +1 -1
- package/es/{Popover → base-ui/Popover}/PopoverPortal.mjs +2 -2
- package/es/base-ui/Popover/PopoverPortal.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/PopoverStandalone.mjs +5 -5
- package/es/base-ui/Popover/PopoverStandalone.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/atoms.d.mts +10 -10
- package/es/{Popover → base-ui/Popover}/atoms.mjs +4 -4
- package/es/base-ui/Popover/atoms.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/context.d.mts +3 -3
- package/es/{Popover → base-ui/Popover}/context.mjs +1 -1
- package/es/base-ui/Popover/context.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/groupContext.d.mts +1 -1
- package/es/{Popover → base-ui/Popover}/groupContext.mjs +1 -1
- package/es/base-ui/Popover/groupContext.mjs.map +1 -0
- package/es/base-ui/Popover/index.d.mts +8 -0
- package/es/{Popover → base-ui/Popover}/style.mjs +2 -2
- package/es/base-ui/Popover/style.mjs.map +1 -0
- package/es/{Popover → base-ui/Popover}/type.d.mts +4 -4
- package/es/{Popover → base-ui/Popover}/useMergedPopoverProps.mjs +1 -1
- package/es/base-ui/Popover/useMergedPopoverProps.mjs.map +1 -0
- package/es/base-ui/ScrollArea/atoms.d.mts +7 -7
- package/es/base-ui/Select/Select.d.mts +2 -2
- package/es/base-ui/Select/atoms.d.mts +19 -19
- package/es/base-ui/Switch/Switch.d.mts +2 -2
- package/es/base-ui/Switch/atoms.d.mts +4 -4
- package/es/base-ui/Toast/imperative.d.mts +2 -2
- package/es/base-ui/index.d.mts +9 -1
- package/es/base-ui/index.mjs +7 -1
- package/es/brand/LobeChat/index.d.mts +2 -2
- package/es/brand/LobeHub/index.d.mts +2 -2
- package/es/brand/LogoThree/LogoSpline.d.mts +2 -2
- package/es/brand/LogoThree/index.d.mts +2 -2
- package/es/chat/BackBottom/BackBottom.d.mts +2 -2
- package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts +2 -2
- package/es/chat/ChatItem/ChatItem.d.mts +2 -2
- package/es/chat/ChatList/ChatList.d.mts +2 -2
- package/es/chat/EditableMessage/EditableMessage.d.mts +2 -2
- package/es/chat/EditableMessageList/EditableMessageList.d.mts +2 -2
- package/es/chat/MessageInput/MessageInput.d.mts +2 -2
- package/es/chat/MessageModal/MessageModal.d.mts +2 -2
- package/es/color/ColorScales/index.d.mts +2 -2
- package/es/color/CssVar/index.d.mts +2 -2
- package/es/i18n/context.d.mts +2 -2
- package/es/icons/Discord/components/Avatar.d.mts +9 -0
- package/es/icons/Discord/components/Avatar.mjs +22 -0
- package/es/icons/Discord/components/Avatar.mjs.map +1 -0
- package/es/icons/Discord/components/Color.d.mts +7 -0
- package/es/icons/Discord/components/Color.mjs +30 -0
- package/es/icons/Discord/components/Color.mjs.map +1 -0
- package/es/icons/Discord/components/Mono.d.mts +7 -0
- package/es/icons/Discord/components/Mono.mjs +29 -0
- package/es/icons/Discord/components/Mono.mjs.map +1 -0
- package/es/icons/Discord/index.d.mts +15 -0
- package/es/icons/Discord/index.mjs +18 -0
- package/es/icons/Discord/index.mjs.map +1 -0
- package/es/icons/Discord/style.mjs +7 -0
- package/es/icons/Discord/style.mjs.map +1 -0
- package/es/icons/GoogleChat/components/Avatar.d.mts +9 -0
- package/es/icons/GoogleChat/components/Avatar.mjs +23 -0
- package/es/icons/GoogleChat/components/Avatar.mjs.map +1 -0
- package/es/icons/GoogleChat/components/Color.d.mts +7 -0
- package/es/icons/GoogleChat/components/Color.mjs +93 -0
- package/es/icons/GoogleChat/components/Color.mjs.map +1 -0
- package/es/icons/GoogleChat/components/Mono.d.mts +7 -0
- package/es/icons/GoogleChat/components/Mono.mjs +29 -0
- package/es/icons/GoogleChat/components/Mono.mjs.map +1 -0
- package/es/icons/GoogleChat/index.d.mts +15 -0
- package/es/icons/GoogleChat/index.mjs +18 -0
- package/es/icons/GoogleChat/index.mjs.map +1 -0
- package/es/icons/GoogleChat/style.mjs +7 -0
- package/es/icons/GoogleChat/style.mjs.map +1 -0
- package/es/icons/IMessage/components/Avatar.d.mts +9 -0
- package/es/icons/IMessage/components/Avatar.mjs +23 -0
- package/es/icons/IMessage/components/Avatar.mjs.map +1 -0
- package/es/icons/IMessage/components/Color.d.mts +7 -0
- package/es/icons/IMessage/components/Color.mjs +30 -0
- package/es/icons/IMessage/components/Color.mjs.map +1 -0
- package/es/icons/IMessage/components/Inner.mjs +29 -0
- package/es/icons/IMessage/components/Inner.mjs.map +1 -0
- package/es/icons/IMessage/components/Mono.d.mts +7 -0
- package/es/icons/IMessage/components/Mono.mjs +29 -0
- package/es/icons/IMessage/components/Mono.mjs.map +1 -0
- package/es/icons/IMessage/index.d.mts +15 -0
- package/es/icons/IMessage/index.mjs +18 -0
- package/es/icons/IMessage/index.mjs.map +1 -0
- package/es/icons/IMessage/style.mjs +7 -0
- package/es/icons/IMessage/style.mjs.map +1 -0
- package/es/icons/Lark/components/Avatar.d.mts +9 -0
- package/es/icons/Lark/components/Avatar.mjs +22 -0
- package/es/icons/Lark/components/Avatar.mjs.map +1 -0
- package/es/icons/Lark/components/Color.d.mts +7 -0
- package/es/icons/Lark/components/Color.mjs +41 -0
- package/es/icons/Lark/components/Color.mjs.map +1 -0
- package/es/icons/Lark/components/Mono.d.mts +7 -0
- package/es/icons/Lark/components/Mono.mjs +32 -0
- package/es/icons/Lark/components/Mono.mjs.map +1 -0
- package/es/icons/Lark/index.d.mts +15 -0
- package/es/icons/Lark/index.mjs +18 -0
- package/es/icons/Lark/index.mjs.map +1 -0
- package/es/icons/Lark/style.mjs +7 -0
- package/es/icons/Lark/style.mjs.map +1 -0
- package/es/icons/MicrosoftTeams/components/Avatar.d.mts +9 -0
- package/es/icons/MicrosoftTeams/components/Avatar.mjs +22 -0
- package/es/icons/MicrosoftTeams/components/Avatar.mjs.map +1 -0
- package/es/icons/MicrosoftTeams/components/Color.d.mts +7 -0
- package/es/icons/MicrosoftTeams/components/Color.mjs +50 -0
- package/es/icons/MicrosoftTeams/components/Color.mjs.map +1 -0
- package/es/icons/MicrosoftTeams/components/Mono.d.mts +7 -0
- package/es/icons/MicrosoftTeams/components/Mono.mjs +37 -0
- package/es/icons/MicrosoftTeams/components/Mono.mjs.map +1 -0
- package/es/icons/MicrosoftTeams/index.d.mts +15 -0
- package/es/icons/MicrosoftTeams/index.mjs +18 -0
- package/es/icons/MicrosoftTeams/index.mjs.map +1 -0
- package/es/icons/MicrosoftTeams/style.mjs +7 -0
- package/es/icons/MicrosoftTeams/style.mjs.map +1 -0
- package/es/icons/QQ/components/Avatar.d.mts +9 -0
- package/es/icons/QQ/components/Avatar.mjs +22 -0
- package/es/icons/QQ/components/Avatar.mjs.map +1 -0
- package/es/icons/QQ/components/Color.d.mts +7 -0
- package/es/icons/QQ/components/Color.mjs +61 -0
- package/es/icons/QQ/components/Color.mjs.map +1 -0
- package/es/icons/QQ/components/Mono.d.mts +7 -0
- package/es/icons/QQ/components/Mono.mjs +29 -0
- package/es/icons/QQ/components/Mono.mjs.map +1 -0
- package/es/icons/QQ/index.d.mts +15 -0
- package/es/icons/QQ/index.mjs +18 -0
- package/es/icons/QQ/index.mjs.map +1 -0
- package/es/icons/QQ/style.mjs +7 -0
- package/es/icons/QQ/style.mjs.map +1 -0
- package/es/icons/Slack/components/Avatar.d.mts +9 -0
- package/es/icons/Slack/components/Avatar.mjs +22 -0
- package/es/icons/Slack/components/Avatar.mjs.map +1 -0
- package/es/icons/Slack/components/Color.d.mts +7 -0
- package/es/icons/Slack/components/Color.mjs +45 -0
- package/es/icons/Slack/components/Color.mjs.map +1 -0
- package/es/icons/Slack/components/Mono.d.mts +7 -0
- package/es/icons/Slack/components/Mono.mjs +35 -0
- package/es/icons/Slack/components/Mono.mjs.map +1 -0
- package/es/icons/Slack/index.d.mts +15 -0
- package/es/icons/Slack/index.mjs +18 -0
- package/es/icons/Slack/index.mjs.map +1 -0
- package/es/icons/Slack/style.mjs +7 -0
- package/es/icons/Slack/style.mjs.map +1 -0
- package/es/icons/Telegram/components/Avatar.d.mts +9 -0
- package/es/icons/Telegram/components/Avatar.mjs +23 -0
- package/es/icons/Telegram/components/Avatar.mjs.map +1 -0
- package/es/icons/Telegram/components/Color.d.mts +7 -0
- package/es/icons/Telegram/components/Color.mjs +30 -0
- package/es/icons/Telegram/components/Color.mjs.map +1 -0
- package/es/icons/Telegram/components/Inner.mjs +29 -0
- package/es/icons/Telegram/components/Inner.mjs.map +1 -0
- package/es/icons/Telegram/components/Mono.d.mts +7 -0
- package/es/icons/Telegram/components/Mono.mjs +29 -0
- package/es/icons/Telegram/components/Mono.mjs.map +1 -0
- package/es/icons/Telegram/index.d.mts +15 -0
- package/es/icons/Telegram/index.mjs +18 -0
- package/es/icons/Telegram/index.mjs.map +1 -0
- package/es/icons/Telegram/style.mjs +7 -0
- package/es/icons/Telegram/style.mjs.map +1 -0
- package/es/icons/WeChat/components/Avatar.d.mts +9 -0
- package/es/icons/WeChat/components/Avatar.mjs +22 -0
- package/es/icons/WeChat/components/Avatar.mjs.map +1 -0
- package/es/icons/WeChat/components/Color.d.mts +7 -0
- package/es/icons/WeChat/components/Color.mjs +30 -0
- package/es/icons/WeChat/components/Color.mjs.map +1 -0
- package/es/icons/WeChat/components/Mono.d.mts +7 -0
- package/es/icons/WeChat/components/Mono.mjs +29 -0
- package/es/icons/WeChat/components/Mono.mjs.map +1 -0
- package/es/icons/WeChat/index.d.mts +15 -0
- package/es/icons/WeChat/index.mjs +18 -0
- package/es/icons/WeChat/index.mjs.map +1 -0
- package/es/icons/WeChat/style.mjs +7 -0
- package/es/icons/WeChat/style.mjs.map +1 -0
- package/es/icons/WhatsApp/components/Avatar.d.mts +9 -0
- package/es/icons/WhatsApp/components/Avatar.mjs +23 -0
- package/es/icons/WhatsApp/components/Avatar.mjs.map +1 -0
- package/es/icons/WhatsApp/components/Color.d.mts +7 -0
- package/es/icons/WhatsApp/components/Color.mjs +30 -0
- package/es/icons/WhatsApp/components/Color.mjs.map +1 -0
- package/es/icons/WhatsApp/components/Mono.d.mts +7 -0
- package/es/icons/WhatsApp/components/Mono.mjs +29 -0
- package/es/icons/WhatsApp/components/Mono.mjs.map +1 -0
- package/es/icons/WhatsApp/index.d.mts +15 -0
- package/es/icons/WhatsApp/index.mjs +18 -0
- package/es/icons/WhatsApp/index.mjs.map +1 -0
- package/es/icons/WhatsApp/style.mjs +7 -0
- package/es/icons/WhatsApp/style.mjs.map +1 -0
- package/es/icons/index.d.mts +17 -5
- package/es/icons/index.mjs +13 -1
- package/es/icons/lucideExtra/BotPromptIcon.d.mts +2 -2
- package/es/icons/lucideExtra/BrainOffIcon.d.mts +8 -0
- package/es/icons/lucideExtra/BrainOffIcon.mjs +31 -0
- package/es/icons/lucideExtra/BrainOffIcon.mjs.map +1 -0
- package/es/icons/lucideExtra/CreateBotIcon.d.mts +2 -2
- package/es/icons/lucideExtra/DiscordIcon.d.mts +3 -3
- package/es/icons/lucideExtra/GlobeOffIcon.d.mts +3 -3
- package/es/icons/lucideExtra/GroupBotIcon.d.mts +3 -3
- package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts +2 -2
- package/es/icons/lucideExtra/LeftClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +2 -2
- package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
- package/es/icons/lucideExtra/ProviderIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts +2 -2
- package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
- package/es/icons/lucideExtra/SkillsIcon.d.mts +3 -3
- package/es/icons/lucideExtra/ThinkIcon.d.mts +8 -0
- package/es/icons/lucideExtra/ThinkIcon.mjs +16 -0
- package/es/icons/lucideExtra/ThinkIcon.mjs.map +1 -0
- package/es/icons/lucideExtra/TreeDownRightIcon.d.mts +3 -3
- package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
- package/es/icons/lucideExtra/index.d.mts +2 -0
- package/es/index.d.mts +7 -7
- package/es/index.mjs +6 -6
- package/es/mdx/Mdx/index.d.mts +2 -2
- package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts +2 -2
- package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts +2 -2
- package/es/mobile/TabBar/TabBar.d.mts +2 -2
- package/es/storybook/StoryBook/index.d.mts +2 -2
- package/package.json +1 -1
- package/es/Popover/ArrowIcon.d.mts +0 -7
- package/es/Popover/ArrowIcon.mjs.map +0 -1
- package/es/Popover/Popover.mjs.map +0 -1
- package/es/Popover/PopoverGroup.mjs.map +0 -1
- package/es/Popover/PopoverInGroup.mjs.map +0 -1
- package/es/Popover/PopoverPortal.mjs.map +0 -1
- package/es/Popover/PopoverStandalone.mjs.map +0 -1
- package/es/Popover/atoms.mjs.map +0 -1
- package/es/Popover/context.mjs.map +0 -1
- package/es/Popover/groupContext.mjs.map +0 -1
- package/es/Popover/style.mjs.map +0 -1
- package/es/Popover/useMergedPopoverProps.mjs.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SpotlightCardProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react126 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/awesome/SpotlightCard/SpotlightCard.d.ts
|
|
5
|
-
declare const SpotlightCard:
|
|
5
|
+
declare const SpotlightCard: react126.NamedExoticComponent<SpotlightCardProps<any>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { SpotlightCard };
|
|
8
8
|
//# sourceMappingURL=SpotlightCard.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TypewriterEffectProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react127 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/awesome/TypewriterEffect/TypewriterEffect.d.ts
|
|
5
|
-
declare const TypewriterEffect:
|
|
5
|
+
declare const TypewriterEffect: react127.NamedExoticComponent<TypewriterEffectProps>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { TypewriterEffect };
|
|
8
8
|
//# sourceMappingURL=TypewriterEffect.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react160 from "react";
|
|
2
2
|
import * as react_jsx_runtime72 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/ContextMenu/ContextMenuHost.d.ts
|
|
5
|
-
declare const ContextMenuHost:
|
|
5
|
+
declare const ContextMenuHost: react160.MemoExoticComponent<() => react_jsx_runtime72.JSX.Element | null>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { ContextMenuHost };
|
|
8
8
|
//# sourceMappingURL=ContextMenuHost.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DropdownMenuProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react128 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/DropdownMenu/DropdownMenu.d.ts
|
|
5
|
-
declare const DropdownMenu:
|
|
5
|
+
declare const DropdownMenu: react128.NamedExoticComponent<DropdownMenuProps<unknown>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { DropdownMenu };
|
|
8
8
|
//# sourceMappingURL=DropdownMenu.d.mts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DropdownMenuPlacement } from "./type.mjs";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
4
4
|
import * as _base_ui_react_menu0 from "@base-ui/react/menu";
|
|
5
5
|
import { Menu } from "@base-ui/react/menu";
|
|
6
6
|
|
|
@@ -18,7 +18,7 @@ declare const DropdownMenuTrigger: {
|
|
|
18
18
|
nativeButton,
|
|
19
19
|
ref: refProp,
|
|
20
20
|
...rest
|
|
21
|
-
}: DropdownMenuTriggerProps):
|
|
21
|
+
}: DropdownMenuTriggerProps): react_jsx_runtime13.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
|
|
@@ -31,7 +31,7 @@ declare const DropdownMenuPortal: {
|
|
|
31
31
|
({
|
|
32
32
|
container,
|
|
33
33
|
...rest
|
|
34
|
-
}: DropdownMenuPortalProps):
|
|
34
|
+
}: DropdownMenuPortalProps): react_jsx_runtime13.JSX.Element;
|
|
35
35
|
displayName: string;
|
|
36
36
|
};
|
|
37
37
|
type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
|
|
@@ -48,7 +48,7 @@ declare const DropdownMenuPositioner: {
|
|
|
48
48
|
sideOffset,
|
|
49
49
|
children,
|
|
50
50
|
...rest
|
|
51
|
-
}: DropdownMenuPositionerProps):
|
|
51
|
+
}: DropdownMenuPositionerProps): react_jsx_runtime13.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
|
|
@@ -56,7 +56,7 @@ declare const DropdownMenuPopup: {
|
|
|
56
56
|
({
|
|
57
57
|
className,
|
|
58
58
|
...rest
|
|
59
|
-
}: DropdownMenuPopupProps):
|
|
59
|
+
}: DropdownMenuPopupProps): react_jsx_runtime13.JSX.Element;
|
|
60
60
|
displayName: string;
|
|
61
61
|
};
|
|
62
62
|
type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
|
|
@@ -67,7 +67,7 @@ declare const DropdownMenuItem: {
|
|
|
67
67
|
className,
|
|
68
68
|
danger,
|
|
69
69
|
...rest
|
|
70
|
-
}: DropdownMenuItemProps):
|
|
70
|
+
}: DropdownMenuItemProps): react_jsx_runtime13.JSX.Element;
|
|
71
71
|
displayName: string;
|
|
72
72
|
};
|
|
73
73
|
type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
|
|
@@ -78,7 +78,7 @@ declare const DropdownMenuCheckboxItemPrimitive: {
|
|
|
78
78
|
className,
|
|
79
79
|
danger,
|
|
80
80
|
...rest
|
|
81
|
-
}: DropdownMenuCheckboxItemProps):
|
|
81
|
+
}: DropdownMenuCheckboxItemProps): react_jsx_runtime13.JSX.Element;
|
|
82
82
|
displayName: string;
|
|
83
83
|
};
|
|
84
84
|
type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
|
|
@@ -86,7 +86,7 @@ declare const DropdownMenuSeparator: {
|
|
|
86
86
|
({
|
|
87
87
|
className,
|
|
88
88
|
...rest
|
|
89
|
-
}: DropdownMenuSeparatorProps):
|
|
89
|
+
}: DropdownMenuSeparatorProps): react_jsx_runtime13.JSX.Element;
|
|
90
90
|
displayName: string;
|
|
91
91
|
};
|
|
92
92
|
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<_base_ui_react_menu0.MenuGroupProps & React.RefAttributes<Element>>;
|
|
@@ -95,7 +95,7 @@ declare const DropdownMenuGroupLabel: {
|
|
|
95
95
|
({
|
|
96
96
|
className,
|
|
97
97
|
...rest
|
|
98
|
-
}: DropdownMenuGroupLabelProps):
|
|
98
|
+
}: DropdownMenuGroupLabelProps): react_jsx_runtime13.JSX.Element;
|
|
99
99
|
displayName: string;
|
|
100
100
|
};
|
|
101
101
|
type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
|
|
@@ -106,7 +106,7 @@ declare const DropdownMenuSubmenuTrigger: {
|
|
|
106
106
|
className,
|
|
107
107
|
danger,
|
|
108
108
|
...rest
|
|
109
|
-
}: DropdownMenuSubmenuTriggerProps):
|
|
109
|
+
}: DropdownMenuSubmenuTriggerProps): react_jsx_runtime13.JSX.Element;
|
|
110
110
|
displayName: string;
|
|
111
111
|
};
|
|
112
112
|
type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -114,7 +114,7 @@ declare const DropdownMenuItemContent: {
|
|
|
114
114
|
({
|
|
115
115
|
className,
|
|
116
116
|
...rest
|
|
117
|
-
}: DropdownMenuItemContentProps):
|
|
117
|
+
}: DropdownMenuItemContentProps): react_jsx_runtime13.JSX.Element;
|
|
118
118
|
displayName: string;
|
|
119
119
|
};
|
|
120
120
|
type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -122,7 +122,7 @@ declare const DropdownMenuItemIcon: {
|
|
|
122
122
|
({
|
|
123
123
|
className,
|
|
124
124
|
...rest
|
|
125
|
-
}: DropdownMenuItemIconProps):
|
|
125
|
+
}: DropdownMenuItemIconProps): react_jsx_runtime13.JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -130,7 +130,7 @@ declare const DropdownMenuItemLabelGroup: {
|
|
|
130
130
|
({
|
|
131
131
|
className,
|
|
132
132
|
...rest
|
|
133
|
-
}: DropdownMenuItemLabelGroupProps):
|
|
133
|
+
}: DropdownMenuItemLabelGroupProps): react_jsx_runtime13.JSX.Element;
|
|
134
134
|
displayName: string;
|
|
135
135
|
};
|
|
136
136
|
type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -138,7 +138,7 @@ declare const DropdownMenuItemLabel: {
|
|
|
138
138
|
({
|
|
139
139
|
className,
|
|
140
140
|
...rest
|
|
141
|
-
}: DropdownMenuItemLabelProps):
|
|
141
|
+
}: DropdownMenuItemLabelProps): react_jsx_runtime13.JSX.Element;
|
|
142
142
|
displayName: string;
|
|
143
143
|
};
|
|
144
144
|
type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -146,7 +146,7 @@ declare const DropdownMenuItemDesc: {
|
|
|
146
146
|
({
|
|
147
147
|
className,
|
|
148
148
|
...rest
|
|
149
|
-
}: DropdownMenuItemDescProps):
|
|
149
|
+
}: DropdownMenuItemDescProps): react_jsx_runtime13.JSX.Element;
|
|
150
150
|
displayName: string;
|
|
151
151
|
};
|
|
152
152
|
type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -154,7 +154,7 @@ declare const DropdownMenuItemExtra: {
|
|
|
154
154
|
({
|
|
155
155
|
className,
|
|
156
156
|
...rest
|
|
157
|
-
}: DropdownMenuItemExtraProps):
|
|
157
|
+
}: DropdownMenuItemExtraProps): react_jsx_runtime13.JSX.Element;
|
|
158
158
|
displayName: string;
|
|
159
159
|
};
|
|
160
160
|
type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -162,7 +162,7 @@ declare const DropdownMenuSubmenuArrow: {
|
|
|
162
162
|
({
|
|
163
163
|
className,
|
|
164
164
|
...rest
|
|
165
|
-
}: DropdownMenuSubmenuArrowProps):
|
|
165
|
+
}: DropdownMenuSubmenuArrowProps): react_jsx_runtime13.JSX.Element;
|
|
166
166
|
displayName: string;
|
|
167
167
|
};
|
|
168
168
|
type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
|
|
@@ -183,7 +183,7 @@ declare const DropdownMenuSwitchItem: {
|
|
|
183
183
|
onCheckedChange,
|
|
184
184
|
children,
|
|
185
185
|
...rest
|
|
186
|
-
}: DropdownMenuSwitchItemProps):
|
|
186
|
+
}: DropdownMenuSwitchItemProps): react_jsx_runtime13.JSX.Element;
|
|
187
187
|
displayName: string;
|
|
188
188
|
};
|
|
189
189
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime58 from "react/jsx-runtime";
|
|
3
3
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/base-ui/Modal/atoms.d.ts
|
|
@@ -15,25 +15,25 @@ declare const ModalRoot: ({
|
|
|
15
15
|
open,
|
|
16
16
|
onExitComplete,
|
|
17
17
|
...rest
|
|
18
|
-
}: ModalRootProps) =>
|
|
18
|
+
}: ModalRootProps) => react_jsx_runtime58.JSX.Element;
|
|
19
19
|
type ModalPortalProps = React.ComponentProps<typeof Dialog.Portal> & {
|
|
20
20
|
container?: HTMLElement | null;
|
|
21
21
|
};
|
|
22
22
|
declare const ModalPortal: ({
|
|
23
23
|
container,
|
|
24
24
|
...rest
|
|
25
|
-
}: ModalPortalProps) =>
|
|
25
|
+
}: ModalPortalProps) => react_jsx_runtime58.JSX.Element;
|
|
26
26
|
type ModalViewportProps = React.ComponentProps<typeof Dialog.Viewport>;
|
|
27
27
|
declare const ModalViewport: ({
|
|
28
28
|
className,
|
|
29
29
|
...rest
|
|
30
|
-
}: ModalViewportProps) =>
|
|
30
|
+
}: ModalViewportProps) => react_jsx_runtime58.JSX.Element;
|
|
31
31
|
type ModalBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
|
|
32
32
|
declare const ModalBackdrop: ({
|
|
33
33
|
className,
|
|
34
34
|
style,
|
|
35
35
|
...rest
|
|
36
|
-
}: ModalBackdropProps) =>
|
|
36
|
+
}: ModalBackdropProps) => react_jsx_runtime58.JSX.Element;
|
|
37
37
|
type ModalPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
|
|
38
38
|
motionProps?: Record<string, any>;
|
|
39
39
|
panelClassName?: string;
|
|
@@ -49,19 +49,19 @@ declare const ModalPopup: ({
|
|
|
49
49
|
panelClassName,
|
|
50
50
|
popupStyle,
|
|
51
51
|
...rest
|
|
52
|
-
}: ModalPopupProps) =>
|
|
52
|
+
}: ModalPopupProps) => react_jsx_runtime58.JSX.Element;
|
|
53
53
|
type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
54
54
|
ref?: React.Ref<HTMLDivElement>;
|
|
55
55
|
};
|
|
56
56
|
declare const ModalHeader: ({
|
|
57
57
|
className,
|
|
58
58
|
...rest
|
|
59
|
-
}: ModalHeaderProps) =>
|
|
59
|
+
}: ModalHeaderProps) => react_jsx_runtime58.JSX.Element;
|
|
60
60
|
type ModalTitleProps = React.ComponentProps<typeof Dialog.Title>;
|
|
61
61
|
declare const ModalTitle: ({
|
|
62
62
|
className,
|
|
63
63
|
...rest
|
|
64
|
-
}: ModalTitleProps) =>
|
|
64
|
+
}: ModalTitleProps) => react_jsx_runtime58.JSX.Element;
|
|
65
65
|
type ModalDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
|
|
66
66
|
declare const ModalDescription: React.FC<ModalDescriptionProps>;
|
|
67
67
|
type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -70,20 +70,20 @@ type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
70
70
|
declare const ModalContent: ({
|
|
71
71
|
className,
|
|
72
72
|
...rest
|
|
73
|
-
}: ModalContentProps) =>
|
|
73
|
+
}: ModalContentProps) => react_jsx_runtime58.JSX.Element;
|
|
74
74
|
type ModalFooterProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
75
75
|
ref?: React.Ref<HTMLDivElement>;
|
|
76
76
|
};
|
|
77
77
|
declare const ModalFooter: ({
|
|
78
78
|
className,
|
|
79
79
|
...rest
|
|
80
|
-
}: ModalFooterProps) =>
|
|
80
|
+
}: ModalFooterProps) => react_jsx_runtime58.JSX.Element;
|
|
81
81
|
type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;
|
|
82
82
|
declare const ModalClose: ({
|
|
83
83
|
className,
|
|
84
84
|
children,
|
|
85
85
|
...rest
|
|
86
|
-
}: ModalCloseProps) =>
|
|
86
|
+
}: ModalCloseProps) => react_jsx_runtime58.JSX.Element;
|
|
87
87
|
type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.Trigger>, 'children' | 'render'> & {
|
|
88
88
|
children?: React.ReactNode;
|
|
89
89
|
nativeButton?: boolean;
|
|
@@ -94,7 +94,7 @@ declare const ModalTrigger: ({
|
|
|
94
94
|
nativeButton,
|
|
95
95
|
ref: refProp,
|
|
96
96
|
...rest
|
|
97
|
-
}: ModalTriggerProps) =>
|
|
97
|
+
}: ModalTriggerProps) => react_jsx_runtime58.JSX.Element;
|
|
98
98
|
//#endregion
|
|
99
99
|
export { ModalBackdrop, ModalBackdropProps, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalPopup, ModalPopupProps, ModalPortal, ModalPortalProps, ModalRoot, ModalRootProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps, ModalViewport, ModalViewportProps, useModalActions, useModalOpen };
|
|
100
100
|
//# sourceMappingURL=atoms.d.mts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ModalContextValue } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react151 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/Modal/context.d.ts
|
|
5
|
-
declare const ModalContext:
|
|
5
|
+
declare const ModalContext: react151.Context<ModalContextValue>;
|
|
6
6
|
declare const useModalContext: () => ModalContextValue;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { ModalContext, useModalContext };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ImperativeModalProps, ModalConfirmConfig, ModalInstance } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react152 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/Modal/imperative.d.ts
|
|
5
5
|
interface ModalHostProps {
|
|
@@ -14,7 +14,7 @@ interface ModalSystem {
|
|
|
14
14
|
ModalHost: React.FC<ModalHostProps>;
|
|
15
15
|
}
|
|
16
16
|
declare function createModalSystem(): ModalSystem;
|
|
17
|
-
declare const ModalHost:
|
|
17
|
+
declare const ModalHost: react152.FC<ModalHostProps>;
|
|
18
18
|
declare const createModal: (props: ImperativeModalProps) => ModalInstance;
|
|
19
19
|
declare const confirmModal: (config: ModalConfirmConfig) => {
|
|
20
20
|
close: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../../src/base-ui/Popover/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nexport const PopoverArrowIcon = (\n <svg aria-hidden=\"true\" height=\"6\" viewBox=\"0 0 12 6\" width=\"12\">\n <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" />\n </svg>\n);\n"],"mappings":";;;;;AAEA,MAAa,mBACX,qBAAC;CAAI,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;YAC1D,oBAAC;EAAK,GAAE;EAAiB,aAAU;GAAS,EAC5C,oBAAC;EAAK,GAAE;EAAgB,aAAU;GAAW;EACzC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { PopoverProps } from "./type.mjs";
|
|
2
|
-
import { parseTrigger } from "
|
|
2
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
3
3
|
import { FC } from "react";
|
|
4
4
|
|
|
5
|
-
//#region src/Popover/Popover.d.ts
|
|
5
|
+
//#region src/base-ui/Popover/Popover.d.ts
|
|
6
6
|
declare const Popover: FC<PopoverProps>;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { Popover };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { parseTrigger } from "
|
|
3
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
4
4
|
import { PopoverGroupHandleContext } from "./groupContext.mjs";
|
|
5
5
|
import { PopoverInGroup } from "./PopoverInGroup.mjs";
|
|
6
6
|
import { PopoverStandalone } from "./PopoverStandalone.mjs";
|
|
7
7
|
import { use } from "react";
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|
|
9
9
|
|
|
10
|
-
//#region src/Popover/Popover.tsx
|
|
10
|
+
//#region src/base-ui/Popover/Popover.tsx
|
|
11
11
|
const Popover = (props) => {
|
|
12
12
|
const group = use(PopoverGroupHandleContext);
|
|
13
13
|
return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 && !props.standalone ? /* @__PURE__ */ jsx(PopoverInGroup, { ...props }) : /* @__PURE__ */ jsx(PopoverStandalone, { ...props });
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.mjs","names":["Popover: FC<PopoverProps>"],"sources":["../../../src/base-ui/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, use } from 'react';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { type PopoverProps } from './type';\n\nexport { parseTrigger } from '@/utils/parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n const group = use(PopoverGroupHandleContext);\n\n // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n const canUseGroup =\n Boolean(group) &&\n props.open === undefined &&\n props.defaultOpen === undefined &&\n !props.standalone;\n\n return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,WAA6B,UAAU;CAC3C,MAAM,QAAQ,IAAI,0BAA0B;AAS5C,QALE,QAAQ,MAAM,IACd,MAAM,SAAS,UACf,MAAM,gBAAgB,UACtB,CAAC,MAAM,aAEY,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,QAAQ,cAAc;AAEtB,sBAAe"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PopoverGroupSharedProps } from "./groupContext.mjs";
|
|
2
2
|
import { FC, ReactNode } from "react";
|
|
3
3
|
|
|
4
|
-
//#region src/Popover/PopoverGroup.d.ts
|
|
4
|
+
//#region src/base-ui/Popover/PopoverGroup.d.ts
|
|
5
5
|
type PopoverGroupProps = PopoverGroupSharedProps & {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { placementMap } from "
|
|
4
|
-
import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin } from "
|
|
5
|
-
import { parseTrigger } from "
|
|
3
|
+
import { placementMap } from "../../utils/placement.mjs";
|
|
4
|
+
import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin } from "../../utils/destroyOnInvalidActiveTriggerElement.mjs";
|
|
5
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
6
6
|
import { PopoverArrowIcon } from "./ArrowIcon.mjs";
|
|
7
7
|
import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
|
|
8
8
|
import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverViewport } from "./atoms.mjs";
|
|
@@ -12,7 +12,7 @@ import { useCallback, useMemo, useRef, useState } from "react";
|
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { Popover } from "@base-ui/react/popover";
|
|
14
14
|
|
|
15
|
-
//#region src/Popover/PopoverGroup.tsx
|
|
15
|
+
//#region src/base-ui/Popover/PopoverGroup.tsx
|
|
16
16
|
const PopoverGroup = ({ children, contentLayoutAnimation = false, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, ...sharedProps }) => {
|
|
17
17
|
const [{ handle, key }, setHandleState] = useState(() => ({
|
|
18
18
|
handle: Popover.createHandle(),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover","key"],"sources":["../../../src/base-ui/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n useDestroyOnInvalidActiveTriggerElement,\n useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { parseTrigger } from '@/utils/parseTrigger';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport {\n PopoverArrow,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport {\n PopoverGroupHandleContext,\n type PopoverGroupItem,\n PopoverGroupPropsContext,\n type PopoverGroupSharedProps,\n} from './groupContext';\nimport { usePopoverPortalContainer } from './PopoverPortal';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n children,\n contentLayoutAnimation = false,\n disableDestroyOnInvalidTrigger = false,\n disableZeroOriginGuard = false,\n ...sharedProps\n}) => {\n const [{ handle, key }, setHandleState] = useState(() => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: 0,\n }));\n const activeItemRef = useRef<PopoverGroupItem | null>(null);\n const destroy = useCallback(() => {\n activeItemRef.current = null;\n setHandleState(({ key }) => ({\n handle: BasePopover.createHandle<PopoverGroupItem>(),\n key: key + 1,\n }));\n }, []);\n const close = useCallback(() => {\n handle.close();\n }, [handle]);\n const contextValue = useMemo(() => ({ close }), [close]);\n\n const handleOpenChange = useCallback((open: boolean) => {\n activeItemRef.current?.onOpenChange?.(open);\n }, []);\n\n useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n enabled: !disableDestroyOnInvalidTrigger,\n });\n useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n const portalContainer = usePopoverPortalContainer();\n\n return (\n <PopoverGroupHandleContext value={handle}>\n <PopoverGroupPropsContext value={sharedProps}>\n {children}\n <BasePopover.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n {({ payload }) => {\n const item = (payload as PopoverGroupItem | null) ?? null;\n activeItemRef.current = item;\n\n if (!item?.content) return null;\n\n const arrow = item.arrow ?? false;\n const placement = item.placement ?? 'top';\n const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n const placementConfig = placementMap[placement] ?? placementMap.top;\n const resolvedSideOffset = arrow ? 10 : 6;\n\n const resolvedClassNames = {\n arrow: item.classNames?.arrow,\n popup: item.className,\n positioner: item.classNames?.root,\n viewport: item.classNames?.content,\n };\n\n const resolvedStyles = {\n arrow: item.styles?.arrow,\n positioner: {\n ...item.styles?.root,\n zIndex: item.zIndex ?? 1100,\n },\n viewport: item.styles?.content,\n };\n\n const contentNode = (\n <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n );\n\n const popup = (\n <PopoverPositioner\n align={placementConfig.align}\n className={resolvedClassNames.positioner}\n data-layout-animation={contentLayoutAnimation || undefined}\n hoverTrigger={openOnHover}\n placement={placement}\n side={placementConfig.side}\n sideOffset={resolvedSideOffset}\n style={resolvedStyles.positioner}\n {...item.positionerProps}\n >\n <PopoverPopup\n className={resolvedClassNames.popup}\n data-layout-animation={contentLayoutAnimation || undefined}\n {...item.popupProps}\n >\n {arrow && (\n <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n {PopoverArrowIcon}\n </PopoverArrow>\n )}\n {contentLayoutAnimation ? (\n <PopoverViewport\n className={resolvedClassNames.viewport}\n style={resolvedStyles.viewport}\n >\n {contentNode}\n </PopoverViewport>\n ) : (\n <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n {contentNode}\n </div>\n )}\n </PopoverPopup>\n </PopoverPositioner>\n );\n\n return portalContainer ? (\n <PopoverPortal container={portalContainer}>{popup}</PopoverPortal>\n ) : null;\n }}\n </BasePopover.Root>\n </PopoverGroupPropsContext>\n </PopoverGroupHandleContext>\n );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,OACzB,iCAAiC,OACjC,yBAAyB,OACzB,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQC,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAC3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,kBAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAKC,QAAM;GACZ,EAAE;IACF,EAAE,CAAC;CACN,MAAM,QAAQ,kBAAkB;AAC9B,SAAO,OAAO;IACb,CAAC,OAAO,CAAC;CACZ,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAExD,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;AAEN,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;CAEtF,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC;EAA0B,OAAO;YAChC,qBAAC;GAAyB,OAAO;cAC9B,UACD,oBAACD,QAAY;IAAa;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,SAAS;KAC5B,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,qBAAqB,QAAQ,KAAK;KAExC,MAAM,qBAAqB;MACzB,OAAO,KAAK,YAAY;MACxB,OAAO,KAAK;MACZ,YAAY,KAAK,YAAY;MAC7B,UAAU,KAAK,YAAY;MAC5B;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,cACJ,oBAAC;MAAgB,OAAO;gBAAe,KAAK;OAA0B;KAGxE,MAAM,QACJ,oBAAC;MACC,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,yBAAuB,0BAA0B;MACjD,cAAc;MACH;MACX,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAAC;OACC,WAAW,mBAAmB;OAC9B,yBAAuB,0BAA0B;OACjD,GAAI,KAAK;kBAER,SACC,oBAAC;QAAa,WAAW,mBAAmB;QAAO,OAAO,eAAe;kBACtE;SACY,EAEhB,yBACC,oBAAC;QACC,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACe,GAElB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE;SACG;QAEK;OACG;AAGtB,YAAO,kBACL,oBAAC;MAAc,WAAW;gBAAkB;OAAsB,GAChE;;MA1E+B,IA4EpB;IACM;GACD;;AAIhC,aAAa,cAAc;AAE3B,2BAAe"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useNativeButton } from "
|
|
4
|
-
import { parseTrigger } from "
|
|
3
|
+
import { useNativeButton } from "../../hooks/useNativeButton.mjs";
|
|
4
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
5
5
|
import { PopoverGroupHandleContext } from "./groupContext.mjs";
|
|
6
6
|
import { useMergedPopoverProps } from "./useMergedPopoverProps.mjs";
|
|
7
7
|
import { cloneElement, isValidElement, use, useMemo } from "react";
|
|
@@ -11,7 +11,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
|
|
|
11
11
|
import { mergeRefs } from "react-merge-refs";
|
|
12
12
|
import { Popover } from "@base-ui/react/popover";
|
|
13
13
|
|
|
14
|
-
//#region src/Popover/PopoverInGroup.tsx
|
|
14
|
+
//#region src/base-ui/Popover/PopoverInGroup.tsx
|
|
15
15
|
const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
|
|
16
16
|
const group = use(PopoverGroupHandleContext);
|
|
17
17
|
const item = useMergedPopoverProps(props);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverInGroup.mjs","names":["PopoverInGroup: FC<PopoverProps>","BasePopover"],"sources":["../../../src/base-ui/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { cx } from 'antd-style';\nimport { cloneElement, type FC, isValidElement, useMemo } from 'react';\nimport { use } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { type PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n const group = use(PopoverGroupHandleContext);\n const item = useMergedPopoverProps(props);\n\n const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? 'hover'), [item.trigger]);\n\n const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\n const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\n const disabled = Boolean(item.disabled);\n\n const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n children,\n nativeButton: item.nativeButton,\n });\n\n // Don't render trigger behavior if no content\n if (!item.content) {\n return children as any;\n }\n\n const triggerProps = {\n closeDelay: resolvedCloseDelay,\n delay: resolvedOpenDelay,\n disabled,\n openOnHover: openOnHover && !disabled,\n payload: item,\n };\n\n const triggerClassName = item.classNames?.trigger;\n\n if (isValidElement(children)) {\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n nativeButton={resolvedNativeButton}\n render={(renderProps) => {\n // Base UI's trigger props include `type=\"button\"` by default.\n // If we render into a non-<button> element, that prop is invalid and can warn.\n const resolvedProps = (() => {\n if (isNativeButtonTriggerElement) return renderProps as any;\n // eslint-disable-next-line unused-imports/no-unused-vars\n const { type, ref: triggerRef, ...restProps } = renderProps as any;\n return restProps;\n })();\n\n const mergedProps = mergeProps((children as any).props, resolvedProps);\n return cloneElement(children as any, {\n ...mergedProps,\n className: cx(mergedProps.className, triggerClassName),\n ref: mergeRefs([(children as any).ref, (renderProps as any).ref, refProp]),\n });\n }}\n />\n );\n }\n\n return (\n <BasePopover.Trigger\n handle={group ?? undefined}\n {...triggerProps}\n className={triggerClassName}\n nativeButton={resolvedNativeButton}\n ref={refProp}\n >\n {children}\n </BasePopover.Trigger>\n );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAaA,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,IAAI,0BAA0B;CAC5C,MAAM,OAAO,sBAAsB,MAAM;CAEzC,MAAM,EAAE,gBAAgB,cAAc,aAAa,KAAK,WAAW,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC;CAE5F,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,SAAS;CAEvC,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA,cAAc,KAAK;EACpB,CAAC;AAGF,KAAI,CAAC,KAAK,QACR,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,SAAS;EACV;CAED,MAAM,mBAAmB,KAAK,YAAY;AAE1C,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACC,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,cAAc;EACd,SAAS,gBAAgB;GAGvB,MAAM,uBAAuB;AAC3B,QAAI,6BAA8B,QAAO;IAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;AAChD,WAAO;OACL;GAEJ,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;AACtE,UAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,GAAG,YAAY,WAAW,iBAAiB;IACtD,KAAK,UAAU;KAAE,SAAiB;KAAM,YAAoB;KAAK;KAAQ,CAAC;IAC3E,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,WAAW;EACX,cAAc;EACd,KAAK;EAEJ;GACmB;;AAI1B,eAAe,cAAc"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useAppElement } from "
|
|
3
|
+
import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
|
|
4
4
|
|
|
5
|
-
//#region src/Popover/PopoverPortal.tsx
|
|
5
|
+
//#region src/base-ui/Popover/PopoverPortal.tsx
|
|
6
6
|
const usePopoverPortalContainer = (root) => {
|
|
7
7
|
const appElement = useAppElement();
|
|
8
8
|
if (typeof document === "undefined") return null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverPortal.mjs","names":[],"sources":["../../../src/base-ui/Popover/PopoverPortal.tsx"],"sourcesContent":["'use client';\n\nimport { useAppElement } from '@/ThemeProvider';\n\nexport const usePopoverPortalContainer = (\n root?: HTMLElement | ShadowRoot | null,\n): HTMLElement | null => {\n const appElement = useAppElement();\n if (typeof document === 'undefined') return null;\n return (root as HTMLElement | null) ?? appElement ?? document.body;\n};\n"],"mappings":";;;;;AAIA,MAAa,6BACX,SACuB;CACvB,MAAM,aAAa,eAAe;AAClC,KAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAQ,QAA+B,cAAc,SAAS"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useNativeButton } from "
|
|
4
|
-
import { useIsClient } from "
|
|
5
|
-
import { placementMap } from "
|
|
6
|
-
import { parseTrigger } from "
|
|
3
|
+
import { useNativeButton } from "../../hooks/useNativeButton.mjs";
|
|
4
|
+
import { useIsClient } from "../../hooks/useIsClient.mjs";
|
|
5
|
+
import { placementMap } from "../../utils/placement.mjs";
|
|
6
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
7
7
|
import { PopoverArrowIcon } from "./ArrowIcon.mjs";
|
|
8
8
|
import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
|
|
9
9
|
import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./atoms.mjs";
|
|
@@ -12,7 +12,7 @@ import { memo, useCallback, useMemo, useState } from "react";
|
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { Popover } from "@base-ui/react/popover";
|
|
14
14
|
|
|
15
|
-
//#region src/Popover/PopoverStandalone.tsx
|
|
15
|
+
//#region src/base-ui/Popover/PopoverStandalone.tsx
|
|
16
16
|
/**
|
|
17
17
|
* Popover component - displays floating content relative to a trigger element
|
|
18
18
|
* Compatible with Ant Design Popover API
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverStandalone.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/PopoverStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport {\n PopoverArrow,\n PopoverPopup,\n PopoverPortal,\n PopoverPositioner,\n PopoverRoot,\n PopoverTriggerElement,\n PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport { type PopoverProps } from './type';\n\n/**\n * Popover component - displays floating content relative to a trigger element\n * Compatible with Ant Design Popover API\n */\nexport const PopoverStandalone = memo<PopoverProps>(\n ({\n children,\n content,\n arrow = false,\n trigger = 'hover',\n placement = 'top',\n styles: styleProps,\n classNames,\n className,\n open,\n onOpenChange,\n defaultOpen = false,\n mouseEnterDelay = 0.1,\n mouseLeaveDelay = 0.1,\n openDelay,\n closeDelay,\n getPopupContainer,\n disabled = false,\n zIndex,\n nativeButton,\n ref: refProp,\n positionerProps,\n triggerProps,\n popupProps,\n backdropProps,\n portalProps,\n }) => {\n const isClient = useIsClient();\n const popoverHandle = useMemo(() => BasePopover.createHandle(), []);\n const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n const close = useCallback(() => {\n popoverHandle.close();\n }, [popoverHandle]);\n const contextValue = useMemo(() => ({ close }), [close]);\n\n const mergedOpen = open ?? uncontrolledOpen;\n const resolvedOpen = disabled ? false : mergedOpen;\n\n const handleOpenChange = useCallback(\n (nextOpen: boolean) => {\n // Don't open if disabled\n if (disabled && nextOpen) return;\n\n onOpenChange?.(nextOpen);\n if (open === undefined) {\n setUncontrolledOpen(nextOpen);\n }\n },\n [onOpenChange, open, disabled],\n );\n\n // Parse trigger mode\n const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\n\n // Calculate delays (milliseconds take precedence over seconds)\n const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1000;\n const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1000;\n\n // Get placement configuration\n const placementConfig = placementMap[placement] ?? placementMap.top;\n const resolvedSideOffset = arrow ? 10 : 6;\n\n // Determine portal container\n const portalContainer = usePopoverPortalContainer();\n\n const { resolvedNativeButton } = useNativeButton({\n children,\n nativeButton,\n });\n\n const resolvedClassNames = useMemo(\n () => ({\n arrow: classNames?.arrow,\n popup: className,\n positioner: classNames?.root,\n trigger: classNames?.trigger,\n viewport: classNames?.content,\n }),\n [className, classNames?.arrow, classNames?.content, classNames?.root, classNames?.trigger],\n );\n\n // Render trigger element\n const triggerElement = useMemo(() => {\n const baseTriggerProps = {\n closeDelay: resolvedCloseDelay,\n delay: resolvedOpenDelay,\n disabled,\n openOnHover: openOnHover && !disabled,\n ...triggerProps,\n };\n\n return (\n <PopoverTriggerElement\n handle={popoverHandle}\n {...baseTriggerProps}\n className={resolvedClassNames.trigger}\n nativeButton={resolvedNativeButton}\n ref={refProp as any}\n >\n {children}\n </PopoverTriggerElement>\n );\n }, [\n children,\n disabled,\n openOnHover,\n popoverHandle,\n refProp,\n resolvedClassNames.trigger,\n resolvedNativeButton,\n resolvedOpenDelay,\n resolvedCloseDelay,\n triggerProps,\n ]);\n\n // Custom container from getPopupContainer\n const customContainer = useMemo(() => {\n if (!getPopupContainer || !isClient) return undefined;\n // We need a reference element, but we don't have it until render\n // This will be handled by the portal container logic\n return undefined;\n }, [getPopupContainer, isClient]);\n\n const resolvedStyles = useMemo(\n () => ({\n arrow: styleProps?.arrow,\n positioner: {\n ...styleProps?.root,\n zIndex: zIndex ?? 1100,\n },\n viewport: styleProps?.content,\n }),\n [styleProps?.arrow, styleProps?.content, styleProps?.root, zIndex],\n );\n\n const popup = useMemo(\n () => (\n <PopoverPositioner\n align={placementConfig.align}\n className={resolvedClassNames.positioner}\n hoverTrigger={openOnHover}\n placement={placement}\n side={placementConfig.side}\n sideOffset={resolvedSideOffset}\n style={resolvedStyles.positioner}\n {...positionerProps}\n >\n <PopoverPopup className={resolvedClassNames.popup} {...popupProps}>\n {arrow && (\n <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n {PopoverArrowIcon}\n </PopoverArrow>\n )}\n <PopoverViewport\n className={resolvedClassNames.viewport}\n style={resolvedStyles.viewport}\n >\n <PopoverProvider value={contextValue}>{content}</PopoverProvider>\n </PopoverViewport>\n </PopoverPopup>\n </PopoverPositioner>\n ),\n [\n arrow,\n content,\n contextValue,\n openOnHover,\n placement,\n placementConfig.align,\n placementConfig.side,\n popupProps,\n positionerProps,\n resolvedClassNames,\n resolvedSideOffset,\n resolvedStyles,\n ],\n );\n\n // Don't render popup if no content\n if (!content) {\n return children;\n }\n\n const resolvedPortalContainer = customContainer ?? portalContainer;\n\n return (\n <PopoverRoot\n defaultOpen={defaultOpen}\n handle={popoverHandle}\n open={resolvedOpen}\n onOpenChange={handleOpenChange}\n >\n {triggerElement}\n {backdropProps && <BasePopover.Backdrop {...backdropProps} />}\n {resolvedPortalContainer ? (\n <PopoverPortal container={resolvedPortalContainer} {...portalProps}>\n {popup}\n </PopoverPortal>\n ) : null}\n </PopoverRoot>\n );\n },\n);\n\nPopoverStandalone.displayName = 'PopoverStandalone';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4BA,MAAa,oBAAoB,MAC9B,EACC,UACA,SACA,QAAQ,OACR,UAAU,SACV,YAAY,OACZ,QAAQ,YACR,YACA,WACA,MACA,cACA,cAAc,OACd,kBAAkB,IAClB,kBAAkB,IAClB,WACA,YACA,mBACA,WAAW,OACX,QACA,cACA,KAAK,SACL,iBACA,cACA,YACA,eACA,kBACI;CACJ,MAAM,WAAW,aAAa;CAC9B,MAAM,gBAAgB,cAAcA,QAAY,cAAc,EAAE,EAAE,CAAC;CACnE,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;CAC9E,MAAM,QAAQ,kBAAkB;AAC9B,gBAAc,OAAO;IACpB,CAAC,cAAc,CAAC;CACnB,MAAM,eAAe,eAAe,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC;CAGxD,MAAM,eAAe,WAAW,QADb,QAAQ;CAG3B,MAAM,mBAAmB,aACtB,aAAsB;AAErB,MAAI,YAAY,SAAU;AAE1B,iBAAe,SAAS;AACxB,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC;EAAC;EAAc;EAAM;EAAS,CAC/B;CAGD,MAAM,EAAE,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC,QAAQ,CAAC;CAGvE,MAAM,oBAAoB,aAAa,kBAAkB;CACzD,MAAM,qBAAqB,cAAc,kBAAkB;CAG3D,MAAM,kBAAkB,aAAa,cAAc,aAAa;CAChE,MAAM,qBAAqB,QAAQ,KAAK;CAGxC,MAAM,kBAAkB,2BAA2B;CAEnD,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;EACD,CAAC;CAEF,MAAM,qBAAqB,eAClB;EACL,OAAO,YAAY;EACnB,OAAO;EACP,YAAY,YAAY;EACxB,SAAS,YAAY;EACrB,UAAU,YAAY;EACvB,GACD;EAAC;EAAW,YAAY;EAAO,YAAY;EAAS,YAAY;EAAM,YAAY;EAAQ,CAC3F;CAGD,MAAM,iBAAiB,cAAc;AASnC,SACE,oBAAC;GACC,QAAQ;GATV,YAAY;GACZ,OAAO;GACP;GACA,aAAa,eAAe,CAAC;GAC7B,GAAG;GAOD,WAAW,mBAAmB;GAC9B,cAAc;GACd,KAAK;GAEJ;IACqB;IAEzB;EACD;EACA;EACA;EACA;EACA;EACA,mBAAmB;EACnB;EACA;EACA;EACA;EACD,CAAC;CAGF,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,qBAAqB,CAAC,SAAU,QAAO;IAI3C,CAAC,mBAAmB,SAAS,CAAC;CAEjC,MAAM,iBAAiB,eACd;EACL,OAAO,YAAY;EACnB,YAAY;GACV,GAAG,YAAY;GACf,QAAQ,UAAU;GACnB;EACD,UAAU,YAAY;EACvB,GACD;EAAC,YAAY;EAAO,YAAY;EAAS,YAAY;EAAM;EAAO,CACnE;CAED,MAAM,QAAQ,cAEV,oBAAC;EACC,OAAO,gBAAgB;EACvB,WAAW,mBAAmB;EAC9B,cAAc;EACH;EACX,MAAM,gBAAgB;EACtB,YAAY;EACZ,OAAO,eAAe;EACtB,GAAI;YAEJ,qBAAC;GAAa,WAAW,mBAAmB;GAAO,GAAI;cACpD,SACC,oBAAC;IAAa,WAAW,mBAAmB;IAAO,OAAO,eAAe;cACtE;KACY,EAEjB,oBAAC;IACC,WAAW,mBAAmB;IAC9B,OAAO,eAAe;cAEtB,oBAAC;KAAgB,OAAO;eAAe;MAA0B;KACjD;IACL;GACG,EAEtB;EACE;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACD,CACF;AAGD,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,0BAA0B,mBAAmB;AAEnD,QACE,qBAAC;EACc;EACb,QAAQ;EACR,MAAM;EACN,cAAc;;GAEb;GACA,iBAAiB,oBAACA,QAAY,YAAS,GAAI,gBAAiB;GAC5D,0BACC,oBAAC;IAAc,WAAW;IAAyB,GAAI;cACpD;KACa,GACd;;GACQ;EAGnB;AAED,kBAAkB,cAAc"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { PopoverPlacement } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react146 from "react";
|
|
3
3
|
import { ComponentProps, ComponentPropsWithRef } from "react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime52 from "react/jsx-runtime";
|
|
5
5
|
import * as _base_ui_react_popover0 from "@base-ui/react/popover";
|
|
6
6
|
import { Popover } from "@base-ui/react/popover";
|
|
7
7
|
|
|
8
|
-
//#region src/Popover/atoms.d.ts
|
|
8
|
+
//#region src/base-ui/Popover/atoms.d.ts
|
|
9
9
|
declare const PopoverRoot: typeof Popover.Root;
|
|
10
|
-
declare const PopoverBackdrop:
|
|
10
|
+
declare const PopoverBackdrop: react146.ForwardRefExoticComponent<_base_ui_react_popover0.PopoverBackdropProps & react146.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
|
|
12
12
|
children: ComponentProps<typeof Popover.Trigger>['children'];
|
|
13
13
|
};
|
|
@@ -18,7 +18,7 @@ declare const PopoverTriggerElement: {
|
|
|
18
18
|
nativeButton,
|
|
19
19
|
ref: refProp,
|
|
20
20
|
...rest
|
|
21
|
-
}: PopoverTriggerElementProps):
|
|
21
|
+
}: PopoverTriggerElementProps): react_jsx_runtime52.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
|
|
@@ -37,7 +37,7 @@ declare const PopoverPortal: {
|
|
|
37
37
|
root,
|
|
38
38
|
children,
|
|
39
39
|
...rest
|
|
40
|
-
}: PopoverPortalAtomProps):
|
|
40
|
+
}: PopoverPortalAtomProps): react_jsx_runtime52.JSX.Element | null;
|
|
41
41
|
displayName: string;
|
|
42
42
|
};
|
|
43
43
|
type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
|
|
@@ -54,7 +54,7 @@ declare const PopoverPositioner: {
|
|
|
54
54
|
side,
|
|
55
55
|
sideOffset,
|
|
56
56
|
...rest
|
|
57
|
-
}: PopoverPositionerAtomProps):
|
|
57
|
+
}: PopoverPositionerAtomProps): react_jsx_runtime52.JSX.Element;
|
|
58
58
|
displayName: string;
|
|
59
59
|
};
|
|
60
60
|
type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup>;
|
|
@@ -62,7 +62,7 @@ declare const PopoverPopup: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...rest
|
|
65
|
-
}: PopoverPopupAtomProps):
|
|
65
|
+
}: PopoverPopupAtomProps): react_jsx_runtime52.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
|
|
@@ -71,7 +71,7 @@ declare const PopoverArrow: {
|
|
|
71
71
|
className,
|
|
72
72
|
children,
|
|
73
73
|
...rest
|
|
74
|
-
}: PopoverArrowAtomProps):
|
|
74
|
+
}: PopoverArrowAtomProps): react_jsx_runtime52.JSX.Element;
|
|
75
75
|
displayName: string;
|
|
76
76
|
};
|
|
77
77
|
type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
|
|
@@ -79,7 +79,7 @@ declare const PopoverViewport: {
|
|
|
79
79
|
({
|
|
80
80
|
className,
|
|
81
81
|
...rest
|
|
82
|
-
}: PopoverViewportAtomProps):
|
|
82
|
+
}: PopoverViewportAtomProps): react_jsx_runtime52.JSX.Element;
|
|
83
83
|
displayName: string;
|
|
84
84
|
};
|
|
85
85
|
//#endregion
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useNativeButton } from "
|
|
4
|
-
import { FloatingLayerProvider } from "
|
|
5
|
-
import { placementMap } from "
|
|
3
|
+
import { useNativeButton } from "../../hooks/useNativeButton.mjs";
|
|
4
|
+
import { FloatingLayerProvider } from "../../hooks/useFloatingLayer.mjs";
|
|
5
|
+
import { placementMap } from "../../utils/placement.mjs";
|
|
6
6
|
import { PopoverArrowIcon } from "./ArrowIcon.mjs";
|
|
7
7
|
import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
|
|
8
8
|
import { styles } from "./style.mjs";
|
|
@@ -13,7 +13,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
|
|
|
13
13
|
import { mergeRefs } from "react-merge-refs";
|
|
14
14
|
import { Popover } from "@base-ui/react/popover";
|
|
15
15
|
|
|
16
|
-
//#region src/Popover/atoms.tsx
|
|
16
|
+
//#region src/base-ui/Popover/atoms.tsx
|
|
17
17
|
const PopoverRoot = Popover.Root;
|
|
18
18
|
const PopoverBackdrop = Popover.Backdrop;
|
|
19
19
|
const PopoverTriggerElement = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
|