@lobehub/ui 5.4.0 → 5.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/FontLoader/index.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/SideNav/SideNav.d.mts +2 -2
- package/es/SliderWithInput/SliderWithInput.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/Tooltip/TooltipInGroup.mjs +56 -6
- package/es/Tooltip/TooltipInGroup.mjs.map +1 -1
- package/es/Tooltip/TooltipStandalone.mjs +5 -4
- package/es/Tooltip/TooltipStandalone.mjs.map +1 -1
- 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/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/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 +3 -3
- 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 +3 -3
- package/es/icons/lucideExtra/LeftClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +3 -3
- package/es/icons/lucideExtra/McpIcon.d.mts +2 -2
- 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 +3 -3
- 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
|
'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 react118 from "react";
|
|
3
3
|
import { ComponentProps, ComponentPropsWithRef } from "react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime20 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: react118.ForwardRefExoticComponent<_base_ui_react_popover0.PopoverBackdropProps & react118.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_runtime20.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_runtime20.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_runtime20.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_runtime20.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_runtime20.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_runtime20.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 }) => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"atoms.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/atoms.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 {\n cloneElement,\n type ComponentProps,\n type ComponentPropsWithRef,\n isValidElement,\n useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { FloatingLayerProvider } from '@/hooks/useFloatingLayer';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport { styles } from './style';\nimport { type PopoverPlacement } from './type';\n\nexport const PopoverRoot = BasePopover.Root;\nexport const PopoverBackdrop = BasePopover.Backdrop;\n\nexport type PopoverTriggerElementProps = Omit<\n ComponentPropsWithRef<typeof BasePopover.Trigger>,\n 'children' | 'render'\n> & {\n children: ComponentProps<typeof BasePopover.Trigger>['children'];\n};\n\nexport const PopoverTriggerElement = ({\n children,\n className,\n nativeButton,\n ref: refProp,\n ...rest\n}: PopoverTriggerElementProps) => {\n const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n children,\n nativeButton,\n });\n\n if (isValidElement(children)) {\n return (\n <BasePopover.Trigger\n {...rest}\n nativeButton={resolvedNativeButton}\n render={(props, state) => {\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 props as any;\n // eslint-disable-next-line unused-imports/no-unused-vars\n const { type, ref: triggerRef, ...restProps } = props as any;\n return restProps;\n })();\n\n const mergedProps = mergeProps((children as any).props, resolvedProps);\n const baseClassName =\n typeof (mergedProps as any).className === 'function'\n ? (mergedProps as any).className(state)\n : (mergedProps as any).className;\n const extraClassName =\n typeof (className as any) === 'function' ? (className as any)(state) : className;\n\n return cloneElement(children as any, {\n ...mergedProps,\n className: cx(baseClassName, extraClassName),\n ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\n });\n }}\n />\n );\n }\n\n return (\n <BasePopover.Trigger\n {...rest}\n className={className}\n nativeButton={resolvedNativeButton}\n ref={refProp}\n >\n {children}\n </BasePopover.Trigger>\n );\n};\n\nPopoverTriggerElement.displayName = 'PopoverTriggerElement';\n\nexport type PopoverPortalAtomProps = Omit<\n ComponentProps<typeof BasePopover.Portal>,\n 'container'\n> & {\n /**\n * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.\n */\n container?: HTMLElement | null;\n /**\n * Root element used by `usePopoverPortalContainer` to create the default container.\n */\n root?: HTMLElement | ShadowRoot | null;\n};\n\nexport const PopoverPortal = ({ container, root, children, ...rest }: PopoverPortalAtomProps) => {\n const defaultContainer = usePopoverPortalContainer(root);\n const resolvedContainer = container ?? defaultContainer;\n\n if (!resolvedContainer) return null;\n\n return (\n <BasePopover.Portal container={resolvedContainer} {...rest}>\n {children}\n </BasePopover.Portal>\n );\n};\n\nPopoverPortal.displayName = 'PopoverPortal';\n\nexport type PopoverPositionerAtomProps = ComponentProps<typeof BasePopover.Positioner> & {\n hoverTrigger?: boolean;\n placement?: PopoverPlacement;\n};\n\nexport const PopoverPositioner = ({\n children,\n className,\n hoverTrigger,\n placement,\n align,\n side,\n sideOffset,\n ...rest\n}: PopoverPositionerAtomProps) => {\n const placementConfig = placement ? placementMap[placement] : undefined;\n const [positionerNode, setPositionerNode] = useState<HTMLDivElement | null>(null);\n\n return (\n <BasePopover.Positioner\n align={align ?? placementConfig?.align ?? 'center'}\n data-hover-trigger={hoverTrigger || undefined}\n data-placement={placement}\n ref={setPositionerNode}\n side={side ?? placementConfig?.side ?? 'bottom'}\n sideOffset={sideOffset ?? 6}\n className={(state) =>\n cx(styles.positioner, typeof className === 'function' ? className(state) : className)\n }\n {...rest}\n >\n <FloatingLayerProvider value={positionerNode}>{children}</FloatingLayerProvider>\n </BasePopover.Positioner>\n );\n};\n\nPopoverPositioner.displayName = 'PopoverPositioner';\n\nexport type PopoverPopupAtomProps = ComponentProps<typeof BasePopover.Popup>;\n\nexport const PopoverPopup = ({ className, ...rest }: PopoverPopupAtomProps) => {\n return (\n <BasePopover.Popup\n className={(state) =>\n cx(styles.popup, typeof className === 'function' ? className(state) : className)\n }\n {...rest}\n />\n );\n};\n\nPopoverPopup.displayName = 'PopoverPopup';\n\nexport type PopoverArrowAtomProps = ComponentProps<typeof BasePopover.Arrow>;\n\nexport const PopoverArrow = ({ className, children, ...rest }: PopoverArrowAtomProps) => {\n return (\n <BasePopover.Arrow\n className={(state) =>\n cx(styles.arrow, typeof className === 'function' ? className(state) : className)\n }\n {...rest}\n >\n {children ?? PopoverArrowIcon}\n </BasePopover.Arrow>\n );\n};\n\nPopoverArrow.displayName = 'PopoverArrow';\n\nexport type PopoverViewportAtomProps = ComponentProps<typeof BasePopover.Viewport>;\n\nexport const PopoverViewport = ({ className, ...rest }: PopoverViewportAtomProps) => {\n return (\n <BasePopover.Viewport\n className={(state) =>\n cx(styles.viewport, typeof className === 'function' ? className(state) : className)\n }\n {...rest}\n />\n );\n};\n\nPopoverViewport.displayName = 'PopoverViewport';\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAa,cAAcA,QAAY;AACvC,MAAa,kBAAkBA,QAAY;AAS3C,MAAa,yBAAyB,EACpC,UACA,WACA,cACA,KAAK,SACL,GAAG,WAC6B;CAChC,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA;EACD,CAAC;AAEF,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACA,QAAY;EACX,GAAI;EACJ,cAAc;EACd,SAAS,OAAO,UAAU;GAGxB,MAAM,uBAAuB;AAC3B,QAAI,6BAA8B,QAAO;IAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;AAChD,WAAO;OACL;GAEJ,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;GACtE,MAAM,gBACJ,OAAQ,YAAoB,cAAc,aACrC,YAAoB,UAAU,MAAM,GACpC,YAAoB;GAC3B,MAAM,iBACJ,OAAQ,cAAsB,aAAc,UAAkB,MAAM,GAAG;AAEzE,UAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,GAAG,eAAe,eAAe;IAC5C,KAAK,UAAU;KAAE,SAAiB;KAAM,MAAc;KAAK;KAAQ,CAAC;IACrE,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EACX,GAAI;EACO;EACX,cAAc;EACd,KAAK;EAEJ;GACmB;;AAI1B,sBAAsB,cAAc;AAgBpC,MAAa,iBAAiB,EAAE,WAAW,MAAM,UAAU,GAAG,WAAmC;CAC/F,MAAM,mBAAmB,0BAA0B,KAAK;CACxD,MAAM,oBAAoB,aAAa;AAEvC,KAAI,CAAC,kBAAmB,QAAO;AAE/B,QACE,oBAACA,QAAY;EAAO,WAAW;EAAmB,GAAI;EACnD;GACkB;;AAIzB,cAAc,cAAc;AAO5B,MAAa,qBAAqB,EAChC,UACA,WACA,cACA,WACA,OACA,MACA,YACA,GAAG,WAC6B;CAChC,MAAM,kBAAkB,YAAY,aAAa,aAAa;CAC9D,MAAM,CAAC,gBAAgB,qBAAqB,SAAgC,KAAK;AAEjF,QACE,oBAACA,QAAY;EACX,OAAO,SAAS,iBAAiB,SAAS;EAC1C,sBAAoB,gBAAgB;EACpC,kBAAgB;EAChB,KAAK;EACL,MAAM,QAAQ,iBAAiB,QAAQ;EACvC,YAAY,cAAc;EAC1B,YAAY,UACV,GAAG,OAAO,YAAY,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;EAEvF,GAAI;YAEJ,oBAAC;GAAsB,OAAO;GAAiB;IAAiC;GACzD;;AAI7B,kBAAkB,cAAc;AAIhC,MAAa,gBAAgB,EAAE,WAAW,GAAG,WAAkC;AAC7E,QACE,oBAACA,QAAY;EACX,YAAY,UACV,GAAG,OAAO,OAAO,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;EAElF,GAAI;GACJ;;AAIN,aAAa,cAAc;AAI3B,MAAa,gBAAgB,EAAE,WAAW,UAAU,GAAG,WAAkC;AACvF,QACE,oBAACA,QAAY;EACX,YAAY,UACV,GAAG,OAAO,OAAO,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;EAElF,GAAI;YAEH,YAAY;GACK;;AAIxB,aAAa,cAAc;AAI3B,MAAa,mBAAmB,EAAE,WAAW,GAAG,WAAqC;AACnF,QACE,oBAACA,QAAY;EACX,YAAY,UACV,GAAG,OAAO,UAAU,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;EAErF,GAAI;GACJ;;AAIN,gBAAgB,cAAc"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react120 from "react";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
3
|
|
|
4
|
-
//#region src/Popover/context.d.ts
|
|
4
|
+
//#region src/base-ui/Popover/context.d.ts
|
|
5
5
|
type PopoverContextValue = {
|
|
6
6
|
close: () => void;
|
|
7
7
|
};
|
|
8
|
-
declare const PopoverProvider:
|
|
8
|
+
declare const PopoverProvider: react120.NamedExoticComponent<{
|
|
9
9
|
children: ReactNode;
|
|
10
10
|
value: PopoverContextValue;
|
|
11
11
|
}>;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { createContext, memo, use } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
|
|
6
|
-
//#region src/Popover/context.tsx
|
|
6
|
+
//#region src/base-ui/Popover/context.tsx
|
|
7
7
|
const noop = process.env.NODE_ENV === "production" ? () => void 0 : () => {
|
|
8
8
|
throw new Error("usePopoverContext must be used within a PopoverProvider");
|
|
9
9
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Popover/context.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, memo, type ReactNode, use } from 'react';\n\nexport type PopoverContextValue = {\n close: () => void;\n};\n\nconst noop =\n process.env.NODE_ENV === 'production'\n ? () => void 0\n : () => {\n throw new Error('usePopoverContext must be used within a PopoverProvider');\n };\n\nexport const PopoverContext = createContext<PopoverContextValue>({\n close: noop,\n});\n\nexport const PopoverProvider = memo<{ children: ReactNode; value: PopoverContextValue }>(\n ({ children, value }) => {\n return <PopoverContext value={value}>{children}</PopoverContext>;\n },\n);\n\nexport const usePopoverContext = () => {\n return use(PopoverContext);\n};\n"],"mappings":";;;;;;AAQA,MAAM,OACJ,QAAQ,IAAI,aAAa,qBACf,KAAK,UACL;AACJ,OAAM,IAAI,MAAM,0DAA0D;;AAGlF,MAAa,iBAAiB,cAAmC,EAC/D,OAAO,MACR,CAAC;AAEF,MAAa,kBAAkB,MAC5B,EAAE,UAAU,YAAY;AACvB,QAAO,oBAAC;EAAsB;EAAQ;GAA0B;EAEnE;AAED,MAAa,0BAA0B;AACrC,QAAO,IAAI,eAAe"}
|
|
@@ -2,7 +2,7 @@ import { PopoverProps } from "./type.mjs";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import { Popover } from "@base-ui/react/popover";
|
|
4
4
|
|
|
5
|
-
//#region src/Popover/groupContext.d.ts
|
|
5
|
+
//#region src/base-ui/Popover/groupContext.d.ts
|
|
6
6
|
type PopoverGroupSharedProps = Omit<PopoverProps, 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'> & {
|
|
7
7
|
/**
|
|
8
8
|
* @description Whether to enable content layout animation when switching triggers
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../../src/base-ui/Popover/groupContext.ts"],"sourcesContent":["'use client';\n\nimport type { Popover as BasePopover } from '@base-ui/react/popover';\nimport { createContext } from 'react';\n\nimport type { PopoverProps } from './type';\n\nexport type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\n\nexport type PopoverGroupSharedProps = Omit<\n PopoverProps,\n 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'\n> & {\n /**\n * @description Whether to enable content layout animation when switching triggers\n * @default false\n */\n contentLayoutAnimation?: boolean;\n /**\n * Disable the \"destroy on invalid trigger (display:none / disconnected)\" guard for performance.\n * @default false\n */\n disableDestroyOnInvalidTrigger?: boolean;\n /**\n * Disable the \"hide when positioner falls back to (0,0)\" visual guard for performance.\n * @default false\n */\n disableZeroOriginGuard?: boolean;\n};\n\nexport type PopoverGroupHandle = ReturnType<typeof BasePopover.createHandle<PopoverGroupItem>>;\n\nexport const PopoverGroupHandleContext = createContext<PopoverGroupHandle | null>(null);\nexport const PopoverGroupPropsContext = createContext<PopoverGroupSharedProps | null>(null);\n"],"mappings":";;;;;AAgCA,MAAa,4BAA4B,cAAyC,KAAK;AACvF,MAAa,2BAA2B,cAA8C,KAAK"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PopoverArrowIcon } from "./ArrowIcon.mjs";
|
|
2
|
+
import { PopoverBackdropProps, PopoverPlacement, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTrigger, PopoverTriggerComponentProps } from "./type.mjs";
|
|
3
|
+
import { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps } from "./atoms.mjs";
|
|
4
|
+
import { PopoverContextValue, PopoverProvider, usePopoverContext } from "./context.mjs";
|
|
5
|
+
import { parseTrigger } from "../../utils/parseTrigger.mjs";
|
|
6
|
+
import { Popover } from "./Popover.mjs";
|
|
7
|
+
import { PopoverGroup } from "./PopoverGroup.mjs";
|
|
8
|
+
import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createStaticStyles } from "antd-style";
|
|
2
2
|
|
|
3
|
-
//#region src/Popover/style.ts
|
|
3
|
+
//#region src/base-ui/Popover/style.ts
|
|
4
4
|
const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
|
|
5
5
|
arrow: css$1`
|
|
6
6
|
--lobe-popover-arrow-offset-block: 5px;
|
|
@@ -161,7 +161,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
|
|
|
161
161
|
root: css$1`
|
|
162
162
|
user-select: none;
|
|
163
163
|
position: relative;
|
|
164
|
-
filter: drop-shadow(0 2px 8px
|
|
164
|
+
filter: drop-shadow(0 2px 8px rgb(0 0 0 / 12%));
|
|
165
165
|
`,
|
|
166
166
|
viewport: css$1`
|
|
167
167
|
--lobe-popover-viewport-inline-padding: 12px;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/base-ui/Popover/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n arrow: css`\n --lobe-popover-arrow-offset-block: 5px;\n --lobe-popover-arrow-offset-inline: 8px;\n\n pointer-events: none;\n\n position: absolute;\n transform-origin: center;\n\n display: flex;\n\n width: 12px;\n height: 6px;\n\n transition: inset-inline-start var(--lobe-popover-animation-duration)\n var(--lobe-popover-animation-ease-out);\n\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n & [data-role='fill'] {\n fill: ${cssVar.colorBgElevated};\n }\n\n & [data-role='stroke'] {\n fill: none;\n stroke: ${cssVar.colorBorder};\n stroke-width: 1px;\n }\n\n &[data-side='top'] {\n inset-block-end: calc(var(--lobe-popover-arrow-offset-block) * -1);\n transform: rotate(180deg);\n }\n\n &[data-side='left'] {\n inset-inline-end: calc(var(--lobe-popover-arrow-offset-inline) * -1);\n transform: rotate(90deg);\n }\n\n &[data-side='right'] {\n inset-inline-start: calc(var(--lobe-popover-arrow-offset-inline) * -1);\n transform: rotate(-90deg);\n }\n\n &[data-side='bottom'] {\n inset-block-start: calc(var(--lobe-popover-arrow-offset-block) * -1);\n }\n `,\n\n popup: css`\n position: relative;\n transform-origin: var(--transform-origin);\n\n min-width: 120px;\n max-width: var(--available-width);\n border-radius: ${cssVar.borderRadius};\n\n color: ${cssVar.colorText};\n\n background: ${cssVar.colorBgElevated};\n outline: none;\n box-shadow:\n 0 0 15px 0 #00000008,\n 0 2px 30px 0 #00000014,\n 0 0 0 1px ${cssVar.colorBorder} inset;\n\n transition-timing-function: var(--lobe-popover-animation-ease-out);\n transition-duration: var(--lobe-popover-animation-duration);\n transition-property: opacity, transform;\n\n &[data-layout-animation] {\n transition-property: opacity, transform, width, height;\n }\n\n &[data-starting-style],\n &[data-ending-style] {\n transform: translate3d(var(--lobe-popover-translate-x), var(--lobe-popover-translate-y), 0)\n scale(var(--lobe-popover-animation-scale));\n opacity: 0;\n }\n\n &[data-ending-style] {\n transition-timing-function: var(--lobe-popover-animation-ease-in);\n transition-duration: var(--lobe-popover-animation-duration-exit);\n }\n\n &[data-instant] {\n transition: none;\n }\n `,\n\n positioner: css`\n --lobe-popover-animation-duration: 150ms;\n --lobe-popover-animation-translate: 6px;\n --lobe-popover-animation-scale: 0.96;\n --lobe-popover-animation-ease-in: ease-in;\n --lobe-popover-animation-duration-exit: 75ms;\n --lobe-popover-animation-ease-out: ${cssVar.motionEaseOut};\n --lobe-popover-translate-x: 0;\n --lobe-popover-translate-y: calc(var(--lobe-popover-animation-translate) * -1);\n\n z-index: 1100;\n\n width: min(var(--positioner-width), var(--available-width));\n height: var(--positioner-height);\n\n transition-timing-function: var(--lobe-popover-animation-ease-out);\n transition-duration: var(--lobe-popover-animation-duration);\n transition-property: none;\n\n &[data-layout-animation] {\n transition-property:\n inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;\n }\n\n &[data-instant] {\n transition: none;\n }\n\n /* Fallback: never show a popover when the anchor is hidden or the positioner falls back to (0,0). */\n &[data-anchor-hidden],\n &[data-zero-origin='true'] {\n pointer-events: none;\n visibility: hidden;\n }\n\n &[data-placement='top'],\n &[data-placement='topLeft'],\n &[data-placement='topRight'] {\n --lobe-popover-translate-x: 0;\n --lobe-popover-translate-y: var(--lobe-popover-animation-translate);\n }\n\n &[data-placement='bottom'],\n &[data-placement='bottomLeft'],\n &[data-placement='bottomRight'] {\n --lobe-popover-translate-x: 0;\n --lobe-popover-translate-y: calc(var(--lobe-popover-animation-translate) * -1);\n }\n\n &[data-placement='left'],\n &[data-placement='leftTop'],\n &[data-placement='leftBottom'] {\n --lobe-popover-translate-x: var(--lobe-popover-animation-translate);\n --lobe-popover-translate-y: 0;\n }\n\n &[data-placement='right'],\n &[data-placement='rightTop'],\n &[data-placement='rightBottom'] {\n --lobe-popover-translate-x: calc(var(--lobe-popover-animation-translate) * -1);\n --lobe-popover-translate-y: 0;\n }\n `,\n\n root: css`\n user-select: none;\n position: relative;\n filter: drop-shadow(0 2px 8px rgb(0 0 0 / 12%));\n `,\n\n viewport: css`\n --lobe-popover-viewport-inline-padding: 12px;\n\n position: relative;\n\n overflow: clip;\n\n max-width: var(--available-width);\n padding-block: 12px;\n padding-inline: var(--lobe-popover-viewport-inline-padding);\n\n [data-previous],\n [data-current] {\n transform: translateX(0);\n opacity: 1;\n transition:\n transform var(--lobe-popover-animation-duration) var(--lobe-popover-animation-ease-out),\n opacity calc(var(--lobe-popover-animation-duration) / 2)\n var(--lobe-popover-animation-ease-out);\n }\n\n [data-previous] {\n position: absolute;\n inset-block-start: 12px;\n inset-inline-start: var(--lobe-popover-viewport-inline-padding);\n }\n\n &[data-activation-direction~='right'] [data-previous][data-ending-style] {\n transform: translateX(-50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='right'] [data-current][data-starting-style] {\n transform: translateX(50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='left'] [data-previous][data-ending-style] {\n transform: translateX(50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='left'] [data-current][data-starting-style] {\n transform: translateX(-50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='down'] [data-previous][data-ending-style] {\n transform: translateY(-50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='down'] [data-current][data-starting-style] {\n transform: translateY(50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='up'] [data-previous][data-ending-style] {\n transform: translateY(50%);\n opacity: 0;\n }\n\n &[data-activation-direction~='up'] [data-current][data-starting-style] {\n transform: translateY(-50%);\n opacity: 0;\n }\n `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;;;;;;;;;;;;;;;cAwBEA,SAAO,gBAAgB;;;;;gBAKrBA,SAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAwBjC,OAAO,KAAG;;;;;;qBAMSA,SAAO,aAAa;;aAE5BA,SAAO,UAAU;;kBAEZA,SAAO,gBAAgB;;;;;kBAKvBA,SAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BnC,YAAY,KAAG;;;;;;yCAMwBA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D5D,MAAM,KAAG;;;;;CAMT,UAAU,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEd,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Trigger } from "
|
|
2
|
-
import "
|
|
3
|
-
import { Placement } from "
|
|
1
|
+
import { Trigger } from "../../types/trigger.mjs";
|
|
2
|
+
import "../../types/index.mjs";
|
|
3
|
+
import { Placement } from "../../utils/placement.mjs";
|
|
4
4
|
import { CSSProperties, ComponentPropsWithRef, ReactElement, ReactNode } from "react";
|
|
5
5
|
import { Popover, PopoverBackdropProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverTriggerProps } from "@base-ui/react/popover";
|
|
6
6
|
|
|
7
|
-
//#region src/Popover/type.d.ts
|
|
7
|
+
//#region src/base-ui/Popover/type.d.ts
|
|
8
8
|
type PopoverPlacement = Placement;
|
|
9
9
|
type PopoverTrigger = Trigger;
|
|
10
10
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { PopoverGroupPropsContext } from "./groupContext.mjs";
|
|
4
4
|
import { useContext, useMemo } from "react";
|
|
5
5
|
|
|
6
|
-
//#region src/Popover/useMergedPopoverProps.ts
|
|
6
|
+
//#region src/base-ui/Popover/useMergedPopoverProps.ts
|
|
7
7
|
const useMergedPopoverProps = (props) => {
|
|
8
8
|
const sharedProps = useContext(PopoverGroupPropsContext);
|
|
9
9
|
const { arrow, trigger, placement, className, classNames, styles: styleProps, onOpenChange, content, closeDelay, disabled, getPopupContainer, mouseEnterDelay, mouseLeaveDelay, nativeButton, openDelay, zIndex, positionerProps, triggerProps, popupProps, backdropProps } = props;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMergedPopoverProps.mjs","names":[],"sources":["../../../src/base-ui/Popover/useMergedPopoverProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type PopoverGroupItem, PopoverGroupPropsContext } from './groupContext';\nimport type { PopoverProps } from './type';\n\nexport const useMergedPopoverProps = (props: Partial<PopoverProps>): PopoverGroupItem => {\n const sharedProps = useContext(PopoverGroupPropsContext);\n\n const {\n arrow,\n trigger,\n placement,\n className,\n classNames,\n styles: styleProps,\n onOpenChange,\n content,\n closeDelay,\n disabled,\n getPopupContainer,\n mouseEnterDelay,\n mouseLeaveDelay,\n nativeButton,\n openDelay,\n zIndex,\n positionerProps,\n triggerProps,\n popupProps,\n backdropProps,\n } = props;\n\n const mergedClassName = useMemo(() => {\n if (!sharedProps?.className && !className) return undefined;\n return [sharedProps?.className, className].filter(Boolean).join(' ');\n }, [className, sharedProps?.className]);\n\n const mergedClassNames = useMemo(() => {\n if (!sharedProps?.classNames && !classNames) return undefined;\n return { ...sharedProps?.classNames, ...classNames };\n }, [classNames, sharedProps?.classNames]);\n\n const mergedStyles = useMemo(() => {\n if (!sharedProps?.styles && !styleProps) return undefined;\n return { ...sharedProps?.styles, ...styleProps };\n }, [sharedProps?.styles, styleProps]);\n\n const mergedOnOpenChange = useMemo(() => {\n if (!sharedProps?.onOpenChange && !onOpenChange) return undefined;\n return (open: boolean) => {\n sharedProps?.onOpenChange?.(open);\n onOpenChange?.(open);\n };\n }, [onOpenChange, sharedProps?.onOpenChange]);\n\n const item: PopoverGroupItem = useMemo(\n () => ({\n arrow: arrow ?? sharedProps?.arrow ?? false,\n backdropProps: backdropProps ?? sharedProps?.backdropProps,\n className: mergedClassName,\n classNames: mergedClassNames,\n closeDelay: closeDelay ?? sharedProps?.closeDelay,\n content,\n disabled: disabled ?? sharedProps?.disabled,\n getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,\n mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,\n nativeButton: nativeButton ?? sharedProps?.nativeButton,\n onOpenChange: mergedOnOpenChange,\n openDelay: openDelay ?? sharedProps?.openDelay,\n placement: placement ?? sharedProps?.placement ?? 'top',\n popupProps: popupProps ?? sharedProps?.popupProps,\n positionerProps: positionerProps ?? sharedProps?.positionerProps,\n styles: mergedStyles,\n trigger: trigger ?? sharedProps?.trigger ?? 'hover',\n triggerProps: triggerProps ?? sharedProps?.triggerProps,\n zIndex: zIndex ?? sharedProps?.zIndex,\n }),\n [\n arrow,\n backdropProps,\n closeDelay,\n content,\n disabled,\n getPopupContainer,\n mergedClassName,\n mergedClassNames,\n mergedOnOpenChange,\n mergedStyles,\n mouseEnterDelay,\n mouseLeaveDelay,\n nativeButton,\n openDelay,\n placement,\n popupProps,\n positionerProps,\n sharedProps?.arrow,\n sharedProps?.backdropProps,\n sharedProps?.closeDelay,\n sharedProps?.disabled,\n sharedProps?.getPopupContainer,\n sharedProps?.mouseEnterDelay,\n sharedProps?.mouseLeaveDelay,\n sharedProps?.nativeButton,\n sharedProps?.openDelay,\n sharedProps?.placement,\n sharedProps?.popupProps,\n sharedProps?.positionerProps,\n sharedProps?.trigger,\n sharedProps?.triggerProps,\n sharedProps?.zIndex,\n trigger,\n triggerProps,\n zIndex,\n ],\n );\n\n return item;\n};\n"],"mappings":";;;;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,yBAAyB;CAExD,MAAM,EACJ,OACA,SACA,WACA,WACA,YACA,QAAQ,YACR,cACA,SACA,YACA,UACA,mBACA,iBACA,iBACA,cACA,WACA,QACA,iBACA,cACA,YACA,kBACE;CAEJ,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,aAAa,aAAa,CAAC,UAAW,QAAO;AAClD,SAAO,CAAC,aAAa,WAAW,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IACnE,CAAC,WAAW,aAAa,UAAU,CAAC;CAEvC,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,aAAa,cAAc,CAAC,WAAY,QAAO;AACpD,SAAO;GAAE,GAAG,aAAa;GAAY,GAAG;GAAY;IACnD,CAAC,YAAY,aAAa,WAAW,CAAC;CAEzC,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,aAAa,UAAU,CAAC,WAAY,QAAO;AAChD,SAAO;GAAE,GAAG,aAAa;GAAQ,GAAG;GAAY;IAC/C,CAAC,aAAa,QAAQ,WAAW,CAAC;CAErC,MAAM,qBAAqB,cAAc;AACvC,MAAI,CAAC,aAAa,gBAAgB,CAAC,aAAc,QAAO;AACxD,UAAQ,SAAkB;AACxB,gBAAa,eAAe,KAAK;AACjC,kBAAe,KAAK;;IAErB,CAAC,cAAc,aAAa,aAAa,CAAC;AAgE7C,QA9D+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,eAAe,iBAAiB,aAAa;EAC7C,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC;EACA,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc,gBAAgB,aAAa;EAC3C,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,YAAY,cAAc,aAAa;EACvC,iBAAiB,mBAAmB,aAAa;EACjD,QAAQ;EACR,SAAS,WAAW,aAAa,WAAW;EAC5C,cAAc,gBAAgB,aAAa;EAC3C,QAAQ,UAAU,aAAa;EAChC,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACA;EACD,CACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
3
3
|
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
4
4
|
|
|
5
5
|
//#region src/base-ui/ScrollArea/atoms.d.ts
|
|
@@ -19,7 +19,7 @@ declare const ScrollAreaRoot: {
|
|
|
19
19
|
({
|
|
20
20
|
className,
|
|
21
21
|
...rest
|
|
22
|
-
}: ScrollAreaRootProps):
|
|
22
|
+
}: ScrollAreaRootProps): react_jsx_runtime13.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
declare const ScrollAreaViewport: {
|
|
@@ -27,35 +27,35 @@ declare const ScrollAreaViewport: {
|
|
|
27
27
|
className,
|
|
28
28
|
scrollFade,
|
|
29
29
|
...rest
|
|
30
|
-
}: ScrollAreaViewportProps):
|
|
30
|
+
}: ScrollAreaViewportProps): react_jsx_runtime13.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
33
33
|
declare const ScrollAreaContent: {
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...rest
|
|
37
|
-
}: ScrollAreaContentProps):
|
|
37
|
+
}: ScrollAreaContentProps): react_jsx_runtime13.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
declare const ScrollAreaScrollbar: {
|
|
41
41
|
({
|
|
42
42
|
className,
|
|
43
43
|
...rest
|
|
44
|
-
}: ScrollAreaScrollbarProps):
|
|
44
|
+
}: ScrollAreaScrollbarProps): react_jsx_runtime13.JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
declare const ScrollAreaThumb: {
|
|
48
48
|
({
|
|
49
49
|
className,
|
|
50
50
|
...rest
|
|
51
|
-
}: ScrollAreaThumbProps):
|
|
51
|
+
}: ScrollAreaThumbProps): react_jsx_runtime13.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
declare const ScrollAreaCorner: {
|
|
55
55
|
({
|
|
56
56
|
className,
|
|
57
57
|
...rest
|
|
58
|
-
}: ScrollAreaCornerProps):
|
|
58
|
+
}: ScrollAreaCornerProps): react_jsx_runtime13.JSX.Element;
|
|
59
59
|
displayName: string;
|
|
60
60
|
};
|
|
61
61
|
//#endregion
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SelectProps } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react152 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/base-ui/Select/Select.d.ts
|
|
5
|
-
declare const Select:
|
|
5
|
+
declare const Select: react152.NamedExoticComponent<SelectProps<any>>;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { Select };
|
|
8
8
|
//# sourceMappingURL=Select.d.mts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { SelectSize, SelectVariant } from "./type.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react153 from "react";
|
|
3
3
|
import { ComponentProps, ComponentPropsWithRef } from "react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime43 from "react/jsx-runtime";
|
|
5
5
|
import * as _base_ui_react_select0 from "@base-ui/react/select";
|
|
6
6
|
import { Select } from "@base-ui/react/select";
|
|
7
7
|
import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
|
|
8
8
|
|
|
9
9
|
//#region src/base-ui/Select/atoms.d.ts
|
|
10
10
|
declare const SelectRoot: typeof Select.Root;
|
|
11
|
-
declare const SelectBackdrop:
|
|
12
|
-
declare const SelectSeparator:
|
|
11
|
+
declare const SelectBackdrop: react153.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react153.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const SelectSeparator: react153.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react153.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
type SelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
|
|
14
14
|
children: ComponentProps<typeof Select.Trigger>['children'];
|
|
15
15
|
shadow?: boolean;
|
|
@@ -26,7 +26,7 @@ declare const SelectTrigger: {
|
|
|
26
26
|
variant,
|
|
27
27
|
ref: refProp,
|
|
28
28
|
...rest
|
|
29
|
-
}: SelectTriggerProps):
|
|
29
|
+
}: SelectTriggerProps): react_jsx_runtime43.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type SelectIconProps = ComponentProps<typeof Select.Icon>;
|
|
@@ -34,7 +34,7 @@ declare const SelectIcon: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...rest
|
|
37
|
-
}: SelectIconProps):
|
|
37
|
+
}: SelectIconProps): react_jsx_runtime43.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type SelectValueProps = ComponentProps<typeof Select.Value>;
|
|
@@ -42,7 +42,7 @@ declare const SelectValue: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...rest
|
|
45
|
-
}: SelectValueProps):
|
|
45
|
+
}: SelectValueProps): react_jsx_runtime43.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type SelectPortalProps = ComponentProps<typeof Select.Portal> & {
|
|
@@ -55,7 +55,7 @@ declare const SelectPortal: {
|
|
|
55
55
|
({
|
|
56
56
|
container,
|
|
57
57
|
...rest
|
|
58
|
-
}: SelectPortalProps):
|
|
58
|
+
}: SelectPortalProps): react_jsx_runtime43.JSX.Element;
|
|
59
59
|
displayName: string;
|
|
60
60
|
};
|
|
61
61
|
type SelectPositionerProps = ComponentProps<typeof Select.Positioner>;
|
|
@@ -67,7 +67,7 @@ declare const SelectPositioner: {
|
|
|
67
67
|
side,
|
|
68
68
|
sideOffset,
|
|
69
69
|
...rest
|
|
70
|
-
}: SelectPositionerProps):
|
|
70
|
+
}: SelectPositionerProps): react_jsx_runtime43.JSX.Element;
|
|
71
71
|
displayName: string;
|
|
72
72
|
};
|
|
73
73
|
type SelectPopupProps = ComponentProps<typeof Select.Popup>;
|
|
@@ -75,7 +75,7 @@ declare const SelectPopup: {
|
|
|
75
75
|
({
|
|
76
76
|
className,
|
|
77
77
|
...rest
|
|
78
|
-
}: SelectPopupProps):
|
|
78
|
+
}: SelectPopupProps): react_jsx_runtime43.JSX.Element;
|
|
79
79
|
displayName: string;
|
|
80
80
|
};
|
|
81
81
|
type SelectListProps = ComponentProps<typeof Select.List>;
|
|
@@ -83,7 +83,7 @@ declare const SelectList: {
|
|
|
83
83
|
({
|
|
84
84
|
className,
|
|
85
85
|
...rest
|
|
86
|
-
}: SelectListProps):
|
|
86
|
+
}: SelectListProps): react_jsx_runtime43.JSX.Element;
|
|
87
87
|
displayName: string;
|
|
88
88
|
};
|
|
89
89
|
type SelectItemProps = ComponentProps<typeof Select.Item>;
|
|
@@ -91,7 +91,7 @@ declare const SelectItem: {
|
|
|
91
91
|
({
|
|
92
92
|
className,
|
|
93
93
|
...rest
|
|
94
|
-
}: SelectItemProps):
|
|
94
|
+
}: SelectItemProps): react_jsx_runtime43.JSX.Element;
|
|
95
95
|
displayName: string;
|
|
96
96
|
};
|
|
97
97
|
type SelectItemTextProps = ComponentProps<typeof Select.ItemText>;
|
|
@@ -99,7 +99,7 @@ declare const SelectItemText: {
|
|
|
99
99
|
({
|
|
100
100
|
className,
|
|
101
101
|
...rest
|
|
102
|
-
}: SelectItemTextProps):
|
|
102
|
+
}: SelectItemTextProps): react_jsx_runtime43.JSX.Element;
|
|
103
103
|
displayName: string;
|
|
104
104
|
};
|
|
105
105
|
type SelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
|
|
@@ -107,7 +107,7 @@ declare const SelectItemIndicator: {
|
|
|
107
107
|
({
|
|
108
108
|
className,
|
|
109
109
|
...rest
|
|
110
|
-
}: SelectItemIndicatorProps):
|
|
110
|
+
}: SelectItemIndicatorProps): react_jsx_runtime43.JSX.Element;
|
|
111
111
|
displayName: string;
|
|
112
112
|
};
|
|
113
113
|
type SelectGroupProps = ComponentProps<typeof Select.Group>;
|
|
@@ -115,7 +115,7 @@ declare const SelectGroup: {
|
|
|
115
115
|
({
|
|
116
116
|
className,
|
|
117
117
|
...rest
|
|
118
|
-
}: SelectGroupProps):
|
|
118
|
+
}: SelectGroupProps): react_jsx_runtime43.JSX.Element;
|
|
119
119
|
displayName: string;
|
|
120
120
|
};
|
|
121
121
|
type SelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
|
|
@@ -123,7 +123,7 @@ declare const SelectGroupLabel: {
|
|
|
123
123
|
({
|
|
124
124
|
className,
|
|
125
125
|
...rest
|
|
126
|
-
}: SelectGroupLabelProps):
|
|
126
|
+
}: SelectGroupLabelProps): react_jsx_runtime43.JSX.Element;
|
|
127
127
|
displayName: string;
|
|
128
128
|
};
|
|
129
129
|
type SelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
|
|
@@ -131,7 +131,7 @@ declare const SelectScrollUpArrow: {
|
|
|
131
131
|
({
|
|
132
132
|
className,
|
|
133
133
|
...rest
|
|
134
|
-
}: SelectScrollUpArrowProps):
|
|
134
|
+
}: SelectScrollUpArrowProps): react_jsx_runtime43.JSX.Element;
|
|
135
135
|
displayName: string;
|
|
136
136
|
};
|
|
137
137
|
type SelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
|
|
@@ -139,7 +139,7 @@ declare const SelectScrollDownArrow: {
|
|
|
139
139
|
({
|
|
140
140
|
className,
|
|
141
141
|
...rest
|
|
142
|
-
}: SelectScrollDownArrowProps):
|
|
142
|
+
}: SelectScrollDownArrowProps): react_jsx_runtime43.JSX.Element;
|
|
143
143
|
displayName: string;
|
|
144
144
|
};
|
|
145
145
|
type SelectArrowProps = ComponentProps<typeof Select.Arrow>;
|
|
@@ -147,7 +147,7 @@ declare const SelectArrow: {
|
|
|
147
147
|
({
|
|
148
148
|
className,
|
|
149
149
|
...rest
|
|
150
|
-
}: SelectArrowProps):
|
|
150
|
+
}: SelectArrowProps): react_jsx_runtime43.JSX.Element;
|
|
151
151
|
displayName: string;
|
|
152
152
|
};
|
|
153
153
|
//#endregion
|