@cerberus-design/react 1.2.0 → 1.3.0-rc.1

package/dist/index.cjs

@@ -16,9 +16,9 @@ const require_primitives$2 = require("./components/accordion/primitives.cjs");
 const require_parts$2 = require("./components/accordion/parts.cjs");
 const require_item_group = require("./components/accordion/item-group.cjs");
 const require_spinner = require("./components/spinner/spinner.cjs");
-const require_primitives$3 = require("./components/button/primitives.cjs");
 const require_button = require("./components/button/button.cjs");
 const require_parts$3 = require("./components/button/parts.cjs");
+const require_primitives$3 = require("./components/button/primitives.cjs");
 const require_primitives$4 = require("./components/carousel/primitives.cjs");
 const require_parts$4 = require("./components/carousel/parts.cjs");
 const require_for = require("./components/for/for.cjs");
@@ -32,6 +32,7 @@ const require_circular_progress = require("./components/circular-progress/circul
 const require_primitives$7 = require("./components/clipboard/primitives.cjs");
 const require_primitives$8 = require("./components/tooltip/primitives.cjs");
 const require_parts$6 = require("./components/tooltip/parts.cjs");
+const require_portal = require("./components/portal/portal.cjs");
 const require_tooltip = require("./components/tooltip/tooltip.cjs");
 const require_parts$7 = require("./components/clipboard/parts.cjs");
 const require_primitives$9 = require("./components/collapsible/primitives.cjs");
@@ -43,12 +44,11 @@ const require_item = require("./components/combobox/item.cjs");
 const require_item_group$1 = require("./components/combobox/item-group.cjs");
 const require_primitives$11 = require("./components/select/primitives.cjs");
 const require_use_stateful_collection = require("./components/combobox/use-stateful-collection.cjs");
-const require_primitives$12 = require("./components/dialog/primitives.cjs");
-const require_parts$10 = require("./components/dialog/parts.cjs");
-const require_primitives$13 = require("./components/icon-button/primitives.cjs");
+const require_primitives$12 = require("./components/icon-button/primitives.cjs");
 const require_button$1 = require("./components/icon-button/button.cjs");
+const require_primitives$13 = require("./components/dialog/primitives.cjs");
 const require_close_icon_trigger = require("./components/dialog/close-icon-trigger.cjs");
-const require_portal = require("./components/portal/portal.cjs");
+const require_parts$10 = require("./components/dialog/parts.cjs");
 const require_dialog = require("./components/dialog/dialog.cjs");
 const require_provider = require("./components/cta-dialog/provider.cjs");
 const require_utils = require("./components/cta-dialog/utils.cjs");
@@ -131,7 +131,6 @@ const require_theme$1 = require("./context/theme.cjs");
 const require_useRootColors = require("./hooks/useRootColors.cjs");
 let _ark_ui_react = require("@ark-ui/react");
 let _internationalized_date = require("@internationalized/date");
-let _ark_ui_react_toast = require("@ark-ui/react/toast");
 let _ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
 let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
 exports.Accordion = require_item_group.Accordion;
@@ -323,23 +322,24 @@ exports.DatePickerViewControl = require_primitives$14.DatePickerViewControl;
 exports.DatePickerViewTrigger = require_primitives$14.DatePickerViewTrigger;
 exports.DatePickerYearSelect = require_primitives$14.DatePickerYearSelect;
 exports.Dialog = require_dialog.Dialog;
-exports.DialogBackdrop = require_primitives$12.DialogBackdrop;
+exports.DialogBackdrop = require_primitives$13.DialogBackdrop;
 exports.DialogCloseIconTrigger = require_close_icon_trigger.DialogCloseIconTrigger;
-exports.DialogCloseTrigger = require_primitives$12.DialogCloseTrigger;
-exports.DialogContent = require_primitives$12.DialogContent;
-exports.DialogDescription = require_primitives$12.DialogDescription;
-exports.DialogHeading = require_primitives$12.DialogHeading;
+exports.DialogCloseTrigger = require_primitives$13.DialogCloseTrigger;
+exports.DialogContent = require_primitives$13.DialogContent;
+exports.DialogContext = require_primitives$13.DialogContext;
+exports.DialogDescription = require_primitives$13.DialogDescription;
+exports.DialogHeading = require_primitives$13.DialogHeading;
 exports.DialogParts = require_parts$10.DialogParts;
-exports.DialogPositioner = require_primitives$12.DialogPositioner;
-exports.DialogProvider = require_primitives$12.DialogProvider;
-exports.DialogRoot = require_primitives$12.DialogRoot;
+exports.DialogPositioner = require_primitives$13.DialogPositioner;
+exports.DialogProvider = require_primitives$13.DialogProvider;
+exports.DialogRoot = require_primitives$13.DialogRoot;
 Object.defineProperty(exports, "DialogRootProvider", {
 	enumerable: true,
 	get: function() {
 		return _ark_ui_react.DialogRootProvider;
 	}
 });
-exports.DialogTrigger = require_primitives$12.DialogTrigger;
+exports.DialogTrigger = require_primitives$13.DialogTrigger;
 Object.defineProperty(exports, "DownloadTrigger", {
 	enumerable: true,
 	get: function() {
@@ -456,7 +456,7 @@ Object.defineProperty(exports, "HoverCardRootProvider", {
 	}
 });
 exports.IconButton = require_button$1.IconButton;
-exports.IconButtonRoot = require_primitives$13.IconButtonRoot;
+exports.IconButtonRoot = require_primitives$12.IconButtonRoot;
 Object.defineProperty(exports, "ImageCropperRootProvider", {
 	enumerable: true,
 	get: function() {
@@ -761,7 +761,7 @@ Object.defineProperty(exports, "TimerRootProvider", {
 Object.defineProperty(exports, "Toaster", {
 	enumerable: true,
 	get: function() {
-		return _ark_ui_react_toast.Toaster;
+		return _ark_ui_react.Toaster;
 	}
 });
 Object.defineProperty(exports, "ToggleContext", {
@@ -814,7 +814,7 @@ exports.createSelectCollection = require_primitives$11.createSelectCollection;
 Object.defineProperty(exports, "createToaster", {
 	enumerable: true,
 	get: function() {
-		return _ark_ui_react_toast.createToaster;
+		return _ark_ui_react.createToaster;
 	}
 });
 exports.defineIcons = require_defineIcons.defineIcons;
@@ -1005,7 +1005,6 @@ Object.defineProperty(exports, "useMenu", {
 	}
 });
 exports.useNavMenuContext = require_navMenu.useNavMenuContext;
-exports.useNotificationCenter = require_center.useNotificationCenter;
 Object.defineProperty(exports, "useNumberInput", {
 	enumerable: true,
 	get: function() {

package/dist/index.client.d.cts

@@ -1 +1 @@
-export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
+export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, createToaster, Toaster, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';

package/dist/index.client.d.ts

@@ -1 +1 @@
-export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
+export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, createToaster, Toaster, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';

package/dist/index.client.js

@@ -1,4 +1,4 @@
 "use client";
 "use client";
-import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "@ark-ui/react";
-export { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
+import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "@ark-ui/react";
+export { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };

package/dist/index.js

@@ -16,9 +16,9 @@ import { AccordionParts } from "./components/accordion/parts.js";
 import { Accordion, AccordionItemGroup } from "./components/accordion/item-group.js";
 import { useAvatarContext } from "./components/avatar/index.js";
 import { Spinner } from "./components/spinner/spinner.js";
-import { ButtonGroup } from "./components/button/primitives.js";
 import { Button, ButtonIcon } from "./components/button/button.js";
 import { ButtonParts } from "./components/button/parts.js";
+import { ButtonGroup } from "./components/button/primitives.js";
 import { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot } from "./components/carousel/primitives.js";
 import { CarouselParts } from "./components/carousel/parts.js";
 import { For } from "./components/for/for.js";
@@ -32,6 +32,7 @@ import { CircularProgress } from "./components/circular-progress/circular-progre
 import { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger } from "./components/clipboard/primitives.js";
 import { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger } from "./components/tooltip/primitives.js";
 import { TooltipParts } from "./components/tooltip/parts.js";
+import { Portal } from "./components/portal/portal.js";
 import { Tooltip } from "./components/tooltip/tooltip.js";
 import { Clipboard } from "./components/clipboard/parts.js";
 import { CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger } from "./components/collapsible/primitives.js";
@@ -43,12 +44,11 @@ import { ComboItemWithIndicator } from "./components/combobox/item.js";
 import { ComboItemGroup } from "./components/combobox/item-group.js";
 import { SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, createSelectCollection } from "./components/select/primitives.js";
 import { useStatefulCollection } from "./components/combobox/use-stateful-collection.js";
-import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./components/dialog/primitives.js";
-import { DialogParts } from "./components/dialog/parts.js";
 import { IconButtonRoot } from "./components/icon-button/primitives.js";
 import { IconButton } from "./components/icon-button/button.js";
+import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./components/dialog/primitives.js";
 import { DialogCloseIconTrigger } from "./components/dialog/close-icon-trigger.js";
-import { Portal } from "./components/portal/portal.js";
+import { DialogParts } from "./components/dialog/parts.js";
 import { Dialog } from "./components/dialog/dialog.js";
 import { CTAModal, useCTAModal } from "./components/cta-dialog/provider.js";
 import { createCTAModalActions } from "./components/cta-dialog/utils.js";
@@ -82,8 +82,8 @@ import { MenuContentEl, MenuIndicator, MenuItemEl, MenuItemGroupEl, MenuItemGrou
 import { Menu, MenuContent, MenuGroupLabel, MenuItem, MenuItemGroup, MenuSeparator, MenuTrigger } from "./components/menu/menu.js";
 import { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationProvider, NotificationRoot } from "./components/notifications/primitives.js";
 import { NotificationParts } from "./components/notifications/parts.js";
-import { Toaster, createToaster, toaster } from "./components/notifications/toaster.js";
-import { NotificationCenter, getEmphasis, useNotificationCenter } from "./components/notifications/center.js";
+import { toaster } from "./components/notifications/toaster.js";
+import { NotificationCenter, getEmphasis } from "./components/notifications/center.js";
 import { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber } from "./components/number-input/primitives.js";
 import { NumberInputParts } from "./components/number-input/parts.js";
 import { NumberInput } from "./components/number-input/input.js";
@@ -130,5 +130,5 @@ import { PromptModal, usePromptModal } from "./context/prompt-modal.js";
 import { MODE_KEY, THEME_KEY, useTheme } from "./hooks/useTheme.js";
 import { ThemeProvider, useThemeContext } from "./context/theme.js";
 import { useRootColors } from "./hooks/useRootColors.js";
-import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "./index.client.js";
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, MarqueeRootProvider, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, SliderRootProvider, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getEmphasis, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNotificationCenter, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
+import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "./index.client.js";
+export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, MarqueeRootProvider, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, SliderRootProvider, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getEmphasis, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };

package/dist/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "1.9.1",
+  "schemaVersion": "1.11.0",
   "styles": {
     "atomic": [
       "display]___[value:flex",
@@ -91,6 +91,14 @@
       "colorPalette]___[value:success",
       "colorPalette]___[value:warning",
       "colorPalette]___[value:danger",
+      "layerStyle]___[value:outline.subtle",
+      "layerStyle]___[value:outline.solid",
+      "layerStyle]___[value:indicator.bottom",
+      "layerStyle]___[value:indicator.top",
+      "layerStyle]___[value:indicator.start",
+      "layerStyle]___[value:indicator.end",
+      "layerStyle]___[value:disabled",
+      "layerStyle]___[value:none",
       "backgroundColor]___[value:page.surface.200",
       "backgroundColor]___[value:page.surface.100",
       "borderColor]___[value:page.border.200"
@@ -135,7 +143,7 @@
         "palette]___[value:action]___[recipe:button",
         "usage]___[value:filled]___[recipe:button",
         "shape]___[value:sharp]___[recipe:button",
-        "size]___[value:md]___[recipe:button",
+        "size]___[value:lg]___[recipe:button",
         "usage]___[value:outlined]___[recipe:button",
         "usage]___[value:ghost]___[recipe:button",
         "shape]___[value:rounded]___[recipe:button",
@@ -146,7 +154,11 @@
         "palette]___[value:info]___[recipe:button",
         "palette]___[value:success]___[recipe:button",
         "palette]___[value:warning]___[recipe:button",
-        "palette]___[value:danger]___[recipe:button"
+        "palette]___[value:danger]___[recipe:button",
+        "size]___[value:xs]___[recipe:button",
+        "size]___[value:md]___[recipe:button",
+        "size]___[value:xl]___[recipe:button",
+        "size]___[value:2xl]___[recipe:button"
       ],
       "field": [
         "size]___[value:lg]___[recipe:field",

package/dist/system/primitive-factory.cjs

@@ -1,4 +1,5 @@
 let _ark_ui_react_factory = require("@ark-ui/react/factory");
+let react = require("react");
 let styled_system_css = require("styled-system/css");
 let styled_system_jsx_factory = require("styled-system/jsx/factory");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -34,12 +35,13 @@ var CerberusPrimitive = class {
 	withNoRecipe = (Component, options) => {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
-		const CerbComponent = (props) => {
+		const CerbComponent = (0, react.forwardRef)((props, ref) => {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(El, {
 				...defaultProps,
-				...props
+				...props,
+				ref
 			});
-		};
+		});
 		CerbComponent.displayName = `Cerberus.${typeof El === "string" ? El : El.displayName || El.name}`;
 		return CerbComponent;
 	};
@@ -54,8 +56,8 @@ var CerberusPrimitive = class {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
 		const recipe = this.recipe;
-		const CerbComponent = (internalProps) => {
-			const { css: customCss, ref, ...restOfInternalProps } = internalProps;
+		const CerbComponent = (0, react.forwardRef)((internalProps, ref) => {
+			const { css: customCss, ...restOfInternalProps } = internalProps;
 			const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
 			const recipeStyles = recipe(variantOptions);
 			const className = typeof nativeProps.className === "string" ? nativeProps.className : void 0;
@@ -65,7 +67,7 @@ var CerberusPrimitive = class {
 				ref,
 				className: (0, styled_system_css.cx)(className, recipeStyles, (0, styled_system_css.css)(customCss))
 			});
-		};
+		});
 		CerbComponent.displayName = typeof El === "string" ? El : El.displayName || El.name;
 		return CerbComponent;
 	};
@@ -85,8 +87,8 @@ var CerberusPrimitive = class {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
 		const recipe = this.recipe;
-		const CerbComponent = (internalProps) => {
-			const { css: customCss, ref, ...restOfInternalProps } = internalProps;
+		const CerbComponent = (0, react.forwardRef)((internalProps, ref) => {
+			const { css: customCss, ...restOfInternalProps } = internalProps;
 			const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
 			const slotStyles = recipe(variantOptions)[slot];
 			const className = typeof nativeProps.className === "string" ? nativeProps.className : void 0;
@@ -96,7 +98,7 @@ var CerberusPrimitive = class {
 				ref,
 				className: (0, styled_system_css.cx)(className, slotStyles, (0, styled_system_css.css)(customCss))
 			});
-		};
+		});
 		CerbComponent.displayName = typeof El === "string" ? El : El.displayName || El.name;
 		return CerbComponent;
 	};

package/dist/system/primitive-factory.d.cts

@@ -1,4 +1,4 @@
-import { ElementType } from 'react';
+import { ElementType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import { RecipeVariantRecord } from 'styled-system/types';
 import { ExtractProps } from '../types';
 import { CerberusPrimitiveEl, CerberusPrimitiveProps, CerberusPrimitiveRecipe, WithRecipeOptions } from './types';
@@ -23,10 +23,7 @@ export declare class CerberusPrimitive {
      * const Button = withNoRecipe('button')
      * ```
      */
-    withNoRecipe: <T extends ElementType>(Component: T | CerberusPrimitiveEl<T>, options?: WithRecipeOptions) => {
-        (props: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withNoRecipe: <T extends ElementType>(Component: T | CerberusPrimitiveEl<T>, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
     /**
      * Creates a Cerberus component with the given recipe.
      * @param Component - The React component to enhance with the recipe.
@@ -34,10 +31,7 @@ export declare class CerberusPrimitive {
      * @returns A new React component that applies the recipe to the original
      * component.
      */
-    withRecipe: <T extends ElementType>(Component: T, options?: WithRecipeOptions) => {
-        (internalProps: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withRecipe: <T extends ElementType>(Component: T, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
     /**
      * Creates a Cerberus component with a slot recipe applied.
      * @param Component - The React component to enhance with Cerberus features.
@@ -50,8 +44,5 @@ export declare class CerberusPrimitive {
      * const Field = withSlotRecipe(RawField, field)
      * ```
      */
-    withSlotRecipe: <T extends ElementType>(Component: T, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => {
-        (internalProps: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withSlotRecipe: <T extends ElementType>(Component: T, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
 }

package/dist/system/primitive-factory.d.ts

@@ -1,4 +1,4 @@
-import { ElementType } from 'react';
+import { ElementType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import { RecipeVariantRecord } from 'styled-system/types';
 import { ExtractProps } from '../types';
 import { CerberusPrimitiveEl, CerberusPrimitiveProps, CerberusPrimitiveRecipe, WithRecipeOptions } from './types';
@@ -23,10 +23,7 @@ export declare class CerberusPrimitive {
      * const Button = withNoRecipe('button')
      * ```
      */
-    withNoRecipe: <T extends ElementType>(Component: T | CerberusPrimitiveEl<T>, options?: WithRecipeOptions) => {
-        (props: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withNoRecipe: <T extends ElementType>(Component: T | CerberusPrimitiveEl<T>, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
     /**
      * Creates a Cerberus component with the given recipe.
      * @param Component - The React component to enhance with the recipe.
@@ -34,10 +31,7 @@ export declare class CerberusPrimitive {
      * @returns A new React component that applies the recipe to the original
      * component.
      */
-    withRecipe: <T extends ElementType>(Component: T, options?: WithRecipeOptions) => {
-        (internalProps: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withRecipe: <T extends ElementType>(Component: T, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
     /**
      * Creates a Cerberus component with a slot recipe applied.
      * @param Component - The React component to enhance with Cerberus features.
@@ -50,8 +44,5 @@ export declare class CerberusPrimitive {
      * const Field = withSlotRecipe(RawField, field)
      * ```
      */
-    withSlotRecipe: <T extends ElementType>(Component: T, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => {
-        (internalProps: CerberusPrimitiveProps<ExtractProps<T>>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    withSlotRecipe: <T extends ElementType>(Component: T, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => ForwardRefExoticComponent< PropsWithoutRef<CerberusPrimitiveProps<ExtractProps<T>>> & RefAttributes<HTMLElement>>;
 }

package/dist/system/primitive-factory.js

@@ -1,4 +1,5 @@
 import { ark } from "@ark-ui/react/factory";
+import { forwardRef } from "react";
 import { css, cx } from "styled-system/css";
 import { cerberus } from "styled-system/jsx/factory";
 import { jsx } from "react/jsx-runtime";
@@ -34,12 +35,13 @@ var CerberusPrimitive = class {
 	withNoRecipe = (Component, options) => {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
-		const CerbComponent = (props) => {
+		const CerbComponent = forwardRef((props, ref) => {
 			return /* @__PURE__ */ jsx(El, {
 				...defaultProps,
-				...props
+				...props,
+				ref
 			});
-		};
+		});
 		CerbComponent.displayName = `Cerberus.${typeof El === "string" ? El : El.displayName || El.name}`;
 		return CerbComponent;
 	};
@@ -54,8 +56,8 @@ var CerberusPrimitive = class {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
 		const recipe = this.recipe;
-		const CerbComponent = (internalProps) => {
-			const { css: customCss, ref, ...restOfInternalProps } = internalProps;
+		const CerbComponent = forwardRef((internalProps, ref) => {
+			const { css: customCss, ...restOfInternalProps } = internalProps;
 			const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
 			const recipeStyles = recipe(variantOptions);
 			const className = typeof nativeProps.className === "string" ? nativeProps.className : void 0;
@@ -65,7 +67,7 @@ var CerberusPrimitive = class {
 				ref,
 				className: cx(className, recipeStyles, css(customCss))
 			});
-		};
+		});
 		CerbComponent.displayName = typeof El === "string" ? El : El.displayName || El.name;
 		return CerbComponent;
 	};
@@ -85,8 +87,8 @@ var CerberusPrimitive = class {
 		const { defaultProps } = options || {};
 		const El = this.setupStyledComponent(Component);
 		const recipe = this.recipe;
-		const CerbComponent = (internalProps) => {
-			const { css: customCss, ref, ...restOfInternalProps } = internalProps;
+		const CerbComponent = forwardRef((internalProps, ref) => {
+			const { css: customCss, ...restOfInternalProps } = internalProps;
 			const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
 			const slotStyles = recipe(variantOptions)[slot];
 			const className = typeof nativeProps.className === "string" ? nativeProps.className : void 0;
@@ -96,7 +98,7 @@ var CerberusPrimitive = class {
 				ref,
 				className: cx(className, slotStyles, css(customCss))
 			});
-		};
+		});
 		CerbComponent.displayName = typeof El === "string" ? El : El.displayName || El.name;
 		return CerbComponent;
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "1.2.0",
+  "version": "1.3.0-rc.1",
   "description": "The Cerberus Design React component library.",
   "keywords": [
     "css",
@@ -31,12 +31,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.36.0",
-    "@carbon/icons-react": "^11.76.0"
+    "@ark-ui/react": "^5.36.2",
+    "@carbon/icons-react": "^11.79.0"
   },
   "devDependencies": {
     "@internationalized/date": "^3.12.0",
-    "@pandacss/dev": "^1.9.1",
+    "@pandacss/dev": "^1.11.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
@@ -44,8 +44,8 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "vite": "^8.0.8",
-    "vite-plugin-dts": "^4.5.4",
-    "@cerberus/panda-preset": "1.2.0",
+    "vite-plugin-dts": "^5.0.0",
+    "@cerberus/panda-preset": "1.3.0-rc.1",
     "styled-system": "0.0.0"
   },
   "peerDependencies": {