@seed-design/react 1.2.15 → 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 +2 -7
- 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 +51 -22
- 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
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SidePanelVariantProps } from '@seed-design/css/recipes/side-panel';
|
|
2
|
+
import { Drawer } from '@seed-design/react-drawer';
|
|
3
|
+
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
4
|
+
import { StyleProps } from '../../utils/styled';
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
export interface SidePanelRootProps extends SidePanelVariantProps, Pick<Drawer.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange" | "modal" | "dismissible" | "closeOnEscape" | "closeOnInteractOutside" | "lazyMount" | "unmountOnExit" | "onAnimationEnd"> {
|
|
7
|
+
/** Direction the side panel slides in from. @default "right" */
|
|
8
|
+
direction?: "left" | "right";
|
|
9
|
+
}
|
|
10
|
+
export declare function SidePanelRoot(props: SidePanelRootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export interface SidePanelTriggerProps extends Drawer.TriggerProps {
|
|
12
|
+
}
|
|
13
|
+
export declare const SidePanelTrigger: React.ForwardRefExoticComponent<Drawer.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export interface SidePanelPositionerProps extends Drawer.PositionerProps {
|
|
15
|
+
}
|
|
16
|
+
export declare const SidePanelPositioner: React.ForwardRefExoticComponent<SidePanelPositionerProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export interface SidePanelBackdropProps extends Drawer.BackdropProps {
|
|
18
|
+
}
|
|
19
|
+
export declare const SidePanelBackdrop: React.ForwardRefExoticComponent<SidePanelBackdropProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export interface SidePanelContentProps extends Drawer.ContentProps, Pick<StyleProps, "width" | "maxWidth"> {
|
|
21
|
+
}
|
|
22
|
+
export declare const SidePanelContent: React.ForwardRefExoticComponent<SidePanelContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export interface SidePanelHeaderProps extends Drawer.HeaderProps {
|
|
24
|
+
}
|
|
25
|
+
export declare const SidePanelHeader: React.ForwardRefExoticComponent<SidePanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export interface SidePanelTitleProps extends Drawer.TitleProps {
|
|
27
|
+
}
|
|
28
|
+
export declare const SidePanelTitle: React.ForwardRefExoticComponent<SidePanelTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
29
|
+
export interface SidePanelDescriptionProps extends Drawer.DescriptionProps {
|
|
30
|
+
}
|
|
31
|
+
export declare const SidePanelDescription: React.ForwardRefExoticComponent<SidePanelDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
32
|
+
export interface SidePanelBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "height" | "maxHeight" | "minHeight" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
|
|
33
|
+
}
|
|
34
|
+
export declare const SidePanelBody: React.ForwardRefExoticComponent<SidePanelBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
export interface SidePanelFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
36
|
+
}
|
|
37
|
+
export declare const SidePanelFooter: React.ForwardRefExoticComponent<SidePanelFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
export interface SidePanelCloseButtonProps extends Drawer.CloseButtonProps {
|
|
39
|
+
}
|
|
40
|
+
export declare const SidePanelCloseButton: React.ForwardRefExoticComponent<SidePanelCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
41
|
+
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;IACH,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAID,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAErE,eAAO,MAAM,gBAAgB,+FAAiB,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE3E,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEvE,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAEnE,eAAO,MAAM,eAAe,6FAc3B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEjE,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAMF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAMF,MAAM,WAAW,kBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,2FAqCzB,CAAC;AAMF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,qGAahC,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
+
import { useStyleProps, withStyleProps } from "../../utils/styled.js";
|
|
4
|
+
import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
|
|
5
|
+
import { Primitive } from "@seed-design/react-primitive";
|
|
6
|
+
import clsx$1 from "clsx";
|
|
7
|
+
import * as React$1 from "react";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
import { dataAttr } from "@seed-design/dom-utils";
|
|
10
|
+
import { composeRefs } from "@radix-ui/react-compose-refs";
|
|
11
|
+
import { Drawer } from "@seed-design/react-drawer";
|
|
12
|
+
import { sidePanel } from "@seed-design/css/recipes/side-panel";
|
|
13
|
+
//#region src/components/SidePanel/SidePanel.tsx
|
|
14
|
+
var { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(sidePanel);
|
|
15
|
+
var closeButtonTracker = createRenderTrackingContext("SidePanelCloseButton");
|
|
16
|
+
function SidePanelRoot(props) {
|
|
17
|
+
const [variantProps, otherProps] = sidePanel.splitVariantProps({
|
|
18
|
+
direction: "right",
|
|
19
|
+
lazyMount: true,
|
|
20
|
+
unmountOnExit: true,
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
return /* @__PURE__ */ jsx(ClassNamesProvider, {
|
|
24
|
+
value: sidePanel(variantProps),
|
|
25
|
+
children: /* @__PURE__ */ jsx(closeButtonTracker.Provider, { children: /* @__PURE__ */ jsx(Drawer.Root, { ...otherProps }) })
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
var SidePanelTrigger = Drawer.Trigger;
|
|
29
|
+
var SidePanelPositioner = withContext(Drawer.Positioner, "positioner");
|
|
30
|
+
var SidePanelBackdrop = withContext(Drawer.Backdrop, "backdrop");
|
|
31
|
+
var SidePanelContent = withContext(withStyleProps(Drawer.Content), "content");
|
|
32
|
+
var SidePanelHeader = React$1.forwardRef(({ className, ...props }, ref) => {
|
|
33
|
+
const classNames = useClassNames();
|
|
34
|
+
const { isRendered } = closeButtonTracker.useRenderTracking();
|
|
35
|
+
return /* @__PURE__ */ jsx(Drawer.Header, {
|
|
36
|
+
ref,
|
|
37
|
+
"data-show-close-button": dataAttr(isRendered),
|
|
38
|
+
className: clsx$1(classNames.header, className),
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
SidePanelHeader.displayName = "SidePanelHeader";
|
|
43
|
+
var SidePanelTitle = withContext(Drawer.Title, "title");
|
|
44
|
+
SidePanelTitle.displayName = "SidePanelTitle";
|
|
45
|
+
var SidePanelDescription = withContext(Drawer.Description, "description");
|
|
46
|
+
SidePanelDescription.displayName = "SidePanelDescription";
|
|
47
|
+
var SidePanelBody = React$1.forwardRef((props, forwardedRef) => {
|
|
48
|
+
const classNames = useClassNames();
|
|
49
|
+
const { style, restProps } = useStyleProps(props);
|
|
50
|
+
const { className, ...otherProps } = restProps;
|
|
51
|
+
const ref = React$1.useRef(null);
|
|
52
|
+
const [scrolled, setScrolled] = React$1.useState(false);
|
|
53
|
+
React$1.useEffect(() => {
|
|
54
|
+
const element = ref.current;
|
|
55
|
+
if (!element) return;
|
|
56
|
+
const check = () => setScrolled(element.scrollTop > 0);
|
|
57
|
+
check();
|
|
58
|
+
element.addEventListener("scroll", check);
|
|
59
|
+
const observer = new ResizeObserver(check);
|
|
60
|
+
observer.observe(element);
|
|
61
|
+
return () => {
|
|
62
|
+
element.removeEventListener("scroll", check);
|
|
63
|
+
observer.disconnect();
|
|
64
|
+
};
|
|
65
|
+
}, []);
|
|
66
|
+
return /* @__PURE__ */ jsx(Primitive.div, {
|
|
67
|
+
ref: composeRefs(ref, forwardedRef),
|
|
68
|
+
className: clsx$1(classNames.body, className),
|
|
69
|
+
style,
|
|
70
|
+
"data-scrolled": dataAttr(scrolled),
|
|
71
|
+
...otherProps
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
SidePanelBody.displayName = "SidePanelBody";
|
|
75
|
+
var SidePanelFooter = withContext(Primitive.div, "footer");
|
|
76
|
+
var SidePanelCloseButton = React$1.forwardRef(({ className, ...props }, ref) => {
|
|
77
|
+
const classNames = useClassNames();
|
|
78
|
+
const { trackRef } = closeButtonTracker.useRenderTracking();
|
|
79
|
+
return /* @__PURE__ */ jsx(Drawer.CloseButton, {
|
|
80
|
+
ref: composeRefs(ref, trackRef),
|
|
81
|
+
className: clsx$1(classNames.closeButton, className),
|
|
82
|
+
...props
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
SidePanelCloseButton.displayName = "SidePanelCloseButton";
|
|
86
|
+
//#endregion
|
|
87
|
+
export { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
+
const require_SidePanel = require("./SidePanel.cjs");
|
|
3
|
+
//#region src/components/SidePanel/SidePanel.namespace.ts
|
|
4
|
+
var SidePanel_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
|
|
5
|
+
Backdrop: () => require_SidePanel.SidePanelBackdrop,
|
|
6
|
+
Body: () => require_SidePanel.SidePanelBody,
|
|
7
|
+
CloseButton: () => require_SidePanel.SidePanelCloseButton,
|
|
8
|
+
Content: () => require_SidePanel.SidePanelContent,
|
|
9
|
+
Description: () => require_SidePanel.SidePanelDescription,
|
|
10
|
+
Footer: () => require_SidePanel.SidePanelFooter,
|
|
11
|
+
Header: () => require_SidePanel.SidePanelHeader,
|
|
12
|
+
Positioner: () => require_SidePanel.SidePanelPositioner,
|
|
13
|
+
Root: () => require_SidePanel.SidePanelRoot,
|
|
14
|
+
Title: () => require_SidePanel.SidePanelTitle,
|
|
15
|
+
Trigger: () => require_SidePanel.SidePanelTrigger
|
|
16
|
+
});
|
|
17
|
+
//#endregion
|
|
18
|
+
Object.defineProperty(exports, "SidePanel_namespace_exports", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function() {
|
|
21
|
+
return SidePanel_namespace_exports;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { SidePanelBackdrop as Backdrop, SidePanelBody as Body, SidePanelContent as Content, SidePanelDescription as Description, SidePanelFooter as Footer, SidePanelHeader as Header, SidePanelPositioner as Positioner, SidePanelRoot as Root, SidePanelTitle as Title, SidePanelTrigger as Trigger, SidePanelCloseButton as CloseButton, type SidePanelBackdropProps as BackdropProps, type SidePanelBodyProps as BodyProps, type SidePanelContentProps as ContentProps, type SidePanelDescriptionProps as DescriptionProps, type SidePanelFooterProps as FooterProps, type SidePanelHeaderProps as HeaderProps, type SidePanelPositionerProps as PositionerProps, type SidePanelRootProps as RootProps, type SidePanelTitleProps as TitleProps, type SidePanelTriggerProps as TriggerProps, type SidePanelCloseButtonProps as CloseButtonProps, } from './SidePanel';
|
|
2
|
+
//# sourceMappingURL=SidePanel.namespace.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,aAAa,IAAI,IAAI,EACrB,gBAAgB,IAAI,OAAO,EAC3B,oBAAoB,IAAI,WAAW,EACnC,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,MAAM,EACzB,mBAAmB,IAAI,UAAU,EACjC,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,EAC3B,oBAAoB,IAAI,WAAW,EACnC,KAAK,sBAAsB,IAAI,aAAa,EAC5C,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,yBAAyB,IAAI,gBAAgB,EAClD,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,wBAAwB,IAAI,eAAe,EAChD,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,yBAAyB,IAAI,gBAAgB,GACnD,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger } from "./SidePanel.js";
|
|
3
|
+
//#region src/components/SidePanel/SidePanel.namespace.ts
|
|
4
|
+
var SidePanel_namespace_exports = /* @__PURE__ */ __exportAll({
|
|
5
|
+
Backdrop: () => SidePanelBackdrop,
|
|
6
|
+
Body: () => SidePanelBody,
|
|
7
|
+
CloseButton: () => SidePanelCloseButton,
|
|
8
|
+
Content: () => SidePanelContent,
|
|
9
|
+
Description: () => SidePanelDescription,
|
|
10
|
+
Footer: () => SidePanelFooter,
|
|
11
|
+
Header: () => SidePanelHeader,
|
|
12
|
+
Positioner: () => SidePanelPositioner,
|
|
13
|
+
Root: () => SidePanelRoot,
|
|
14
|
+
Title: () => SidePanelTitle,
|
|
15
|
+
Trigger: () => SidePanelTrigger
|
|
16
|
+
});
|
|
17
|
+
//#endregion
|
|
18
|
+
export { SidePanel_namespace_exports };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_SidePanel = require("./SidePanel.cjs");
|
|
3
|
+
const require_SidePanel_namespace = require("./SidePanel.namespace.cjs");
|
|
4
|
+
Object.defineProperty(exports, "SidePanel", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function() {
|
|
7
|
+
return require_SidePanel_namespace.SidePanel_namespace_exports;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
exports.SidePanelBackdrop = require_SidePanel.SidePanelBackdrop;
|
|
11
|
+
exports.SidePanelBody = require_SidePanel.SidePanelBody;
|
|
12
|
+
exports.SidePanelCloseButton = require_SidePanel.SidePanelCloseButton;
|
|
13
|
+
exports.SidePanelContent = require_SidePanel.SidePanelContent;
|
|
14
|
+
exports.SidePanelDescription = require_SidePanel.SidePanelDescription;
|
|
15
|
+
exports.SidePanelFooter = require_SidePanel.SidePanelFooter;
|
|
16
|
+
exports.SidePanelHeader = require_SidePanel.SidePanelHeader;
|
|
17
|
+
exports.SidePanelPositioner = require_SidePanel.SidePanelPositioner;
|
|
18
|
+
exports.SidePanelRoot = require_SidePanel.SidePanelRoot;
|
|
19
|
+
exports.SidePanelTitle = require_SidePanel.SidePanelTitle;
|
|
20
|
+
exports.SidePanelTrigger = require_SidePanel.SidePanelTrigger;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SidePanelBackdrop, SidePanelBody, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger, SidePanelCloseButton, type SidePanelBackdropProps, type SidePanelBodyProps, type SidePanelContentProps, type SidePanelDescriptionProps, type SidePanelFooterProps, type SidePanelHeaderProps, type SidePanelPositionerProps, type SidePanelRootProps, type SidePanelTitleProps, type SidePanelTriggerProps, type SidePanelCloseButtonProps, } from './SidePanel';
|
|
2
|
+
export * as SidePanel from './SidePanel.namespace';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,GAC/B,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger } from "./SidePanel.js";
|
|
2
|
+
import { SidePanel_namespace_exports } from "./SidePanel.namespace.js";
|
|
3
|
+
export { SidePanel_namespace_exports as SidePanel, SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
|
-
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
5
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
6
5
|
const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
|
|
6
|
+
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
7
7
|
let _seed_design_react_slider = require("@seed-design/react-slider");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
9
9
|
let clsx = require("clsx");
|
|
@@ -11,8 +11,8 @@ clsx = require_runtime.__toESM(clsx);
|
|
|
11
11
|
let react = require("react");
|
|
12
12
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
13
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
14
|
-
let _seed_design_react_field = require("@seed-design/react-field");
|
|
15
14
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
15
|
+
let _seed_design_react_field = require("@seed-design/react-field");
|
|
16
16
|
let _seed_design_css_recipes_slider = require("@seed-design/css/recipes/slider");
|
|
17
17
|
let _seed_design_css_recipes_slider_tick = require("@seed-design/css/recipes/slider-tick");
|
|
18
18
|
let _seed_design_css_recipes_slider_marker = require("@seed-design/css/recipes/slider-marker");
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
|
-
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
4
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
5
4
|
import { createWithStateProps } from "../../utils/createWithStateProps.js";
|
|
5
|
+
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
6
6
|
import { Slider, useSliderContext } from "@seed-design/react-slider";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
8
8
|
import clsx$1 from "clsx";
|
|
9
9
|
import { forwardRef, useState } from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
11
|
import { mergeProps } from "@seed-design/dom-utils";
|
|
12
|
-
import { useFieldContext } from "@seed-design/react-field";
|
|
13
12
|
import { composeRefs } from "@radix-ui/react-compose-refs";
|
|
13
|
+
import { useFieldContext } from "@seed-design/react-field";
|
|
14
14
|
import { slider } from "@seed-design/css/recipes/slider";
|
|
15
15
|
import { sliderTick } from "@seed-design/css/recipes/slider-tick";
|
|
16
16
|
import { sliderMarker } from "@seed-design/css/recipes/slider-marker";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
|
-
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
4
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
+
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
5
5
|
const require_Icon = require("../private/Icon.cjs");
|
|
6
6
|
let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
|
|
7
7
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -19,7 +19,7 @@ var SnackbarRoot = withProvider(_seed_design_react_snackbar.Snackbar.Root, "root
|
|
|
19
19
|
var SnackbarContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
|
|
20
20
|
var SnackbarMessage = withContext(_seed_design_react_primitive.Primitive.span, "message");
|
|
21
21
|
var SnackbarPrefixIcon = withContext(require_Icon.InternalIcon, "prefixIcon");
|
|
22
|
-
var SnackbarActionButton = withContext(
|
|
22
|
+
var SnackbarActionButton = withContext(_seed_design_react_snackbar.Snackbar.ActionButton, "actionButton");
|
|
23
23
|
/**
|
|
24
24
|
* Visually hidden button that closes the snackbar (for screen readers).
|
|
25
25
|
*/
|
|
@@ -21,7 +21,7 @@ export declare const SnackbarMessage: ForwardRefExoticComponent<SnackbarMessageP
|
|
|
21
21
|
export interface SnackbarPrefixIconProps extends InternalIconProps {
|
|
22
22
|
}
|
|
23
23
|
export declare const SnackbarPrefixIcon: ForwardRefExoticComponent<SnackbarPrefixIconProps & RefAttributes<HTMLDivElement>>;
|
|
24
|
-
export interface SnackbarActionButtonProps extends
|
|
24
|
+
export interface SnackbarActionButtonProps extends SnackbarPrimitive.ActionButtonProps {
|
|
25
25
|
}
|
|
26
26
|
export declare const SnackbarActionButton: ForwardRefExoticComponent<SnackbarActionButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
27
27
|
export interface SnackbarHiddenCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,0GAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,0GAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F;;GAEG;AACH,eAAO,MAAM,yBAAyB,8HAYpC,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,oJAAiC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
3
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
+
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
4
4
|
import { InternalIcon } from "../private/Icon.js";
|
|
5
5
|
import { Snackbar } from "@seed-design/react-snackbar";
|
|
6
6
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -18,7 +18,7 @@ var SnackbarRoot = withProvider(Snackbar.Root, "root");
|
|
|
18
18
|
var SnackbarContent = withContext(Primitive.div, "content");
|
|
19
19
|
var SnackbarMessage = withContext(Primitive.span, "message");
|
|
20
20
|
var SnackbarPrefixIcon = withContext(InternalIcon, "prefixIcon");
|
|
21
|
-
var SnackbarActionButton = withContext(
|
|
21
|
+
var SnackbarActionButton = withContext(Snackbar.ActionButton, "actionButton");
|
|
22
22
|
/**
|
|
23
23
|
* Visually hidden button that closes the snackbar (for screen readers).
|
|
24
24
|
*/
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
+
import { DistributiveOmit } from '../../utils/styled';
|
|
1
2
|
import { FlexProps } from '../Flex';
|
|
2
3
|
import * as React from "react";
|
|
3
4
|
/**
|
|
4
5
|
* @deprecated Use `VStack` instead.
|
|
5
6
|
*/
|
|
6
|
-
export
|
|
7
|
-
}
|
|
7
|
+
export type StackProps = DistributiveOmit<FlexProps, "flexDirection">;
|
|
8
8
|
/**
|
|
9
9
|
* @deprecated Use `VStack` instead.
|
|
10
10
|
*/
|
|
11
11
|
export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export
|
|
13
|
-
}
|
|
12
|
+
export type VStackProps = DistributiveOmit<FlexProps, "flexDirection">;
|
|
14
13
|
export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export
|
|
16
|
-
}
|
|
14
|
+
export type HStackProps = DistributiveOmit<FlexProps, "flexDirection">;
|
|
17
15
|
export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
16
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,MAAM,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,KAAK,mFAEhB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM,oFAEjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM,oFAEjB,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
+
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
5
|
+
let clsx = require("clsx");
|
|
6
|
+
clsx = require_runtime.__toESM(clsx);
|
|
7
|
+
let react = require("react");
|
|
8
|
+
react = require_runtime.__toESM(react);
|
|
9
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
10
|
+
let _seed_design_react_drawer = require("@seed-design/react-drawer");
|
|
11
|
+
let _seed_design_css_recipes_bottom_sheet_handle = require("@seed-design/css/recipes/bottom-sheet-handle");
|
|
12
|
+
let _seed_design_css_recipes_menu_sheet = require("@seed-design/css/recipes/menu-sheet");
|
|
13
|
+
let _seed_design_css_recipes_menu_sheet_item = require("@seed-design/css/recipes/menu-sheet-item");
|
|
14
|
+
//#region src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx
|
|
15
|
+
var { withContext, useClassNames, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_menu_sheet.menuSheet);
|
|
16
|
+
var { PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, ClassNamesProvider: ItemClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_menu_sheet_item.menuSheetItem);
|
|
17
|
+
function SwipeableMenuSheetRoot(props) {
|
|
18
|
+
const [variantProps, otherProps] = _seed_design_css_recipes_menu_sheet.menuSheet.splitVariantProps({
|
|
19
|
+
lazyMount: true,
|
|
20
|
+
unmountOnExit: true,
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
|
|
24
|
+
value: (0, _seed_design_css_recipes_menu_sheet.menuSheet)(variantProps),
|
|
25
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Root, {
|
|
26
|
+
...otherProps,
|
|
27
|
+
direction: "bottom"
|
|
28
|
+
})
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
var SwipeableMenuSheetTrigger = _seed_design_react_drawer.Drawer.Trigger;
|
|
32
|
+
var SwipeableMenuSheetPositioner = withContext(_seed_design_react_drawer.Drawer.Positioner, "positioner");
|
|
33
|
+
var SwipeableMenuSheetBackdrop = withContext(_seed_design_react_drawer.Drawer.Backdrop, "backdrop");
|
|
34
|
+
var SwipeableMenuSheetContent = react.forwardRef(({ className, ...props }, ref) => {
|
|
35
|
+
const [variantProps, otherProps] = _seed_design_css_recipes_menu_sheet_item.menuSheetItem.splitVariantProps(props);
|
|
36
|
+
const classNames = useClassNames();
|
|
37
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemPropsProvider, {
|
|
38
|
+
value: variantProps,
|
|
39
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Content, {
|
|
40
|
+
ref,
|
|
41
|
+
className: (0, clsx.default)(classNames.content, className),
|
|
42
|
+
...otherProps
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
SwipeableMenuSheetContent.displayName = "SwipeableMenuSheetContent";
|
|
47
|
+
var SwipeableMenuSheetHandle = react.forwardRef(({ className, ...props }, ref) => {
|
|
48
|
+
const classNames = (0, _seed_design_css_recipes_bottom_sheet_handle.bottomSheetHandle)();
|
|
49
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Handle, {
|
|
50
|
+
ref,
|
|
51
|
+
className: (0, clsx.default)(classNames.root, className),
|
|
52
|
+
...props,
|
|
53
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
|
|
54
|
+
"aria-hidden": "true",
|
|
55
|
+
className: classNames.touchArea
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
SwipeableMenuSheetHandle.displayName = "SwipeableMenuSheetHandle";
|
|
60
|
+
var SwipeableMenuSheetHeader = withContext(_seed_design_react_drawer.Drawer.Header, "header");
|
|
61
|
+
var SwipeableMenuSheetTitle = withContext(_seed_design_react_drawer.Drawer.Title, "title");
|
|
62
|
+
SwipeableMenuSheetTitle.displayName = "SwipeableMenuSheetTitle";
|
|
63
|
+
var SwipeableMenuSheetDescription = withContext(_seed_design_react_drawer.Drawer.Description, "description");
|
|
64
|
+
var SwipeableMenuSheetList = withContext(_seed_design_react_primitive.Primitive.div, "list");
|
|
65
|
+
var SwipeableMenuSheetGroup = react.forwardRef(({ className, ...props }, ref) => {
|
|
66
|
+
const [variantProps, otherProps] = _seed_design_css_recipes_menu_sheet_item.menuSheetItem.splitVariantProps(props);
|
|
67
|
+
const parentProps = useItemProps();
|
|
68
|
+
const classNames = useClassNames();
|
|
69
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemPropsProvider, {
|
|
70
|
+
value: {
|
|
71
|
+
...parentProps,
|
|
72
|
+
...variantProps
|
|
73
|
+
},
|
|
74
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
|
|
75
|
+
className: (0, clsx.default)(classNames.group, className),
|
|
76
|
+
ref,
|
|
77
|
+
...otherProps
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
SwipeableMenuSheetGroup.displayName = "SwipeableMenuSheetGroup";
|
|
82
|
+
var SwipeableMenuSheetItem = react.forwardRef(({ className: propClassName, ...props }, ref) => {
|
|
83
|
+
const [variantProps, otherProps] = _seed_design_css_recipes_menu_sheet_item.menuSheetItem.splitVariantProps(props);
|
|
84
|
+
const classNames = (0, _seed_design_css_recipes_menu_sheet_item.menuSheetItem)({
|
|
85
|
+
...useItemProps(),
|
|
86
|
+
...variantProps
|
|
87
|
+
});
|
|
88
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemClassNamesProvider, {
|
|
89
|
+
value: classNames,
|
|
90
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
|
|
91
|
+
ref,
|
|
92
|
+
className: (0, clsx.default)(classNames.root, propClassName),
|
|
93
|
+
...otherProps
|
|
94
|
+
})
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
SwipeableMenuSheetItem.displayName = "SwipeableMenuSheetItem";
|
|
98
|
+
var SwipeableMenuSheetItemContent = withItemContext(_seed_design_react_primitive.Primitive.div, "content");
|
|
99
|
+
var SwipeableMenuSheetItemLabel = withItemContext(_seed_design_react_primitive.Primitive.span, "label");
|
|
100
|
+
var SwipeableMenuSheetItemDescription = withItemContext(_seed_design_react_primitive.Primitive.span, "description");
|
|
101
|
+
var SwipeableMenuSheetFooter = withContext(_seed_design_react_primitive.Primitive.div, "footer");
|
|
102
|
+
/**
|
|
103
|
+
* Visible button that closes the swipeable menu sheet.
|
|
104
|
+
*/
|
|
105
|
+
var SwipeableMenuSheetCloseButton = withContext(_seed_design_react_drawer.Drawer.CloseButton, "closeButton");
|
|
106
|
+
//#endregion
|
|
107
|
+
exports.SwipeableMenuSheetBackdrop = SwipeableMenuSheetBackdrop;
|
|
108
|
+
exports.SwipeableMenuSheetCloseButton = SwipeableMenuSheetCloseButton;
|
|
109
|
+
exports.SwipeableMenuSheetContent = SwipeableMenuSheetContent;
|
|
110
|
+
exports.SwipeableMenuSheetDescription = SwipeableMenuSheetDescription;
|
|
111
|
+
exports.SwipeableMenuSheetFooter = SwipeableMenuSheetFooter;
|
|
112
|
+
exports.SwipeableMenuSheetGroup = SwipeableMenuSheetGroup;
|
|
113
|
+
exports.SwipeableMenuSheetHandle = SwipeableMenuSheetHandle;
|
|
114
|
+
exports.SwipeableMenuSheetHeader = SwipeableMenuSheetHeader;
|
|
115
|
+
exports.SwipeableMenuSheetItem = SwipeableMenuSheetItem;
|
|
116
|
+
exports.SwipeableMenuSheetItemContent = SwipeableMenuSheetItemContent;
|
|
117
|
+
exports.SwipeableMenuSheetItemDescription = SwipeableMenuSheetItemDescription;
|
|
118
|
+
exports.SwipeableMenuSheetItemLabel = SwipeableMenuSheetItemLabel;
|
|
119
|
+
exports.SwipeableMenuSheetList = SwipeableMenuSheetList;
|
|
120
|
+
exports.SwipeableMenuSheetPositioner = SwipeableMenuSheetPositioner;
|
|
121
|
+
exports.SwipeableMenuSheetRoot = SwipeableMenuSheetRoot;
|
|
122
|
+
exports.SwipeableMenuSheetTitle = SwipeableMenuSheetTitle;
|
|
123
|
+
exports.SwipeableMenuSheetTrigger = SwipeableMenuSheetTrigger;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { MenuSheetVariantProps } from '@seed-design/css/recipes/menu-sheet';
|
|
2
|
+
import { MenuSheetItemVariantProps } from '@seed-design/css/recipes/menu-sheet-item';
|
|
3
|
+
import { Drawer } from '@seed-design/react-drawer';
|
|
4
|
+
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
export interface SwipeableMenuSheetRootProps extends MenuSheetVariantProps, Pick<Drawer.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange" | "closeOnEscape" | "closeOnInteractOutside" | "lazyMount" | "unmountOnExit" | "onAnimationEnd"> {
|
|
7
|
+
}
|
|
8
|
+
export declare function SwipeableMenuSheetRoot(props: SwipeableMenuSheetRootProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export interface SwipeableMenuSheetTriggerProps extends Drawer.TriggerProps {
|
|
10
|
+
}
|
|
11
|
+
export declare const SwipeableMenuSheetTrigger: React.ForwardRefExoticComponent<Drawer.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export interface SwipeableMenuSheetPositionerProps extends Drawer.PositionerProps {
|
|
13
|
+
}
|
|
14
|
+
export declare const SwipeableMenuSheetPositioner: React.ForwardRefExoticComponent<SwipeableMenuSheetPositionerProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export interface SwipeableMenuSheetBackdropProps extends Drawer.BackdropProps {
|
|
16
|
+
}
|
|
17
|
+
export declare const SwipeableMenuSheetBackdrop: React.ForwardRefExoticComponent<SwipeableMenuSheetBackdropProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export interface SwipeableMenuSheetContentProps extends Drawer.ContentProps, Pick<MenuSheetItemVariantProps, "labelAlign"> {
|
|
19
|
+
}
|
|
20
|
+
export declare const SwipeableMenuSheetContent: React.ForwardRefExoticComponent<SwipeableMenuSheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export interface SwipeableMenuSheetHandleProps extends PrimitiveProps, Omit<Drawer.HandleProps, "preventCycle"> {
|
|
22
|
+
}
|
|
23
|
+
export declare const SwipeableMenuSheetHandle: React.ForwardRefExoticComponent<SwipeableMenuSheetHandleProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export interface SwipeableMenuSheetHeaderProps extends Drawer.HeaderProps {
|
|
25
|
+
}
|
|
26
|
+
export declare const SwipeableMenuSheetHeader: React.ForwardRefExoticComponent<SwipeableMenuSheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export interface SwipeableMenuSheetTitleProps extends Drawer.TitleProps {
|
|
28
|
+
}
|
|
29
|
+
export declare const SwipeableMenuSheetTitle: React.ForwardRefExoticComponent<SwipeableMenuSheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
30
|
+
export interface SwipeableMenuSheetDescriptionProps extends Drawer.DescriptionProps {
|
|
31
|
+
}
|
|
32
|
+
export declare const SwipeableMenuSheetDescription: React.ForwardRefExoticComponent<SwipeableMenuSheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
33
|
+
export interface SwipeableMenuSheetListProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
}
|
|
35
|
+
export declare const SwipeableMenuSheetList: React.ForwardRefExoticComponent<SwipeableMenuSheetListProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
export interface SwipeableMenuSheetGroupProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement>, Pick<MenuSheetItemVariantProps, "labelAlign"> {
|
|
37
|
+
}
|
|
38
|
+
export declare const SwipeableMenuSheetGroup: React.ForwardRefExoticComponent<SwipeableMenuSheetGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
export interface SwipeableMenuSheetItemProps extends PrimitiveProps, MenuSheetItemVariantProps, React.HTMLAttributes<HTMLButtonElement> {
|
|
40
|
+
}
|
|
41
|
+
export declare const SwipeableMenuSheetItem: React.ForwardRefExoticComponent<SwipeableMenuSheetItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
42
|
+
export interface SwipeableMenuSheetItemContentProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
}
|
|
44
|
+
export declare const SwipeableMenuSheetItemContent: React.ForwardRefExoticComponent<SwipeableMenuSheetItemContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
export interface SwipeableMenuSheetItemLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
|
|
46
|
+
}
|
|
47
|
+
export declare const SwipeableMenuSheetItemLabel: React.ForwardRefExoticComponent<SwipeableMenuSheetItemLabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
48
|
+
export interface SwipeableMenuSheetItemDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
|
|
49
|
+
}
|
|
50
|
+
export declare const SwipeableMenuSheetItemDescription: React.ForwardRefExoticComponent<SwipeableMenuSheetItemDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
51
|
+
export interface SwipeableMenuSheetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
52
|
+
}
|
|
53
|
+
export declare const SwipeableMenuSheetFooter: React.ForwardRefExoticComponent<SwipeableMenuSheetFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
export interface SwipeableMenuSheetCloseButtonProps extends Drawer.CloseButtonProps {
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Visible button that closes the swipeable menu sheet.
|
|
58
|
+
*/
|
|
59
|
+
export declare const SwipeableMenuSheetCloseButton: React.ForwardRefExoticComponent<SwipeableMenuSheetCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
60
|
+
//# sourceMappingURL=SwipeableMenuSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwipeableMenuSheet.d.ts","sourceRoot":"","sources":["../../../src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,2BACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;CAAG;AAGR,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAaxE;AAID,MAAM,WAAW,8BAA+B,SAAQ,MAAM,CAAC,YAAY;CAAG;AAE9E,eAAO,MAAM,yBAAyB,+FAAiB,CAAC;AAIxD,MAAM,WAAW,iCAAkC,SAAQ,MAAM,CAAC,eAAe;CAAG;AAEpF,eAAO,MAAM,4BAA4B,0GAGP,CAAC;AAInC,MAAM,WAAW,+BAAgC,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEhF,eAAO,MAAM,0BAA0B,wGAGT,CAAC;AAI/B,MAAM,WAAW,8BACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,yBAAyB,EAAE,YAAY,CAAC;CAAG;AAEpD,eAAO,MAAM,yBAAyB,uGAYpC,CAAC;AAQH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC;CAAG;AAE/C,eAAO,MAAM,wBAAwB,sGAWnC,CAAC;AAMH,MAAM,WAAW,6BAA8B,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE5E,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAIF,MAAM,WAAW,4BAA6B,SAAQ,MAAM,CAAC,UAAU;CAAG;AAE1E,eAAO,MAAM,uBAAuB,yGAGZ,CAAC;AAMzB,MAAM,WAAW,kCAAmC,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAEtF,eAAO,MAAM,6BAA6B,iHAGN,CAAC;AAIrC,MAAM,WAAW,2BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,sBAAsB,oGAGlC,CAAC;AAIF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CAAC,yBAAyB,EAAE,YAAY,CAAC;CAAG;AAEpD,eAAO,MAAM,uBAAuB,qGAalC,CAAC;AAMH,MAAM,WAAW,2BACf,SAAQ,cAAc,EACpB,yBAAyB,EACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,sBAAsB,uGAiBjC,CAAC;AAIH,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,6BAA6B,2GAGf,CAAC;AAE5B,MAAM,WAAW,gCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,2BAA2B,0GAGd,CAAC;AAE3B,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,iCAAiC,gHAGd,CAAC;AAIjC,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAIF,MAAM,WAAW,kCAAmC,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAEtF;;GAEG;AACH,eAAO,MAAM,6BAA6B,8GAGN,CAAC"}
|