@seed-design/react 1.2.14 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Accordion/Accordion.cjs +42 -0
- package/lib/components/Accordion/Accordion.d.ts +35 -0
- package/lib/components/Accordion/Accordion.d.ts.map +1 -0
- package/lib/components/Accordion/Accordion.js +32 -0
- package/lib/components/Accordion/Accordion.namespace.cjs +22 -0
- package/lib/components/Accordion/Accordion.namespace.d.ts +2 -0
- package/lib/components/Accordion/Accordion.namespace.d.ts.map +1 -0
- package/lib/components/Accordion/Accordion.namespace.js +17 -0
- package/lib/components/Accordion/index.cjs +19 -0
- package/lib/components/Accordion/index.d.ts +3 -0
- package/lib/components/Accordion/index.d.ts.map +1 -0
- package/lib/components/Accordion/index.js +3 -0
- package/lib/components/ActionButton/ActionButton.cjs +1 -1
- package/lib/components/ActionButton/ActionButton.d.ts +1 -1
- package/lib/components/ActionButton/ActionButton.d.ts.map +1 -1
- package/lib/components/ActionButton/ActionButton.js +1 -1
- package/lib/components/ActionSheet/ActionSheet.cjs +12 -12
- package/lib/components/ActionSheet/ActionSheet.d.ts +22 -22
- package/lib/components/ActionSheet/ActionSheet.js +12 -12
- package/lib/components/Article/Article.d.ts +2 -3
- package/lib/components/Article/Article.d.ts.map +1 -1
- package/lib/components/AspectRatio/AspectRatio.d.ts +2 -2
- package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -1
- package/lib/components/AttachmentDisplay/AttachmentDisplay.cjs +63 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.d.ts +43 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.d.ts.map +1 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.js +49 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.cjs +37 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.d.ts +5 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.d.ts.map +1 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.js +32 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.cjs +110 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts +30 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts.map +1 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.js +100 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.cjs +50 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.d.ts +18 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.d.ts.map +1 -0
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.js +45 -0
- package/lib/components/AttachmentDisplay/index.cjs +34 -0
- package/lib/components/AttachmentDisplay/index.d.ts +6 -0
- package/lib/components/AttachmentDisplay/index.d.ts.map +1 -0
- package/lib/components/AttachmentDisplay/index.js +5 -0
- package/lib/components/AttachmentInput/AttachmentInput.cjs +37 -0
- package/lib/components/AttachmentInput/AttachmentInput.d.ts +23 -0
- package/lib/components/AttachmentInput/AttachmentInput.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInput.js +30 -0
- package/lib/components/AttachmentInput/AttachmentInput.namespace.cjs +35 -0
- package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts +6 -0
- package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInput.namespace.js +30 -0
- package/lib/components/AttachmentInput/AttachmentInput.test.d.ts +2 -0
- package/lib/components/AttachmentInput/AttachmentInput.test.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInputDropzone.cjs +12 -0
- package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts +9 -0
- package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInputDropzone.js +10 -0
- package/lib/components/AttachmentInput/AttachmentInputItem.cjs +138 -0
- package/lib/components/AttachmentInput/AttachmentInputItem.d.ts +36 -0
- package/lib/components/AttachmentInput/AttachmentInputItem.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInputItem.js +126 -0
- package/lib/components/AttachmentInput/AttachmentInputTrigger.cjs +54 -0
- package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts +21 -0
- package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts.map +1 -0
- package/lib/components/AttachmentInput/AttachmentInputTrigger.js +49 -0
- package/lib/components/AttachmentInput/index.cjs +32 -0
- package/lib/components/AttachmentInput/index.d.ts +7 -0
- package/lib/components/AttachmentInput/index.d.ts.map +1 -0
- package/lib/components/AttachmentInput/index.js +6 -0
- package/lib/components/BottomSheet/BottomSheet.cjs +36 -9
- package/lib/components/BottomSheet/BottomSheet.d.ts +3 -4
- package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/components/BottomSheet/BottomSheet.js +35 -9
- package/lib/components/Box/Box.cjs +10 -3
- package/lib/components/Box/Box.d.ts +4 -2
- package/lib/components/Box/Box.d.ts.map +1 -1
- package/lib/components/Box/Box.js +10 -3
- package/lib/components/Checkbox/Checkbox.cjs +2 -6
- package/lib/components/Checkbox/Checkbox.d.ts +1 -7
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.js +2 -6
- package/lib/components/Chip/Chip.cjs +1 -1
- package/lib/components/Chip/Chip.js +1 -1
- package/lib/components/ChipTabs/ChipTabs.cjs +0 -1
- package/lib/components/ChipTabs/ChipTabs.d.ts.map +1 -1
- package/lib/components/ChipTabs/ChipTabs.js +0 -1
- package/lib/components/Columns/Columns.d.ts +4 -4
- package/lib/components/Columns/Columns.d.ts.map +1 -1
- package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs +13 -13
- package/lib/components/ExtendedActionSheet/ExtendedActionSheet.d.ts +24 -24
- package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js +13 -13
- package/lib/components/FieldButton/FieldButton.cjs +22 -3
- package/lib/components/FieldButton/FieldButton.d.ts +3 -2
- package/lib/components/FieldButton/FieldButton.d.ts.map +1 -1
- package/lib/components/FieldButton/FieldButton.js +23 -3
- package/lib/components/Flex/Flex.d.ts +5 -3
- package/lib/components/Flex/Flex.d.ts.map +1 -1
- package/lib/components/Footer/Footer.namespace.cjs +11 -0
- package/lib/components/Footer/Footer.namespace.d.ts +2 -0
- package/lib/components/Footer/Footer.namespace.d.ts.map +1 -0
- package/lib/components/Footer/Footer.namespace.js +6 -0
- package/lib/components/Footer/FooterLinkText.cjs +23 -0
- package/lib/components/Footer/FooterLinkText.d.ts +7 -0
- package/lib/components/Footer/FooterLinkText.d.ts.map +1 -0
- package/lib/components/Footer/FooterLinkText.js +20 -0
- package/lib/components/Footer/index.cjs +10 -0
- package/lib/components/Footer/index.d.ts +3 -0
- package/lib/components/Footer/index.d.ts.map +1 -0
- package/lib/components/Footer/index.js +3 -0
- package/lib/components/Grid/Grid.cjs +7 -2
- package/lib/components/Grid/Grid.d.ts +7 -5
- package/lib/components/Grid/Grid.d.ts.map +1 -1
- package/lib/components/Grid/Grid.js +7 -2
- package/lib/components/GridItem/GridItem.d.ts +3 -2
- package/lib/components/GridItem/GridItem.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.cjs +4 -7
- package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.js +4 -7
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.cjs +64 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts +60 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts.map +1 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.js +52 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.cjs +23 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts +2 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts.map +1 -0
- package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.js +18 -0
- package/lib/components/HelpBubbleTooltip/index.cjs +20 -0
- package/lib/components/HelpBubbleTooltip/index.d.ts +3 -0
- package/lib/components/HelpBubbleTooltip/index.d.ts.map +1 -0
- package/lib/components/HelpBubbleTooltip/index.js +3 -0
- package/lib/components/Icon/Icon.d.ts +2 -1
- package/lib/components/Icon/Icon.d.ts.map +1 -1
- package/lib/components/ImageFrame/ImageFrame.cjs +3 -2
- package/lib/components/ImageFrame/ImageFrame.d.ts +3 -8
- package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -1
- package/lib/components/ImageFrame/ImageFrame.js +3 -2
- package/lib/components/Inline/Inline.d.ts +2 -2
- package/lib/components/Inline/Inline.d.ts.map +1 -1
- package/lib/components/Layout/Layout.cjs +12 -0
- package/lib/components/Layout/Layout.d.ts +10 -0
- package/lib/components/Layout/Layout.d.ts.map +1 -0
- package/lib/components/Layout/Layout.js +10 -0
- package/lib/components/Layout/Layout.namespace.cjs +14 -0
- package/lib/components/Layout/Layout.namespace.d.ts +2 -0
- package/lib/components/Layout/Layout.namespace.d.ts.map +1 -0
- package/lib/components/Layout/Layout.namespace.js +9 -0
- package/lib/components/Layout/index.cjs +11 -0
- package/lib/components/Layout/index.d.ts +3 -0
- package/lib/components/Layout/index.d.ts.map +1 -0
- package/lib/components/Layout/index.js +3 -0
- package/lib/components/List/List.cjs +1 -1
- package/lib/components/List/List.d.ts +1 -1
- package/lib/components/List/List.d.ts.map +1 -1
- package/lib/components/List/List.js +1 -1
- package/lib/components/Menu/Menu.cjs +76 -0
- package/lib/components/Menu/Menu.d.ts +42 -0
- package/lib/components/Menu/Menu.d.ts.map +1 -0
- package/lib/components/Menu/Menu.js +62 -0
- package/lib/components/Menu/Menu.namespace.cjs +24 -0
- package/lib/components/Menu/Menu.namespace.d.ts +2 -0
- package/lib/components/Menu/Menu.namespace.d.ts.map +1 -0
- package/lib/components/Menu/Menu.namespace.js +19 -0
- package/lib/components/Menu/index.cjs +21 -0
- package/lib/components/Menu/index.d.ts +3 -0
- package/lib/components/Menu/index.d.ts.map +1 -0
- package/lib/components/Menu/index.js +3 -0
- package/lib/components/MenuSheet/MenuSheet.cjs +48 -0
- package/lib/components/MenuSheet/MenuSheet.d.ts +96 -0
- package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
- package/lib/components/MenuSheet/MenuSheet.js +48 -0
- package/lib/components/NavigationMenu/NavigationMenu.cjs +76 -0
- package/lib/components/NavigationMenu/NavigationMenu.d.ts +42 -0
- package/lib/components/NavigationMenu/NavigationMenu.d.ts.map +1 -0
- package/lib/components/NavigationMenu/NavigationMenu.js +62 -0
- package/lib/components/NavigationMenu/NavigationMenu.namespace.cjs +24 -0
- package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts +2 -0
- package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts.map +1 -0
- package/lib/components/NavigationMenu/NavigationMenu.namespace.js +19 -0
- package/lib/components/NavigationMenu/index.cjs +21 -0
- package/lib/components/NavigationMenu/index.d.ts +3 -0
- package/lib/components/NavigationMenu/index.d.ts.map +1 -0
- package/lib/components/NavigationMenu/index.js +3 -0
- package/lib/components/RadioGroup/RadioGroup.cjs +1 -1
- package/lib/components/RadioGroup/RadioGroup.js +1 -1
- package/lib/components/ResponsivePair/ResponsivePair.cjs +8 -5
- package/lib/components/ResponsivePair/ResponsivePair.d.ts +3 -2
- package/lib/components/ResponsivePair/ResponsivePair.d.ts.map +1 -1
- package/lib/components/ResponsivePair/ResponsivePair.js +8 -5
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.cjs +184 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts +65 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts.map +1 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.js +170 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.cjs +24 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts +2 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts.map +1 -0
- package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.js +19 -0
- package/lib/components/ResponsiveSidePanel/index.cjs +22 -0
- package/lib/components/ResponsiveSidePanel/index.d.ts +3 -0
- package/lib/components/ResponsiveSidePanel/index.d.ts.map +1 -0
- package/lib/components/ResponsiveSidePanel/index.js +3 -0
- package/lib/components/SelectBox/CheckSelectBox.cjs +2 -2
- package/lib/components/SelectBox/CheckSelectBox.d.ts +1 -1
- package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
- package/lib/components/SelectBox/CheckSelectBox.js +1 -1
- package/lib/components/SideNavigation/SideNavigation.cjs +175 -0
- package/lib/components/SideNavigation/SideNavigation.d.ts +59 -0
- package/lib/components/SideNavigation/SideNavigation.d.ts.map +1 -0
- package/lib/components/SideNavigation/SideNavigation.js +157 -0
- package/lib/components/SideNavigation/SideNavigation.namespace.cjs +28 -0
- package/lib/components/SideNavigation/SideNavigation.namespace.d.ts +3 -0
- package/lib/components/SideNavigation/SideNavigation.namespace.d.ts.map +1 -0
- package/lib/components/SideNavigation/SideNavigation.namespace.js +23 -0
- package/lib/components/SideNavigation/index.cjs +25 -0
- package/lib/components/SideNavigation/index.d.ts +4 -0
- package/lib/components/SideNavigation/index.d.ts.map +1 -0
- package/lib/components/SideNavigation/index.js +3 -0
- package/lib/components/SidePanel/SidePanel.cjs +100 -0
- package/lib/components/SidePanel/SidePanel.d.ts +41 -0
- package/lib/components/SidePanel/SidePanel.d.ts.map +1 -0
- package/lib/components/SidePanel/SidePanel.js +87 -0
- package/lib/components/SidePanel/SidePanel.namespace.cjs +23 -0
- package/lib/components/SidePanel/SidePanel.namespace.d.ts +2 -0
- package/lib/components/SidePanel/SidePanel.namespace.d.ts.map +1 -0
- package/lib/components/SidePanel/SidePanel.namespace.js +18 -0
- package/lib/components/SidePanel/index.cjs +20 -0
- package/lib/components/SidePanel/index.d.ts +3 -0
- package/lib/components/SidePanel/index.d.ts.map +1 -0
- package/lib/components/SidePanel/index.js +3 -0
- package/lib/components/Slider/Slider.cjs +2 -2
- package/lib/components/Slider/Slider.js +2 -2
- package/lib/components/Snackbar/Snackbar.cjs +2 -2
- package/lib/components/Snackbar/Snackbar.d.ts +1 -1
- package/lib/components/Snackbar/Snackbar.d.ts.map +1 -1
- package/lib/components/Snackbar/Snackbar.js +2 -2
- package/lib/components/Stack/Stack.d.ts +4 -6
- package/lib/components/Stack/Stack.d.ts.map +1 -1
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.cjs +123 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.d.ts +60 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.d.ts.map +1 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.js +104 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.cjs +29 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.d.ts +2 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.d.ts.map +1 -0
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.js +24 -0
- package/lib/components/SwipeableMenuSheet/index.cjs +26 -0
- package/lib/components/SwipeableMenuSheet/index.d.ts +3 -0
- package/lib/components/SwipeableMenuSheet/index.d.ts.map +1 -0
- package/lib/components/SwipeableMenuSheet/index.js +3 -0
- package/lib/components/Switch/Switch.cjs +1 -5
- package/lib/components/Switch/Switch.d.ts +1 -7
- package/lib/components/Switch/Switch.d.ts.map +1 -1
- package/lib/components/Switch/Switch.js +1 -5
- package/lib/components/TagGroup/TagGroup.cjs +1 -1
- package/lib/components/TagGroup/TagGroup.js +1 -1
- package/lib/components/TextField/TextField.cjs +1 -1
- package/lib/components/TextField/TextField.js +1 -1
- package/lib/components/index.cjs +249 -0
- package/lib/components/index.d.ts +12 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +30 -1
- package/lib/components/private/useDismissible.d.ts +6 -6
- package/lib/hooks/useBreakpoint.cjs +15 -0
- package/lib/hooks/useBreakpoint.d.ts +12 -0
- package/lib/hooks/useBreakpoint.d.ts.map +1 -0
- package/lib/hooks/useBreakpoint.js +13 -0
- package/lib/hooks/useBreakpoint.test.d.ts +2 -0
- package/lib/hooks/useBreakpoint.test.d.ts.map +1 -0
- package/lib/hooks/useBreakpointValue.cjs +23 -0
- package/lib/hooks/useBreakpointValue.d.ts +8 -0
- package/lib/hooks/useBreakpointValue.d.ts.map +1 -0
- package/lib/hooks/useBreakpointValue.js +22 -0
- package/lib/hooks/useBreakpointValue.test.d.ts +2 -0
- package/lib/hooks/useBreakpointValue.test.d.ts.map +1 -0
- package/lib/index.cjs +255 -0
- package/lib/index.d.ts +6 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +33 -1
- package/lib/primitive.cjs +45 -0
- package/lib/primitive.d.ts +5 -0
- package/lib/primitive.d.ts.map +1 -1
- package/lib/primitive.js +5 -0
- package/lib/primitives/breakpoint-store.cjs +52 -0
- package/lib/primitives/breakpoint-store.d.ts +7 -0
- package/lib/primitives/breakpoint-store.d.ts.map +1 -0
- package/lib/primitives/breakpoint-store.js +50 -0
- package/lib/providers/BreakpointProvider.cjs +20 -0
- package/lib/providers/BreakpointProvider.d.ts +8 -0
- package/lib/providers/BreakpointProvider.d.ts.map +1 -0
- package/lib/providers/BreakpointProvider.js +19 -0
- package/lib/types/responsive.cjs +7 -0
- package/lib/types/responsive.d.ts +12 -0
- package/lib/types/responsive.d.ts.map +1 -0
- package/lib/types/responsive.js +7 -0
- package/lib/utils/createRenderTrackingContext.cjs +45 -0
- package/lib/utils/createRenderTrackingContext.d.ts +28 -0
- package/lib/utils/createRenderTrackingContext.d.ts.map +1 -0
- package/lib/utils/createRenderTrackingContext.js +44 -0
- package/lib/utils/getHelpBubbleArrowTipPath.cjs +14 -0
- package/lib/utils/getHelpBubbleArrowTipPath.d.ts +7 -0
- package/lib/utils/getHelpBubbleArrowTipPath.d.ts.map +1 -0
- package/lib/utils/getHelpBubbleArrowTipPath.js +14 -0
- package/lib/utils/styled.cjs +49 -75
- package/lib/utils/styled.d.ts +180 -62
- package/lib/utils/styled.d.ts.map +1 -1
- package/lib/utils/styled.js +49 -76
- package/package.json +33 -26
- package/src/components/Accordion/Accordion.namespace.ts +22 -0
- package/src/components/Accordion/Accordion.tsx +119 -0
- package/src/components/Accordion/index.ts +24 -0
- package/src/components/ActionButton/ActionButton.tsx +1 -1
- package/src/components/ActionSheet/ActionSheet.tsx +22 -22
- package/src/components/Article/Article.tsx +1 -1
- package/src/components/AspectRatio/AspectRatio.tsx +2 -2
- package/src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts +57 -0
- package/src/components/AttachmentDisplay/AttachmentDisplay.tsx +165 -0
- package/src/components/AttachmentDisplay/AttachmentDisplayItem.tsx +204 -0
- package/src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx +82 -0
- package/src/components/AttachmentDisplay/index.ts +59 -0
- package/src/components/AttachmentInput/AttachmentInput.namespace.ts +54 -0
- package/src/components/AttachmentInput/AttachmentInput.test.tsx +161 -0
- package/src/components/AttachmentInput/AttachmentInput.tsx +77 -0
- package/src/components/AttachmentInput/AttachmentInputDropzone.tsx +25 -0
- package/src/components/AttachmentInput/AttachmentInputItem.tsx +246 -0
- package/src/components/AttachmentInput/AttachmentInputTrigger.tsx +85 -0
- package/src/components/AttachmentInput/index.ts +56 -0
- package/src/components/BottomSheet/BottomSheet.tsx +54 -18
- package/src/components/Box/Box.tsx +30 -7
- package/src/components/Checkbox/Checkbox.tsx +3 -31
- package/src/components/ChipTabs/ChipTabs.tsx +0 -6
- package/src/components/Columns/Columns.tsx +4 -3
- package/src/components/ExtendedActionSheet/ExtendedActionSheet.tsx +24 -24
- package/src/components/FieldButton/FieldButton.tsx +36 -8
- package/src/components/Flex/Flex.tsx +5 -3
- package/src/components/Footer/Footer.namespace.ts +4 -0
- package/src/components/Footer/FooterLinkText.tsx +23 -0
- package/src/components/Footer/index.ts +3 -0
- package/src/components/Grid/Grid.tsx +15 -8
- package/src/components/GridItem/GridItem.tsx +3 -2
- package/src/components/HelpBubble/HelpBubble.tsx +2 -5
- package/src/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.ts +24 -0
- package/src/components/HelpBubbleTooltip/HelpBubbleTooltip.tsx +169 -0
- package/src/components/HelpBubbleTooltip/index.ts +26 -0
- package/src/components/Icon/Icon.tsx +2 -1
- package/src/components/ImageFrame/ImageFrame.test.tsx +1 -3
- package/src/components/ImageFrame/ImageFrame.tsx +25 -23
- package/src/components/Inline/Inline.tsx +2 -1
- package/src/components/Layout/Layout.namespace.ts +6 -0
- package/src/components/Layout/Layout.tsx +21 -0
- package/src/components/Layout/index.ts +8 -0
- package/src/components/List/List.tsx +5 -1
- package/src/components/Menu/Menu.namespace.ts +26 -0
- package/src/components/Menu/Menu.tsx +157 -0
- package/src/components/Menu/index.ts +28 -0
- package/src/components/MenuSheet/MenuSheet.tsx +96 -0
- package/src/components/NavigationMenu/NavigationMenu.namespace.ts +26 -0
- package/src/components/NavigationMenu/NavigationMenu.tsx +172 -0
- package/src/components/NavigationMenu/index.ts +28 -0
- package/src/components/ResponsivePair/ResponsivePair.tsx +13 -7
- package/src/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.ts +26 -0
- package/src/components/ResponsiveSidePanel/ResponsiveSidePanel.tsx +316 -0
- package/src/components/ResponsiveSidePanel/index.ts +29 -0
- package/src/components/SelectBox/CheckSelectBox.tsx +1 -1
- package/src/components/SideNavigation/SideNavigation.namespace.ts +37 -0
- package/src/components/SideNavigation/SideNavigation.tsx +342 -0
- package/src/components/SideNavigation/index.ts +39 -0
- package/src/components/SidePanel/SidePanel.namespace.ts +24 -0
- package/src/components/SidePanel/SidePanel.tsx +216 -0
- package/src/components/SidePanel/index.ts +26 -0
- package/src/components/Snackbar/Snackbar.tsx +2 -4
- package/src/components/Stack/Stack.tsx +4 -3
- package/src/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.ts +36 -0
- package/src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx +269 -0
- package/src/components/SwipeableMenuSheet/index.ts +38 -0
- package/src/components/Switch/Switch.tsx +3 -26
- package/src/components/index.ts +12 -0
- package/src/hooks/useBreakpoint.test.tsx +94 -0
- package/src/hooks/useBreakpoint.ts +24 -0
- package/src/hooks/useBreakpointValue.test.tsx +102 -0
- package/src/hooks/useBreakpointValue.ts +33 -0
- package/src/index.ts +8 -0
- package/src/primitive.ts +5 -0
- package/src/primitives/breakpoint-store.ts +69 -0
- package/src/providers/BreakpointProvider.tsx +26 -0
- package/src/types/responsive.ts +19 -0
- package/src/utils/createRenderTrackingContext.tsx +50 -0
- package/src/utils/getHelpBubbleArrowTipPath.ts +11 -0
- package/src/utils/styled.tsx +387 -268
package/lib/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger } from "./components/Accordion/Accordion.js";
|
|
2
|
+
import { Accordion_namespace_exports } from "./components/Accordion/Accordion.namespace.js";
|
|
1
3
|
import { Icon, PrefixIcon, SuffixIcon } from "./components/Icon/Icon.js";
|
|
2
4
|
import { ActionButton } from "./components/ActionButton/ActionButton.js";
|
|
3
5
|
import { ActionChip } from "./components/ActionChip/ActionChip.js";
|
|
@@ -40,20 +42,35 @@ import { FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldBut
|
|
|
40
42
|
import { FieldButton_namespace_exports } from "./components/FieldButton/FieldButton.namespace.js";
|
|
41
43
|
import { FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot } from "./components/Fieldset/Fieldset.js";
|
|
42
44
|
import { Fieldset_namespace_exports } from "./components/Fieldset/Fieldset.namespace.js";
|
|
45
|
+
import { AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItemGroup, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot } from "./components/AttachmentDisplay/AttachmentDisplay.js";
|
|
46
|
+
import { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail } from "./components/AttachmentDisplay/AttachmentDisplayItem.js";
|
|
47
|
+
import { AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount } from "./components/AttachmentDisplay/AttachmentDisplayTrigger.js";
|
|
48
|
+
import { AttachmentDisplay_namespace_exports } from "./components/AttachmentDisplay/AttachmentDisplay.namespace.js";
|
|
49
|
+
import { AttachmentInputContainer, AttachmentInputContext, AttachmentInputHiddenInput, AttachmentInputItemGroup, AttachmentInputRoot } from "./components/AttachmentInput/AttachmentInput.js";
|
|
50
|
+
import { AttachmentInputDropzone, AttachmentInputDropzoneLabel } from "./components/AttachmentInput/AttachmentInputDropzone.js";
|
|
51
|
+
import { AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail } from "./components/AttachmentInput/AttachmentInputItem.js";
|
|
52
|
+
import { AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount } from "./components/AttachmentInput/AttachmentInputTrigger.js";
|
|
53
|
+
import { AttachmentInput_namespace_exports } from "./components/AttachmentInput/AttachmentInput.namespace.js";
|
|
43
54
|
import { Flex } from "./components/Flex/Flex.js";
|
|
44
55
|
import { Float } from "./components/Float/Float.js";
|
|
45
56
|
import { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from "./components/FloatingActionButton/FloatingActionButton.js";
|
|
46
57
|
import { FloatingActionButton_namespace_exports } from "./components/FloatingActionButton/FloatingActionButton.namespace.js";
|
|
58
|
+
import { FooterLinkText } from "./components/Footer/FooterLinkText.js";
|
|
59
|
+
import { Footer_namespace_exports } from "./components/Footer/Footer.namespace.js";
|
|
47
60
|
import { Grid } from "./components/Grid/Grid.js";
|
|
48
61
|
import { GridItem } from "./components/GridItem/GridItem.js";
|
|
49
62
|
import { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from "./components/HelpBubble/HelpBubble.js";
|
|
50
63
|
import { HelpBubble_namespace_exports } from "./components/HelpBubble/HelpBubble.namespace.js";
|
|
64
|
+
import { HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger } from "./components/HelpBubbleTooltip/HelpBubbleTooltip.js";
|
|
65
|
+
import { HelpBubbleTooltip_namespace_exports } from "./components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.js";
|
|
51
66
|
import { IdentityPlaceholderImage, IdentityPlaceholderRoot } from "./components/IdentityPlaceholder/IdentityPlaceholder.js";
|
|
52
67
|
import { IdentityPlaceholder_namespace_exports } from "./components/IdentityPlaceholder/IdentityPlaceholder.namespace.js";
|
|
53
68
|
import { ImageFrame, ImageFrameBadge, ImageFrameFloater, ImageFrameIcon, ImageFrameIndicator, ImageFrameReactionButton } from "./components/ImageFrame/ImageFrame.js";
|
|
54
69
|
import { Inline } from "./components/Inline/Inline.js";
|
|
55
70
|
import { InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle } from "./components/InlineBanner/InlineBanner.js";
|
|
56
71
|
import { InlineBanner_namespace_exports } from "./components/InlineBanner/InlineBanner.namespace.js";
|
|
72
|
+
import { LayoutContent, LayoutRoot } from "./components/Layout/Layout.js";
|
|
73
|
+
import { Layout_namespace_exports } from "./components/Layout/Layout.namespace.js";
|
|
57
74
|
import { LinkContent } from "./components/LinkContent/LinkContent.js";
|
|
58
75
|
import { HStack, Stack, VStack } from "./components/Stack/Stack.js";
|
|
59
76
|
import { ListContent, ListDetail, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle } from "./components/List/List.js";
|
|
@@ -63,8 +80,12 @@ import { LoadingIndicator } from "./components/LoadingIndicator/LoadingIndicator
|
|
|
63
80
|
import { MannerTempEmote } from "./components/MannerTemp/MannerTempEmote.js";
|
|
64
81
|
import { MannerTemp } from "./components/MannerTemp/MannerTemp.js";
|
|
65
82
|
import { MannerTempBadge } from "./components/MannerTempBadge/MannerTempBadge.js";
|
|
83
|
+
import { MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, MenuPositioner, MenuRoot, MenuScrollArea, MenuTrigger } from "./components/Menu/Menu.js";
|
|
84
|
+
import { Menu_namespace_exports } from "./components/Menu/Menu.namespace.js";
|
|
66
85
|
import { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from "./components/MenuSheet/MenuSheet.js";
|
|
67
86
|
import { MenuSheet_namespace_exports } from "./components/MenuSheet/MenuSheet.namespace.js";
|
|
87
|
+
import { NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger } from "./components/NavigationMenu/NavigationMenu.js";
|
|
88
|
+
import { NavigationMenu_namespace_exports } from "./components/NavigationMenu/NavigationMenu.namespace.js";
|
|
68
89
|
import { NotificationBadge, NotificationBadgePositioner } from "./components/NotificationBadge/NotificationBadge.js";
|
|
69
90
|
import { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle } from "./components/PageBanner/PageBanner.js";
|
|
70
91
|
import { PageBanner_namespace_exports } from "./components/PageBanner/PageBanner.namespace.js";
|
|
@@ -80,6 +101,12 @@ import { RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFiel
|
|
|
80
101
|
import { RadioGroupField_namespace_exports } from "./components/RadioGroupField/RadioGroupField.namespace.js";
|
|
81
102
|
import { ReactionButton } from "./components/ReactionButton/ReactionButton.js";
|
|
82
103
|
import { ResponsivePair } from "./components/ResponsivePair/ResponsivePair.js";
|
|
104
|
+
import { useBreakpoint } from "./hooks/useBreakpoint.js";
|
|
105
|
+
import { useBreakpointValue } from "./hooks/useBreakpointValue.js";
|
|
106
|
+
import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger } from "./components/SidePanel/SidePanel.js";
|
|
107
|
+
import { SidePanel_namespace_exports } from "./components/SidePanel/SidePanel.namespace.js";
|
|
108
|
+
import { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext } from "./components/ResponsiveSidePanel/ResponsiveSidePanel.js";
|
|
109
|
+
import { ResponsiveSidePanel_namespace_exports } from "./components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.js";
|
|
83
110
|
import { ScrollFog } from "./components/ScrollFog/ScrollFog.js";
|
|
84
111
|
import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from "./components/SegmentedControl/SegmentedControl.js";
|
|
85
112
|
import { SegmentedControl_namespace_exports } from "./components/SegmentedControl/SegmentedControl.namespace.js";
|
|
@@ -87,6 +114,8 @@ import { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheck
|
|
|
87
114
|
import { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger } from "./components/SelectBox/RadioSelectBox.js";
|
|
88
115
|
import { CheckSelectBox_namespace_exports } from "./components/SelectBox/CheckSelectBox.namespace.js";
|
|
89
116
|
import { RadioSelectBox_namespace_exports } from "./components/SelectBox/RadioSelectBox.namespace.js";
|
|
117
|
+
import { SideNavigationContent, SideNavigationFooter, SideNavigationGroup, SideNavigationGroupLabel, SideNavigationHeader, SideNavigationInset, SideNavigationItem, SideNavigationItemCollapsibleContent, SideNavigationItemCollapsibleRoot, SideNavigationItemCollapsibleTrigger, SideNavigationItemLabel, SideNavigationItemPrefixIcon, SideNavigationItemSuffixIcon, SideNavigationProvider, SideNavigationRoot, SideNavigationTrigger } from "./components/SideNavigation/SideNavigation.js";
|
|
118
|
+
import { SideNavigation_namespace_exports } from "./components/SideNavigation/SideNavigation.namespace.js";
|
|
90
119
|
import { Skeleton } from "./components/Skeleton/Skeleton.js";
|
|
91
120
|
import { SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot } from "./components/Slider/Slider.js";
|
|
92
121
|
import { Slider_namespace_exports } from "./components/Slider/Slider.namespace.js";
|
|
@@ -94,6 +123,8 @@ import { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton,
|
|
|
94
123
|
import { useSnackbarAdapter } from "./components/Snackbar/useSnackbarAdapter.js";
|
|
95
124
|
import { Snackbar_namespace_exports } from "./components/Snackbar/Snackbar.namespace.js";
|
|
96
125
|
import { useSnackbarContext } from "./components/Snackbar/index.js";
|
|
126
|
+
import { SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger } from "./components/SwipeableMenuSheet/SwipeableMenuSheet.js";
|
|
127
|
+
import { SwipeableMenuSheet_namespace_exports } from "./components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.js";
|
|
97
128
|
import { SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb } from "./components/Switch/Switch.js";
|
|
98
129
|
import { Switch_namespace_exports } from "./components/Switch/Switch.namespace.js";
|
|
99
130
|
import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "./components/Tabs/Tabs.js";
|
|
@@ -107,4 +138,5 @@ import { useTextFieldWithGraphemes } from "./components/TextField/useTextFieldWi
|
|
|
107
138
|
import { TextField_namespace_exports } from "./components/TextField/TextField.namespace.js";
|
|
108
139
|
import { ToggleButton } from "./components/ToggleButton/ToggleButton.js";
|
|
109
140
|
import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.js";
|
|
110
|
-
|
|
141
|
+
import { BreakpointProvider } from "./providers/BreakpointProvider.js";
|
|
142
|
+
export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, ActionChip, ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger, Article, AspectRatio, AttachmentDisplay_namespace_exports as AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, AttachmentInput_namespace_exports as AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputDropzone, AttachmentInputDropzoneLabel, AttachmentInputHiddenInput, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, Avatar_namespace_exports as Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, BreakpointProvider, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, Celsius, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon, ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, Column, Columns, ConsistentWidth, ContentPlaceholder_namespace_exports as ContentPlaceholder, ContentPlaceholderAsset, ContentPlaceholderRoot, ContextualFloatingButton, ControlChip, Count, Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Divider, ExtendedActionSheet_namespace_exports as ExtendedActionSheet, ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedFab, Fab, Field_namespace_exports as Field, FieldButton_namespace_exports as FieldButton, FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, Fieldset_namespace_exports as Fieldset, FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot, Flex, Float, FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, Footer_namespace_exports as Footer, FooterLinkText, Grid, GridItem, HStack, HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTooltip_namespace_exports as HelpBubbleTooltip, HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger, HelpBubbleTrigger, Icon, IdentityPlaceholder_namespace_exports as IdentityPlaceholder, IdentityPlaceholderImage, IdentityPlaceholderRoot, ImageFrame, ImageFrameBadge, ImageFrameFloater, ImageFrameIcon, ImageFrameIndicator, ImageFrameReactionButton, Inline, InlineBanner_namespace_exports as InlineBanner, InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle, Layout_namespace_exports as Layout, LayoutContent, LayoutRoot, LinkContent, List_namespace_exports as List, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle, LoadingIndicator, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, MenuPositioner, MenuRoot, MenuScrollArea, MenuSheet_namespace_exports as MenuSheet, MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuTrigger, NavigationMenu_namespace_exports as NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, Portal, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack, PullToRefresh_namespace_exports as PullToRefresh, PullToRefreshContent, PullToRefreshIndicator, PullToRefreshRoot, RadioGroup_namespace_exports as RadioGroup, RadioGroupField_namespace_exports as RadioGroupField, RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ResponsivePair, ResponsiveSidePanel_namespace_exports as ResponsiveSidePanel, ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, ScrollFog, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot, SideNavigation_namespace_exports as SideNavigation, SideNavigationContent, SideNavigationFooter, SideNavigationGroup, SideNavigationGroupLabel, SideNavigationHeader, SideNavigationInset, SideNavigationItem, SideNavigationItemCollapsibleContent, SideNavigationItemCollapsibleRoot, SideNavigationItemCollapsibleTrigger, SideNavigationItemLabel, SideNavigationItemPrefixIcon, SideNavigationItemSuffixIcon, SideNavigationProvider, SideNavigationRoot, SideNavigationTrigger, SidePanel_namespace_exports as SidePanel, SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger, Skeleton, Slider_namespace_exports as Slider, SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot, Snackbar_namespace_exports as Snackbar, SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, Stack, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, ToggleButton, VStack, VisuallyHidden, pullToRefreshPreventPull, tabsCarouselPreventDrag, useBreakpoint, useBreakpointValue, useResponsiveSidePanelContext, useSnackbarAdapter, useSnackbarContext, useTextFieldWithGraphemes };
|
package/lib/primitive.cjs
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
var _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
|
|
3
|
+
Object.keys(_seed_design_react_attachment_display).forEach(function(k) {
|
|
4
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function() {
|
|
7
|
+
return _seed_design_react_attachment_display[k];
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
});
|
|
2
11
|
var _seed_design_react_avatar = require("@seed-design/react-avatar");
|
|
3
12
|
Object.keys(_seed_design_react_avatar).forEach(function(k) {
|
|
4
13
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
@@ -26,6 +35,33 @@ Object.keys(_seed_design_react_dialog).forEach(function(k) {
|
|
|
26
35
|
}
|
|
27
36
|
});
|
|
28
37
|
});
|
|
38
|
+
var _seed_design_react_file_upload = require("@seed-design/react-file-upload");
|
|
39
|
+
Object.keys(_seed_design_react_file_upload).forEach(function(k) {
|
|
40
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function() {
|
|
43
|
+
return _seed_design_react_file_upload[k];
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
var _seed_design_react_middle_truncate = require("@seed-design/react-middle-truncate");
|
|
48
|
+
Object.keys(_seed_design_react_middle_truncate).forEach(function(k) {
|
|
49
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function() {
|
|
52
|
+
return _seed_design_react_middle_truncate[k];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
var _seed_design_react_navigation_menu = require("@seed-design/react-navigation-menu");
|
|
57
|
+
Object.keys(_seed_design_react_navigation_menu).forEach(function(k) {
|
|
58
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
59
|
+
enumerable: true,
|
|
60
|
+
get: function() {
|
|
61
|
+
return _seed_design_react_navigation_menu[k];
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
});
|
|
29
65
|
var _seed_design_react_popover = require("@seed-design/react-popover");
|
|
30
66
|
Object.keys(_seed_design_react_popover).forEach(function(k) {
|
|
31
67
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
@@ -62,6 +98,15 @@ Object.keys(_seed_design_react_radio_group).forEach(function(k) {
|
|
|
62
98
|
}
|
|
63
99
|
});
|
|
64
100
|
});
|
|
101
|
+
var _seed_design_react_side_navigation = require("@seed-design/react-side-navigation");
|
|
102
|
+
Object.keys(_seed_design_react_side_navigation).forEach(function(k) {
|
|
103
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
104
|
+
enumerable: true,
|
|
105
|
+
get: function() {
|
|
106
|
+
return _seed_design_react_side_navigation[k];
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
});
|
|
65
110
|
var _seed_design_react_slider = require("@seed-design/react-slider");
|
|
66
111
|
Object.keys(_seed_design_react_slider).forEach(function(k) {
|
|
67
112
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
package/lib/primitive.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
export * from '@seed-design/react-attachment-display';
|
|
1
2
|
export * from '@seed-design/react-avatar';
|
|
2
3
|
export * from '@seed-design/react-checkbox';
|
|
3
4
|
export * from '@seed-design/react-dialog';
|
|
5
|
+
export * from '@seed-design/react-file-upload';
|
|
6
|
+
export * from '@seed-design/react-middle-truncate';
|
|
7
|
+
export * from '@seed-design/react-navigation-menu';
|
|
4
8
|
export * from '@seed-design/react-popover';
|
|
5
9
|
export * from '@seed-design/react-progress';
|
|
6
10
|
export * from '@seed-design/react-pull-to-refresh';
|
|
7
11
|
export * from '@seed-design/react-radio-group';
|
|
12
|
+
export * from '@seed-design/react-side-navigation';
|
|
8
13
|
export * from '@seed-design/react-slider';
|
|
9
14
|
export * from '@seed-design/react-snackbar';
|
|
10
15
|
export * from '@seed-design/react-switch';
|
package/lib/primitive.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../src/primitive.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../src/primitive.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}
|
package/lib/primitive.js
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
export * from "@seed-design/react-attachment-display";
|
|
1
2
|
export * from "@seed-design/react-avatar";
|
|
2
3
|
export * from "@seed-design/react-checkbox";
|
|
3
4
|
export * from "@seed-design/react-dialog";
|
|
5
|
+
export * from "@seed-design/react-file-upload";
|
|
6
|
+
export * from "@seed-design/react-middle-truncate";
|
|
7
|
+
export * from "@seed-design/react-navigation-menu";
|
|
4
8
|
export * from "@seed-design/react-popover";
|
|
5
9
|
export * from "@seed-design/react-progress";
|
|
6
10
|
export * from "@seed-design/react-pull-to-refresh";
|
|
7
11
|
export * from "@seed-design/react-radio-group";
|
|
12
|
+
export * from "@seed-design/react-side-navigation";
|
|
8
13
|
export * from "@seed-design/react-slider";
|
|
9
14
|
export * from "@seed-design/react-snackbar";
|
|
10
15
|
export * from "@seed-design/react-switch";
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
let _seed_design_css_breakpoints = require("@seed-design/css/breakpoints");
|
|
4
|
+
//#region src/primitives/breakpoint-store.ts
|
|
5
|
+
var thresholds = _seed_design_css_breakpoints.breakpointNames.filter((name) => name !== "base");
|
|
6
|
+
var listeners = null;
|
|
7
|
+
var mediaQueryLists = null;
|
|
8
|
+
var currentBreakpoint = "base";
|
|
9
|
+
function computeBreakpoint() {
|
|
10
|
+
if (!mediaQueryLists) return "base";
|
|
11
|
+
for (let i = thresholds.length - 1; i >= 0; i--) if (mediaQueryLists[i].matches) return thresholds[i];
|
|
12
|
+
return "base";
|
|
13
|
+
}
|
|
14
|
+
function handleChange() {
|
|
15
|
+
const next = computeBreakpoint();
|
|
16
|
+
if (next !== currentBreakpoint) {
|
|
17
|
+
currentBreakpoint = next;
|
|
18
|
+
for (const fn of listeners ?? []) fn();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function init() {
|
|
22
|
+
mediaQueryLists = thresholds.map((name) => window.matchMedia(_seed_design_css_breakpoints.mediaQueries[name]));
|
|
23
|
+
currentBreakpoint = computeBreakpoint();
|
|
24
|
+
for (const mql of mediaQueryLists) mql.addEventListener("change", handleChange);
|
|
25
|
+
}
|
|
26
|
+
function teardown() {
|
|
27
|
+
if (mediaQueryLists) {
|
|
28
|
+
for (const mql of mediaQueryLists) mql.removeEventListener("change", handleChange);
|
|
29
|
+
mediaQueryLists = null;
|
|
30
|
+
}
|
|
31
|
+
currentBreakpoint = "base";
|
|
32
|
+
}
|
|
33
|
+
function subscribe(listener) {
|
|
34
|
+
if (!listeners) {
|
|
35
|
+
listeners = /* @__PURE__ */ new Set();
|
|
36
|
+
init();
|
|
37
|
+
}
|
|
38
|
+
listeners.add(listener);
|
|
39
|
+
return () => {
|
|
40
|
+
listeners?.delete(listener);
|
|
41
|
+
if (listeners?.size === 0) {
|
|
42
|
+
teardown();
|
|
43
|
+
listeners = null;
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
function getSnapshot() {
|
|
48
|
+
return currentBreakpoint;
|
|
49
|
+
}
|
|
50
|
+
//#endregion
|
|
51
|
+
exports.getSnapshot = getSnapshot;
|
|
52
|
+
exports.subscribe = subscribe;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Breakpoint } from '@seed-design/css/breakpoints';
|
|
2
|
+
type Listener = () => void;
|
|
3
|
+
export declare function subscribe(listener: Listener): () => void;
|
|
4
|
+
export declare function getSnapshot(): Breakpoint;
|
|
5
|
+
export declare function getServerSnapshot(): Breakpoint;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=breakpoint-store.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breakpoint-store.d.ts","sourceRoot":"","sources":["../../src/primitives/breakpoint-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAiC,MAAM,8BAA8B,CAAC;AAE9F,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AA4C3B,wBAAgB,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI,CAcxD;AAED,wBAAgB,WAAW,IAAI,UAAU,CAExC;AAED,wBAAgB,iBAAiB,IAAI,UAAU,CAE9C"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { breakpointNames, mediaQueries } from "@seed-design/css/breakpoints";
|
|
3
|
+
//#region src/primitives/breakpoint-store.ts
|
|
4
|
+
var thresholds = breakpointNames.filter((name) => name !== "base");
|
|
5
|
+
var listeners = null;
|
|
6
|
+
var mediaQueryLists = null;
|
|
7
|
+
var currentBreakpoint = "base";
|
|
8
|
+
function computeBreakpoint() {
|
|
9
|
+
if (!mediaQueryLists) return "base";
|
|
10
|
+
for (let i = thresholds.length - 1; i >= 0; i--) if (mediaQueryLists[i].matches) return thresholds[i];
|
|
11
|
+
return "base";
|
|
12
|
+
}
|
|
13
|
+
function handleChange() {
|
|
14
|
+
const next = computeBreakpoint();
|
|
15
|
+
if (next !== currentBreakpoint) {
|
|
16
|
+
currentBreakpoint = next;
|
|
17
|
+
for (const fn of listeners ?? []) fn();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
function init() {
|
|
21
|
+
mediaQueryLists = thresholds.map((name) => window.matchMedia(mediaQueries[name]));
|
|
22
|
+
currentBreakpoint = computeBreakpoint();
|
|
23
|
+
for (const mql of mediaQueryLists) mql.addEventListener("change", handleChange);
|
|
24
|
+
}
|
|
25
|
+
function teardown() {
|
|
26
|
+
if (mediaQueryLists) {
|
|
27
|
+
for (const mql of mediaQueryLists) mql.removeEventListener("change", handleChange);
|
|
28
|
+
mediaQueryLists = null;
|
|
29
|
+
}
|
|
30
|
+
currentBreakpoint = "base";
|
|
31
|
+
}
|
|
32
|
+
function subscribe(listener) {
|
|
33
|
+
if (!listeners) {
|
|
34
|
+
listeners = /* @__PURE__ */ new Set();
|
|
35
|
+
init();
|
|
36
|
+
}
|
|
37
|
+
listeners.add(listener);
|
|
38
|
+
return () => {
|
|
39
|
+
listeners?.delete(listener);
|
|
40
|
+
if (listeners?.size === 0) {
|
|
41
|
+
teardown();
|
|
42
|
+
listeners = null;
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
function getSnapshot() {
|
|
47
|
+
return currentBreakpoint;
|
|
48
|
+
}
|
|
49
|
+
//#endregion
|
|
50
|
+
export { getSnapshot, subscribe };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
const require_breakpoint_store = require("../primitives/breakpoint-store.cjs");
|
|
4
|
+
const require_useBreakpoint = require("../hooks/useBreakpoint.cjs");
|
|
5
|
+
let react = require("react");
|
|
6
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
+
//#region src/providers/BreakpointProvider.tsx
|
|
8
|
+
function BreakpointProvider({ defaultBreakpoint = "base", children }) {
|
|
9
|
+
const breakpoint = (0, react.useSyncExternalStore)(require_breakpoint_store.subscribe, require_breakpoint_store.getSnapshot, () => defaultBreakpoint);
|
|
10
|
+
const value = (0, react.useMemo)(() => ({
|
|
11
|
+
breakpoint,
|
|
12
|
+
defaultBreakpoint
|
|
13
|
+
}), [breakpoint, defaultBreakpoint]);
|
|
14
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBreakpoint.BreakpointContext.Provider, {
|
|
15
|
+
value,
|
|
16
|
+
children
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
//#endregion
|
|
20
|
+
exports.BreakpointProvider = BreakpointProvider;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Breakpoint } from '@seed-design/css/breakpoints';
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
export interface BreakpointProviderProps {
|
|
4
|
+
defaultBreakpoint?: Breakpoint;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function BreakpointProvider({ defaultBreakpoint, children, }: BreakpointProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=BreakpointProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreakpointProvider.d.ts","sourceRoot":"","sources":["../../src/providers/BreakpointProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,iBAA0B,EAC1B,QAAQ,GACT,EAAE,uBAAuB,2CAUzB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { getSnapshot, subscribe } from "../primitives/breakpoint-store.js";
|
|
3
|
+
import { BreakpointContext } from "../hooks/useBreakpoint.js";
|
|
4
|
+
import { useMemo, useSyncExternalStore } from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
//#region src/providers/BreakpointProvider.tsx
|
|
7
|
+
function BreakpointProvider({ defaultBreakpoint = "base", children }) {
|
|
8
|
+
const breakpoint = useSyncExternalStore(subscribe, getSnapshot, () => defaultBreakpoint);
|
|
9
|
+
const value = useMemo(() => ({
|
|
10
|
+
breakpoint,
|
|
11
|
+
defaultBreakpoint
|
|
12
|
+
}), [breakpoint, defaultBreakpoint]);
|
|
13
|
+
return /* @__PURE__ */ jsx(BreakpointContext.Provider, {
|
|
14
|
+
value,
|
|
15
|
+
children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//#endregion
|
|
19
|
+
export { BreakpointProvider };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Breakpoint } from '@seed-design/css/breakpoints';
|
|
2
|
+
type ResponsiveObject<T> = {
|
|
3
|
+
[K in Breakpoint]?: T;
|
|
4
|
+
} & (T extends object ? {
|
|
5
|
+
[K in Exclude<keyof T & string, Breakpoint>]?: never;
|
|
6
|
+
} : {});
|
|
7
|
+
export type ResponsiveValue<T> = T | ResponsiveObject<T>;
|
|
8
|
+
export type UnwrapResponsive<T> = T extends ResponsiveValue<infer U> ? U : T;
|
|
9
|
+
export type BreakpointThreshold = Exclude<Breakpoint, "base">;
|
|
10
|
+
export declare function isResponsiveObject<T>(value: ResponsiveValue<T>): value is ResponsiveObject<T>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=responsive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/types/responsive.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAM/D,KAAK,gBAAgB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC;CAAE,GAAG,CAAC,CAAC,SAAS,MAAM,GACpE;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;CAAE,GACxD,EAAE,CAAC,CAAC;AAER,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAEzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAE7F"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
+
//#region src/utils/createRenderTrackingContext.tsx
|
|
6
|
+
/**
|
|
7
|
+
* Tracks whether an optional sub-component is rendered, so a sibling slot can emit a
|
|
8
|
+
* styling-only data-attribute (e.g. `data-show-close-button`, `data-has-overlay`).
|
|
9
|
+
*
|
|
10
|
+
* This lives in the styled `@seed-design/react` layer on purpose: the attribute exists
|
|
11
|
+
* solely to drive a `@seed-design/css` selector, so the styled layer — which already holds
|
|
12
|
+
* the version contract with css — owns it, rather than leaking a css↔headless contract.
|
|
13
|
+
*
|
|
14
|
+
* Unrelated to `@seed-design/react-presence`: that handles enter/exit animation, whereas
|
|
15
|
+
* this only records whether a sibling is in the tree.
|
|
16
|
+
*/
|
|
17
|
+
function createRenderTrackingContext(name) {
|
|
18
|
+
const RenderTrackingContext = (0, react.createContext)(null);
|
|
19
|
+
function Provider({ children }) {
|
|
20
|
+
const [isRendered, setIsRendered] = (0, react.useState)(false);
|
|
21
|
+
const trackRef = (0, react.useCallback)((node) => {
|
|
22
|
+
setIsRendered(!!node);
|
|
23
|
+
}, []);
|
|
24
|
+
const value = (0, react.useMemo)(() => ({
|
|
25
|
+
isRendered,
|
|
26
|
+
trackRef
|
|
27
|
+
}), [isRendered, trackRef]);
|
|
28
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderTrackingContext.Provider, {
|
|
29
|
+
value,
|
|
30
|
+
children
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
Provider.displayName = `${name}RenderTrackingProvider`;
|
|
34
|
+
function useRenderTracking() {
|
|
35
|
+
const context = (0, react.useContext)(RenderTrackingContext);
|
|
36
|
+
if (context === null) throw new Error(`use${name}RenderTracking must be used within ${name}RenderTrackingProvider`);
|
|
37
|
+
return context;
|
|
38
|
+
}
|
|
39
|
+
return {
|
|
40
|
+
Provider,
|
|
41
|
+
useRenderTracking
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
//#endregion
|
|
45
|
+
exports.createRenderTrackingContext = createRenderTrackingContext;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface RenderTrackingContextValue {
|
|
2
|
+
/** Whether the tracked sibling element is currently rendered. */
|
|
3
|
+
isRendered: boolean;
|
|
4
|
+
/** Ref callback the tracked element composes onto its node to register that it is rendered. */
|
|
5
|
+
trackRef: (node: HTMLElement | null) => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Tracks whether an optional sub-component is rendered, so a sibling slot can emit a
|
|
9
|
+
* styling-only data-attribute (e.g. `data-show-close-button`, `data-has-overlay`).
|
|
10
|
+
*
|
|
11
|
+
* This lives in the styled `@seed-design/react` layer on purpose: the attribute exists
|
|
12
|
+
* solely to drive a `@seed-design/css` selector, so the styled layer — which already holds
|
|
13
|
+
* the version contract with css — owns it, rather than leaking a css↔headless contract.
|
|
14
|
+
*
|
|
15
|
+
* Unrelated to `@seed-design/react-presence`: that handles enter/exit animation, whereas
|
|
16
|
+
* this only records whether a sibling is in the tree.
|
|
17
|
+
*/
|
|
18
|
+
export declare function createRenderTrackingContext(name: string): {
|
|
19
|
+
Provider: {
|
|
20
|
+
({ children }: {
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
useRenderTracking: () => RenderTrackingContextValue;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=createRenderTrackingContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRenderTrackingContext.d.ts","sourceRoot":"","sources":["../../src/utils/createRenderTrackingContext.tsx"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,iEAAiE;IACjE,UAAU,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,MAAM;;uBAGtB;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE;;;;EA0B9D"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { createContext, useCallback, useContext, useMemo, useState } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
//#region src/utils/createRenderTrackingContext.tsx
|
|
5
|
+
/**
|
|
6
|
+
* Tracks whether an optional sub-component is rendered, so a sibling slot can emit a
|
|
7
|
+
* styling-only data-attribute (e.g. `data-show-close-button`, `data-has-overlay`).
|
|
8
|
+
*
|
|
9
|
+
* This lives in the styled `@seed-design/react` layer on purpose: the attribute exists
|
|
10
|
+
* solely to drive a `@seed-design/css` selector, so the styled layer — which already holds
|
|
11
|
+
* the version contract with css — owns it, rather than leaking a css↔headless contract.
|
|
12
|
+
*
|
|
13
|
+
* Unrelated to `@seed-design/react-presence`: that handles enter/exit animation, whereas
|
|
14
|
+
* this only records whether a sibling is in the tree.
|
|
15
|
+
*/
|
|
16
|
+
function createRenderTrackingContext(name) {
|
|
17
|
+
const RenderTrackingContext = createContext(null);
|
|
18
|
+
function Provider({ children }) {
|
|
19
|
+
const [isRendered, setIsRendered] = useState(false);
|
|
20
|
+
const trackRef = useCallback((node) => {
|
|
21
|
+
setIsRendered(!!node);
|
|
22
|
+
}, []);
|
|
23
|
+
const value = useMemo(() => ({
|
|
24
|
+
isRendered,
|
|
25
|
+
trackRef
|
|
26
|
+
}), [isRendered, trackRef]);
|
|
27
|
+
return /* @__PURE__ */ jsx(RenderTrackingContext.Provider, {
|
|
28
|
+
value,
|
|
29
|
+
children
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
Provider.displayName = `${name}RenderTrackingProvider`;
|
|
33
|
+
function useRenderTracking() {
|
|
34
|
+
const context = useContext(RenderTrackingContext);
|
|
35
|
+
if (context === null) throw new Error(`use${name}RenderTracking must be used within ${name}RenderTrackingProvider`);
|
|
36
|
+
return context;
|
|
37
|
+
}
|
|
38
|
+
return {
|
|
39
|
+
Provider,
|
|
40
|
+
useRenderTracking
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
//#endregion
|
|
44
|
+
export { createRenderTrackingContext };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region src/utils/getHelpBubbleArrowTipPath.ts
|
|
3
|
+
/**
|
|
4
|
+
* Builds the SVG path for a HelpBubble arrow tip given its measured size.
|
|
5
|
+
* Shared by HelpBubble (dialog) and HelpBubbleTooltip (tooltip) so the arrow
|
|
6
|
+
* geometry stays in a single place.
|
|
7
|
+
*/
|
|
8
|
+
var getHelpBubbleArrowTipPath = (width, height, tipRadius) => `M0,0
|
|
9
|
+
H${width}
|
|
10
|
+
L${width / 2 + tipRadius},${height - tipRadius}
|
|
11
|
+
Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
|
|
12
|
+
Z`;
|
|
13
|
+
//#endregion
|
|
14
|
+
exports.getHelpBubbleArrowTipPath = getHelpBubbleArrowTipPath;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Builds the SVG path for a HelpBubble arrow tip given its measured size.
|
|
3
|
+
* Shared by HelpBubble (dialog) and HelpBubbleTooltip (tooltip) so the arrow
|
|
4
|
+
* geometry stays in a single place.
|
|
5
|
+
*/
|
|
6
|
+
export declare const getHelpBubbleArrowTipPath: (width: number, height: number, tipRadius: number) => string;
|
|
7
|
+
//# sourceMappingURL=getHelpBubbleArrowTipPath.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getHelpBubbleArrowTipPath.d.ts","sourceRoot":"","sources":["../../src/utils/getHelpBubbleArrowTipPath.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,EAAE,WAAW,MAAM,WAKlF,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region src/utils/getHelpBubbleArrowTipPath.ts
|
|
3
|
+
/**
|
|
4
|
+
* Builds the SVG path for a HelpBubble arrow tip given its measured size.
|
|
5
|
+
* Shared by HelpBubble (dialog) and HelpBubbleTooltip (tooltip) so the arrow
|
|
6
|
+
* geometry stays in a single place.
|
|
7
|
+
*/
|
|
8
|
+
var getHelpBubbleArrowTipPath = (width, height, tipRadius) => `M0,0
|
|
9
|
+
H${width}
|
|
10
|
+
L${width / 2 + tipRadius},${height - tipRadius}
|
|
11
|
+
Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
|
|
12
|
+
Z`;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { getHelpBubbleArrowTipPath };
|