@commercetools/nimbus 0.0.7-rc12 → 0.0.7-rc15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
2
+ import { AccordionItemProps as AccordionItemProps_3 } from '..';
2
3
  import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
3
4
  import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
4
5
  import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
@@ -7,33 +8,30 @@ import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
7
8
  import { AriaButtonProps } from 'react-aria';
8
9
  import { AriaCheckboxProps } from 'react-aria';
9
10
  import { AriaLinkOptions } from 'react-aria';
11
+ import { AriaNumberFieldProps } from 'react-aria';
10
12
  import { AriaToggleButtonGroupProps } from 'react-aria';
11
13
  import { AriaToggleButtonProps } from 'react-aria';
12
- import { AutocompleteProps } from 'react-aria-components';
13
- import { Bleed } from '@chakra-ui/react';
14
- import { CardContentProps as CardContentProps_2 } from './card.slots';
15
- import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
14
+ import { CardContentProps } from './card.slots';
15
+ import { CardHeaderProps } from './card.slots';
16
16
  import { CardProps as CardProps_2 } from './card.types';
17
17
  import { Code } from '@chakra-ui/react';
18
- import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
19
- import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
20
- import { ComboBoxProps } from 'react-aria-components';
21
- import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
22
- import { ConditionalValue } from '@chakra-ui/react';
23
- import { Context } from 'react';
18
+ import { ComponentProps } from 'react';
19
+ import { default as default_2 } from 'react';
24
20
  import { DetailedHTMLProps } from 'react';
25
- import { Dialog } from '@chakra-ui/react';
21
+ import { Dialog as Dialog_2 } from '@chakra-ui/react';
26
22
  import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
27
23
  import { DisclosureProps } from 'react-aria-components';
28
24
  import { Dispatch } from 'react';
29
- import { Em } from '@chakra-ui/react';
30
25
  import { FC } from 'react';
31
26
  import { Flex } from '@chakra-ui/react';
32
27
  import { FocusableOptions } from 'react-aria';
28
+ import { FormFieldDescriptionSlotProps } from './form-field.slots';
29
+ import { FormFieldErrorSlotProps } from './form-field.slots';
30
+ import { FormFieldInputSlotProps } from './form-field.slots';
31
+ import { FormFieldLabelSlotProps } from './form-field.slots';
33
32
  import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
34
33
  import { ForwardRefExoticComponent } from 'react';
35
34
  import { GridItemProps } from '@chakra-ui/react';
36
- import { GridListProps } from 'react-aria-components';
37
35
  import { GridProps as GridProps_2 } from '@chakra-ui/react';
38
36
  import { Heading } from '@chakra-ui/react';
39
37
  import { Highlight as Highlight_2 } from '@chakra-ui/react';
@@ -41,17 +39,20 @@ import { HTMLAttributes } from 'react';
41
39
  import { HTMLChakraProps } from '@chakra-ui/react';
42
40
  import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
43
41
  import { JSX } from 'react/jsx-runtime';
44
- import { JSX as JSX_2 } from 'react';
45
42
  import { JsxStyleProps } from '@chakra-ui/react';
46
43
  import { Kbd } from '@chakra-ui/react';
47
- import { List } from '@chakra-ui/react';
44
+ import { List as List_2 } from '@chakra-ui/react';
48
45
  import { ListBoxItemProps } from 'react-aria-components';
49
46
  import { ListBoxProps } from 'react-aria-components';
50
47
  import { ListBoxSectionProps } from 'react-aria-components';
51
- import { LoadingSpinnerRootProps } from './loading-spinner.slots';
48
+ import { ListIndicatorProps } from '@chakra-ui/react';
52
49
  import { PatchHtmlProps } from '@chakra-ui/react';
53
50
  import { PolymorphicProps } from '@chakra-ui/react';
54
51
  import { PropsWithChildren } from 'react';
52
+ import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
53
+ import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
54
+ import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
55
+ import { RadioProps } from 'react-aria-components';
55
56
  import { ReactNode } from 'react';
56
57
  import { RecipeDefinition } from '@chakra-ui/react';
57
58
  import { RecipeProps } from '@chakra-ui/react';
@@ -81,12 +82,13 @@ import { TagProps } from 'react-aria-components';
81
82
  import { TextFieldProps } from 'react-aria-components';
82
83
  import { TextProps as TextProps_2 } from '@chakra-ui/react';
83
84
  import { ThemeProviderProps } from 'next-themes';
85
+ import { TimeFieldStateOptions } from 'react-stately';
86
+ import { TimeValue } from 'react-aria';
84
87
  import { ToggleButton } from 'react-aria-components';
85
88
  import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
86
89
  import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
87
90
  import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
88
91
  import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
89
- import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
90
92
  import { TooltipTriggerComponentProps } from 'react-aria-components';
91
93
  import { UnstyledProp } from '@chakra-ui/react';
92
94
  import { useButton } from 'react-aria';
@@ -106,8 +108,12 @@ export declare const Accordion: {
106
108
  isExpanded?: boolean;
107
109
  onExpandedChange?: (isExpanded: boolean) => void;
108
110
  } & RefAttributes<HTMLDivElement>>;
109
- Header: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLButtonElement>>;
110
- Content: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
111
+ Header: ForwardRefExoticComponent< {
112
+ children: ReactNode;
113
+ } & RefAttributes<HTMLButtonElement>>;
114
+ Content: ForwardRefExoticComponent<Omit<{
115
+ children: ReactNode;
116
+ } & 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>>;
111
117
  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>>;
112
118
  };
113
119
 
@@ -120,6 +126,35 @@ export declare type AccordionComposition = {
120
126
  isFocusVisible: boolean;
121
127
  };
122
128
 
129
+ export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
130
+
131
+ declare type AccordionContentProps = {
132
+ /**
133
+ * The content to display
134
+ */
135
+ children: ReactNode;
136
+ } & ComponentProps<typeof AccordionPanel>;
137
+
138
+ export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
139
+
140
+ declare type AccordionHeaderProps = {
141
+ /**
142
+ * The text / content to display in the Header
143
+ */
144
+ children: ReactNode;
145
+ };
146
+
147
+ 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>>;
148
+
149
+ export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
150
+ children: default_2.ReactNode;
151
+ id?: string;
152
+ value?: string;
153
+ isDisabled?: boolean;
154
+ isExpanded?: boolean;
155
+ onExpandedChange?: (isExpanded: boolean) => void;
156
+ } & default_2.RefAttributes<HTMLDivElement>>;
157
+
123
158
  export declare type AccordionItemProps = {
124
159
  isDisabled?: boolean;
125
160
  isExpanded?: boolean;
@@ -129,6 +164,8 @@ export declare type AccordionItemProps = {
129
164
  title?: string;
130
165
  };
131
166
 
167
+ 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>>;
168
+
132
169
  export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
133
170
  additionalTriggerComponent?: ReactNode;
134
171
  children: ReactNode;
@@ -136,6 +173,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
136
173
  size?: "sm" | "md";
137
174
  }
138
175
 
176
+ export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
177
+
139
178
  export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
140
179
 
141
180
  /**
@@ -200,12 +239,27 @@ export declare const Alert: {
200
239
  };
201
240
  };
202
241
 
242
+ export declare const _AlertActions: {
243
+ ({ children, ...props }: AlertActionsProps): null;
244
+ displayName: string;
245
+ };
246
+
203
247
  /** Base Chakra styling props for the `actions` slot (`div`). */
204
248
  export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
205
249
 
250
+ export declare const _AlertDescription: {
251
+ ({ children, ...props }: AlertDescriptionProps): null;
252
+ displayName: string;
253
+ };
254
+
206
255
  /** Props for the `Alert.Description` sub-component (inherits from Text). */
207
256
  export declare type AlertDescriptionProps = TextProps;
208
257
 
258
+ export declare const _AlertDismissButton: {
259
+ ({ children, ...props }: AlertDismissButtonProps): null;
260
+ displayName: string;
261
+ };
262
+
209
263
  /** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
210
264
  export declare type AlertDismissButtonProps = ButtonProps;
211
265
 
@@ -215,6 +269,7 @@ export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
215
269
  /** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
216
270
  export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
217
271
  [key: `data-${string}`]: unknown;
272
+ ref?: React.Ref<HTMLDivElement>;
218
273
  };
219
274
 
220
275
  /**
@@ -258,19 +313,34 @@ borderRadius: "200";
258
313
  };
259
314
  }>;
260
315
 
261
- /** Type signature for the main `Alert` component (using `forwardRef`). */
262
- export declare type AlertRootComponent = ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
316
+ /**
317
+ * Alert
318
+ * ============================================================
319
+ * Provides feedback to the user about the status of an action or system event
320
+ */
321
+ export declare const _AlertRoot: AlertRootComponent;
322
+
323
+ /** Type signature for the main `Alert` component. */
324
+ export declare type AlertRootComponent = React.FC<AlertProps>;
263
325
 
264
326
  /** Base Chakra styling props for the root `div` slot. */
265
327
  export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
266
328
 
329
+ export declare const _AlertTitle: {
330
+ ({ children, ...props }: AlertTitleProps): null;
331
+ displayName: string;
332
+ };
333
+
267
334
  /** Props for the `Alert.Title` sub-component (inherits from Text). */
268
335
  export declare type AlertTitleProps = TextProps;
269
336
 
270
337
  /** Combined root props including Chakra styles and recipe variants. */
271
338
  declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
272
339
 
273
- export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLDivElement>>;
340
+ export declare const Avatar: {
341
+ (props: AvatarProps): JSX.Element;
342
+ displayName: string;
343
+ };
274
344
 
275
345
  export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
276
346
  /**
@@ -297,6 +367,7 @@ export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElem
297
367
 
298
368
  export declare interface AvatarProps extends FunctionalAvatarProps {
299
369
  children?: React.ReactNode;
370
+ ref?: React.Ref<HTMLDivElement>;
300
371
  }
301
372
 
302
373
  declare const avatarRecipe: RecipeDefinition< {
@@ -338,7 +409,10 @@ declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipePro
338
409
  * - allows overriding styles by using style-props
339
410
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
340
411
  */
341
- export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
412
+ export declare const Badge: {
413
+ (props: BadgeProps): JSX.Element;
414
+ displayName: string;
415
+ };
342
416
 
343
417
  /**
344
418
  * Main props interface for the Badge component.
@@ -347,6 +421,7 @@ export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes
347
421
  */
348
422
  export declare interface BadgeProps extends BadgeVariantProps {
349
423
  children?: React.ReactNode;
424
+ ref?: React.Ref<HTMLSpanElement>;
350
425
  }
351
426
 
352
427
  /**
@@ -415,15 +490,20 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
415
490
  [key: `data-${string}`]: string;
416
491
  };
417
492
 
418
- export { Bleed }
419
-
420
- export declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
493
+ export declare const Box: {
494
+ (props: BoxProps): JSX.Element;
495
+ displayName: string;
496
+ };
421
497
 
422
498
  export declare interface BoxProps extends HTMLChakraProps<"div"> {
423
499
  children?: React.ReactNode;
500
+ ref?: React.Ref<HTMLDivElement>;
424
501
  }
425
502
 
426
- export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
503
+ export declare const Button: {
504
+ (props: ButtonProps): JSX.Element;
505
+ displayName: string;
506
+ };
427
507
 
428
508
  /**
429
509
  * Recipe configuration for the ToggleButtonGroup component.
@@ -481,121 +561,14 @@ colorPalette: "neutral";
481
561
  }>;
482
562
 
483
563
  export declare interface ButtonProps extends FunctionalButtonProps {
564
+ ref?: React.Ref<HTMLButtonElement>;
484
565
  }
485
566
 
486
- declare const buttonRecipe: RecipeDefinition< {
487
- size: {
488
- "2xs": {
489
- h: "600";
490
- minW: "600";
491
- fontSize: "300";
492
- fontWeight: "500";
493
- lineHeight: "400";
494
- px: "200";
495
- gap: "100";
496
- _icon: {
497
- width: "400";
498
- height: "400";
499
- };
500
- };
501
- xs: {
502
- h: "800";
503
- minW: "800";
504
- fontSize: "350";
505
- fontWeight: "500";
506
- lineHeight: "400";
507
- px: "300";
508
- gap: "100";
509
- _icon: {
510
- width: "500";
511
- height: "500";
512
- };
513
- };
514
- md: {
515
- h: "1000";
516
- minW: "1000";
517
- fontSize: "400";
518
- lineHeight: "500";
519
- px: "400";
520
- gap: "200";
521
- _icon: {
522
- width: "600";
523
- height: "600";
524
- };
525
- };
526
- };
527
- variant: {
528
- solid: {
529
- bg: "colorPalette.9";
530
- color: "colorPalette.contrast";
531
- _hover: {
532
- bg: "colorPalette.10";
533
- };
534
- _expanded: {
535
- bg: "colorPalette.10";
536
- };
537
- };
538
- subtle: {
539
- bg: "colorPalette.3";
540
- color: "colorPalette.11";
541
- _hover: {
542
- bg: "colorPalette.4";
543
- };
544
- _expanded: {
545
- bg: "colorPalette.4";
546
- };
547
- };
548
- outline: {
549
- borderWidth: "1px";
550
- borderColor: "colorPalette.7";
551
- color: "colorPalette.11";
552
- transitionProperty: "background-color, border-color, color";
553
- transitionDuration: "moderate";
554
- _hover: {
555
- bg: "colorPalette.3";
556
- borderColor: "colorPalette.8";
557
- };
558
- _expanded: {
559
- bg: "colorPalette.subtle";
560
- };
561
- };
562
- ghost: {
563
- color: "colorPalette.11";
564
- _hover: {
565
- bg: "colorPalette.4";
566
- };
567
- _expanded: {
568
- bg: "colorPalette.4";
569
- };
570
- };
571
- link: {
572
- color: "colorPalette.11";
573
- _hover: {
574
- textDecoration: "underline";
575
- };
576
- };
577
- };
578
- tone: {
579
- primary: {
580
- colorPalette: "primary";
581
- };
582
- critical: {
583
- colorPalette: "critical";
584
- };
585
- neutral: {
586
- colorPalette: "neutral";
587
- };
588
- info: {
589
- colorPalette: "info";
590
- };
591
- };
592
- }>;
593
-
594
567
  /**
595
568
  * Base recipe props interface that combines Chakra UI's recipe props
596
569
  * with the unstyled prop option for the button element.
597
570
  */
598
- declare interface ButtonRecipeProps extends RecipeProps<typeof buttonRecipe>, UnstyledProp {
571
+ declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
599
572
  }
600
573
 
601
574
  /**
@@ -603,35 +576,37 @@ declare interface ButtonRecipeProps extends RecipeProps<typeof buttonRecipe>, Un
603
576
  * This creates a complete set of props for the root element, combining
604
577
  * HTML attributes, Chakra's styling system, and our custom recipe props.
605
578
  */
606
- declare interface ButtonRootProps extends HTMLChakraProps<"button", ButtonRecipeProps> {
607
- }
579
+ declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
608
580
 
609
581
  export declare const Card: {
610
- Root: ForwardRefExoticComponent<CardProps_2 & RefAttributes<HTMLDivElement>>;
582
+ Root: {
583
+ ({ children, ref, ...props }: CardProps_2): JSX.Element;
584
+ displayName: string;
585
+ };
611
586
  Header: {
612
- ({ children, ...props }: CardHeaderProps_2): null;
587
+ ({ children, ...props }: CardHeaderProps): null;
613
588
  displayName: string;
614
589
  };
615
590
  Content: {
616
- ({ children, ...props }: CardContentProps_2): null;
591
+ ({ children, ...props }: CardContentProps): null;
617
592
  displayName: string;
618
593
  };
619
594
  };
620
595
 
621
- export declare const CardContent: {
622
- ({ children, ...props }: CardContentProps): null;
596
+ export declare const _CardContent: {
597
+ ({ children, ...props }: CardContentProps_2): null;
623
598
  displayName: string;
624
599
  };
625
600
 
626
- declare interface CardContentProps extends HTMLChakraProps<"div", CardRecipeProps> {
601
+ declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
627
602
  }
628
603
 
629
- export declare const CardHeader: {
630
- ({ children, ...props }: CardHeaderProps): null;
604
+ export declare const _CardHeader: {
605
+ ({ children, ...props }: CardHeaderProps_2): null;
631
606
  displayName: string;
632
607
  };
633
608
 
634
- declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps> {
609
+ declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
635
610
  }
636
611
 
637
612
  /**
@@ -641,6 +616,7 @@ declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps
641
616
  */
642
617
  export declare interface CardProps extends CardVariantProps {
643
618
  children?: React.ReactNode;
619
+ ref?: React.Ref<HTMLDivElement>;
644
620
  }
645
621
 
646
622
  /**
@@ -703,7 +679,10 @@ backgroundColor: "colorPalette.2";
703
679
  declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
704
680
  }
705
681
 
706
- export declare const CardRoot: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
682
+ export declare const _CardRoot: {
683
+ ({ children, ref, ...props }: CardProps): JSX.Element;
684
+ displayName: string;
685
+ };
707
686
 
708
687
  /**
709
688
  * Root props interface that extends Chakra's HTML props with our recipe props.
@@ -735,7 +714,10 @@ declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRe
735
714
  * - allows overriding styles by using style-props
736
715
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
737
716
  */
738
- export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
717
+ export declare const Checkbox: {
718
+ (props: CheckboxProps): JSX.Element;
719
+ displayName: string;
720
+ };
739
721
 
740
722
  /**
741
723
  * Main props interface for the Checkbox component.
@@ -744,6 +726,7 @@ export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttr
744
726
  */
745
727
  export declare interface CheckboxProps extends CheckboxVariantProps {
746
728
  children?: React.ReactNode;
729
+ ref?: React.Ref<HTMLInputElement>;
747
730
  }
748
731
 
749
732
  declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
@@ -786,172 +769,44 @@ declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeo
786
769
 
787
770
  export { Code }
788
771
 
789
- export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
790
-
791
772
  declare interface ColorModeProviderProps extends ThemeProviderProps {
792
773
  }
793
774
 
794
- export declare const ComboBox: {
795
- Root: <T extends object>(props: ComboBoxRootProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
796
- Options: <T extends object>(props: ComboBoxOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
797
- OptionGroup: {
798
- <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
799
- displayName: string;
800
- };
801
- Option: <T extends object>(props: ComboBoxOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
802
- };
803
-
804
- declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children">, Omit<GridListProps<T>, "filter"> {
805
- defaultFilter?: (textValue: string, inputValue: string) => boolean;
806
- isLoading?: boolean;
807
- isDisabled?: boolean;
808
- isReadOnly?: boolean;
809
- isRequired?: boolean;
810
- isInvalid?: boolean;
811
- }
812
-
813
- /** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
814
- export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
815
- }
816
-
817
- /** Base Chakra styling props for the root `div` slot when multi select*/
818
- export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
819
- }
820
-
821
- /** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
822
- export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
823
- label?: ReactNode;
824
- }
825
-
826
- /** Base Chakra styling props for the root `div` slot. */
827
- declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
828
-
829
- /** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
830
- export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
831
- }
832
-
833
- /** Base Chakra styling props for the root `div` slot. */
834
- declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
835
-
836
- /** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
837
- export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
838
- }
839
-
840
- /** Base Chakra styling props for the root `div` slot. */
841
- export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
842
- }
843
-
844
- export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
845
-
846
- /** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
847
- export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
848
- }
849
-
850
- /** Base Chakra styling props for the root `div` slot when single select*/
851
- export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
852
- }
853
-
854
775
  /**
855
- * Recipe configuration for the Combobox component.
856
- * Defines the styling variants and base styles using Chakra UI's recipe system.
776
+ * Properties from TimeFieldStateOptions that would conflict with similarly named
777
+ * properties in TimeInputRootProps. We use this to prevent TypeScript interface
778
+ * merging conflicts by prioritizing the TimeFieldStateOptions implementation.
779
+ *
780
+ * Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
857
781
  */
858
- declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "value" | "root" | "options" | "optionGroup" | "buttonGroup", {
859
- size: {
860
- sm: {
861
- value: {
862
- paddingRight: "1600";
863
- h?: "800" | undefined;
864
- px?: "400" | undefined;
865
- textStyle?: "sm" | undefined;
866
- };
867
- };
868
- md: {
869
- value: {
870
- paddingRight: "1600";
871
- h?: "1000" | undefined;
872
- px?: "400" | undefined;
873
- textStyle?: "md" | undefined;
874
- };
875
- };
876
- };
877
- variant: {
878
- solid: {
879
- root: {
880
- bg?: "bg" | undefined;
881
- "&:hover"?: {
882
- bg: "primary.2";
883
- } | undefined;
884
- };
885
- value: {
886
- "--border-width"?: "sizes.25" | undefined;
887
- "--border-color"?: "colors.neutral.7" | undefined;
888
- };
889
- };
890
- ghost: {
891
- root: {
892
- bg?: "transparent" | undefined;
893
- "&:hover"?: {
894
- bg: "primaryAlpha.2";
895
- } | undefined;
896
- };
897
- value: {
898
- "--border-width"?: "sizes.25" | undefined;
899
- "--border-color"?: "transparent" | undefined;
900
- };
901
- };
902
- };
903
- selectionMode: {
904
- multiple: {
905
- option: {
906
- "--border-width": "sizes.25";
907
- "--border-color": "colors.neutral.7";
908
- '&[data-focused="true"], &:hover': {
909
- boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
910
- };
911
- '&[aria-selected="true"], &[data-focused="true"]': {
912
- bg: "inherit";
913
- };
914
- };
915
- };
916
- single: {};
917
- none: {};
918
- };
919
- }>;
920
-
921
- /** ComboBox with overridden children prop based on expected dom structure. */
922
- declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
923
- isLoading?: boolean;
924
- children: ReactNode | ((item: T) => React.ReactNode);
925
- };
926
-
927
- export declare const DialogActionTrigger: ForwardRefExoticComponent<Dialog.ActionTriggerProps & RefAttributes<HTMLButtonElement>>;
928
-
929
- export declare const DialogBackdrop: ForwardRefExoticComponent<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>;
930
-
931
- export declare const DialogBody: ForwardRefExoticComponent<Dialog.BodyProps & RefAttributes<HTMLDivElement>>;
932
-
933
- export declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
782
+ declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
783
+
784
+ export declare const Dialog: DialogComponents;
785
+
786
+ declare interface DialogComponents {
787
+ Root: typeof Dialog_2.Root;
788
+ Trigger: typeof Dialog_2.Trigger;
789
+ Content: typeof DialogContent;
790
+ Backdrop: typeof Dialog_2.Backdrop;
791
+ Positioner: typeof Dialog_2.Positioner;
792
+ Title: typeof Dialog_2.Title;
793
+ Description: typeof Dialog_2.Description;
794
+ Body: typeof Dialog_2.Body;
795
+ Footer: typeof Dialog_2.Footer;
796
+ Header: typeof Dialog_2.Header;
797
+ CloseTrigger: typeof Dialog_2.CloseTrigger;
798
+ ActionTrigger: typeof Dialog_2.ActionTrigger;
799
+ }
934
800
 
935
- export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
801
+ declare const DialogContent: (props: DialogContentProps) => JSX.Element;
936
802
 
937
- declare interface DialogContentProps extends Dialog.ContentProps {
803
+ declare interface DialogContentProps extends Dialog_2.ContentProps {
938
804
  portalled?: boolean;
939
805
  portalRef?: React.RefObject<HTMLElement>;
940
806
  backdrop?: boolean;
807
+ ref?: React.Ref<HTMLDivElement>;
941
808
  }
942
809
 
943
- export declare const DialogDescription: ForwardRefExoticComponent<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>;
944
-
945
- export declare const DialogFooter: ForwardRefExoticComponent<Dialog.FooterProps & RefAttributes<HTMLDivElement>>;
946
-
947
- export declare const DialogHeader: ForwardRefExoticComponent<Dialog.HeaderProps & RefAttributes<HTMLDivElement>>;
948
-
949
- export declare const DialogRoot: FC<Dialog.RootProps>;
950
-
951
- export declare const DialogTitle: ForwardRefExoticComponent<Dialog.TitleProps & RefAttributes<HTMLDivElement>>;
952
-
953
- export declare const DialogTrigger: ForwardRefExoticComponent<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>;
954
-
955
810
  export declare type DisclosureGroupProps = AccordionProps & {
956
811
  children: ReactNode;
957
812
  ref?: RefAttributes<HTMLButtonElement>;
@@ -970,7 +825,18 @@ export declare type DisclosureItemProps = AccordionItemProps & {
970
825
  onExpandedChange?: (isExpanded: boolean) => void;
971
826
  };
972
827
 
973
- export { Em }
828
+ declare type ExcludedNumberInputProps = "asChild" | "onChange";
829
+
830
+ /**
831
+ * Additional properties we want to exclude from the TimeInput component.
832
+ * These are either deprecated or not intended for use in this component.
833
+ */
834
+ declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
835
+
836
+ /**
837
+ * List of props that should be excluded from the root props when combining with ARIA props
838
+ */
839
+ declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
974
840
 
975
841
  /**
976
842
  * For use in components that use the polymorphic `as` and `asChild` props
@@ -999,39 +865,33 @@ export declare const FormField: {
999
865
  }) => null;
1000
866
  };
1001
867
 
1002
- export declare const FormFieldContext: Context<FormFieldContextType>;
868
+ export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
1003
869
 
1004
- export declare type FormFieldContextPayloadType = {
1005
- label: ReactNode;
1006
- labelSlotProps?: FormFieldLabelSlotProps;
1007
- input: ReactNode;
1008
- inputSlotProps?: FormFieldInputSlotProps;
1009
- description: ReactNode;
1010
- descriptionSlotProps?: FormFieldDescriptionSlotProps;
1011
- error: ReactNode;
1012
- errorSlotProps?: FormFieldErrorSlotProps;
1013
- info: ReactNode;
1014
- isInvalid?: boolean;
1015
- isRequired?: boolean;
1016
- isDisabled?: boolean;
1017
- isReadOnly?: boolean;
1018
- };
870
+ declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
871
+ }
1019
872
 
1020
- export declare type FormFieldContextType = {
1021
- context: FormFieldContextPayloadType;
1022
- setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
1023
- };
873
+ export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
1024
874
 
1025
- declare interface FormFieldDescriptionSlotProps extends HTMLChakraProps<"div"> {
875
+ declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
1026
876
  }
1027
877
 
1028
- declare interface FormFieldErrorSlotProps extends HTMLChakraProps<"div"> {
1029
- }
878
+ export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
879
+
880
+ declare type FormFieldInfoBoxProps = {
881
+ /**
882
+ * The content to display in the InfoBox
883
+ */
884
+ children: ReactNode;
885
+ };
1030
886
 
1031
- declare interface FormFieldInputSlotProps extends HTMLChakraProps<"div"> {
887
+ export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
888
+
889
+ declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
1032
890
  }
1033
891
 
1034
- declare interface FormFieldLabelSlotProps extends HTMLChakraProps<"div"> {
892
+ export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
893
+
894
+ declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
1035
895
  }
1036
896
 
1037
897
  /**
@@ -1101,6 +961,13 @@ mt: "var(--grid-gap)";
1101
961
  };
1102
962
  }>;
1103
963
 
964
+ /**
965
+ * FormField
966
+ * ============================================================
967
+ * displays inputs in a FormField context
968
+ */
969
+ export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
970
+
1104
971
  declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
1105
972
  }
1106
973
 
@@ -1111,7 +978,10 @@ declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, key
1111
978
  [key: `data-${string}`]: unknown;
1112
979
  };
1113
980
 
1114
- export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> & {
981
+ export declare const Grid: {
982
+ (props: GridProps): JSX.Element;
983
+ displayName: string;
984
+ } & {
1115
985
  Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
1116
986
  };
1117
987
 
@@ -1126,6 +996,7 @@ export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<H
1126
996
  */
1127
997
  export declare interface GridProps extends GridProps_2 {
1128
998
  children?: React.ReactNode;
999
+ ref?: React.Ref<HTMLDivElement>;
1129
1000
  }
1130
1001
 
1131
1002
  export { Heading }
@@ -1136,7 +1007,10 @@ export { Highlight_2 as Highlight }
1136
1007
  * Icon
1137
1008
  * displays icon components
1138
1009
  */
1139
- export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
1010
+ export declare const Icon: {
1011
+ (props: IconProps): JSX.Element;
1012
+ displayName: string;
1013
+ };
1140
1014
 
1141
1015
  /**
1142
1016
  * IconButton
@@ -1144,7 +1018,10 @@ export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<S
1144
1018
  * displays a button with only an icon as child. It is based
1145
1019
  * on the regular `Button` component, but with a few adjustments.
1146
1020
  */
1147
- export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
1021
+ export declare const IconButton: {
1022
+ (props: IconButtonProps): JSX.Element;
1023
+ displayName: string;
1024
+ };
1148
1025
 
1149
1026
  /**
1150
1027
  * Main props interface for the IconButton component.
@@ -1152,6 +1029,7 @@ export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & Ref
1152
1029
  export declare interface IconButtonProps extends ButtonProps {
1153
1030
  /** explains the intended action, required for accessibility */
1154
1031
  "aria-label": string;
1032
+ ref?: React.Ref<HTMLButtonElement>;
1155
1033
  }
1156
1034
 
1157
1035
  /**
@@ -1173,6 +1051,10 @@ export declare interface IconProps extends IconVariantProps {
1173
1051
  * Accepts a React component to be rendered as the icon .
1174
1052
  */
1175
1053
  as?: BoxProps["as"];
1054
+ /**
1055
+ * Ref to the icon element
1056
+ */
1057
+ ref?: React.Ref<SVGSVGElement>;
1176
1058
  }
1177
1059
 
1178
1060
  /**
@@ -1232,7 +1114,10 @@ declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVG
1232
1114
  *
1233
1115
  * Use this component to display an image.
1234
1116
  */
1235
- declare const Image_2: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLImageElement>>;
1117
+ declare const Image_2: {
1118
+ (props: ImageProps): JSX.Element;
1119
+ displayName: string;
1120
+ };
1236
1121
  export { Image_2 as Image }
1237
1122
 
1238
1123
  export declare interface ImageProps extends ImageProps_2 {
@@ -1253,7 +1138,10 @@ export { Kbd }
1253
1138
  * - allows overriding styles by using style-props
1254
1139
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
1255
1140
  */
1256
- export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
1141
+ export declare const Link: {
1142
+ (props: LinkProps): JSX.Element;
1143
+ displayName: string;
1144
+ };
1257
1145
 
1258
1146
  /**
1259
1147
  * Main props interface for the Link component.
@@ -1262,6 +1150,7 @@ export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<H
1262
1150
  */
1263
1151
  export declare interface LinkProps extends LinkVariantProps {
1264
1152
  children?: React.ReactNode;
1153
+ ref?: React.Ref<HTMLAnchorElement>;
1265
1154
  }
1266
1155
 
1267
1156
  /**
@@ -1315,38 +1204,40 @@ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
1315
1204
  * Differences between LinkRootProps and LinkVariantProps necessitate
1316
1205
  * the use of Omit and Pick to ensure the correct props are passed
1317
1206
  */
1318
- declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
1207
+ declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
1319
1208
  [key: `data-${string}`]: string;
1320
1209
  };
1321
1210
 
1322
- export { List }
1323
-
1324
- export declare const ListItem: (props: ListItemType) => JSX.Element;
1211
+ export declare const List: {
1212
+ Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
1213
+ Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
1214
+ Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
1215
+ };
1325
1216
 
1326
- export declare type ListItemType = React.ComponentProps<typeof List.Item>;
1217
+ export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
1327
1218
 
1328
- export declare const ListRoot: (props: ListRootType) => JSX.Element;
1219
+ export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
1329
1220
 
1330
- export declare type ListRootType = React.ComponentProps<typeof List.Root>;
1221
+ export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
1331
1222
 
1332
1223
  /**
1333
1224
  * LoadingSpinner
1334
1225
  * ============================================================
1335
1226
  * Indicates ongoing processes or loading states
1336
1227
  */
1337
- export declare const LoadingSpinner: ForwardRefExoticComponent<LoadingSpinnerRootProps & {
1338
- size?: ConditionalValue<"sm" | "md" | "lg" | "2xs" | "xs" | undefined>;
1339
- tone?: ConditionalValue<"white" | "primary" | undefined>;
1340
- } & {
1341
- [key: `data-${string}`]: string;
1342
- } & RefAttributes<HTMLDivElement>>;
1228
+ export declare const LoadingSpinner: {
1229
+ (props: LoadingSpinnerProps): JSX.Element;
1230
+ displayName: string;
1231
+ };
1343
1232
 
1344
1233
  /**
1345
1234
  * Main props interface for the LoadingSpinner component.
1346
1235
  * Extends LoadingSpinnerVariantProps to include both root props and variant props,
1347
1236
  * while adding support for React children.
1348
1237
  */
1349
- export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps;
1238
+ export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
1239
+ ref?: React.Ref<HTMLDivElement>;
1240
+ };
1350
1241
 
1351
1242
  /**
1352
1243
  * Recipe configuration for the LoadingSpinner component.
@@ -1397,7 +1288,7 @@ declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, Unstyled
1397
1288
  * This creates a complete set of props for the root element, combining
1398
1289
  * HTML attributes, Chakra's styling system, and our custom recipe props.
1399
1290
  */
1400
- declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
1291
+ declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
1401
1292
 
1402
1293
  /**
1403
1294
  * Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
@@ -1405,7 +1296,7 @@ declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpin
1405
1296
  * This allows the component to accept both structural props from Root
1406
1297
  * and styling variants from the recipe.
1407
1298
  */
1408
- declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps_2 & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
1299
+ declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
1409
1300
  [key: `data-${string}`]: string;
1410
1301
  };
1411
1302
 
@@ -1433,18 +1324,301 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
1433
1324
  children?: ReactNode | undefined;
1434
1325
  } & RefAttributes<HTMLElement>>;
1435
1326
 
1327
+ /**
1328
+ * MultilineTextInput
1329
+ * ============================================================
1330
+ * A textarea component that takes in multiline text as input
1331
+ *
1332
+ * Features:
1333
+ *
1334
+ * - allows forwarding refs to the underlying DOM element
1335
+ * - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
1336
+ * - supports 'variants', 'sizes', etc. configured in the recipe
1337
+ * - allows overriding styles by using style-props
1338
+ * - supports auto-growing height based on content when `autoGrow` is enabled
1339
+ */
1340
+ export declare const MultilineTextInput: {
1341
+ (props: MultilineTextInputProps): JSX.Element;
1342
+ displayName: string;
1343
+ };
1344
+
1345
+ export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
1346
+ ref?: React.Ref<HTMLTextAreaElement>;
1347
+ /**
1348
+ * When true, the textarea will automatically grow in height to fit its content.
1349
+ * This works in addition to the default draggable resize behavior.
1350
+ */
1351
+ autoGrow?: boolean;
1352
+ }
1353
+
1354
+ /**
1355
+ * Recipe configuration for the MultilineTextInput component.
1356
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1357
+ */
1358
+ declare const multilineTextInputRecipe: RecipeDefinition< {
1359
+ size: {
1360
+ sm: {
1361
+ minH: number;
1362
+ textStyle: "sm";
1363
+ px: number;
1364
+ py: number;
1365
+ };
1366
+ md: {
1367
+ minH: number;
1368
+ textStyle: "md";
1369
+ px: number;
1370
+ py: number;
1371
+ };
1372
+ };
1373
+ variant: {
1374
+ solid: {
1375
+ "--border-width": "sizes.25";
1376
+ "--border-color": "colors.neutral.7";
1377
+ backgroundColor: "neutral.1";
1378
+ _hover: {
1379
+ backgroundColor: "primary.2";
1380
+ };
1381
+ };
1382
+ ghost: {
1383
+ _hover: {
1384
+ backgroundColor: "primary.2";
1385
+ };
1386
+ };
1387
+ };
1388
+ }>;
1389
+
1390
+ declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
1391
+ }
1392
+
1393
+ declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
1394
+
1436
1395
  export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX.Element;
1437
1396
 
1397
+ /**
1398
+ * NumberInput
1399
+ * ============================================================
1400
+ * An input component that accepts only numbers with increment/decrement buttons
1401
+ *
1402
+ * Features:
1403
+ *
1404
+ * - supports ref forwarding to the underlying DOM element
1405
+ * - supports number-specific props like min, max, step
1406
+ * - includes increment/decrement buttons for easy number adjustment
1407
+ * - supports 'variants', 'sizes', etc. configured in the recipe
1408
+ * - allows overriding styles by using style-props
1409
+ * - provides full accessibility support
1410
+ */
1411
+ export declare const NumberInput: {
1412
+ (props: NumberInputProps): JSX.Element;
1413
+ displayName: string;
1414
+ };
1415
+
1416
+ export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
1417
+ ref?: React.Ref<HTMLInputElement>;
1418
+ }
1419
+
1420
+ /**
1421
+ * Recipe configuration for the NumberInput component.
1422
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
1423
+ */
1424
+ declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
1425
+ size: {
1426
+ sm: {
1427
+ input: {
1428
+ h: number;
1429
+ textStyle: "sm";
1430
+ px: number;
1431
+ paddingRight: number;
1432
+ };
1433
+ };
1434
+ md: {
1435
+ input: {
1436
+ h: number;
1437
+ textStyle: "md";
1438
+ px: number;
1439
+ paddingRight: number;
1440
+ };
1441
+ };
1442
+ };
1443
+ variant: {
1444
+ solid: {
1445
+ root: {
1446
+ "&:has(button:hover) input": {
1447
+ backgroundColor: "primary.2";
1448
+ };
1449
+ };
1450
+ input: {
1451
+ boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
1452
+ backgroundColor: "neutral.1";
1453
+ _hover: {
1454
+ backgroundColor: "primary.2";
1455
+ };
1456
+ };
1457
+ incrementButton: {
1458
+ borderTop: "var(--border-width) solid var(--border-color)";
1459
+ borderRight: "var(--border-width) solid var(--border-color)";
1460
+ borderLeft: "var(--border-width) solid var(--border-color)";
1461
+ boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
1462
+ _hover: {
1463
+ backgroundColor: "primaryAlpha.3";
1464
+ };
1465
+ };
1466
+ decrementButton: {
1467
+ borderBottom: "var(--border-width) solid var(--border-color)";
1468
+ borderRight: "var(--border-width) solid var(--border-color)";
1469
+ borderLeft: "var(--border-width) solid var(--border-color)";
1470
+ boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
1471
+ _hover: {
1472
+ backgroundColor: "primaryAlpha.3";
1473
+ };
1474
+ };
1475
+ };
1476
+ ghost: {
1477
+ root: {
1478
+ "&:has(button:hover) input": {
1479
+ backgroundColor: "primary.2";
1480
+ };
1481
+ };
1482
+ input: {
1483
+ _hover: {
1484
+ backgroundColor: "primary.2";
1485
+ };
1486
+ };
1487
+ incrementButton: {
1488
+ _hover: {
1489
+ backgroundColor: "primaryAlpha.3";
1490
+ };
1491
+ };
1492
+ decrementButton: {
1493
+ _hover: {
1494
+ backgroundColor: "primaryAlpha.3";
1495
+ };
1496
+ };
1497
+ };
1498
+ };
1499
+ }>;
1500
+
1501
+ declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
1502
+ }
1503
+
1504
+ declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
1505
+
1506
+ /**
1507
+ * PasswordInput
1508
+ * ============================================================
1509
+ * An input component that takes in password as input with toggleable visibility
1510
+ *
1511
+ * Features:
1512
+ *
1513
+ * - Based on TextInput with added password visibility toggle
1514
+ * - Allows toggling between type="password" and type="text"
1515
+ * - Positions the toggle button at the right edge of the input
1516
+ * - Inherits all TextInput features and props
1517
+ */
1518
+ export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
1519
+
1520
+ /**
1521
+ * Interface for PasswordInput component props
1522
+ * Extends TextInputProps but omits the type prop since it's controlled internally
1523
+ * We want to keep this as an explicit interface to allow for future additions
1524
+ */
1525
+ export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
1526
+ }
1527
+
1528
+ declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
1529
+ children?: React.ReactNode;
1530
+ };
1531
+
1532
+ export declare const RadioInput: {
1533
+ Root: {
1534
+ (props: RadioInputRootProps_2): JSX.Element;
1535
+ displayName: string;
1536
+ };
1537
+ Option: {
1538
+ ({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
1539
+ displayName: string;
1540
+ };
1541
+ };
1542
+
1543
+ export declare const _RadioInputOption: {
1544
+ ({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
1545
+ displayName: string;
1546
+ };
1547
+
1548
+ export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
1549
+ }
1550
+
1551
+ export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
1552
+ }
1553
+
1554
+ export declare const _RadioInputRoot: {
1555
+ (props: RadioInputRootProps): JSX.Element;
1556
+ displayName: string;
1557
+ };
1558
+
1559
+ export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
1560
+ }
1561
+
1562
+ export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
1563
+ }
1564
+
1565
+ /**
1566
+ * Recipe configuration for the RadioInput component.
1567
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1568
+ */
1569
+ declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
1570
+ orientation: {
1571
+ horizontal: {
1572
+ root: {
1573
+ flexDirection: "row";
1574
+ gap: "600";
1575
+ };
1576
+ };
1577
+ vertical: {
1578
+ root: {
1579
+ flexDirection: "column";
1580
+ alignItems: "flex-start";
1581
+ gap: "400";
1582
+ };
1583
+ };
1584
+ };
1585
+ }>;
1586
+
1438
1587
  export declare const Select: {
1439
1588
  Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
1440
- Options: <T extends object>(props: SelectOptionsProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1441
- Option: <T extends object>(props: SelectOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1442
- OptionGroup: <T extends object>(props: SelectOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1589
+ Options: {
1590
+ <T extends object>(props: SelectOptionsProps_2<T> & {
1591
+ ref?: React.Ref<HTMLDivElement>;
1592
+ }): JSX.Element;
1593
+ displayName: string;
1594
+ };
1595
+ Option: {
1596
+ <T extends object>(props: SelectOptionProps_2<T> & {
1597
+ ref?: React.Ref<HTMLDivElement>;
1598
+ }): JSX.Element;
1599
+ displayName: string;
1600
+ };
1601
+ OptionGroup: {
1602
+ <T extends object>(props: SelectOptionGroupProps_2<T> & {
1603
+ ref?: React.Ref<HTMLDivElement>;
1604
+ }): JSX.Element;
1605
+ displayName: string;
1606
+ };
1443
1607
  };
1444
1608
 
1445
- export declare const _SelectOption: <T extends object>(props: SelectOptionProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1609
+ export declare const _SelectOption: {
1610
+ <T extends object>(props: SelectOptionProps<T> & {
1611
+ ref?: React.Ref<HTMLDivElement>;
1612
+ }): JSX.Element;
1613
+ displayName: string;
1614
+ };
1446
1615
 
1447
- export declare const _SelectOptionGroup: <T extends object>(props: SelectOptionGroupProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1616
+ export declare const _SelectOptionGroup: {
1617
+ <T extends object>(props: SelectOptionGroupProps<T> & {
1618
+ ref?: React.Ref<HTMLDivElement>;
1619
+ }): JSX.Element;
1620
+ displayName: string;
1621
+ };
1448
1622
 
1449
1623
  export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
1450
1624
  /** the label for the section */
@@ -1457,7 +1631,12 @@ declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
1457
1631
  export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
1458
1632
  }
1459
1633
 
1460
- export declare const _SelectOptions: <T extends object>(props: SelectOptionsProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1634
+ export declare const _SelectOptions: {
1635
+ <T extends object>(props: SelectOptionsProps<T> & {
1636
+ ref?: React.Ref<HTMLDivElement>;
1637
+ }): JSX.Element;
1638
+ displayName: string;
1639
+ };
1461
1640
 
1462
1641
  declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
1463
1642
  }
@@ -1506,7 +1685,7 @@ textStyle: "md";
1506
1685
  variant: {
1507
1686
  outline: {
1508
1687
  root: {
1509
- bg: "bg";
1688
+ bg: "primary.1";
1510
1689
  "&:hover": {
1511
1690
  bg: "primary.2";
1512
1691
  };
@@ -1531,7 +1710,10 @@ trigger: {
1531
1710
  };
1532
1711
  }>;
1533
1712
 
1534
- export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & RefAttributes<HTMLDivElement>> & {
1713
+ export declare const SimpleGrid: {
1714
+ (props: SimpleGridProps): JSX.Element;
1715
+ displayName: string;
1716
+ } & {
1535
1717
  Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
1536
1718
  };
1537
1719
 
@@ -1546,53 +1728,85 @@ export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & Ref
1546
1728
  */
1547
1729
  export declare interface SimpleGridProps extends SimpleGridProps_2 {
1548
1730
  children?: React.ReactNode;
1731
+ ref?: React.Ref<HTMLDivElement>;
1549
1732
  }
1550
1733
 
1551
- export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
1734
+ export declare const Stack: {
1735
+ (props: StackProps): JSX.Element;
1736
+ displayName: string;
1737
+ };
1552
1738
 
1553
1739
  export declare interface StackProps extends StackProps_2 {
1554
1740
  children?: React.ReactNode;
1741
+ ref?: React.Ref<HTMLDivElement>;
1555
1742
  }
1556
1743
 
1557
- export declare const system: SystemContext;
1558
-
1559
- export { Table }
1560
-
1561
- export declare const TableBody: (props: TableBodyProps) => JSX.Element;
1562
-
1563
- export declare type TableBodyProps = React.ComponentProps<typeof Table.Body>;
1564
-
1565
- export declare const TableCell: (props: TableCellProps) => JSX.Element;
1566
-
1567
- export declare type TableCellProps = React.ComponentProps<typeof Table.Cell>;
1568
-
1569
- export declare const TableColumn: (props: TableColumnProps) => JSX.Element;
1570
-
1571
- export declare const TableColumnGroup: (props: TableColumnGroupProps) => JSX.Element;
1572
-
1573
- export declare type TableColumnGroupProps = React.ComponentProps<typeof Table.ColumnGroup>;
1574
-
1575
- export declare const TableColumnHeader: (props: TableColumnHeaderProps) => JSX.Element;
1576
-
1577
- export declare type TableColumnHeaderProps = React.ComponentProps<typeof Table.ColumnHeader>;
1578
-
1579
- export declare type TableColumnProps = React.ComponentProps<typeof Table.Column>;
1580
-
1581
- export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
1582
-
1583
- export declare type TableFooterProps = React.ComponentProps<typeof Table.Footer>;
1584
-
1585
- export declare const TableHeader: (props: TableHeaderProps) => JSX.Element;
1744
+ /**
1745
+ * Switch
1746
+ * ============================================================
1747
+ * displays a switch toggle and optionally an associated label
1748
+ */
1749
+ export declare const Switch: {
1750
+ ({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
1751
+ displayName: string;
1752
+ };
1586
1753
 
1587
- export declare type TableHeaderProps = React.ComponentProps<typeof Table.Header>;
1754
+ /**
1755
+ * Main props interface for the Switch component.
1756
+ * Combines root element props with ARIA toggle functionality props.
1757
+ */
1758
+ export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
1759
+ /**
1760
+ * The content to display next to the switch.
1761
+ * Can be a string or React node.
1762
+ */
1763
+ children?: React.ReactNode;
1764
+ ref?: React.Ref<HTMLInputElement>;
1765
+ };
1588
1766
 
1589
- export declare const TableRoot: (props: TableRootProps) => JSX.Element;
1767
+ /**
1768
+ * Props for the Switch component root element.
1769
+ * Includes all HTML props for the label element and recipe variant props.
1770
+ */
1771
+ declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
1772
+ }
1590
1773
 
1591
- export declare type TableRootProps = React.ComponentProps<typeof Table.Root>;
1774
+ /**
1775
+ * Recipe configuration for the Switch component.
1776
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1777
+ */
1778
+ declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
1779
+ size: {
1780
+ sm: {
1781
+ track: {
1782
+ "--track-height": "sizes.400";
1783
+ "--track-width": "sizes.700";
1784
+ };
1785
+ thumb: {
1786
+ "--thumb-size": "sizes.400";
1787
+ };
1788
+ label: {
1789
+ "--label-font-size": "fontSizes.350";
1790
+ };
1791
+ };
1792
+ md: {
1793
+ track: {
1794
+ "--track-height": "sizes.600";
1795
+ "--track-width": "sizes.1100";
1796
+ };
1797
+ thumb: {
1798
+ "--thumb-size": "sizes.600";
1799
+ };
1800
+ label: {
1801
+ "--label-font-size": "fontSizes.400";
1802
+ };
1803
+ };
1804
+ };
1805
+ }>;
1592
1806
 
1593
- export declare const TableRow: (props: TableRowProps) => JSX.Element;
1807
+ export declare const system: SystemContext;
1594
1808
 
1595
- export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
1809
+ export { Table }
1596
1810
 
1597
1811
  /**
1598
1812
  * TagGroup
@@ -1610,10 +1824,12 @@ export declare const TagGroup: {
1610
1824
  };
1611
1825
 
1612
1826
  /** Final external props for the `<TagGroup>` component, including `children`. */
1613
- export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps>;
1827
+ export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
1828
+ ref?: React.Ref<typeof TagGroup_2>;
1829
+ };
1614
1830
 
1615
- /** Type signature for the main `TagGroup` component (using `forwardRef`). */
1616
- export declare type TagGroupRootComponent = FC<TagGroupRootProps & RefAttributes<typeof TagGroup_2>>;
1831
+ /** Type signature for the main `TagGroup` component. */
1832
+ export declare type TagGroupRootComponent = FC<TagGroupProps>;
1617
1833
 
1618
1834
  /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
1619
1835
  declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
@@ -1651,20 +1867,24 @@ padding: "200";
1651
1867
  };
1652
1868
  }>;
1653
1869
 
1654
- /** Type signature for the `TagGroup.Tag` sub-component (using `forwardRef`). */
1655
- export declare type TagGroupTagComponent = FC<TagGroupTagProps & RefAttributes<typeof Tag>>;
1870
+ /** Type signature for the `TagGroup.Tag` sub-component. */
1871
+ export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
1656
1872
 
1657
- /** Type signature for the `TagGroup.TagList` sub-component (using `forwardRef`). */
1658
- export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T> & RefAttributes<HTMLDivElement>>;
1873
+ /** Type signature for the `TagGroup.TagList` sub-component. */
1874
+ export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
1659
1875
 
1660
1876
  /** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
1661
- export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>>;
1877
+ export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
1878
+ ref?: React.Ref<HTMLDivElement>;
1879
+ };
1662
1880
 
1663
1881
  /** Base Chakra styling props for the root `div` slot. */
1664
1882
  declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1665
1883
 
1666
1884
  /** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
1667
- export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps>;
1885
+ export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
1886
+ ref?: React.Ref<typeof Tag>;
1887
+ };
1668
1888
 
1669
1889
  /** Base Chakra styling props for the root `div` slot. */
1670
1890
  declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
@@ -1677,7 +1897,10 @@ declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1677
1897
  *
1678
1898
  * @see https://DOMAIN/components/typography/text
1679
1899
  */
1680
- declare const Text_2: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLParagraphElement>>;
1900
+ declare const Text_2: {
1901
+ (props: TextProps): JSX.Element;
1902
+ displayName: string;
1903
+ };
1681
1904
  export { Text_2 as Text }
1682
1905
 
1683
1906
  /**
@@ -1692,9 +1915,13 @@ export { Text_2 as Text }
1692
1915
  * - supports 'variants', 'sizes', etc. configured in the recipe
1693
1916
  * - allows overriding styles by using style-props
1694
1917
  */
1695
- export declare const TextInput: ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>>;
1918
+ export declare const TextInput: {
1919
+ (props: TextInputProps): JSX.Element;
1920
+ displayName: string;
1921
+ };
1696
1922
 
1697
1923
  export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
1924
+ ref?: React.Ref<HTMLInputElement>;
1698
1925
  }
1699
1926
 
1700
1927
  /**
@@ -1718,7 +1945,7 @@ variant: {
1718
1945
  solid: {
1719
1946
  "--border-width": "sizes.25";
1720
1947
  "--border-color": "colors.neutral.7";
1721
- backgroundColor: "neutral.1";
1948
+ backgroundColor: "primary.1";
1722
1949
  _hover: {
1723
1950
  backgroundColor: "primary.2";
1724
1951
  };
@@ -1737,6 +1964,84 @@ declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInp
1737
1964
  declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
1738
1965
 
1739
1966
  export declare interface TextProps extends TextProps_2 {
1967
+ ref?: React.Ref<HTMLParagraphElement>;
1968
+ }
1969
+
1970
+ /**
1971
+ * TimeInput
1972
+ * ============================================================
1973
+ * allows entering a time in the currently selected locale
1974
+ */
1975
+ export declare const TimeInput: {
1976
+ (props: TimeInputProps): JSX.Element;
1977
+ displayName: string;
1978
+ };
1979
+
1980
+ /**
1981
+ * Main props interface for the TimeInput component.
1982
+ *
1983
+ * We use Omit to remove:
1984
+ * 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
1985
+ * 2. Explicitly excluded props that we don't want users to access
1986
+ */
1987
+ export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
1988
+ }
1989
+
1990
+ /**
1991
+ * Recipe configuration for the TimeInput component.
1992
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1993
+ */
1994
+ declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
1995
+ size: {
1996
+ sm: {
1997
+ segmentGroup: {
1998
+ h: number;
1999
+ textStyle: "sm";
2000
+ px: number;
2001
+ };
2002
+ };
2003
+ md: {
2004
+ segmentGroup: {
2005
+ h: number;
2006
+ textStyle: "md";
2007
+ px: number;
2008
+ };
2009
+ };
2010
+ };
2011
+ variant: {
2012
+ solid: {
2013
+ segmentGroup: {
2014
+ "--border-width": "sizes.25";
2015
+ "--border-color": "colors.neutral.7";
2016
+ backgroundColor: "neutral.1";
2017
+ _hover: {
2018
+ backgroundColor: "primary.2";
2019
+ };
2020
+ };
2021
+ };
2022
+ ghost: {
2023
+ segmentGroup: {
2024
+ _hover: {
2025
+ backgroundColor: "primary.2";
2026
+ };
2027
+ };
2028
+ };
2029
+ };
2030
+ }>;
2031
+
2032
+ /**
2033
+ * Base recipe props interface that combines Chakra UI's recipe props
2034
+ * with the unstyled prop option for the div element.
2035
+ */
2036
+ declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
2037
+ }
2038
+
2039
+ /**
2040
+ * Root props interface that extends Chakra's HTML props with our recipe props.
2041
+ * This creates a complete set of props for the root element, combining
2042
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
2043
+ */
2044
+ declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
1740
2045
  }
1741
2046
 
1742
2047
  /**
@@ -1749,24 +2054,28 @@ export declare const ToggleButtonGroup: {
1749
2054
  Button: ToggleButtonGroupButtonComponent_2;
1750
2055
  };
1751
2056
 
1752
- export declare const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
2057
+ export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
1753
2058
 
1754
- /** Type signature for the `ToggleButtonGroup.Button` sub-component (using `forwardRef`). */
1755
- export declare type ToggleButtonGroupButtonComponent = ForwardRefExoticComponent<ToggleButtonGroupButtonProps & RefAttributes<typeof ToggleButton>>;
2059
+ /** Type signature for the `ToggleButtonGroup.Button` sub-component. */
2060
+ export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
1756
2061
 
1757
2062
  /** Combined props for the button element (Chakra styles + Aria behavior). */
1758
- export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps;
2063
+ export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
2064
+ ref?: React.Ref<typeof ToggleButton>;
2065
+ };
1759
2066
 
1760
2067
  /** Base Chakra styling props for the `button` slot. */
1761
2068
  declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
1762
2069
 
1763
2070
  /** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
1764
- export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps>;
2071
+ export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
2072
+ ref?: React.Ref<typeof ToggleButtonGroup_2>;
2073
+ };
1765
2074
 
1766
- export declare const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
2075
+ export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
1767
2076
 
1768
- /** Type signature for the main `ToggleButtonGroup` component (using `forwardRef`). */
1769
- export declare type ToggleButtonGroupRootComponent = ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<typeof ToggleButtonGroup_2>>;
2077
+ /** Type signature for the main `ToggleButtonGroup` component. */
2078
+ export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
1770
2079
 
1771
2080
  /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
1772
2081
  declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
@@ -1774,8 +2083,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
1774
2083
  /** Base Chakra styling props for the root `div` slot. */
1775
2084
  declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1776
2085
 
2086
+ export declare const Tooltip: {
2087
+ Root: typeof _TooltipRoot;
2088
+ Content: typeof _TooltipContent;
2089
+ };
2090
+
1777
2091
  /**
1778
- * Tooltip
2092
+ * TooltipContent
1779
2093
  * ============================================================
1780
2094
  * A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
1781
2095
  *
@@ -1788,7 +2102,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
1788
2102
  * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
1789
2103
  * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
1790
2104
  */
1791
- export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
2105
+ export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
2106
+ ref?: React.Ref<HTMLDivElement>;
2107
+ }): JSX.Element;
2108
+
2109
+ export declare namespace _TooltipContent {
2110
+ var displayName: string;
2111
+ }
1792
2112
 
1793
2113
  /**
1794
2114
  * Main props interface for the Tooltip components
@@ -1811,26 +2131,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
1811
2131
  }
1812
2132
 
1813
2133
  /**
1814
- * Root props interface that extends Chakra's HTML props with our recipe props.
1815
- * This creates a complete set of props for the root element, combining
1816
- * HTML attributes, Chakra's styling system, and our custom recipe props.
1817
- */
1818
- declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
1819
- }
1820
-
1821
- /**
1822
- * TooltipTrigger
2134
+ * TooltipRoot
1823
2135
  * ============================================================
1824
- * TooltipTrigger wraps around a trigger element and a Tooltip.
2136
+ * Root component that wraps around a trigger element and Tooltip content.
1825
2137
  * It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
1826
2138
  * and positioning the Tooltip relative to the trigger.
1827
2139
  *
1828
- * Directly exported from `react-aria-components`
1829
- * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
2140
+ * This acts as the context provider for the compound Tooltip component.
1830
2141
  */
1831
- export declare const TooltipTrigger: typeof TooltipTrigger_2;
2142
+ export declare function _TooltipRoot(props: TooltipTriggerComponentProps): JSX.Element;
1832
2143
 
1833
- export declare interface TooltipTriggerProps extends TooltipTriggerComponentProps {
2144
+ export declare namespace _TooltipRoot {
2145
+ var displayName: string;
2146
+ }
2147
+
2148
+ /**
2149
+ * Root props interface that extends Chakra's HTML props with our recipe props.
2150
+ * This creates a complete set of props for the root element, combining
2151
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
2152
+ */
2153
+ declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
1834
2154
  }
1835
2155
 
1836
2156
  /**