@commercetools/nimbus 0.0.7-rc9 → 0.0.8

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
+import { AccordionItemProps as AccordionItemProps_3 } from '..';
 import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
 import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
 import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
@@ -7,50 +8,61 @@ import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
 import { AriaButtonProps } from 'react-aria';
 import { AriaCheckboxProps } from 'react-aria';
 import { AriaLinkOptions } from 'react-aria';
+import { AriaNumberFieldProps } from 'react-aria';
 import { AriaToggleButtonGroupProps } from 'react-aria';
 import { AriaToggleButtonProps } from 'react-aria';
-import { Bleed } from '@chakra-ui/react';
-import { CardContentProps as CardContentProps_2 } from './card.slots';
-import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
+import { AutocompleteProps } from 'react-aria-components';
+import { CardContentProps } from './card.slots';
+import { CardHeaderProps } from './card.slots';
 import { CardProps as CardProps_2 } from './card.types';
-import { Code } from '@chakra-ui/react';
-import { ConditionalValue } from '@chakra-ui/react';
-import { Context } from 'react';
+import { CodeProps } from '@chakra-ui/react';
+import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
+import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
+import { ComboBoxProps } from 'react-aria-components';
+import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
+import { ComponentProps } from 'react';
+import { default as default_2 } from 'react';
 import { DetailedHTMLProps } from 'react';
-import { Dialog } from '@chakra-ui/react';
+import { Dialog as Dialog_2 } from '@chakra-ui/react';
 import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
 import { DisclosureProps } from 'react-aria-components';
 import { Dispatch } from 'react';
-import { Em } from '@chakra-ui/react';
 import { FC } from 'react';
 import { Flex } from '@chakra-ui/react';
 import { FocusableOptions } from 'react-aria';
+import { FormFieldDescriptionSlotProps } from './form-field.slots';
+import { FormFieldErrorSlotProps } from './form-field.slots';
+import { FormFieldInputSlotProps } from './form-field.slots';
+import { FormFieldLabelSlotProps } from './form-field.slots';
 import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
 import { ForwardRefExoticComponent } from 'react';
 import { GridItemProps } from '@chakra-ui/react';
 import { GridProps as GridProps_2 } from '@chakra-ui/react';
 import { Heading } from '@chakra-ui/react';
-import { Highlight as Highlight_2 } from '@chakra-ui/react';
 import { HTMLAttributes } from 'react';
 import { HTMLChakraProps } from '@chakra-ui/react';
 import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
 import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
 import { JsxStyleProps } from '@chakra-ui/react';
-import { Kbd } from '@chakra-ui/react';
-import { List } from '@chakra-ui/react';
+import { KbdProps } from '@chakra-ui/react';
+import { List as List_2 } from '@chakra-ui/react';
 import { ListBoxItemProps } from 'react-aria-components';
 import { ListBoxProps } from 'react-aria-components';
 import { ListBoxSectionProps } from 'react-aria-components';
-import { LoadingSpinnerRootProps } from './loading-spinner.slots';
+import { ListIndicatorProps } from '@chakra-ui/react';
 import { PatchHtmlProps } from '@chakra-ui/react';
 import { PolymorphicProps } from '@chakra-ui/react';
 import { PropsWithChildren } from 'react';
+import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
+import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
+import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
+import { RadioProps } from 'react-aria-components';
 import { ReactNode } from 'react';
 import { RecipeDefinition } from '@chakra-ui/react';
 import { RecipeProps } from '@chakra-ui/react';
 import { RecipeVariantProps } from '@chakra-ui/react';
 import { RecipeVariantRecord } from '@chakra-ui/react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
@@ -75,12 +87,13 @@ import { TagProps } from 'react-aria-components';
 import { TextFieldProps } from 'react-aria-components';
 import { TextProps as TextProps_2 } from '@chakra-ui/react';
 import { ThemeProviderProps } from 'next-themes';
+import { TimeFieldStateOptions } from 'react-stately';
+import { TimeValue } from 'react-aria';
 import { ToggleButton } from 'react-aria-components';
 import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
 import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
 import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
 import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
-import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
 import { TooltipTriggerComponentProps } from 'react-aria-components';
 import { UnstyledProp } from '@chakra-ui/react';
 import { useButton } from 'react-aria';
@@ -100,8 +113,12 @@ export declare const Accordion: {
     isExpanded?: boolean;
     onExpandedChange?: (isExpanded: boolean) => void;
     } & RefAttributes<HTMLDivElement>>;
-    Header: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
+    Header: ForwardRefExoticComponent<    {
+    children: ReactNode;
+    } & RefAttributes<HTMLButtonElement>>;
+    Content: ForwardRefExoticComponent<Omit<{
+    children: ReactNode;
+    } & Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "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" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "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" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "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" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
     HeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "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" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "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" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "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" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
 };
 
@@ -114,6 +131,35 @@ export declare type AccordionComposition = {
     isFocusVisible: boolean;
 };
 
+export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type AccordionContentProps = {
+    /**
+     * The content to display
+     */
+    children: ReactNode;
+} & ComponentProps<typeof AccordionPanel>;
+
+export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type AccordionHeaderProps = {
+    /**
+     * The text / content to display in the Header
+     */
+    children: ReactNode;
+};
+
+export declare const _AccordionHeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "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" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "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" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "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" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
+
+export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
+    children: default_2.ReactNode;
+    id?: string;
+    value?: string;
+    isDisabled?: boolean;
+    isExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
 export declare type AccordionItemProps = {
     isDisabled?: boolean;
     isExpanded?: boolean;
@@ -123,6 +169,8 @@ export declare type AccordionItemProps = {
     title?: string;
 };
 
+declare const AccordionPanel: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "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" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "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" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "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" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
+
 export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
     additionalTriggerComponent?: ReactNode;
     children: ReactNode;
@@ -130,6 +178,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
     size?: "sm" | "md";
 }
 
+export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
 export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
 
 /**
@@ -194,12 +244,27 @@ export declare const Alert: {
     };
 };
 
+export declare const _AlertActions: {
+    ({ children, ...props }: AlertActionsProps): null;
+    displayName: string;
+};
+
 /** Base Chakra styling props for the `actions` slot (`div`). */
 export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
+export declare const _AlertDescription: {
+    ({ children, ...props }: AlertDescriptionProps): null;
+    displayName: string;
+};
+
 /** Props for the `Alert.Description` sub-component (inherits from Text). */
 export declare type AlertDescriptionProps = TextProps;
 
+export declare const _AlertDismissButton: {
+    ({ children, ...props }: AlertDismissButtonProps): null;
+    displayName: string;
+};
+
 /** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
 export declare type AlertDismissButtonProps = ButtonProps;
 
@@ -209,6 +274,7 @@ export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 /** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
 export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
     [key: `data-${string}`]: unknown;
+    ref?: React.Ref<HTMLDivElement>;
 };
 
 /**
@@ -252,19 +318,34 @@ borderRadius: "200";
 };
 }>;
 
-/** Type signature for the main `Alert` component (using `forwardRef`). */
-export declare type AlertRootComponent = ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Alert
+ * ============================================================
+ * Provides feedback to the user about the status of an action or system event
+ */
+export declare const _AlertRoot: AlertRootComponent;
+
+/** Type signature for the main `Alert` component. */
+export declare type AlertRootComponent = React.FC<AlertProps>;
 
 /** Base Chakra styling props for the root `div` slot. */
 export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
+export declare const _AlertTitle: {
+    ({ children, ...props }: AlertTitleProps): null;
+    displayName: string;
+};
+
 /** Props for the `Alert.Title` sub-component (inherits from Text). */
 export declare type AlertTitleProps = TextProps;
 
 /** Combined root props including Chakra styles and recipe variants. */
 declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
 
-export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLDivElement>>;
+export declare const Avatar: {
+    (props: AvatarProps): JSX.Element;
+    displayName: string;
+};
 
 export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
     /**
@@ -291,6 +372,7 @@ export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElem
 
 export declare interface AvatarProps extends FunctionalAvatarProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
 declare const avatarRecipe: RecipeDefinition<    {
@@ -332,7 +414,10 @@ declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipePro
  * - allows overriding styles by using style-props
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
  */
-export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
+export declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Main props interface for the Badge component.
@@ -341,6 +426,7 @@ export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes
  */
 export declare interface BadgeProps extends BadgeVariantProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLSpanElement>;
 }
 
 /**
@@ -409,15 +495,20 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
     [key: `data-${string}`]: string;
 };
 
-export { Bleed }
-
-export declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
+export declare const Box: {
+    (props: BoxProps): JSX.Element;
+    displayName: string;
+};
 
 export declare interface BoxProps extends HTMLChakraProps<"div"> {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
-export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
+export declare const Button: {
+    (props: ButtonProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Recipe configuration for the ToggleButtonGroup component.
@@ -475,6 +566,8 @@ colorPalette: "neutral";
 }>;
 
 export declare interface ButtonProps extends FunctionalButtonProps {
+    slot?: string | null | undefined;
+    ref?: React.Ref<HTMLButtonElement>;
 }
 
 /**
@@ -489,34 +582,39 @@ declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp
  * This creates a complete set of props for the root element, combining
  * HTML attributes, Chakra's styling system, and our custom recipe props.
  */
-declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
+declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
+    slot?: string | null | undefined;
+}
 
 export declare const Card: {
-    Root: ForwardRefExoticComponent<CardProps_2 & RefAttributes<HTMLDivElement>>;
+    Root: {
+        ({ children, ref, ...props }: CardProps_2): JSX.Element;
+        displayName: string;
+    };
     Header: {
-        ({ children, ...props }: CardHeaderProps_2): null;
+        ({ children, ...props }: CardHeaderProps): null;
         displayName: string;
     };
     Content: {
-        ({ children, ...props }: CardContentProps_2): null;
+        ({ children, ...props }: CardContentProps): null;
         displayName: string;
     };
 };
 
-export declare const CardContent: {
-    ({ children, ...props }: CardContentProps): null;
+export declare const _CardContent: {
+    ({ children, ...props }: CardContentProps_2): null;
     displayName: string;
 };
 
-declare interface CardContentProps extends HTMLChakraProps<"div", CardRecipeProps> {
+declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
 }
 
-export declare const CardHeader: {
-    ({ children, ...props }: CardHeaderProps): null;
+export declare const _CardHeader: {
+    ({ children, ...props }: CardHeaderProps_2): null;
     displayName: string;
 };
 
-declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps> {
+declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
 }
 
 /**
@@ -526,6 +624,7 @@ declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps
  */
 export declare interface CardProps extends CardVariantProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
 /**
@@ -588,7 +687,10 @@ backgroundColor: "colorPalette.2";
 declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
 }
 
-export declare const CardRoot: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
+export declare const _CardRoot: {
+    ({ children, ref, ...props }: CardProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Root props interface that extends Chakra's HTML props with our recipe props.
@@ -620,7 +722,10 @@ declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRe
  * - allows overriding styles by using style-props
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
  */
-export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: {
+    (props: CheckboxProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Main props interface for the Checkbox component.
@@ -629,6 +734,7 @@ export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttr
  */
 export declare interface CheckboxProps extends CheckboxVariantProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLInputElement>;
 }
 
 declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
@@ -669,40 +775,297 @@ zIndex: number;
  */
 declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
 
-export { Code }
-
-export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
+/**
+ * @experimental This component is experimental and may change or be removed in future versions.
+ */
+export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
 
 declare interface ColorModeProviderProps extends ThemeProviderProps {
 }
 
-export declare const DialogActionTrigger: ForwardRefExoticComponent<Dialog.ActionTriggerProps & RefAttributes<HTMLButtonElement>>;
+export declare const ComboBox: {
+    Root: {
+        <T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
+        displayName: string;
+    };
+    OptionGroup: {
+        <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
+        displayName: string;
+    };
+};
+
+/** component prop interface */
+export declare type ComboBoxButtonGroupProps = {
+    selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
+    onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
+    onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
+    onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
+    containerRef?: RefObject<HTMLDivElement | null>;
+    isOpen?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+};
+
+/** The slot is a wrapper for multiple components,
+ *  and therefore not combined with the component props
+ *  because it is not used to style the component directly using asChild */
+export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
+}
+
+/** MultiSelect combobox */
+export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
+    defaultItems?: ComboBoxProps<T>["defaultItems"];
+    validate?: ComboBoxProps<T>["validate"];
+    allowsCustomValue?: boolean;
+    onSubmitCustomValue?: (value: string) => void;
+    onOpenChange?: ComboBoxProps<T>["onOpenChange"];
+    autoFocus?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isInvalid?: boolean;
+    itemId?: string;
+    itemValue?: string;
+    placeholder?: string;
+    ref?: Ref<HTMLDivElement>;
+    size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
+}
+
+export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
+}
+
+/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
+export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
+    ref?: Ref<HTMLDivElement>;
+}
+
+/** Base Chakra styling props for the root `div` slot when multi select*/
+export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
+}
 
-export declare const DialogBackdrop: ForwardRefExoticComponent<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>;
+/** component prop interface */
+export declare type ComboBoxMultiSelectValueProps<T extends object> = {
+    items: ComboBoxMultiSelectRootProps<T>["items"];
+    itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
+    itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
+    selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
+    onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    containerRef?: RefObject<HTMLDivElement | null>;
+    size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
+};
 
-export declare const DialogBody: ForwardRefExoticComponent<Dialog.BodyProps & RefAttributes<HTMLDivElement>>;
+export declare const _ComboBoxOption: {
+    <T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
+    displayName: string;
+};
 
-export declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
+export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
 
-export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
+export declare const _ComboBoxOptionGroup: {
+    <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};
 
-declare interface DialogContentProps extends Dialog.ContentProps {
-    portalled?: boolean;
-    portalRef?: React.RefObject<HTMLElement>;
-    backdrop?: boolean;
+/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
+export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
+    label?: ReactNode;
 }
 
-export declare const DialogDescription: ForwardRefExoticComponent<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>;
+/** Base Chakra styling props for the root `div` slot. */
+declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
+
+/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
+export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
+    ref?: Ref<HTMLDivElement>;
+}
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
+export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
+    ref?: Ref<HTMLDivElement>;
+}
+
+/** Base Chakra styling props for the root `div` slot. */
+export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
+}
+
+export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
+}
+
+export declare const _ComboBoxRoot: {
+    <T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
+    displayName: string;
+};
+
+/** Root element can either be single or multi select */
+export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
+
+/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
+export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
+    ref?: Ref<HTMLDivElement>;
+}
+
+/** Base Chakra styling props for the root `div` slot when single select*/
+export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
+}
+
+/**
+ * Recipe configuration for the Combobox component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
+size: {
+sm: {
+value: {
+minH: "800";
+textStyle: "sm";
+};
+};
+md: {
+value: {
+minH: "1000";
+textStyle: "md";
+};
+};
+};
+variant: {
+solid: {
+root: {
+width: "7200";
+bg: "primary.1";
+};
+value: {
+width: "100%";
+"--border-width"?: "sizes.25" | undefined;
+"--border-color"?: "colors.neutral.7" | undefined;
+};
+};
+ghost: {
+root: {
+maxW: "7200";
+bg?: "transparent" | undefined;
+"&:hover"?: {
+bg: "primaryAlpha.2";
+} | undefined;
+};
+value: {
+bg: "transparent";
+"--border-width"?: "sizes.25" | undefined;
+"--border-color"?: "transparent" | undefined;
+};
+};
+};
+selectionMode: {
+multiple: {
+options: {
+boxShadow: "none";
+px: "200";
+my: "200";
+minW: "unset";
+"& section:first-of-type > header": {
+mt: number;
+};
+};
+option: {
+colorPalette: "primary";
+display: "flex";
+alignItems: "flex-start";
+justifyContent: "center";
+position: "relative";
+cursor: "pointer";
+gap: "200";
+mb: "var(--focus-ring-width)";
+"&:last-of-type": {
+mb: number;
+};
+'&[aria-selected="true"]': {
+bg: "unset";
+};
+'&[data-focused="true"]': {
+outlineWidth: "var(--focus-ring-width)";
+outlineColor: "var(--focus-ring-color)";
+outlineStyle: "var(--focus-ring-style)";
+bg: "unset";
+};
+_hover: {
+bg: "primary.2";
+};
+};
+};
+single: {};
+none: {};
+};
+}>;
+
+/** The slot is a wrapper for multiple components,
+ *  and therefore not combined with the component props
+ *  because it is not used to style the component directly using asChild */
+export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
+}
 
-export declare const DialogFooter: ForwardRefExoticComponent<Dialog.FooterProps & RefAttributes<HTMLDivElement>>;
+/** ComboBox with overridden children prop based on expected dom structure. */
+declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
+    onSubmitCustomValue?: (value: string) => void;
+    renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
+    placeholder?: string;
+    isLoading?: boolean;
+    children: ReactNode | ((item: T) => default_2.ReactNode);
+    ref?: Ref<HTMLDivElement>;
+};
 
-export declare const DialogHeader: ForwardRefExoticComponent<Dialog.HeaderProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Properties from TimeFieldStateOptions that would conflict with similarly named
+ * properties in TimeInputRootProps. We use this to prevent TypeScript interface
+ * merging conflicts by prioritizing the TimeFieldStateOptions implementation.
+ *
+ * Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
+ */
+declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
 
-export declare const DialogRoot: FC<Dialog.RootProps>;
+/**
+ * @experimental This component is experimental and may change or be removed in future versions.
+ */
+export declare const Dialog: DialogComponents;
+
+declare interface DialogComponents {
+    Root: typeof Dialog_2.Root;
+    Trigger: typeof Dialog_2.Trigger;
+    Content: typeof DialogContent;
+    Backdrop: typeof Dialog_2.Backdrop;
+    Positioner: typeof Dialog_2.Positioner;
+    Title: typeof Dialog_2.Title;
+    Description: typeof Dialog_2.Description;
+    Body: typeof Dialog_2.Body;
+    Footer: typeof Dialog_2.Footer;
+    Header: typeof Dialog_2.Header;
+    CloseTrigger: typeof Dialog_2.CloseTrigger;
+    ActionTrigger: typeof Dialog_2.ActionTrigger;
+}
 
-export declare const DialogTitle: ForwardRefExoticComponent<Dialog.TitleProps & RefAttributes<HTMLDivElement>>;
+declare const DialogContent: (props: DialogContentProps) => JSX.Element;
 
-export declare const DialogTrigger: ForwardRefExoticComponent<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>;
+declare interface DialogContentProps extends Dialog_2.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    backdrop?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
 
 export declare type DisclosureGroupProps = AccordionProps & {
     children: ReactNode;
@@ -722,7 +1085,18 @@ export declare type DisclosureItemProps = AccordionItemProps & {
     onExpandedChange?: (isExpanded: boolean) => void;
 };
 
-export { Em }
+declare type ExcludedNumberInputProps = "asChild" | "onChange";
+
+/**
+ * Additional properties we want to exclude from the TimeInput component.
+ * These are either deprecated or not intended for use in this component.
+ */
+declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
+
+/**
+ * List of props that should be excluded from the root props when combining with ARIA props
+ */
+declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
 
 /**
  * For use in components that use the polymorphic `as` and `asChild` props
@@ -751,39 +1125,33 @@ export declare const FormField: {
     }) => null;
 };
 
-export declare const FormFieldContext: Context<FormFieldContextType>;
+export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
 
-export declare type FormFieldContextPayloadType = {
-    label: ReactNode;
-    labelSlotProps?: FormFieldLabelSlotProps;
-    input: ReactNode;
-    inputSlotProps?: FormFieldInputSlotProps;
-    description: ReactNode;
-    descriptionSlotProps?: FormFieldDescriptionSlotProps;
-    error: ReactNode;
-    errorSlotProps?: FormFieldErrorSlotProps;
-    info: ReactNode;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-};
+declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
+}
 
-export declare type FormFieldContextType = {
-    context: FormFieldContextPayloadType;
-    setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
-};
+export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
 
-declare interface FormFieldDescriptionSlotProps extends HTMLChakraProps<"div"> {
+declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
 }
 
-declare interface FormFieldErrorSlotProps extends HTMLChakraProps<"div"> {
-}
+export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
 
-declare interface FormFieldInputSlotProps extends HTMLChakraProps<"div"> {
+declare type FormFieldInfoBoxProps = {
+    /**
+     * The content to display in the InfoBox
+     */
+    children: ReactNode;
+};
+
+export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
+
+declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
 }
 
-declare interface FormFieldLabelSlotProps extends HTMLChakraProps<"div"> {
+export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
+
+declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
 }
 
 /**
@@ -853,17 +1221,27 @@ mt: "var(--grid-gap)";
 };
 }>;
 
+/**
+ * FormField
+ * ============================================================
+ * displays inputs in a FormField context
+ */
+export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
+
 declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
 }
 
 declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
 
 /** combine chakra-button props with aria-button props */
-declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps> & {
+declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
     [key: `data-${string}`]: unknown;
 };
 
-export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> & {
+export declare const Grid: {
+    (props: GridProps): JSX.Element;
+    displayName: string;
+} & {
     Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
 };
 
@@ -878,17 +1256,19 @@ export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<H
  */
 export declare interface GridProps extends GridProps_2 {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
 export { Heading }
 
-export { Highlight_2 as Highlight }
-
 /**
  * Icon
  * displays icon components
  */
-export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export declare const Icon: {
+    (props: IconProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * IconButton
@@ -896,7 +1276,10 @@ export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<S
  * displays a button with only an icon as child. It is based
  * on the regular `Button` component, but with a few adjustments.
  */
-export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: {
+    (props: IconButtonProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Main props interface for the IconButton component.
@@ -904,6 +1287,7 @@ export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & Ref
 export declare interface IconButtonProps extends ButtonProps {
     /** explains the intended action, required for accessibility */
     "aria-label": string;
+    ref?: React.Ref<HTMLButtonElement>;
 }
 
 /**
@@ -925,6 +1309,10 @@ export declare interface IconProps extends IconVariantProps {
      * Accepts a React component to be rendered as the icon .
      */
     as?: BoxProps["as"];
+    /**
+     * Ref to the icon element
+     */
+    ref?: React.Ref<SVGSVGElement>;
 }
 
 /**
@@ -984,13 +1372,19 @@ declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVG
  *
  * Use this component to display an image.
  */
-declare const Image_2: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLImageElement>>;
+declare const Image_2: {
+    (props: ImageProps): JSX.Element;
+    displayName: string;
+};
 export { Image_2 as Image }
 
 export declare interface ImageProps extends ImageProps_2 {
 }
 
-export { Kbd }
+/**
+ * @experimental This component is experimental and may change or be removed in future versions.
+ */
+export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
 
 /**
  * Link
@@ -1005,7 +1399,10 @@ export { Kbd }
  * - allows overriding styles by using style-props
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
  */
-export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+export declare const Link: {
+    (props: LinkProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Main props interface for the Link component.
@@ -1014,6 +1411,7 @@ export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<H
  */
 export declare interface LinkProps extends LinkVariantProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLAnchorElement>;
 }
 
 /**
@@ -1067,38 +1465,43 @@ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
  * Differences between LinkRootProps and LinkVariantProps necessitate
  * the use of Omit and Pick to ensure the correct props are passed
  */
-declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
+declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
     [key: `data-${string}`]: string;
 };
 
-export { List }
-
-export declare const ListItem: (props: ListItemType) => JSX.Element;
+/**
+ * @experimental This component is experimental and may change or be removed in future versions.
+ */
+export declare const List: {
+    Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
+    Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
+    Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
+};
 
-export declare type ListItemType = React.ComponentProps<typeof List.Item>;
+export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
 
-export declare const ListRoot: (props: ListRootType) => JSX.Element;
+export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type ListRootType = React.ComponentProps<typeof List.Root>;
+export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
 
 /**
  * LoadingSpinner
  * ============================================================
  * Indicates ongoing processes or loading states
  */
-export declare const LoadingSpinner: ForwardRefExoticComponent<LoadingSpinnerRootProps & {
-size?: ConditionalValue<"sm" | "md" | "lg" | "2xs" | "xs" | undefined>;
-tone?: ConditionalValue<"white" | "primary" | undefined>;
-} & {
-[key: `data-${string}`]: string;
-} & RefAttributes<HTMLDivElement>>;
+export declare const LoadingSpinner: {
+    (props: LoadingSpinnerProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Main props interface for the LoadingSpinner component.
  * Extends LoadingSpinnerVariantProps to include both root props and variant props,
  * while adding support for React children.
  */
-export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps;
+export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
+    ref?: React.Ref<HTMLDivElement>;
+};
 
 /**
  * Recipe configuration for the LoadingSpinner component.
@@ -1149,7 +1552,7 @@ declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, Unstyled
  * This creates a complete set of props for the root element, combining
  * HTML attributes, Chakra's styling system, and our custom recipe props.
  */
-declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
+declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
 
 /**
  * Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
@@ -1157,7 +1560,7 @@ declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpin
  * This allows the component to accept both structural props from Root
  * and styling variants from the recipe.
  */
-declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps_2 & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
+declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
     [key: `data-${string}`]: string;
 };
 
@@ -1185,33 +1588,347 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
 children?: ReactNode | undefined;
 } & RefAttributes<HTMLElement>>;
 
-export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX.Element;
-
-export declare const Select: {
-    Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
-    Options: <T extends object>(props: SelectOptionsProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
-    Option: <T extends object>(props: SelectOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
-    OptionGroup: <T extends object>(props: SelectOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
+/**
+ * MultilineTextInput
+ * ============================================================
+ * A textarea component that takes in multiline text as input
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ * - supports auto-growing height based on content when `autoGrow` is enabled
+ */
+export declare const MultilineTextInput: {
+    (props: MultilineTextInputProps): JSX.Element;
+    displayName: string;
 };
 
-export declare const _SelectOption: <T extends object>(props: SelectOptionProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
-
-export declare const _SelectOptionGroup: <T extends object>(props: SelectOptionGroupProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
-
-export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
-    /** the label for the section */
-    label: string;
-}
-
-declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
-}
-
-export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
-}
-
-export declare const _SelectOptions: <T extends object>(props: SelectOptionsProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
-
-declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
+export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
+    ref?: React.Ref<HTMLTextAreaElement>;
+    /**
+     * When true, the textarea will automatically grow in height to fit its content.
+     * This works in addition to the default draggable resize behavior.
+     */
+    autoGrow?: boolean;
+}
+
+/**
+ * Recipe configuration for the MultilineTextInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const multilineTextInputRecipe: RecipeDefinition<    {
+size: {
+sm: {
+minH: number;
+textStyle: "sm";
+px: number;
+py: number;
+};
+md: {
+minH: number;
+textStyle: "md";
+px: number;
+py: number;
+};
+};
+variant: {
+solid: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "neutral.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+ghost: {
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+}>;
+
+declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
+}
+
+declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
+
+export declare function NimbusProvider({ children, locale, ...props }: ColorModeProviderProps & {
+    locale?: string;
+}): JSX.Element;
+
+/**
+ * NumberInput
+ * ============================================================
+ * An input component that accepts only numbers with increment/decrement buttons
+ *
+ * Features:
+ *
+ * - supports ref forwarding to the underlying DOM element
+ * - supports number-specific props like min, max, step
+ * - includes increment/decrement buttons for easy number adjustment
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ * - provides full accessibility support
+ */
+export declare const NumberInput: {
+    (props: NumberInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
+    ref?: React.Ref<HTMLInputElement>;
+}
+
+/**
+ * Recipe configuration for the NumberInput component.
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
+ */
+declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
+size: {
+sm: {
+input: {
+h: number;
+textStyle: "sm";
+px: number;
+paddingRight: number;
+};
+};
+md: {
+input: {
+h: number;
+textStyle: "md";
+px: number;
+paddingRight: number;
+};
+};
+};
+variant: {
+solid: {
+root: {
+"&:has(button:hover) input": {
+backgroundColor: "primary.2";
+};
+};
+input: {
+"&[data-invalid='true']": {
+boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
+"--border-width": "sizes.50";
+};
+boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
+backgroundColor: "neutral.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+incrementButton: {
+"&[data-invalid='true']": {
+borderTop: "2px solid var(--border-color)";
+borderRight: "2px solid var(--border-color)";
+};
+borderTop: "var(--border-width) solid var(--border-color)";
+borderRight: "var(--border-width) solid var(--border-color)";
+borderLeft: "var(--border-width) solid var(--border-color)";
+boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
+_hover: {
+backgroundColor: "primaryAlpha.3";
+};
+};
+decrementButton: {
+"&[data-invalid='true']": {
+borderBottom: "2px solid var(--border-color)";
+borderRight: "2px solid var(--border-color)";
+};
+borderBottom: "var(--border-width) solid var(--border-color)";
+borderRight: "var(--border-width) solid var(--border-color)";
+borderLeft: "var(--border-width) solid var(--border-color)";
+boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
+_hover: {
+backgroundColor: "primaryAlpha.3";
+};
+};
+};
+ghost: {
+root: {
+"&:has(button:hover) input": {
+backgroundColor: "primary.2";
+};
+};
+input: {
+"&[data-invalid='true']": {
+boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
+"--border-width": "sizes.50";
+};
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+incrementButton: {
+"&[data-invalid='true']": {
+borderTop: "2px solid var(--border-color)";
+borderRight: "2px solid var(--border-color)";
+};
+_hover: {
+backgroundColor: "primaryAlpha.3";
+};
+};
+decrementButton: {
+"&[data-invalid='true']": {
+borderBottom: "2px solid var(--border-color)";
+borderRight: "2px solid var(--border-color)";
+};
+_hover: {
+backgroundColor: "primaryAlpha.3";
+};
+};
+};
+};
+}>;
+
+declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
+}
+
+declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
+
+/**
+ * PasswordInput
+ * ============================================================
+ * An input component that takes in password as input with toggleable visibility
+ *
+ * Features:
+ *
+ * - Based on TextInput with added password visibility toggle
+ * - Allows toggling between type="password" and type="text"
+ * - Positions the toggle button at the right edge of the input
+ * - Inherits all TextInput features and props
+ */
+export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+
+/**
+ * Interface for PasswordInput component props
+ * Extends TextInputProps but omits the type prop since it's controlled internally
+ * We want to keep this as an explicit interface to allow for future additions
+ */
+export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
+}
+
+declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
+    children?: React.ReactNode;
+};
+
+export declare const RadioInput: {
+    Root: {
+        (props: RadioInputRootProps_2): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        ({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
+        displayName: string;
+    };
+};
+
+export declare const _RadioInputOption: {
+    ({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
+}
+
+export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
+}
+
+export declare const _RadioInputRoot: {
+    (props: RadioInputRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
+}
+
+export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
+}
+
+/**
+ * Recipe configuration for the RadioInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
+orientation: {
+horizontal: {
+root: {
+flexDirection: "row";
+gap: "600";
+};
+};
+vertical: {
+root: {
+flexDirection: "column";
+alignItems: "flex-start";
+gap: "400";
+};
+};
+};
+}>;
+
+export declare const Select: {
+    Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
+    Options: {
+        <T extends object>(props: SelectOptionsProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <T extends object>(props: SelectOptionProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+    OptionGroup: {
+        <T extends object>(props: SelectOptionGroupProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+
+export declare const _SelectOption: {
+    <T extends object>(props: SelectOptionProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+export declare const _SelectOptionGroup: {
+    <T extends object>(props: SelectOptionGroupProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
+    /** the label for the section */
+    label: string;
+}
+
+declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
+}
+
+export declare const _SelectOptions: {
+    <T extends object>(props: SelectOptionsProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
 }
 
 export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
@@ -1258,7 +1975,7 @@ textStyle: "md";
 variant: {
 outline: {
 root: {
-bg: "bg";
+bg: "primary.1";
 "&:hover": {
 bg: "primary.2";
 };
@@ -1283,7 +2000,10 @@ trigger: {
 };
 }>;
 
-export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & RefAttributes<HTMLDivElement>> & {
+export declare const SimpleGrid: {
+    (props: SimpleGridProps): JSX.Element;
+    displayName: string;
+} & {
     Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
 };
 
@@ -1298,53 +2018,94 @@ export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & Ref
  */
 export declare interface SimpleGridProps extends SimpleGridProps_2 {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+}
+
+export declare interface SingleSelectInputProps {
+    placeholder?: string;
+    inputValue?: string;
+    allowsCustomValue?: boolean;
+    onSubmitCustomValue?: (value: string) => void;
+    onInputChange?: (value: string) => void;
+    ref?: default_2.Ref<HTMLInputElement>;
 }
 
-export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
+export declare const Stack: {
+    (props: StackProps): JSX.Element;
+    displayName: string;
+};
 
 export declare interface StackProps extends StackProps_2 {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
-export declare const system: SystemContext;
-
-export { Table }
-
-export declare const TableBody: (props: TableBodyProps) => JSX.Element;
-
-export declare type TableBodyProps = React.ComponentProps<typeof Table.Body>;
-
-export declare const TableCell: (props: TableCellProps) => JSX.Element;
-
-export declare type TableCellProps = React.ComponentProps<typeof Table.Cell>;
-
-export declare const TableColumn: (props: TableColumnProps) => JSX.Element;
-
-export declare const TableColumnGroup: (props: TableColumnGroupProps) => JSX.Element;
-
-export declare type TableColumnGroupProps = React.ComponentProps<typeof Table.ColumnGroup>;
-
-export declare const TableColumnHeader: (props: TableColumnHeaderProps) => JSX.Element;
-
-export declare type TableColumnHeaderProps = React.ComponentProps<typeof Table.ColumnHeader>;
-
-export declare type TableColumnProps = React.ComponentProps<typeof Table.Column>;
-
-export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
-
-export declare type TableFooterProps = React.ComponentProps<typeof Table.Footer>;
-
-export declare const TableHeader: (props: TableHeaderProps) => JSX.Element;
+/**
+ * Switch
+ * ============================================================
+ * displays a switch toggle and optionally an associated label
+ */
+export declare const Switch: {
+    ({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
+    displayName: string;
+};
 
-export declare type TableHeaderProps = React.ComponentProps<typeof Table.Header>;
+/**
+ * Main props interface for the Switch component.
+ * Combines root element props with ARIA toggle functionality props.
+ */
+export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
+    /**
+     * The content to display next to the switch.
+     * Can be a string or React node.
+     */
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLInputElement>;
+};
 
-export declare const TableRoot: (props: TableRootProps) => JSX.Element;
+/**
+ * Props for the Switch component root element.
+ * Includes all HTML props for the label element and recipe variant props.
+ */
+declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
+}
 
-export declare type TableRootProps = React.ComponentProps<typeof Table.Root>;
+/**
+ * Recipe configuration for the Switch component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
+size: {
+sm: {
+track: {
+"--track-height": "sizes.400";
+"--track-width": "sizes.700";
+};
+thumb: {
+"--thumb-size": "sizes.400";
+};
+label: {
+"--label-font-size": "fontSizes.350";
+};
+};
+md: {
+track: {
+"--track-height": "sizes.600";
+"--track-width": "sizes.1100";
+};
+thumb: {
+"--thumb-size": "sizes.600";
+};
+label: {
+"--label-font-size": "fontSizes.400";
+};
+};
+};
+}>;
 
-export declare const TableRow: (props: TableRowProps) => JSX.Element;
+export declare const system: SystemContext;
 
-export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
+export { Table }
 
 /**
  * TagGroup
@@ -1362,10 +2123,12 @@ export declare const TagGroup: {
 };
 
 /** Final external props for the `<TagGroup>` component, including `children`. */
-export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps>;
+export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
+    ref?: React.Ref<typeof TagGroup_2>;
+};
 
-/** Type signature for the main `TagGroup` component (using `forwardRef`). */
-export declare type TagGroupRootComponent = FC<TagGroupRootProps & RefAttributes<typeof TagGroup_2>>;
+/** Type signature for the main `TagGroup` component. */
+export declare type TagGroupRootComponent = FC<TagGroupProps>;
 
 /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
 declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
@@ -1403,20 +2166,24 @@ padding: "200";
 };
 }>;
 
-/** Type signature for the `TagGroup.Tag` sub-component (using `forwardRef`). */
-export declare type TagGroupTagComponent = FC<TagGroupTagProps & RefAttributes<typeof Tag>>;
+/** Type signature for the `TagGroup.Tag` sub-component. */
+export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
 
-/** Type signature for the `TagGroup.TagList` sub-component (using `forwardRef`). */
-export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T> & RefAttributes<HTMLDivElement>>;
+/** Type signature for the `TagGroup.TagList` sub-component. */
+export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
 
 /** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
-export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>>;
+export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
 
 /** Base Chakra styling props for the root `div` slot. */
 declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
 /** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
-export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps>;
+export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
+    ref?: React.Ref<typeof Tag>;
+};
 
 /** Base Chakra styling props for the root `div` slot. */
 declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
@@ -1429,7 +2196,10 @@ declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
  *
  * @see https://DOMAIN/components/typography/text
  */
-declare const Text_2: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLParagraphElement>>;
+declare const Text_2: {
+    (props: TextProps): JSX.Element;
+    displayName: string;
+};
 export { Text_2 as Text }
 
 /**
@@ -1444,9 +2214,13 @@ export { Text_2 as Text }
  * - supports 'variants', 'sizes', etc. configured in the recipe
  * - allows overriding styles by using style-props
  */
-export declare const TextInput: ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>>;
+export declare const TextInput: {
+    (props: TextInputProps): JSX.Element;
+    displayName: string;
+};
 
 export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
+    ref?: React.Ref<HTMLInputElement>;
 }
 
 /**
@@ -1470,7 +2244,7 @@ variant: {
 solid: {
 "--border-width": "sizes.25";
 "--border-color": "colors.neutral.7";
-backgroundColor: "neutral.1";
+backgroundColor: "primary.1";
 _hover: {
 backgroundColor: "primary.2";
 };
@@ -1489,6 +2263,84 @@ declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInp
 declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
 
 export declare interface TextProps extends TextProps_2 {
+    ref?: React.Ref<HTMLParagraphElement>;
+}
+
+/**
+ * TimeInput
+ * ============================================================
+ * allows entering a time in the currently selected locale
+ */
+export declare const TimeInput: {
+    (props: TimeInputProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Main props interface for the TimeInput component.
+ *
+ * We use Omit to remove:
+ * 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
+ * 2. Explicitly excluded props that we don't want users to access
+ */
+export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
+}
+
+/**
+ * Recipe configuration for the TimeInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
+size: {
+sm: {
+segmentGroup: {
+h: number;
+textStyle: "sm";
+px: number;
+};
+};
+md: {
+segmentGroup: {
+h: number;
+textStyle: "md";
+px: number;
+};
+};
+};
+variant: {
+solid: {
+segmentGroup: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "neutral.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+ghost: {
+segmentGroup: {
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
 }
 
 /**
@@ -1501,24 +2353,28 @@ export declare const ToggleButtonGroup: {
     Button: ToggleButtonGroupButtonComponent_2;
 };
 
-export declare const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
+export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
 
-/** Type signature for the `ToggleButtonGroup.Button` sub-component (using `forwardRef`). */
-export declare type ToggleButtonGroupButtonComponent = ForwardRefExoticComponent<ToggleButtonGroupButtonProps & RefAttributes<typeof ToggleButton>>;
+/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
+export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
 
 /** Combined props for the button element (Chakra styles + Aria behavior). */
-export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps;
+export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
+    ref?: React.Ref<typeof ToggleButton>;
+};
 
 /** Base Chakra styling props for the `button` slot. */
 declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
 
 /** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
-export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps>;
+export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
+    ref?: React.Ref<typeof ToggleButtonGroup_2>;
+};
 
-export declare const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
+export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
 
-/** Type signature for the main `ToggleButtonGroup` component (using `forwardRef`). */
-export declare type ToggleButtonGroupRootComponent = ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<typeof ToggleButtonGroup_2>>;
+/** Type signature for the main `ToggleButtonGroup` component. */
+export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
 
 /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
 declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
@@ -1526,8 +2382,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
 /** Base Chakra styling props for the root `div` slot. */
 declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
 
+export declare const Tooltip: {
+    Root: typeof _TooltipRoot;
+    Content: typeof _TooltipContent;
+};
+
 /**
- * Tooltip
+ * TooltipContent
  * ============================================================
  * A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
  *
@@ -1540,7 +2401,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
  * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
  * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
  */
-export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
+export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): JSX.Element;
+
+export declare namespace _TooltipContent {
+    var displayName: string;
+}
 
 /**
  * Main props interface for the Tooltip components
@@ -1563,26 +2430,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
 }
 
 /**
- * Root props interface that extends Chakra's HTML props with our recipe props.
- * This creates a complete set of props for the root element, combining
- * HTML attributes, Chakra's styling system, and our custom recipe props.
- */
-declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
-}
-
-/**
- * TooltipTrigger
+ * TooltipRoot
  * ============================================================
- * TooltipTrigger wraps around a trigger element and a Tooltip.
+ * Root component that wraps around a trigger element and Tooltip content.
  * It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
  * and positioning the Tooltip relative to the trigger.
  *
- * Directly exported from `react-aria-components`
- * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
+ * This acts as the context provider for the compound Tooltip component.
  */
-export declare const TooltipTrigger: typeof TooltipTrigger_2;
+export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
 
-export declare interface TooltipTriggerProps extends TooltipTriggerComponentProps {
+export declare namespace _TooltipRoot {
+    var displayName: string;
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
 }
 
 /**