@saas-ui/react 3.0.0-next.12 → 3.0.0-next.14

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @saas-ui/react
 
+## 3.0.0-next.14
+
+### Patch Changes
+
+- 78d7999: fix: export Sidebar.Provider props type
+- 042ec4f: Added start and endElement props to Menu.CheckboxItem and RadioItem
+
+## 3.0.0-next.13
+
+### Patch Changes
+
+- f995ba3: Fixed zIndex prop value
+
 ## 3.0.0-next.12
 
 ### Patch Changes

package/dist/_tsup-dts-rollup.d.cts

@@ -1551,7 +1551,7 @@ flexDirection: "row";
 };
 }>;
 
-export declare const CheckboxItem: ForwardRefExoticComponent<Menu_2.CheckboxItemProps & RefAttributes<HTMLDivElement>>;
+export declare const CheckboxItem: ForwardRefExoticComponent<MenuCheckboxItemProps & RefAttributes<HTMLDivElement>>;
 
 declare interface CheckboxProps extends Checkbox_2.RootProps {
     icon?: React.ReactNode;
@@ -4475,7 +4475,9 @@ export declare interface ItemContentProps extends Accordion_2.ItemContentProps {
 
 export declare const ItemGroup_alias_1: ForwardRefExoticComponent<Menu_2.ItemGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare const ItemIndicator: ForwardRefExoticComponent<RadioCard_2.ItemIndicatorProps & RefAttributes<HTMLSpanElement>>;
+export declare const ItemIndicator: ForwardRefExoticComponent<Menu_2.ItemIndicatorProps & RefAttributes<HTMLDivElement>>;
+
+export declare const ItemIndicator_alias_1: ForwardRefExoticComponent<RadioCard_2.ItemIndicatorProps & RefAttributes<HTMLSpanElement>>;
 
 export declare type ItemIndicatorProps = RadioCard_2.ItemIndicatorProps;
 
@@ -4812,6 +4814,7 @@ export declare namespace Menu {
         Arrow_alias_1 as Arrow,
         CheckboxItem,
         RadioItem,
+        ItemIndicator,
         ItemGroup_alias_1 as ItemGroup,
         TriggerItem,
         RadioItemGroup,
@@ -4828,10 +4831,16 @@ export declare namespace Menu {
         TriggerProps_alias_1 as TriggerProps,
         TriggerItemProps,
         ItemProps_alias_2 as ItemProps,
-        ButtonProps_alias_2 as ButtonProps
+        ButtonProps_alias_2 as ButtonProps,
+        RadioItemProps
     }
 }
 
+declare interface MenuCheckboxItemProps extends Menu_2.CheckboxItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+
 export declare const menuSlotRecipe: SlotRecipeDefinition_2<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
 variant: {
 subtle: {
@@ -5051,7 +5060,6 @@ export declare const NavButton: React_3.ForwardRefExoticComponent<NavButtonProps
 export declare const NavButtonEndElement: React_3.ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<React_3.DetailedHTMLProps<React_3.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "zIndex" | "opacity" | "cursor" | "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationRange" | "animationRangeStart" | "animationRangeEnd" | "animationTimeline" | "transformOrigin" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "appearance" | "aspectRatio" | "azimuth" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineEnd" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicSize" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "direction" | "display" | "emptyCells" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zoom" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | "css" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & React_3.RefAttributes<HTMLDivElement>>;
 
 export declare interface NavButtonProps extends HTMLChakraProps<'button', Sidebar_2.NavButtonProps> {
-    active?: boolean;
 }
 
 export declare const NavItem: React_3.ForwardRefExoticComponent<NavItemProps & React_3.RefAttributes<HTMLDivElement>>;
@@ -6062,7 +6070,10 @@ h: "4";
 };
 }>;
 
-export declare const Provider: (props: SidebarProviderProps) => JSX.Element;
+export declare const Provider: (props: ProviderProps) => JSX.Element;
+
+export declare interface ProviderProps extends Sidebar_2.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
+}
 
 export { QrCode }
 export { QrCode as QrCode_alias_1 }
@@ -6109,7 +6120,7 @@ export declare namespace RadioCard {
     export {
         Root_alias_17 as Root,
         Label_alias_4 as Label,
-        ItemIndicator,
+        ItemIndicator_alias_1 as ItemIndicator,
         Item_alias_6 as Item,
         ItemProps_alias_3 as ItemProps,
         RootProps_alias_16 as RootProps,
@@ -6405,10 +6416,15 @@ boxSize: "5";
 };
 }>;
 
-export declare const RadioItem: ForwardRefExoticComponent<Menu_2.RadioItemProps & RefAttributes<HTMLDivElement>>;
+export declare const RadioItem: ForwardRefExoticComponent<RadioItemProps & RefAttributes<HTMLDivElement>>;
 
 export declare const RadioItemGroup: ForwardRefExoticComponent<Menu_2.RadioItemGroupProps & RefAttributes<HTMLDivElement>>;
 
+export declare interface RadioItemProps extends Menu_2.RadioItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+
 export { Radiomark }
 
 export { RadiomarkProps }
@@ -9276,6 +9292,7 @@ export declare namespace Sidebar {
         NavItem,
         NavButton,
         NavButtonEndElement,
+        ProviderProps,
         RootProps_alias_17 as RootProps,
         TriggerProps_alias_2 as TriggerProps,
         FlyoutTriggerProps,
@@ -9347,9 +9364,6 @@ pe: "1";
 };
 }>;
 
-declare interface SidebarProviderProps extends Sidebar_2.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
-}
-
 export declare const sidebarSlotRecipe: SlotRecipeDefinition_2<"body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
 mode: {
 collapsible: {

package/dist/_tsup-dts-rollup.d.ts

@@ -1551,7 +1551,7 @@ flexDirection: "row";
 };
 }>;
 
-export declare const CheckboxItem: ForwardRefExoticComponent<Menu_2.CheckboxItemProps & RefAttributes<HTMLDivElement>>;
+export declare const CheckboxItem: ForwardRefExoticComponent<MenuCheckboxItemProps & RefAttributes<HTMLDivElement>>;
 
 declare interface CheckboxProps extends Checkbox_2.RootProps {
     icon?: React.ReactNode;
@@ -4475,7 +4475,9 @@ export declare interface ItemContentProps extends Accordion_2.ItemContentProps {
 
 export declare const ItemGroup_alias_1: ForwardRefExoticComponent<Menu_2.ItemGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare const ItemIndicator: ForwardRefExoticComponent<RadioCard_2.ItemIndicatorProps & RefAttributes<HTMLSpanElement>>;
+export declare const ItemIndicator: ForwardRefExoticComponent<Menu_2.ItemIndicatorProps & RefAttributes<HTMLDivElement>>;
+
+export declare const ItemIndicator_alias_1: ForwardRefExoticComponent<RadioCard_2.ItemIndicatorProps & RefAttributes<HTMLSpanElement>>;
 
 export declare type ItemIndicatorProps = RadioCard_2.ItemIndicatorProps;
 
@@ -4812,6 +4814,7 @@ export declare namespace Menu {
         Arrow_alias_1 as Arrow,
         CheckboxItem,
         RadioItem,
+        ItemIndicator,
         ItemGroup_alias_1 as ItemGroup,
         TriggerItem,
         RadioItemGroup,
@@ -4828,10 +4831,16 @@ export declare namespace Menu {
         TriggerProps_alias_1 as TriggerProps,
         TriggerItemProps,
         ItemProps_alias_2 as ItemProps,
-        ButtonProps_alias_2 as ButtonProps
+        ButtonProps_alias_2 as ButtonProps,
+        RadioItemProps
     }
 }
 
+declare interface MenuCheckboxItemProps extends Menu_2.CheckboxItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+
 export declare const menuSlotRecipe: SlotRecipeDefinition_2<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
 variant: {
 subtle: {
@@ -5051,7 +5060,6 @@ export declare const NavButton: React_3.ForwardRefExoticComponent<NavButtonProps
 export declare const NavButtonEndElement: React_3.ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<React_3.DetailedHTMLProps<React_3.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "zIndex" | "opacity" | "cursor" | "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationRange" | "animationRangeStart" | "animationRangeEnd" | "animationTimeline" | "transformOrigin" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "appearance" | "aspectRatio" | "azimuth" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineEnd" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicSize" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "direction" | "display" | "emptyCells" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zoom" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | "css" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & React_3.RefAttributes<HTMLDivElement>>;
 
 export declare interface NavButtonProps extends HTMLChakraProps<'button', Sidebar_2.NavButtonProps> {
-    active?: boolean;
 }
 
 export declare const NavItem: React_3.ForwardRefExoticComponent<NavItemProps & React_3.RefAttributes<HTMLDivElement>>;
@@ -6062,7 +6070,10 @@ h: "4";
 };
 }>;
 
-export declare const Provider: (props: SidebarProviderProps) => JSX.Element;
+export declare const Provider: (props: ProviderProps) => JSX.Element;
+
+export declare interface ProviderProps extends Sidebar_2.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
+}
 
 export { QrCode }
 export { QrCode as QrCode_alias_1 }
@@ -6109,7 +6120,7 @@ export declare namespace RadioCard {
     export {
         Root_alias_17 as Root,
         Label_alias_4 as Label,
-        ItemIndicator,
+        ItemIndicator_alias_1 as ItemIndicator,
         Item_alias_6 as Item,
         ItemProps_alias_3 as ItemProps,
         RootProps_alias_16 as RootProps,
@@ -6405,10 +6416,15 @@ boxSize: "5";
 };
 }>;
 
-export declare const RadioItem: ForwardRefExoticComponent<Menu_2.RadioItemProps & RefAttributes<HTMLDivElement>>;
+export declare const RadioItem: ForwardRefExoticComponent<RadioItemProps & RefAttributes<HTMLDivElement>>;
 
 export declare const RadioItemGroup: ForwardRefExoticComponent<Menu_2.RadioItemGroupProps & RefAttributes<HTMLDivElement>>;
 
+export declare interface RadioItemProps extends Menu_2.RadioItemProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+}
+
 export { Radiomark }
 
 export { RadiomarkProps }
@@ -9276,6 +9292,7 @@ export declare namespace Sidebar {
         NavItem,
         NavButton,
         NavButtonEndElement,
+        ProviderProps,
         RootProps_alias_17 as RootProps,
         TriggerProps_alias_2 as TriggerProps,
         FlyoutTriggerProps,
@@ -9347,9 +9364,6 @@ pe: "1";
 };
 }>;
 
-declare interface SidebarProviderProps extends Sidebar_2.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
-}
-
 export declare const sidebarSlotRecipe: SlotRecipeDefinition_2<"body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
 mode: {
 collapsible: {

package/dist/{chunk-DEP2DH7P.js → chunk-7FXZN5MX.js}

@@ -22,6 +22,7 @@ __export(menu_exports, {
   Item: () => MenuItem,
   ItemCommand: () => MenuItemCommand,
   ItemGroup: () => MenuItemGroup,
+  ItemIndicator: () => MenuItemIndicator,
   ItemText: () => MenuItemText,
   RadioItem: () => MenuRadioItem,
   RadioItemGroup: () => MenuRadioItemGroup,
@@ -31,7 +32,6 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 import { forwardRef } from "react";
-import { AbsoluteCenter } from "@chakra-ui/react/center";
 import { Menu as ChakraMenu } from "@chakra-ui/react/menu";
 import { Portal } from "@chakra-ui/react/portal";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -46,21 +46,30 @@ var MenuArrow = forwardRef(
     return /* @__PURE__ */ jsx(ChakraMenu.Arrow, { ref, ...props, children: /* @__PURE__ */ jsx(ChakraMenu.ArrowTip, {}) });
   }
 );
-var MenuCheckboxItem = forwardRef(function MenuCheckboxItem2(props, ref) {
-  return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
-    props.children
-  ] });
-});
+var MenuCheckboxItem = forwardRef(
+  function MenuCheckboxItem2(props, ref) {
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children }),
+      endElement
+    ] });
+  }
+);
 var MenuRadioItem = forwardRef(
   function MenuRadioItem2(props, ref) {
-    const { children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
-      /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children })
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children }),
+      endElement
     ] });
   }
 );
+var MenuItemIndicator = forwardRef(function MenuItemIndicator2(props, ref) {
+  const { children = /* @__PURE__ */ jsx(CheckIcon, {}), ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { ref, ...rest, children });
+});
 var MenuItemGroup = forwardRef(
   function MenuItemGroup2(props, ref) {
     const { title, children, ...rest } = props;

package/dist/{chunk-GQYL3VVZ.js → chunk-D72A4SU3.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   ToggleTip
-} from "./chunk-QITSWCWX.js";
+} from "./chunk-OWFY465Z.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";

package/dist/{chunk-PSCCIAL4.js → chunk-RBG43JK2.js}

@@ -3434,7 +3434,7 @@ var dialogSlotRecipe = defineSlotRecipe13({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3655,7 +3655,7 @@ var drawerSlotRecipe = defineSlotRecipe14({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/components/info-tip/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   InfoTip
-} from "../../chunk-GQYL3VVZ.js";
-import "../../chunk-QITSWCWX.js";
-import "../../chunk-FVUEAELO.js";
+} from "../../chunk-D72A4SU3.js";
+import "../../chunk-OWFY465Z.js";
 import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-KTLWEUNW.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";

package/dist/components/menu/index.cjs

@@ -37,6 +37,7 @@ __export(menu_exports, {
   Item: () => MenuItem,
   ItemCommand: () => MenuItemCommand,
   ItemGroup: () => MenuItemGroup,
+  ItemIndicator: () => MenuItemIndicator,
   ItemText: () => MenuItemText,
   RadioItem: () => MenuRadioItem,
   RadioItemGroup: () => MenuRadioItemGroup,
@@ -46,7 +47,6 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 var import_react = require("react");
-var import_center = require("@chakra-ui/react/center");
 var import_menu = require("@chakra-ui/react/menu");
 var import_portal = require("@chakra-ui/react/portal");
 
@@ -195,21 +195,30 @@ var MenuArrow = (0, import_react.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ArrowTip, {}) });
   }
 );
-var MenuCheckboxItem = (0, import_react.forwardRef)(function MenuCheckboxItem2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) }),
-    props.children
-  ] });
-});
+var MenuCheckboxItem = (0, import_react.forwardRef)(
+  function MenuCheckboxItem2(props, ref) {
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.CheckboxItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemText, { children }),
+      endElement
+    ] });
+  }
+);
 var MenuRadioItem = (0, import_react.forwardRef)(
   function MenuRadioItem2(props, ref) {
-    const { children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_center.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemText, { children })
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_menu.Menu.RadioItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemText, { children }),
+      endElement
     ] });
   }
 );
+var MenuItemIndicator = (0, import_react.forwardRef)(function MenuItemIndicator2(props, ref) {
+  const { children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {}), ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_menu.Menu.ItemIndicator, { ref, ...rest, children });
+});
 var MenuItemGroup = (0, import_react.forwardRef)(
   function MenuItemGroup2(props, ref) {
     const { title, children, ...rest } = props;

package/dist/components/menu/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   menu_exports
-} from "../../chunk-DEP2DH7P.js";
+} from "../../chunk-7FXZN5MX.js";
 import "../../chunk-KTLWEUNW.js";
 import "../../chunk-5HVAMQYO.js";
 import "../../chunk-XRQQE2AC.js";

package/dist/components/toggle-tip/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   ToggleTip
-} from "../../chunk-QITSWCWX.js";
-import "../../chunk-FVUEAELO.js";
+} from "../../chunk-OWFY465Z.js";
 import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";

package/dist/index.cjs

@@ -47,7 +47,7 @@ __export(index_exports, {
   Button: () => import_button.Button,
   ButtonGroup: () => import_button3.ButtonGroup,
   Card: () => import_card.Card,
-  Center: () => import_center2.Center,
+  Center: () => import_center.Center,
   Checkbox: () => Checkbox,
   CheckboxCard: () => CheckboxCard,
   Checkmark: () => import_checkmark3.Checkmark,
@@ -3633,7 +3633,7 @@ var dialogSlotRecipe = (0, import_styled_system33.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3854,7 +3854,7 @@ var drawerSlotRecipe = (0, import_styled_system34.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -10615,6 +10615,7 @@ __export(menu_exports, {
   Item: () => MenuItem,
   ItemCommand: () => MenuItemCommand,
   ItemGroup: () => MenuItemGroup,
+  ItemIndicator: () => MenuItemIndicator,
   ItemText: () => MenuItemText,
   RadioItem: () => MenuRadioItem,
   RadioItemGroup: () => MenuRadioItemGroup,
@@ -10624,7 +10625,6 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 var import_react62 = require("react");
-var import_center = require("@chakra-ui/react/center");
 var import_menu = require("@chakra-ui/react/menu");
 var import_portal6 = require("@chakra-ui/react/portal");
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -10639,21 +10639,30 @@ var MenuArrow = (0, import_react62.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ArrowTip, {}) });
   }
 );
-var MenuCheckboxItem = (0, import_react62.forwardRef)(function MenuCheckboxItem2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_menu.Menu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CheckIcon, {}) }),
-    props.children
-  ] });
-});
+var MenuCheckboxItem = (0, import_react62.forwardRef)(
+  function MenuCheckboxItem2(props, ref) {
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_menu.Menu.CheckboxItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemText, { children }),
+      endElement
+    ] });
+  }
+);
 var MenuRadioItem = (0, import_react62.forwardRef)(
   function MenuRadioItem2(props, ref) {
-    const { children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_menu.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_center.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CheckIcon, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemText, { children })
+    const { children, startElement, endElement, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_menu.Menu.RadioItem, { ref, ...rest, children: [
+      startElement,
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemText, { children }),
+      endElement
     ] });
   }
 );
+var MenuItemIndicator = (0, import_react62.forwardRef)(function MenuItemIndicator2(props, ref) {
+  const { children = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CheckIcon, {}), ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_menu.Menu.ItemIndicator, { ref, ...rest, children });
+});
 var MenuItemGroup = (0, import_react62.forwardRef)(
   function MenuItemGroup2(props, ref) {
     const { title, children, ...rest } = props;
@@ -12019,7 +12028,7 @@ var import_bleed = require("@chakra-ui/react/bleed");
 var import_box3 = require("@chakra-ui/react/box");
 
 // src/components/center/index.ts
-var import_center2 = require("@chakra-ui/react/center");
+var import_center = require("@chakra-ui/react/center");
 
 // src/components/client-only/index.ts
 var import_client_only = require("@chakra-ui/react/client-only");

package/dist/index.js

@@ -1,23 +1,15 @@
 import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
+  Toggle
+} from "./chunk-PEVIP5UT.js";
 import {
   Wrap
 } from "./chunk-LGLJ2QUW.js";
 import {
   Tag
 } from "./chunk-WJZED26X.js";
-import {
-  Textarea
-} from "./chunk-CQD32UVJ.js";
 import {
   Timeline
 } from "./chunk-QLN2CBY6.js";
-import {
-  Toggle
-} from "./chunk-PEVIP5UT.js";
 import {
   Toaster,
   toast
@@ -25,27 +17,32 @@ import {
 import {
   Tooltip
 } from "./chunk-7MCVXFWM.js";
+import {
+  Textarea
+} from "./chunk-CQD32UVJ.js";
+import {
+  Em,
+  Strong,
+  Text
+} from "./chunk-J5UCKCIO.js";
 import {
   VisuallyHidden
 } from "./chunk-HHTTORZ6.js";
 import {
-  HStack,
-  Stack,
-  StackSeparator,
-  VStack
-} from "./chunk-QNKQFCKJ.js";
+  steps_exports
+} from "./chunk-XQTIY2ND.js";
 import {
   stat_exports
 } from "./chunk-3RHNNKPC.js";
 import {
   Status
 } from "./chunk-U3EPRSD3.js";
-import {
-  steps_exports
-} from "./chunk-XQTIY2ND.js";
 import {
   Switch
 } from "./chunk-3E6URZ5P.js";
+import {
+  namespace_exports
+} from "./chunk-2UMNJBGS.js";
 import {
   Table
 } from "./chunk-TH6YCBEG.js";
@@ -54,9 +51,6 @@ import {
   useTabsContext,
   useTabsStyles
 } from "./chunk-5YNHX4C7.js";
-import {
-  namespace_exports
-} from "./chunk-2UMNJBGS.js";
 import {
   Show
 } from "./chunk-LU2H6GWC.js";
@@ -65,6 +59,12 @@ import {
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
+import {
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
 import {
   SkipNavContent,
   SkipNavLink
@@ -72,33 +72,33 @@ import {
 import {
   Slider
 } from "./chunk-HREBIPVW.js";
-import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
 import {
   Spacer
 } from "./chunk-UAX5344Y.js";
 import {
-  Radio
-} from "./chunk-PZWP36YA.js";
+  HStack,
+  Stack,
+  StackSeparator,
+  VStack
+} from "./chunk-QNKQFCKJ.js";
 import {
-  RadioGroup
-} from "./chunk-NCNHDETB.js";
+  radio_card_exports
+} from "./chunk-KRJG7H4W.js";
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
 import {
-  SearchInput
-} from "./chunk-C5YLE76Q.js";
-import {
-  radio_card_exports
-} from "./chunk-KRJG7H4W.js";
+  Radio
+} from "./chunk-PZWP36YA.js";
 import {
   SegmentedControl
 } from "./chunk-KFDVVTMT.js";
+import {
+  Progress
+} from "./chunk-6YZ76Q2W.js";
+import {
+  SearchInput
+} from "./chunk-C5YLE76Q.js";
 import {
   Separator
 } from "./chunk-27OMFCPD.js";
@@ -113,21 +113,24 @@ import {
   Presence
 } from "./chunk-PONMXNY4.js";
 import {
-  Progress
-} from "./chunk-6YZ76Q2W.js";
+  QrCode,
+  useQrCode
+} from "./chunk-PAZQUPKN.js";
 import {
   ProgressCircle
 } from "./chunk-7HAGRXKM.js";
 import {
-  QrCode,
-  useQrCode
-} from "./chunk-PAZQUPKN.js";
+  RadioGroup
+} from "./chunk-NCNHDETB.js";
 import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
+  menu_exports
+} from "./chunk-7FXZN5MX.js";
 import {
   NativeSelect
 } from "./chunk-TKJXJEXT.js";
+import {
+  Loader
+} from "./chunk-DHFAFRZ4.js";
 import {
   navbar_exports
 } from "./chunk-DJNPK2LM.js";
@@ -145,24 +148,9 @@ import {
   PersonaAvatar,
   defaultPersonaPresenceOptions
 } from "./chunk-TYGGMKHU.js";
-import {
-  InfoTip
-} from "./chunk-GQYL3VVZ.js";
-import {
-  ToggleTip
-} from "./chunk-QITSWCWX.js";
-import {
-  popover_exports
-} from "./chunk-FVUEAELO.js";
-import {
-  Portal
-} from "./chunk-UZUMIWPJ.js";
 import {
   List
 } from "./chunk-C5KFNMWU.js";
-import {
-  Loader
-} from "./chunk-DHFAFRZ4.js";
 import {
   loading_overlay_exports
 } from "./chunk-BDS3APRG.js";
@@ -170,29 +158,41 @@ import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
 import {
-  menu_exports
-} from "./chunk-DEP2DH7P.js";
-import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   Heading
 } from "./chunk-HZX4AGO5.js";
 import {
-  hover_card_exports
-} from "./chunk-MZ2RY4NU.js";
+  Highlight
+} from "./chunk-TGEP2YAT.js";
+import {
+  Icon
+} from "./chunk-M3DJWM6D.js";
 import {
   IconBadge
 } from "./chunk-NSFGACD7.js";
+import {
+  hover_card_exports
+} from "./chunk-MZ2RY4NU.js";
 import {
   Image
 } from "./chunk-FD2V4Y66.js";
 import {
-  Icon
-} from "./chunk-M3DJWM6D.js";
+  InfoTip
+} from "./chunk-D72A4SU3.js";
 import {
-  Flex
-} from "./chunk-JQVOMAD5.js";
+  ToggleTip
+} from "./chunk-OWFY465Z.js";
+import {
+  Portal
+} from "./chunk-UZUMIWPJ.js";
+import {
+  popover_exports
+} from "./chunk-FVUEAELO.js";
+import {
+  Float
+} from "./chunk-XD7U6L2E.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.js";
@@ -200,9 +200,6 @@ import {
   FormatByte,
   FormatNumber
 } from "./chunk-6WZK2RBQ.js";
-import {
-  Float
-} from "./chunk-XD7U6L2E.js";
 import {
   Grid,
   GridItem,
@@ -214,41 +211,41 @@ import {
 import {
   Group
 } from "./chunk-3CKGT42F.js";
+import {
+  Field,
+  useFieldContext,
+  useFieldStyles
+} from "./chunk-XX2OY7LK.js";
 import {
   Editable
 } from "./chunk-TEQVVR3W.js";
 import {
-  dialog_exports
-} from "./chunk-HXNGSQQG.js";
+  drawer_exports
+} from "./chunk-HHKMVSL4.js";
+import {
+  EnvironmentProvider,
+  useEnvironmentContext
+} from "./chunk-LFOA3DZO.js";
 import {
   EmptyState
 } from "./chunk-NGGISORT.js";
-import {
-  drawer_exports
-} from "./chunk-HHKMVSL4.js";
 import {
   Fieldset,
   useFieldsetContext
 } from "./chunk-FPRTN3I7.js";
-import {
-  EnvironmentProvider,
-  useEnvironmentContext
-} from "./chunk-LFOA3DZO.js";
 import {
   file_upload_exports,
   useFileUploadContext
 } from "./chunk-VVTDE7NH.js";
 import {
-  Field,
-  useFieldContext,
-  useFieldStyles
-} from "./chunk-XX2OY7LK.js";
-import {
-  Code
-} from "./chunk-YMCOU2N5.js";
+  Flex
+} from "./chunk-JQVOMAD5.js";
 import {
   Collapsible
 } from "./chunk-PEJYADAS.js";
+import {
+  Code
+} from "./chunk-YMCOU2N5.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
@@ -264,10 +261,16 @@ import {
 import {
   Container
 } from "./chunk-PIQURQGB.js";
+import {
+  dialog_exports
+} from "./chunk-HXNGSQQG.js";
 import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
+import {
+  ButtonGroup
+} from "./chunk-7PWVK3NL.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
@@ -303,10 +306,6 @@ import {
   Avatar,
   AvatarGroup
 } from "./chunk-FN7TU5F5.js";
-import {
-  Badge,
-  BadgePropsProvider
-} from "./chunk-R2J5USV6.js";
 import {
   BackButton
 } from "./chunk-KHCQMSP7.js";
@@ -319,6 +318,10 @@ import {
   useLink,
   useSui
 } from "./chunk-ZULBHMWG.js";
+import {
+  Badge,
+  BadgePropsProvider
+} from "./chunk-R2J5USV6.js";
 import {
   Bleed
 } from "./chunk-Y2S4O4UY.js";
@@ -332,13 +335,10 @@ import {
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-PSCCIAL4.js";
+} from "./chunk-RBG43JK2.js";
 import "./chunk-QAAKAKP7.js";
 import {
   accordion_exports

package/dist/preset.cjs

@@ -3454,7 +3454,7 @@ var dialogSlotRecipe = (0, import_styled_system33.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3675,7 +3675,7 @@ var drawerSlotRecipe = (0, import_styled_system34.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "zIndex.layer-4",
+      zIndex: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/preset.js

@@ -2,7 +2,7 @@
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-PSCCIAL4.js";
+} from "./chunk-RBG43JK2.js";
 import "./chunk-QAAKAKP7.js";
 import "./chunk-RTMS5TJN.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.12",
+  "version": "3.0.0-next.14",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -81,7 +81,7 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.1.0",
+    "@ark-ui/react": "^5.2.0",
     "@saas-ui/core": "3.0.0-next.2",
     "@saas-ui/hooks": "3.0.0-next.0"
   },

package/dist/{chunk-QITSWCWX.js → chunk-OWFY465Z.js}

@@ -1,10 +1,10 @@
 'use client'
-import {
-  popover_exports
-} from "./chunk-FVUEAELO.js";
 import {
   Portal
 } from "./chunk-UZUMIWPJ.js";
+import {
+  popover_exports
+} from "./chunk-FVUEAELO.js";
 
 // src/components/toggle-tip/toggle-tip.tsx
 import * as React from "react";