@seed-design/react 2.0.4 → 2.1.0

package/lib/index.cjs

@@ -26,6 +26,8 @@ const require_ChipTabs = require("./components/ChipTabs/ChipTabs.cjs");
 const require_ChipTabs_namespace = require("./components/ChipTabs/ChipTabs.namespace.cjs");
 const require_Columns = require("./components/Columns/Columns.cjs");
 const require_ConsistentWidth = require("./components/ConsistentWidth/ConsistentWidth.cjs");
+const require_ContentDialog = require("./components/ContentDialog/ContentDialog.cjs");
+const require_ContentDialog_namespace = require("./components/ContentDialog/ContentDialog.namespace.cjs");
 const require_ContentPlaceholder = require("./components/ContentPlaceholder/ContentPlaceholder.cjs");
 const require_ContentPlaceholder_namespace = require("./components/ContentPlaceholder/ContentPlaceholder.namespace.cjs");
 const require_ContextualFloatingButton = require("./components/ContextualFloatingButton/ContextualFloatingButton.cjs");
@@ -95,14 +97,18 @@ const require_ProgressCircle = require("./components/ProgressCircle/ProgressCirc
 const require_ProgressCircle_namespace = require("./components/ProgressCircle/ProgressCircle.namespace.cjs");
 const require_PullToRefresh = require("./components/PullToRefresh/PullToRefresh.cjs");
 const require_PullToRefresh_namespace = require("./components/PullToRefresh/PullToRefresh.namespace.cjs");
+const require_QuantityPicker = require("./components/QuantityPicker/QuantityPicker.cjs");
+const require_QuantityPicker_namespace = require("./components/QuantityPicker/QuantityPicker.namespace.cjs");
 const require_RadioGroup = require("./components/RadioGroup/RadioGroup.cjs");
 const require_RadioGroup_namespace = require("./components/RadioGroup/RadioGroup.namespace.cjs");
 const require_RadioGroupField = require("./components/RadioGroupField/RadioGroupField.cjs");
 const require_RadioGroupField_namespace = require("./components/RadioGroupField/RadioGroupField.namespace.cjs");
 const require_ReactionButton = require("./components/ReactionButton/ReactionButton.cjs");
-const require_ResponsivePair = require("./components/ResponsivePair/ResponsivePair.cjs");
 const require_useBreakpoint = require("./hooks/useBreakpoint.cjs");
 const require_useBreakpointValue = require("./hooks/useBreakpointValue.cjs");
+const require_ResponsiveDialog = require("./components/ResponsiveDialog/ResponsiveDialog.cjs");
+const require_ResponsiveDialog_namespace = require("./components/ResponsiveDialog/ResponsiveDialog.namespace.cjs");
+const require_ResponsivePair = require("./components/ResponsivePair/ResponsivePair.cjs");
 const require_SidePanel = require("./components/SidePanel/SidePanel.cjs");
 const require_SidePanel_namespace = require("./components/SidePanel/SidePanel.namespace.cjs");
 const require_ResponsiveSidePanel = require("./components/ResponsiveSidePanel/ResponsiveSidePanel.cjs");
@@ -110,6 +116,8 @@ const require_ResponsiveSidePanel_namespace = require("./components/ResponsiveSi
 const require_ScrollFog = require("./components/ScrollFog/ScrollFog.cjs");
 const require_SegmentedControl = require("./components/SegmentedControl/SegmentedControl.cjs");
 const require_SegmentedControl_namespace = require("./components/SegmentedControl/SegmentedControl.namespace.cjs");
+const require_Select = require("./components/Select/Select.cjs");
+const require_Select_namespace = require("./components/Select/Select.namespace.cjs");
 const require_CheckSelectBox = require("./components/SelectBox/CheckSelectBox.cjs");
 const require_RadioSelectBox = require("./components/SelectBox/RadioSelectBox.cjs");
 const require_CheckSelectBox_namespace = require("./components/SelectBox/CheckSelectBox.namespace.cjs");
@@ -332,6 +340,24 @@ exports.ChipTabsTrigger = require_ChipTabs.ChipTabsTrigger;
 exports.Column = require_Columns.Column;
 exports.Columns = require_Columns.Columns;
 exports.ConsistentWidth = require_ConsistentWidth.ConsistentWidth;
+Object.defineProperty(exports, "ContentDialog", {
+	enumerable: true,
+	get: function() {
+		return require_ContentDialog_namespace.ContentDialog_namespace_exports;
+	}
+});
+exports.ContentDialogAction = require_ContentDialog.ContentDialogAction;
+exports.ContentDialogBackdrop = require_ContentDialog.ContentDialogBackdrop;
+exports.ContentDialogBody = require_ContentDialog.ContentDialogBody;
+exports.ContentDialogCloseButton = require_ContentDialog.ContentDialogCloseButton;
+exports.ContentDialogContent = require_ContentDialog.ContentDialogContent;
+exports.ContentDialogDescription = require_ContentDialog.ContentDialogDescription;
+exports.ContentDialogFooter = require_ContentDialog.ContentDialogFooter;
+exports.ContentDialogHeader = require_ContentDialog.ContentDialogHeader;
+exports.ContentDialogPositioner = require_ContentDialog.ContentDialogPositioner;
+exports.ContentDialogRoot = require_ContentDialog.ContentDialogRoot;
+exports.ContentDialogTitle = require_ContentDialog.ContentDialogTitle;
+exports.ContentDialogTrigger = require_ContentDialog.ContentDialogTrigger;
 Object.defineProperty(exports, "ContentPlaceholder", {
 	enumerable: true,
 	get: function() {
@@ -642,6 +668,17 @@ Object.defineProperty(exports, "PullToRefresh", {
 exports.PullToRefreshContent = require_PullToRefresh.PullToRefreshContent;
 exports.PullToRefreshIndicator = require_PullToRefresh.PullToRefreshIndicator;
 exports.PullToRefreshRoot = require_PullToRefresh.PullToRefreshRoot;
+Object.defineProperty(exports, "QuantityPicker", {
+	enumerable: true,
+	get: function() {
+		return require_QuantityPicker_namespace.QuantityPicker_namespace_exports;
+	}
+});
+exports.QuantityPickerDecrementButton = require_QuantityPicker.QuantityPickerDecrementButton;
+exports.QuantityPickerHiddenInput = require_QuantityPicker.QuantityPickerHiddenInput;
+exports.QuantityPickerIncrementButton = require_QuantityPicker.QuantityPickerIncrementButton;
+exports.QuantityPickerRoot = require_QuantityPicker.QuantityPickerRoot;
+exports.QuantityPickerValueDisplay = require_QuantityPicker.QuantityPickerValueDisplay;
 Object.defineProperty(exports, "RadioGroup", {
 	enumerable: true,
 	get: function() {
@@ -684,6 +721,25 @@ exports.RadioSelectBoxItem = require_RadioSelectBox.RadioSelectBoxItem;
 exports.RadioSelectBoxLabel = require_RadioSelectBox.RadioSelectBoxLabel;
 exports.RadioSelectBoxTrigger = require_RadioSelectBox.RadioSelectBoxTrigger;
 exports.ReactionButton = require_ReactionButton.ReactionButton;
+Object.defineProperty(exports, "ResponsiveDialog", {
+	enumerable: true,
+	get: function() {
+		return require_ResponsiveDialog_namespace.ResponsiveDialog_namespace_exports;
+	}
+});
+exports.ResponsiveDialogAction = require_ResponsiveDialog.ResponsiveDialogAction;
+exports.ResponsiveDialogBackdrop = require_ResponsiveDialog.ResponsiveDialogBackdrop;
+exports.ResponsiveDialogBody = require_ResponsiveDialog.ResponsiveDialogBody;
+exports.ResponsiveDialogCloseButton = require_ResponsiveDialog.ResponsiveDialogCloseButton;
+exports.ResponsiveDialogContent = require_ResponsiveDialog.ResponsiveDialogContent;
+exports.ResponsiveDialogDescription = require_ResponsiveDialog.ResponsiveDialogDescription;
+exports.ResponsiveDialogFooter = require_ResponsiveDialog.ResponsiveDialogFooter;
+exports.ResponsiveDialogHandle = require_ResponsiveDialog.ResponsiveDialogHandle;
+exports.ResponsiveDialogHeader = require_ResponsiveDialog.ResponsiveDialogHeader;
+exports.ResponsiveDialogPositioner = require_ResponsiveDialog.ResponsiveDialogPositioner;
+exports.ResponsiveDialogRoot = require_ResponsiveDialog.ResponsiveDialogRoot;
+exports.ResponsiveDialogTitle = require_ResponsiveDialog.ResponsiveDialogTitle;
+exports.ResponsiveDialogTrigger = require_ResponsiveDialog.ResponsiveDialogTrigger;
 exports.ResponsivePair = require_ResponsivePair.ResponsivePair;
 Object.defineProperty(exports, "ResponsiveSidePanel", {
 	enumerable: true,
@@ -714,6 +770,30 @@ exports.SegmentedControlIndicator = require_SegmentedControl.SegmentedControlInd
 exports.SegmentedControlItem = require_SegmentedControl.SegmentedControlItem;
 exports.SegmentedControlItemHiddenInput = require_SegmentedControl.SegmentedControlItemHiddenInput;
 exports.SegmentedControlRoot = require_SegmentedControl.SegmentedControlRoot;
+Object.defineProperty(exports, "Select", {
+	enumerable: true,
+	get: function() {
+		return require_Select_namespace.Select_namespace_exports;
+	}
+});
+exports.SelectContent = require_Select.SelectContent;
+exports.SelectGroup = require_Select.SelectGroup;
+exports.SelectGroupLabel = require_Select.SelectGroupLabel;
+exports.SelectHiddenSelect = require_Select.SelectHiddenSelect;
+exports.SelectItem = require_Select.SelectItem;
+exports.SelectItemBody = require_Select.SelectItemBody;
+exports.SelectItemDescription = require_Select.SelectItemDescription;
+exports.SelectItemIndicator = require_Select.SelectItemIndicator;
+exports.SelectItemLabel = require_Select.SelectItemLabel;
+exports.SelectItemPrefixIcon = require_Select.SelectItemPrefixIcon;
+exports.SelectPlaceholder = require_Select.SelectPlaceholder;
+exports.SelectPositioner = require_Select.SelectPositioner;
+exports.SelectPrefixIcon = require_Select.SelectPrefixIcon;
+exports.SelectRoot = require_Select.SelectRoot;
+exports.SelectScrollArea = require_Select.SelectScrollArea;
+exports.SelectSuffixIcon = require_Select.SelectSuffixIcon;
+exports.SelectTrigger = require_Select.SelectTrigger;
+exports.SelectValue = require_Select.SelectValue;
 Object.defineProperty(exports, "SideNavigation", {
 	enumerable: true,
 	get: function() {
@@ -877,6 +957,7 @@ Object.defineProperty(exports, "tabsCarouselPreventDrag", {
 });
 exports.useBreakpoint = require_useBreakpoint.useBreakpoint;
 exports.useBreakpointValue = require_useBreakpointValue.useBreakpointValue;
+exports.useResponsiveDialogContext = require_ResponsiveDialog.useResponsiveDialogContext;
 exports.useResponsiveSidePanelContext = require_ResponsiveSidePanel.useResponsiveSidePanelContext;
 exports.useSnackbarAdapter = require_useSnackbarAdapter.useSnackbarAdapter;
 Object.defineProperty(exports, "useSnackbarContext", {

package/lib/index.js

@@ -24,6 +24,8 @@ import { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList
 import { ChipTabs_namespace_exports } from "./components/ChipTabs/ChipTabs.namespace.js";
 import { Column, Columns } from "./components/Columns/Columns.js";
 import { ConsistentWidth } from "./components/ConsistentWidth/ConsistentWidth.js";
+import { ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger } from "./components/ContentDialog/ContentDialog.js";
+import { ContentDialog_namespace_exports } from "./components/ContentDialog/ContentDialog.namespace.js";
 import { ContentPlaceholderAsset, ContentPlaceholderRoot } from "./components/ContentPlaceholder/ContentPlaceholder.js";
 import { ContentPlaceholder_namespace_exports } from "./components/ContentPlaceholder/ContentPlaceholder.namespace.js";
 import { ContextualFloatingButton } from "./components/ContextualFloatingButton/ContextualFloatingButton.js";
@@ -95,14 +97,18 @@ import { ProgressCircle_namespace_exports } from "./components/ProgressCircle/Pr
 import { PullToRefreshContent, PullToRefreshIndicator, PullToRefreshRoot } from "./components/PullToRefresh/PullToRefresh.js";
 import { PullToRefresh_namespace_exports } from "./components/PullToRefresh/PullToRefresh.namespace.js";
 import { pullToRefreshPreventPull } from "./components/PullToRefresh/index.js";
+import { QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay } from "./components/QuantityPicker/QuantityPicker.js";
+import { QuantityPicker_namespace_exports } from "./components/QuantityPicker/QuantityPicker.namespace.js";
 import { RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot } from "./components/RadioGroup/RadioGroup.js";
 import { RadioGroup_namespace_exports } from "./components/RadioGroup/RadioGroup.namespace.js";
 import { RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot } from "./components/RadioGroupField/RadioGroupField.js";
 import { RadioGroupField_namespace_exports } from "./components/RadioGroupField/RadioGroupField.namespace.js";
 import { ReactionButton } from "./components/ReactionButton/ReactionButton.js";
-import { ResponsivePair } from "./components/ResponsivePair/ResponsivePair.js";
 import { useBreakpoint } from "./hooks/useBreakpoint.js";
 import { useBreakpointValue } from "./hooks/useBreakpointValue.js";
+import { ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, useResponsiveDialogContext } from "./components/ResponsiveDialog/ResponsiveDialog.js";
+import { ResponsiveDialog_namespace_exports } from "./components/ResponsiveDialog/ResponsiveDialog.namespace.js";
+import { ResponsivePair } from "./components/ResponsivePair/ResponsivePair.js";
 import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger } from "./components/SidePanel/SidePanel.js";
 import { SidePanel_namespace_exports } from "./components/SidePanel/SidePanel.namespace.js";
 import { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext } from "./components/ResponsiveSidePanel/ResponsiveSidePanel.js";
@@ -110,6 +116,8 @@ import { ResponsiveSidePanel_namespace_exports } from "./components/ResponsiveSi
 import { ScrollFog } from "./components/ScrollFog/ScrollFog.js";
 import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from "./components/SegmentedControl/SegmentedControl.js";
 import { SegmentedControl_namespace_exports } from "./components/SegmentedControl/SegmentedControl.namespace.js";
+import { SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue } from "./components/Select/Select.js";
+import { Select_namespace_exports } from "./components/Select/Select.namespace.js";
 import { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger } from "./components/SelectBox/CheckSelectBox.js";
 import { RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger } from "./components/SelectBox/RadioSelectBox.js";
 import { CheckSelectBox_namespace_exports } from "./components/SelectBox/CheckSelectBox.namespace.js";
@@ -139,4 +147,4 @@ import { TextField_namespace_exports } from "./components/TextField/TextField.na
 import { ToggleButton } from "./components/ToggleButton/ToggleButton.js";
 import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.js";
 import { BreakpointProvider } from "./providers/BreakpointProvider.js";
-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 };
+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, ContentDialog_namespace_exports as ContentDialog, ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger, 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, QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay, 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, ResponsiveDialog_namespace_exports as ResponsiveDialog, ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, 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, Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue, 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, useResponsiveDialogContext, useResponsiveSidePanelContext, useSnackbarAdapter, useSnackbarContext, useTextFieldWithGraphemes };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@seed-design/react",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
     "directory": "packages/react"
   },
+  "license": "Apache-2.0",
   "sideEffects": [
     "*.css"
   ],
@@ -27,7 +28,9 @@
   "types": "./lib/index.d.ts",
   "files": [
     "lib",
-    "src"
+    "src",
+    "LICENSE",
+    "NOTICE"
   ],
   "scripts": {
     "clean": "rm -rf lib",
@@ -39,42 +42,44 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-use-controllable-state": "1.2.2",
     "@radix-ui/react-use-layout-effect": "^1.1.1",
-    "@seed-design/dom-utils": "^2.0.0",
-    "@seed-design/react-accordion": "^1.0.0",
-    "@seed-design/react-attachment-display": "^1.0.0",
-    "@seed-design/react-avatar": "^2.0.0",
-    "@seed-design/react-checkbox": "^2.0.0",
-    "@seed-design/react-collapsible": "^1.0.0",
-    "@seed-design/react-dialog": "^2.0.1",
-    "@seed-design/react-drawer": "^2.0.1",
-    "@seed-design/react-field": "^2.0.0",
-    "@seed-design/react-field-button": "^2.0.0",
-    "@seed-design/react-fieldset": "^1.0.0",
-    "@seed-design/react-file-upload": "^1.0.0",
-    "@seed-design/react-image": "^1.0.0",
-    "@seed-design/react-menu": "^2.0.0",
-    "@seed-design/react-middle-truncate": "^1.0.0",
-    "@seed-design/react-navigation-menu": "^2.0.0",
-    "@seed-design/react-popover": "^2.0.0",
-    "@seed-design/react-portal": "^2.0.0",
-    "@seed-design/react-primitive": "^2.0.0",
-    "@seed-design/react-progress": "^2.0.0",
-    "@seed-design/react-pull-to-refresh": "^2.0.0",
-    "@seed-design/react-radio-group": "^2.0.0",
-    "@seed-design/react-segmented-control": "^2.0.1",
-    "@seed-design/react-side-navigation": "^1.0.0",
-    "@seed-design/react-slider": "^2.0.0",
-    "@seed-design/react-snackbar": "^2.0.0",
-    "@seed-design/react-switch": "^2.0.0",
-    "@seed-design/react-tabs": "^2.0.0",
-    "@seed-design/react-text-field": "^2.0.0",
-    "@seed-design/react-toggle": "^2.0.0",
-    "@seed-design/react-tooltip": "^1.0.0",
+    "@seed-design/dom-utils": "^2.1.0",
+    "@seed-design/react-accordion": "^1.0.1",
+    "@seed-design/react-attachment-display": "^1.0.1",
+    "@seed-design/react-avatar": "^2.0.1",
+    "@seed-design/react-checkbox": "^2.0.1",
+    "@seed-design/react-collapsible": "^1.0.1",
+    "@seed-design/react-dialog": "^2.0.2",
+    "@seed-design/react-drawer": "^2.0.2",
+    "@seed-design/react-field": "^2.0.1",
+    "@seed-design/react-field-button": "^2.0.1",
+    "@seed-design/react-fieldset": "^1.0.1",
+    "@seed-design/react-file-upload": "^1.0.1",
+    "@seed-design/react-image": "^1.0.1",
+    "@seed-design/react-menu": "^2.0.1",
+    "@seed-design/react-middle-truncate": "^1.0.1",
+    "@seed-design/react-navigation-menu": "^2.0.1",
+    "@seed-design/react-popover": "^2.0.1",
+    "@seed-design/react-portal": "^2.0.1",
+    "@seed-design/react-primitive": "^2.0.1",
+    "@seed-design/react-progress": "^2.0.1",
+    "@seed-design/react-pull-to-refresh": "^2.0.1",
+    "@seed-design/react-quantity-picker": "^1.0.0",
+    "@seed-design/react-radio-group": "^2.0.1",
+    "@seed-design/react-segmented-control": "^2.0.2",
+    "@seed-design/react-select": "^1.0.0",
+    "@seed-design/react-side-navigation": "^1.0.1",
+    "@seed-design/react-slider": "^2.0.1",
+    "@seed-design/react-snackbar": "^2.0.1",
+    "@seed-design/react-switch": "^2.0.1",
+    "@seed-design/react-tabs": "^2.0.1",
+    "@seed-design/react-text-field": "^2.0.1",
+    "@seed-design/react-toggle": "^2.0.1",
+    "@seed-design/react-tooltip": "^1.0.1",
     "clsx": "^2.1.1",
     "unicode-segmenter": "^0.14.4"
   },
   "peerDependencies": {
-    "@seed-design/css": "^2.0.0",
+    "@seed-design/css": "^2.3.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },

package/src/components/ContentDialog/ContentDialog.namespace.ts

@@ -0,0 +1,26 @@
+export {
+  ContentDialogBackdrop as Backdrop,
+  ContentDialogPositioner as Positioner,
+  ContentDialogContent as Content,
+  ContentDialogBody as Body,
+  ContentDialogDescription as Description,
+  ContentDialogFooter as Footer,
+  ContentDialogHeader as Header,
+  ContentDialogRoot as Root,
+  ContentDialogTitle as Title,
+  ContentDialogTrigger as Trigger,
+  ContentDialogAction as Action,
+  ContentDialogCloseButton as CloseButton,
+  type ContentDialogBackdropProps as BackdropProps,
+  type ContentDialogPositionerProps as PositionerProps,
+  type ContentDialogContentProps as ContentProps,
+  type ContentDialogBodyProps as BodyProps,
+  type ContentDialogDescriptionProps as DescriptionProps,
+  type ContentDialogFooterProps as FooterProps,
+  type ContentDialogHeaderProps as HeaderProps,
+  type ContentDialogRootProps as RootProps,
+  type ContentDialogTitleProps as TitleProps,
+  type ContentDialogTriggerProps as TriggerProps,
+  type ContentDialogActionProps as ActionProps,
+  type ContentDialogCloseButtonProps as CloseButtonProps,
+} from "./ContentDialog";

package/src/components/ContentDialog/ContentDialog.tsx

@@ -0,0 +1,222 @@
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import {
+  contentDialog,
+  type ContentDialogVariantProps,
+} from "@seed-design/css/recipes/content-dialog";
+import { dataAttr } from "@seed-design/dom-utils";
+import { Dialog as DialogPrimitive } from "@seed-design/react-dialog";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import clsx from "clsx";
+import * as React from "react";
+import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { useStyleProps, withStyleProps, type StyleProps } from "../../utils/styled";
+
+const { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(contentDialog);
+
+const closeButtonTracker = createRenderTrackingContext("ContentDialogCloseButton");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogRootProps
+  extends ContentDialogVariantProps,
+    Omit<DialogPrimitive.RootProps, "role"> {
+  /**
+   * @default true
+   */
+  lazyMount?: DialogPrimitive.RootProps["lazyMount"];
+  /**
+   * @default true
+   */
+  unmountOnExit?: DialogPrimitive.RootProps["unmountOnExit"];
+}
+
+export function ContentDialogRoot(props: ContentDialogRootProps) {
+  const [variantProps, otherProps] = contentDialog.splitVariantProps({
+    lazyMount: true,
+    unmountOnExit: true,
+    ...props,
+  });
+  const classNames = contentDialog(variantProps);
+
+  return (
+    <ClassNamesProvider value={classNames}>
+      <closeButtonTracker.Provider>
+        <DialogPrimitive.Root {...otherProps} />
+      </closeButtonTracker.Provider>
+    </ClassNamesProvider>
+  );
+}
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogTriggerProps extends DialogPrimitive.TriggerProps {}
+
+export const ContentDialogTrigger = DialogPrimitive.Trigger;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogPositionerProps extends DialogPrimitive.PositionerProps {}
+
+export const ContentDialogPositioner = withContext<HTMLDivElement, ContentDialogPositionerProps>(
+  DialogPrimitive.Positioner,
+  "positioner",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogBackdropProps extends DialogPrimitive.BackdropProps {}
+
+export const ContentDialogBackdrop = withContext<HTMLDivElement, ContentDialogBackdropProps>(
+  DialogPrimitive.Backdrop,
+  "backdrop",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogContentProps
+  extends DialogPrimitive.ContentProps,
+    Pick<StyleProps, "width" | "maxWidth"> {}
+
+export const ContentDialogContent = withContext<HTMLDivElement, ContentDialogContentProps>(
+  withStyleProps(DialogPrimitive.Content),
+  "content",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogHeaderProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const ContentDialogHeader = React.forwardRef<HTMLDivElement, ContentDialogHeaderProps>(
+  ({ className, ...props }, ref) => {
+    const classNames = useClassNames();
+    const { isRendered } = closeButtonTracker.useRenderTracking();
+
+    return (
+      <Primitive.div
+        ref={ref}
+        data-show-close-button={dataAttr(isRendered)}
+        className={clsx(classNames.header, className)}
+        {...props}
+      />
+    );
+  },
+);
+
+ContentDialogHeader.displayName = "ContentDialogHeader";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogTitleProps extends DialogPrimitive.TitleProps {}
+
+export const ContentDialogTitle = withContext<HTMLHeadingElement, ContentDialogTitleProps>(
+  DialogPrimitive.Title,
+  "title",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogDescriptionProps extends DialogPrimitive.DescriptionProps {}
+
+export const ContentDialogDescription = withContext<
+  HTMLParagraphElement,
+  ContentDialogDescriptionProps
+>(DialogPrimitive.Description, "description");
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogBodyProps
+  extends PrimitiveProps,
+    Pick<StyleProps, "paddingX" | "minHeight" | "maxHeight" | "justifyContent" | "alignItems">,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const ContentDialogBody = React.forwardRef<HTMLDivElement, ContentDialogBodyProps>(
+  (props, forwardedRef) => {
+    const classNames = useClassNames();
+    const { style, restProps } = useStyleProps(props);
+    const { className, ...otherProps } = restProps;
+
+    const ref = React.useRef<HTMLDivElement>(null);
+    const [scrolled, setScrolled] = React.useState(false);
+    const [overflowing, setOverflowing] = React.useState(false);
+
+    React.useEffect(() => {
+      const element = ref.current;
+      if (!element) return;
+
+      const check = () => {
+        setScrolled(element.scrollTop > 0);
+        // Subtract the current bottom padding so overflow detection stays independent
+        // of the padding we conditionally apply — otherwise that padding would count as
+        // overflow and the state would never settle (padding -> overflow -> padding...).
+        const paddingBottom = Number.parseFloat(getComputedStyle(element).paddingBottom) || 0;
+        setOverflowing(element.scrollHeight - paddingBottom > element.clientHeight);
+      };
+      check();
+
+      element.addEventListener("scroll", check);
+
+      const observer = new ResizeObserver(check);
+      observer.observe(element);
+
+      return () => {
+        element.removeEventListener("scroll", check);
+        observer.disconnect();
+      };
+    }, []);
+
+    return (
+      <Primitive.div
+        ref={composeRefs(ref, forwardedRef)}
+        data-scrolled={dataAttr(scrolled)}
+        data-overflow={dataAttr(overflowing)}
+        className={clsx(classNames.body, className)}
+        style={style}
+        {...otherProps}
+      />
+    );
+  },
+);
+
+ContentDialogBody.displayName = "ContentDialogBody";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogFooterProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const ContentDialogFooter = withContext<HTMLDivElement, ContentDialogFooterProps>(
+  Primitive.div,
+  "footer",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogActionProps extends DialogPrimitive.CloseButtonProps {}
+
+export const ContentDialogAction = DialogPrimitive.CloseButton;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ContentDialogCloseButtonProps extends DialogPrimitive.CloseButtonProps {}
+
+export const ContentDialogCloseButton = React.forwardRef<
+  HTMLButtonElement,
+  ContentDialogCloseButtonProps
+>(({ className, ...props }, ref) => {
+  const classNames = useClassNames();
+  const { trackRef } = closeButtonTracker.useRenderTracking();
+
+  return (
+    <DialogPrimitive.CloseButton
+      ref={composeRefs(ref, trackRef)}
+      className={clsx(classNames.closeButton, className)}
+      {...props}
+    />
+  );
+});
+
+ContentDialogCloseButton.displayName = "ContentDialogCloseButton";

package/src/components/ContentDialog/index.ts

@@ -0,0 +1,33 @@
+// NOTE: dialog naming is mid-rename; rootage/vars already use the new names, recipes and react components still use the old ones.
+// Semantically (= snippet naming), this component is the Dialog:
+//   snippet AlertDialog → react Dialog        → recipe "dialog"         → vars alertDialog
+//   snippet Dialog      → react ContentDialog → recipe "content-dialog" → vars dialog
+
+export {
+  ContentDialogBackdrop,
+  ContentDialogPositioner,
+  ContentDialogContent,
+  ContentDialogBody,
+  ContentDialogDescription,
+  ContentDialogFooter,
+  ContentDialogHeader,
+  ContentDialogRoot,
+  ContentDialogTitle,
+  ContentDialogTrigger,
+  ContentDialogAction,
+  ContentDialogCloseButton,
+  type ContentDialogBackdropProps,
+  type ContentDialogPositionerProps,
+  type ContentDialogContentProps,
+  type ContentDialogBodyProps,
+  type ContentDialogDescriptionProps,
+  type ContentDialogFooterProps,
+  type ContentDialogHeaderProps,
+  type ContentDialogRootProps,
+  type ContentDialogTitleProps,
+  type ContentDialogTriggerProps,
+  type ContentDialogActionProps,
+  type ContentDialogCloseButtonProps,
+} from "./ContentDialog";
+
+export * as ContentDialog from "./ContentDialog.namespace";