@commercetools/nimbus 0.0.7 → 0.0.8

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.
Files changed (6) hide show
  1. package/dist/index.cjs +21 -5
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.ts +1240 -199
  4. package/dist/index.js +20478 -10290
  5. package/dist/index.js.map +1 -1
  6. package/package.json +25 -26
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,49 +8,61 @@ 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 { Bleed } from '@chakra-ui/react';
13
- import { CardContentProps as CardContentProps_2 } from './card.slots';
14
- import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
14
+ import { AutocompleteProps } from 'react-aria-components';
15
+ import { CardContentProps } from './card.slots';
16
+ import { CardHeaderProps } from './card.slots';
15
17
  import { CardProps as CardProps_2 } from './card.types';
16
- import { Code } from '@chakra-ui/react';
17
- import { ConditionalValue } from '@chakra-ui/react';
18
- import { Context } from 'react';
18
+ import { CodeProps } from '@chakra-ui/react';
19
+ import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
20
+ import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
21
+ import { ComboBoxProps } from 'react-aria-components';
22
+ import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
23
+ import { ComponentProps } from 'react';
24
+ import { default as default_2 } from 'react';
19
25
  import { DetailedHTMLProps } from 'react';
20
- import { Dialog } from '@chakra-ui/react';
26
+ import { Dialog as Dialog_2 } from '@chakra-ui/react';
21
27
  import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
22
28
  import { DisclosureProps } from 'react-aria-components';
23
29
  import { Dispatch } from 'react';
24
- import { Em } from '@chakra-ui/react';
25
30
  import { FC } from 'react';
26
31
  import { Flex } from '@chakra-ui/react';
27
32
  import { FocusableOptions } from 'react-aria';
33
+ import { FormFieldDescriptionSlotProps } from './form-field.slots';
34
+ import { FormFieldErrorSlotProps } from './form-field.slots';
35
+ import { FormFieldInputSlotProps } from './form-field.slots';
36
+ import { FormFieldLabelSlotProps } from './form-field.slots';
28
37
  import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
29
38
  import { ForwardRefExoticComponent } from 'react';
30
39
  import { GridItemProps } from '@chakra-ui/react';
31
40
  import { GridProps as GridProps_2 } from '@chakra-ui/react';
32
41
  import { Heading } from '@chakra-ui/react';
33
- import { Highlight as Highlight_2 } from '@chakra-ui/react';
34
42
  import { HTMLAttributes } from 'react';
35
43
  import { HTMLChakraProps } from '@chakra-ui/react';
44
+ import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
36
45
  import { JSX } from 'react/jsx-runtime';
37
- import { JSX as JSX_2 } from 'react';
38
46
  import { JsxStyleProps } from '@chakra-ui/react';
39
- import { Kbd } from '@chakra-ui/react';
40
- import { List } from '@chakra-ui/react';
47
+ import { KbdProps } from '@chakra-ui/react';
48
+ import { List as List_2 } from '@chakra-ui/react';
41
49
  import { ListBoxItemProps } from 'react-aria-components';
42
50
  import { ListBoxProps } from 'react-aria-components';
43
51
  import { ListBoxSectionProps } from 'react-aria-components';
44
- import { LoadingSpinnerRootProps } from './loading-spinner.slots';
52
+ import { ListIndicatorProps } from '@chakra-ui/react';
45
53
  import { PatchHtmlProps } from '@chakra-ui/react';
46
54
  import { PolymorphicProps } from '@chakra-ui/react';
47
55
  import { PropsWithChildren } from 'react';
56
+ import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
57
+ import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
58
+ import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
59
+ import { RadioProps } from 'react-aria-components';
48
60
  import { ReactNode } from 'react';
49
61
  import { RecipeDefinition } from '@chakra-ui/react';
50
62
  import { RecipeProps } from '@chakra-ui/react';
51
63
  import { RecipeVariantProps } from '@chakra-ui/react';
52
64
  import { RecipeVariantRecord } from '@chakra-ui/react';
65
+ import { Ref } from 'react';
53
66
  import { RefAttributes } from 'react';
54
67
  import { RefObject } from 'react';
55
68
  import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
@@ -63,15 +76,24 @@ import { SlotRecipeDefinition } from '@chakra-ui/react';
63
76
  import { StackProps as StackProps_2 } from '@chakra-ui/react';
64
77
  import { SystemContext } from '@chakra-ui/react';
65
78
  import { Table } from '@chakra-ui/react';
79
+ import { Tag } from 'react-aria-components';
80
+ import { TagGroup as TagGroup_2 } from 'react-aria-components';
81
+ import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
82
+ import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
83
+ import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
84
+ import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
85
+ import { TagListProps } from 'react-aria-components';
86
+ import { TagProps } from 'react-aria-components';
66
87
  import { TextFieldProps } from 'react-aria-components';
67
88
  import { TextProps as TextProps_2 } from '@chakra-ui/react';
68
89
  import { ThemeProviderProps } from 'next-themes';
90
+ import { TimeFieldStateOptions } from 'react-stately';
91
+ import { TimeValue } from 'react-aria';
69
92
  import { ToggleButton } from 'react-aria-components';
70
93
  import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
71
94
  import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
72
95
  import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
73
96
  import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
74
- import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
75
97
  import { TooltipTriggerComponentProps } from 'react-aria-components';
76
98
  import { UnstyledProp } from '@chakra-ui/react';
77
99
  import { useButton } from 'react-aria';
@@ -91,8 +113,12 @@ export declare const Accordion: {
91
113
  isExpanded?: boolean;
92
114
  onExpandedChange?: (isExpanded: boolean) => void;
93
115
  } & RefAttributes<HTMLDivElement>>;
94
- Header: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLButtonElement>>;
95
- Content: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
116
+ Header: ForwardRefExoticComponent< {
117
+ children: ReactNode;
118
+ } & RefAttributes<HTMLButtonElement>>;
119
+ Content: ForwardRefExoticComponent<Omit<{
120
+ children: ReactNode;
121
+ } & 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>>;
96
122
  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>>;
97
123
  };
98
124
 
@@ -105,6 +131,35 @@ export declare type AccordionComposition = {
105
131
  isFocusVisible: boolean;
106
132
  };
107
133
 
134
+ export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
135
+
136
+ declare type AccordionContentProps = {
137
+ /**
138
+ * The content to display
139
+ */
140
+ children: ReactNode;
141
+ } & ComponentProps<typeof AccordionPanel>;
142
+
143
+ export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
144
+
145
+ declare type AccordionHeaderProps = {
146
+ /**
147
+ * The text / content to display in the Header
148
+ */
149
+ children: ReactNode;
150
+ };
151
+
152
+ 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>>;
153
+
154
+ export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
155
+ children: default_2.ReactNode;
156
+ id?: string;
157
+ value?: string;
158
+ isDisabled?: boolean;
159
+ isExpanded?: boolean;
160
+ onExpandedChange?: (isExpanded: boolean) => void;
161
+ } & default_2.RefAttributes<HTMLDivElement>>;
162
+
108
163
  export declare type AccordionItemProps = {
109
164
  isDisabled?: boolean;
110
165
  isExpanded?: boolean;
@@ -114,6 +169,8 @@ export declare type AccordionItemProps = {
114
169
  title?: string;
115
170
  };
116
171
 
172
+ 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>>;
173
+
117
174
  export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
118
175
  additionalTriggerComponent?: ReactNode;
119
176
  children: ReactNode;
@@ -121,6 +178,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
121
178
  size?: "sm" | "md";
122
179
  }
123
180
 
181
+ export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
182
+
124
183
  export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
125
184
 
126
185
  /**
@@ -185,12 +244,27 @@ export declare const Alert: {
185
244
  };
186
245
  };
187
246
 
247
+ export declare const _AlertActions: {
248
+ ({ children, ...props }: AlertActionsProps): null;
249
+ displayName: string;
250
+ };
251
+
188
252
  /** Base Chakra styling props for the `actions` slot (`div`). */
189
253
  export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
190
254
 
255
+ export declare const _AlertDescription: {
256
+ ({ children, ...props }: AlertDescriptionProps): null;
257
+ displayName: string;
258
+ };
259
+
191
260
  /** Props for the `Alert.Description` sub-component (inherits from Text). */
192
261
  export declare type AlertDescriptionProps = TextProps;
193
262
 
263
+ export declare const _AlertDismissButton: {
264
+ ({ children, ...props }: AlertDismissButtonProps): null;
265
+ displayName: string;
266
+ };
267
+
194
268
  /** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
195
269
  export declare type AlertDismissButtonProps = ButtonProps;
196
270
 
@@ -200,6 +274,7 @@ export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
200
274
  /** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
201
275
  export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
202
276
  [key: `data-${string}`]: unknown;
277
+ ref?: React.Ref<HTMLDivElement>;
203
278
  };
204
279
 
205
280
  /**
@@ -243,19 +318,34 @@ borderRadius: "200";
243
318
  };
244
319
  }>;
245
320
 
246
- /** Type signature for the main `Alert` component (using `forwardRef`). */
247
- export declare type AlertRootComponent = ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
321
+ /**
322
+ * Alert
323
+ * ============================================================
324
+ * Provides feedback to the user about the status of an action or system event
325
+ */
326
+ export declare const _AlertRoot: AlertRootComponent;
327
+
328
+ /** Type signature for the main `Alert` component. */
329
+ export declare type AlertRootComponent = React.FC<AlertProps>;
248
330
 
249
331
  /** Base Chakra styling props for the root `div` slot. */
250
332
  export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
251
333
 
334
+ export declare const _AlertTitle: {
335
+ ({ children, ...props }: AlertTitleProps): null;
336
+ displayName: string;
337
+ };
338
+
252
339
  /** Props for the `Alert.Title` sub-component (inherits from Text). */
253
340
  export declare type AlertTitleProps = TextProps;
254
341
 
255
342
  /** Combined root props including Chakra styles and recipe variants. */
256
343
  declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
257
344
 
258
- export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLDivElement>>;
345
+ export declare const Avatar: {
346
+ (props: AvatarProps): JSX.Element;
347
+ displayName: string;
348
+ };
259
349
 
260
350
  export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
261
351
  /**
@@ -282,6 +372,7 @@ export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElem
282
372
 
283
373
  export declare interface AvatarProps extends FunctionalAvatarProps {
284
374
  children?: React.ReactNode;
375
+ ref?: React.Ref<HTMLDivElement>;
285
376
  }
286
377
 
287
378
  declare const avatarRecipe: RecipeDefinition< {
@@ -323,7 +414,10 @@ declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipePro
323
414
  * - allows overriding styles by using style-props
324
415
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
325
416
  */
326
- export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
417
+ export declare const Badge: {
418
+ (props: BadgeProps): JSX.Element;
419
+ displayName: string;
420
+ };
327
421
 
328
422
  /**
329
423
  * Main props interface for the Badge component.
@@ -332,6 +426,7 @@ export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes
332
426
  */
333
427
  export declare interface BadgeProps extends BadgeVariantProps {
334
428
  children?: React.ReactNode;
429
+ ref?: React.Ref<HTMLSpanElement>;
335
430
  }
336
431
 
337
432
  /**
@@ -400,15 +495,20 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
400
495
  [key: `data-${string}`]: string;
401
496
  };
402
497
 
403
- export { Bleed }
404
-
405
- export declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
498
+ export declare const Box: {
499
+ (props: BoxProps): JSX.Element;
500
+ displayName: string;
501
+ };
406
502
 
407
503
  export declare interface BoxProps extends HTMLChakraProps<"div"> {
408
504
  children?: React.ReactNode;
505
+ ref?: React.Ref<HTMLDivElement>;
409
506
  }
410
507
 
411
- export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
508
+ export declare const Button: {
509
+ (props: ButtonProps): JSX.Element;
510
+ displayName: string;
511
+ };
412
512
 
413
513
  /**
414
514
  * Recipe configuration for the ToggleButtonGroup component.
@@ -466,6 +566,8 @@ colorPalette: "neutral";
466
566
  }>;
467
567
 
468
568
  export declare interface ButtonProps extends FunctionalButtonProps {
569
+ slot?: string | null | undefined;
570
+ ref?: React.Ref<HTMLButtonElement>;
469
571
  }
470
572
 
471
573
  /**
@@ -480,34 +582,39 @@ declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp
480
582
  * This creates a complete set of props for the root element, combining
481
583
  * HTML attributes, Chakra's styling system, and our custom recipe props.
482
584
  */
483
- declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
585
+ declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
586
+ slot?: string | null | undefined;
587
+ }
484
588
 
485
589
  export declare const Card: {
486
- Root: ForwardRefExoticComponent<CardProps_2 & RefAttributes<HTMLDivElement>>;
590
+ Root: {
591
+ ({ children, ref, ...props }: CardProps_2): JSX.Element;
592
+ displayName: string;
593
+ };
487
594
  Header: {
488
- ({ children, ...props }: CardHeaderProps_2): null;
595
+ ({ children, ...props }: CardHeaderProps): null;
489
596
  displayName: string;
490
597
  };
491
598
  Content: {
492
- ({ children, ...props }: CardContentProps_2): null;
599
+ ({ children, ...props }: CardContentProps): null;
493
600
  displayName: string;
494
601
  };
495
602
  };
496
603
 
497
- export declare const CardContent: {
498
- ({ children, ...props }: CardContentProps): null;
604
+ export declare const _CardContent: {
605
+ ({ children, ...props }: CardContentProps_2): null;
499
606
  displayName: string;
500
607
  };
501
608
 
502
- declare interface CardContentProps extends HTMLChakraProps<"div", CardRecipeProps> {
609
+ declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
503
610
  }
504
611
 
505
- export declare const CardHeader: {
506
- ({ children, ...props }: CardHeaderProps): null;
612
+ export declare const _CardHeader: {
613
+ ({ children, ...props }: CardHeaderProps_2): null;
507
614
  displayName: string;
508
615
  };
509
616
 
510
- declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps> {
617
+ declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
511
618
  }
512
619
 
513
620
  /**
@@ -517,6 +624,7 @@ declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps
517
624
  */
518
625
  export declare interface CardProps extends CardVariantProps {
519
626
  children?: React.ReactNode;
627
+ ref?: React.Ref<HTMLDivElement>;
520
628
  }
521
629
 
522
630
  /**
@@ -579,7 +687,10 @@ backgroundColor: "colorPalette.2";
579
687
  declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
580
688
  }
581
689
 
582
- export declare const CardRoot: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
690
+ export declare const _CardRoot: {
691
+ ({ children, ref, ...props }: CardProps): JSX.Element;
692
+ displayName: string;
693
+ };
583
694
 
584
695
  /**
585
696
  * Root props interface that extends Chakra's HTML props with our recipe props.
@@ -611,7 +722,10 @@ declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRe
611
722
  * - allows overriding styles by using style-props
612
723
  * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
613
724
  */
614
- export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
725
+ export declare const Checkbox: {
726
+ (props: CheckboxProps): JSX.Element;
727
+ displayName: string;
728
+ };
615
729
 
616
730
  /**
617
731
  * Main props interface for the Checkbox component.
@@ -620,6 +734,7 @@ export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttr
620
734
  */
621
735
  export declare interface CheckboxProps extends CheckboxVariantProps {
622
736
  children?: React.ReactNode;
737
+ ref?: React.Ref<HTMLInputElement>;
623
738
  }
624
739
 
625
740
  declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
@@ -660,40 +775,297 @@ zIndex: number;
660
775
  */
661
776
  declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
662
777
 
663
- export { Code }
664
-
665
- export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
778
+ /**
779
+ * @experimental This component is experimental and may change or be removed in future versions.
780
+ */
781
+ export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
666
782
 
667
783
  declare interface ColorModeProviderProps extends ThemeProviderProps {
668
784
  }
669
785
 
670
- export declare const DialogActionTrigger: ForwardRefExoticComponent<Dialog.ActionTriggerProps & RefAttributes<HTMLButtonElement>>;
786
+ export declare const ComboBox: {
787
+ Root: {
788
+ <T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
789
+ displayName: string;
790
+ };
791
+ OptionGroup: {
792
+ <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
793
+ displayName: string;
794
+ };
795
+ Option: {
796
+ <T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
797
+ displayName: string;
798
+ };
799
+ };
800
+
801
+ /** component prop interface */
802
+ export declare type ComboBoxButtonGroupProps = {
803
+ selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
804
+ onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
805
+ onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
806
+ onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
807
+ containerRef?: RefObject<HTMLDivElement | null>;
808
+ isOpen?: boolean;
809
+ isLoading?: boolean;
810
+ isDisabled?: boolean;
811
+ isReadOnly?: boolean;
812
+ };
813
+
814
+ /** The slot is a wrapper for multiple components,
815
+ * and therefore not combined with the component props
816
+ * because it is not used to style the component directly using asChild */
817
+ export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
818
+ }
819
+
820
+ /** MultiSelect combobox */
821
+ export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
822
+ defaultFilter?: (textValue: string, inputValue: string) => boolean;
823
+ defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
824
+ defaultItems?: ComboBoxProps<T>["defaultItems"];
825
+ validate?: ComboBoxProps<T>["validate"];
826
+ allowsCustomValue?: boolean;
827
+ onSubmitCustomValue?: (value: string) => void;
828
+ onOpenChange?: ComboBoxProps<T>["onOpenChange"];
829
+ autoFocus?: boolean;
830
+ isLoading?: boolean;
831
+ isDisabled?: boolean;
832
+ isReadOnly?: boolean;
833
+ isRequired?: boolean;
834
+ isInvalid?: boolean;
835
+ itemId?: string;
836
+ itemValue?: string;
837
+ placeholder?: string;
838
+ ref?: Ref<HTMLDivElement>;
839
+ size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
840
+ }
841
+
842
+ export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
843
+ }
844
+
845
+ /** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
846
+ export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
847
+ ref?: Ref<HTMLDivElement>;
848
+ }
849
+
850
+ /** Base Chakra styling props for the root `div` slot when multi select*/
851
+ export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
852
+ }
671
853
 
672
- export declare const DialogBackdrop: ForwardRefExoticComponent<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>;
854
+ /** component prop interface */
855
+ export declare type ComboBoxMultiSelectValueProps<T extends object> = {
856
+ items: ComboBoxMultiSelectRootProps<T>["items"];
857
+ itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
858
+ itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
859
+ selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
860
+ onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
861
+ placeholder?: string;
862
+ isDisabled?: boolean;
863
+ isReadOnly?: boolean;
864
+ ref?: Ref<HTMLDivElement>;
865
+ containerRef?: RefObject<HTMLDivElement | null>;
866
+ size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
867
+ };
673
868
 
674
- export declare const DialogBody: ForwardRefExoticComponent<Dialog.BodyProps & RefAttributes<HTMLDivElement>>;
869
+ export declare const _ComboBoxOption: {
870
+ <T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
871
+ displayName: string;
872
+ };
675
873
 
676
- export declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
874
+ export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
677
875
 
678
- export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
876
+ export declare const _ComboBoxOptionGroup: {
877
+ <T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
878
+ displayName: string;
879
+ };
679
880
 
680
- declare interface DialogContentProps extends Dialog.ContentProps {
681
- portalled?: boolean;
682
- portalRef?: React.RefObject<HTMLElement>;
683
- backdrop?: boolean;
881
+ /** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
882
+ export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
883
+ label?: ReactNode;
684
884
  }
685
885
 
686
- export declare const DialogDescription: ForwardRefExoticComponent<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>;
886
+ /** Base Chakra styling props for the root `div` slot. */
887
+ declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
888
+
889
+ export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
890
+
891
+ /** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
892
+ export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
893
+ ref?: Ref<HTMLDivElement>;
894
+ }
895
+
896
+ /** Base Chakra styling props for the root `div` slot. */
897
+ declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
898
+
899
+ /** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
900
+ export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
901
+ ref?: Ref<HTMLDivElement>;
902
+ }
903
+
904
+ /** Base Chakra styling props for the root `div` slot. */
905
+ export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
906
+ }
907
+
908
+ export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
909
+ }
910
+
911
+ export declare const _ComboBoxRoot: {
912
+ <T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
913
+ displayName: string;
914
+ };
915
+
916
+ /** Root element can either be single or multi select */
917
+ export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
918
+
919
+ /** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
920
+ export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
921
+ ref?: Ref<HTMLDivElement>;
922
+ }
923
+
924
+ /** Base Chakra styling props for the root `div` slot when single select*/
925
+ export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
926
+ }
927
+
928
+ /**
929
+ * Recipe configuration for the Combobox component.
930
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
931
+ */
932
+ declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
933
+ size: {
934
+ sm: {
935
+ value: {
936
+ minH: "800";
937
+ textStyle: "sm";
938
+ };
939
+ };
940
+ md: {
941
+ value: {
942
+ minH: "1000";
943
+ textStyle: "md";
944
+ };
945
+ };
946
+ };
947
+ variant: {
948
+ solid: {
949
+ root: {
950
+ width: "7200";
951
+ bg: "primary.1";
952
+ };
953
+ value: {
954
+ width: "100%";
955
+ "--border-width"?: "sizes.25" | undefined;
956
+ "--border-color"?: "colors.neutral.7" | undefined;
957
+ };
958
+ };
959
+ ghost: {
960
+ root: {
961
+ maxW: "7200";
962
+ bg?: "transparent" | undefined;
963
+ "&:hover"?: {
964
+ bg: "primaryAlpha.2";
965
+ } | undefined;
966
+ };
967
+ value: {
968
+ bg: "transparent";
969
+ "--border-width"?: "sizes.25" | undefined;
970
+ "--border-color"?: "transparent" | undefined;
971
+ };
972
+ };
973
+ };
974
+ selectionMode: {
975
+ multiple: {
976
+ options: {
977
+ boxShadow: "none";
978
+ px: "200";
979
+ my: "200";
980
+ minW: "unset";
981
+ "& section:first-of-type > header": {
982
+ mt: number;
983
+ };
984
+ };
985
+ option: {
986
+ colorPalette: "primary";
987
+ display: "flex";
988
+ alignItems: "flex-start";
989
+ justifyContent: "center";
990
+ position: "relative";
991
+ cursor: "pointer";
992
+ gap: "200";
993
+ mb: "var(--focus-ring-width)";
994
+ "&:last-of-type": {
995
+ mb: number;
996
+ };
997
+ '&[aria-selected="true"]': {
998
+ bg: "unset";
999
+ };
1000
+ '&[data-focused="true"]': {
1001
+ outlineWidth: "var(--focus-ring-width)";
1002
+ outlineColor: "var(--focus-ring-color)";
1003
+ outlineStyle: "var(--focus-ring-style)";
1004
+ bg: "unset";
1005
+ };
1006
+ _hover: {
1007
+ bg: "primary.2";
1008
+ };
1009
+ };
1010
+ };
1011
+ single: {};
1012
+ none: {};
1013
+ };
1014
+ }>;
1015
+
1016
+ /** The slot is a wrapper for multiple components,
1017
+ * and therefore not combined with the component props
1018
+ * because it is not used to style the component directly using asChild */
1019
+ export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
1020
+ }
687
1021
 
688
- export declare const DialogFooter: ForwardRefExoticComponent<Dialog.FooterProps & RefAttributes<HTMLDivElement>>;
1022
+ /** ComboBox with overridden children prop based on expected dom structure. */
1023
+ declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
1024
+ onSubmitCustomValue?: (value: string) => void;
1025
+ renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
1026
+ placeholder?: string;
1027
+ isLoading?: boolean;
1028
+ children: ReactNode | ((item: T) => default_2.ReactNode);
1029
+ ref?: Ref<HTMLDivElement>;
1030
+ };
689
1031
 
690
- export declare const DialogHeader: ForwardRefExoticComponent<Dialog.HeaderProps & RefAttributes<HTMLDivElement>>;
1032
+ /**
1033
+ * Properties from TimeFieldStateOptions that would conflict with similarly named
1034
+ * properties in TimeInputRootProps. We use this to prevent TypeScript interface
1035
+ * merging conflicts by prioritizing the TimeFieldStateOptions implementation.
1036
+ *
1037
+ * Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
1038
+ */
1039
+ declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
691
1040
 
692
- export declare const DialogRoot: FC<Dialog.RootProps>;
1041
+ /**
1042
+ * @experimental This component is experimental and may change or be removed in future versions.
1043
+ */
1044
+ export declare const Dialog: DialogComponents;
1045
+
1046
+ declare interface DialogComponents {
1047
+ Root: typeof Dialog_2.Root;
1048
+ Trigger: typeof Dialog_2.Trigger;
1049
+ Content: typeof DialogContent;
1050
+ Backdrop: typeof Dialog_2.Backdrop;
1051
+ Positioner: typeof Dialog_2.Positioner;
1052
+ Title: typeof Dialog_2.Title;
1053
+ Description: typeof Dialog_2.Description;
1054
+ Body: typeof Dialog_2.Body;
1055
+ Footer: typeof Dialog_2.Footer;
1056
+ Header: typeof Dialog_2.Header;
1057
+ CloseTrigger: typeof Dialog_2.CloseTrigger;
1058
+ ActionTrigger: typeof Dialog_2.ActionTrigger;
1059
+ }
693
1060
 
694
- export declare const DialogTitle: ForwardRefExoticComponent<Dialog.TitleProps & RefAttributes<HTMLDivElement>>;
1061
+ declare const DialogContent: (props: DialogContentProps) => JSX.Element;
695
1062
 
696
- export declare const DialogTrigger: ForwardRefExoticComponent<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>;
1063
+ declare interface DialogContentProps extends Dialog_2.ContentProps {
1064
+ portalled?: boolean;
1065
+ portalRef?: React.RefObject<HTMLElement>;
1066
+ backdrop?: boolean;
1067
+ ref?: React.Ref<HTMLDivElement>;
1068
+ }
697
1069
 
698
1070
  export declare type DisclosureGroupProps = AccordionProps & {
699
1071
  children: ReactNode;
@@ -713,7 +1085,18 @@ export declare type DisclosureItemProps = AccordionItemProps & {
713
1085
  onExpandedChange?: (isExpanded: boolean) => void;
714
1086
  };
715
1087
 
716
- export { Em }
1088
+ declare type ExcludedNumberInputProps = "asChild" | "onChange";
1089
+
1090
+ /**
1091
+ * Additional properties we want to exclude from the TimeInput component.
1092
+ * These are either deprecated or not intended for use in this component.
1093
+ */
1094
+ declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
1095
+
1096
+ /**
1097
+ * List of props that should be excluded from the root props when combining with ARIA props
1098
+ */
1099
+ declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
717
1100
 
718
1101
  /**
719
1102
  * For use in components that use the polymorphic `as` and `asChild` props
@@ -742,39 +1125,33 @@ export declare const FormField: {
742
1125
  }) => null;
743
1126
  };
744
1127
 
745
- export declare const FormFieldContext: Context<FormFieldContextType>;
1128
+ export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
746
1129
 
747
- export declare type FormFieldContextPayloadType = {
748
- label: ReactNode;
749
- labelSlotProps?: FormFieldLabelSlotProps;
750
- input: ReactNode;
751
- inputSlotProps?: FormFieldInputSlotProps;
752
- description: ReactNode;
753
- descriptionSlotProps?: FormFieldDescriptionSlotProps;
754
- error: ReactNode;
755
- errorSlotProps?: FormFieldErrorSlotProps;
756
- info: ReactNode;
757
- isInvalid?: boolean;
758
- isRequired?: boolean;
759
- isDisabled?: boolean;
760
- isReadOnly?: boolean;
761
- };
1130
+ declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
1131
+ }
762
1132
 
763
- export declare type FormFieldContextType = {
764
- context: FormFieldContextPayloadType;
765
- setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
766
- };
1133
+ export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
767
1134
 
768
- declare interface FormFieldDescriptionSlotProps extends HTMLChakraProps<"div"> {
1135
+ declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
769
1136
  }
770
1137
 
771
- declare interface FormFieldErrorSlotProps extends HTMLChakraProps<"div"> {
772
- }
1138
+ export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
1139
+
1140
+ declare type FormFieldInfoBoxProps = {
1141
+ /**
1142
+ * The content to display in the InfoBox
1143
+ */
1144
+ children: ReactNode;
1145
+ };
1146
+
1147
+ export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
773
1148
 
774
- declare interface FormFieldInputSlotProps extends HTMLChakraProps<"div"> {
1149
+ declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
775
1150
  }
776
1151
 
777
- declare interface FormFieldLabelSlotProps extends HTMLChakraProps<"div"> {
1152
+ export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
1153
+
1154
+ declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
778
1155
  }
779
1156
 
780
1157
  /**
@@ -844,17 +1221,27 @@ mt: "var(--grid-gap)";
844
1221
  };
845
1222
  }>;
846
1223
 
1224
+ /**
1225
+ * FormField
1226
+ * ============================================================
1227
+ * displays inputs in a FormField context
1228
+ */
1229
+ export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
1230
+
847
1231
  declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
848
1232
  }
849
1233
 
850
1234
  declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
851
1235
 
852
1236
  /** combine chakra-button props with aria-button props */
853
- declare type FunctionalButtonProps = ButtonRootProps & AriaButtonProps & {
1237
+ declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
854
1238
  [key: `data-${string}`]: unknown;
855
1239
  };
856
1240
 
857
- export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> & {
1241
+ export declare const Grid: {
1242
+ (props: GridProps): JSX.Element;
1243
+ displayName: string;
1244
+ } & {
858
1245
  Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
859
1246
  };
860
1247
 
@@ -869,11 +1256,19 @@ export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<H
869
1256
  */
870
1257
  export declare interface GridProps extends GridProps_2 {
871
1258
  children?: React.ReactNode;
1259
+ ref?: React.Ref<HTMLDivElement>;
872
1260
  }
873
1261
 
874
1262
  export { Heading }
875
1263
 
876
- export { Highlight_2 as Highlight }
1264
+ /**
1265
+ * Icon
1266
+ * displays icon components
1267
+ */
1268
+ export declare const Icon: {
1269
+ (props: IconProps): JSX.Element;
1270
+ displayName: string;
1271
+ };
877
1272
 
878
1273
  /**
879
1274
  * IconButton
@@ -881,7 +1276,10 @@ export { Highlight_2 as Highlight }
881
1276
  * displays a button with only an icon as child. It is based
882
1277
  * on the regular `Button` component, but with a few adjustments.
883
1278
  */
884
- export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
1279
+ export declare const IconButton: {
1280
+ (props: IconButtonProps): JSX.Element;
1281
+ displayName: string;
1282
+ };
885
1283
 
886
1284
  /**
887
1285
  * Main props interface for the IconButton component.
@@ -889,68 +1287,69 @@ export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & Ref
889
1287
  export declare interface IconButtonProps extends ButtonProps {
890
1288
  /** explains the intended action, required for accessibility */
891
1289
  "aria-label": string;
1290
+ ref?: React.Ref<HTMLButtonElement>;
892
1291
  }
893
1292
 
894
- export { Kbd }
895
-
896
- /**
897
- * Link
898
- * ============================================================
899
- * To allow a user to navigate to a different page or resource
900
- *
901
- * Features:
902
- *
903
- * - allows forwarding refs to the underlying DOM element
904
- * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
905
- * - supports 'variants', 'sizes', etc. configured in the recipe
906
- * - allows overriding styles by using style-props
907
- * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
908
- */
909
- export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
910
-
911
1293
  /**
912
- * Main props interface for the Link component.
913
- * Extends LinkVariantProps to include both root props and variant props,
1294
+ * Main props interface for the Icon component.
1295
+ * Extends IconVariantProps to include both root props and variant props,
914
1296
  * while adding support for React children.
915
1297
  */
916
- export declare interface LinkProps extends LinkVariantProps {
1298
+ export declare interface IconProps extends IconVariantProps {
1299
+ /**
1300
+ * Accepts only a single child - an icon-component or SVG html-element.
1301
+ * Alternatively, as shorthand, use the `as` property.
1302
+ */
917
1303
  children?: React.ReactNode;
1304
+ /**
1305
+ * Colors the icon, accepts a color token from the theme or a custom value
1306
+ */
1307
+ color?: BoxProps["color"];
1308
+ /**
1309
+ * Accepts a React component to be rendered as the icon .
1310
+ */
1311
+ as?: BoxProps["as"];
1312
+ /**
1313
+ * Ref to the icon element
1314
+ */
1315
+ ref?: React.Ref<SVGSVGElement>;
918
1316
  }
919
1317
 
920
1318
  /**
921
- * Recipe configuration for the Link component.
1319
+ * Recipe configuration for the Icon component.
922
1320
  * Defines the styling variants and base styles using Chakra UI's recipe system.
923
1321
  */
924
- declare const linkRecipe: RecipeDefinition< {
1322
+ declare const iconRecipe: RecipeDefinition< {
1323
+ /**
1324
+ * allows applying a predefined size to the icon
1325
+ */
925
1326
  size: {
1327
+ "2xs": {
1328
+ boxSize: "600";
1329
+ };
926
1330
  xs: {
927
- fontSize: "300";
928
- lineHeight: "450";
1331
+ boxSize: "800";
929
1332
  };
930
1333
  sm: {
931
- fontSize: "350";
932
- lineHeight: "500";
1334
+ boxSize: "900";
933
1335
  };
934
1336
  md: {
935
- fontSize: "400";
936
- lineHeight: "600";
1337
+ boxSize: "1000";
937
1338
  };
1339
+ lg: {
1340
+ boxSize: "1200";
938
1341
  };
939
- fontColor: {
940
- primary: {
941
- color: "primary";
942
- };
943
- inherit: {
944
- color: "inherit";
1342
+ xl: {
1343
+ boxSize: "1400";
945
1344
  };
946
1345
  };
947
1346
  }>;
948
1347
 
949
1348
  /**
950
1349
  * Base recipe props interface that combines Chakra UI's recipe props
951
- * with the unstyled prop option for the a element.
1350
+ * with the unstyled prop option for the svg element.
952
1351
  */
953
- declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
1352
+ declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
954
1353
  }
955
1354
 
956
1355
  /**
@@ -958,7 +1357,105 @@ declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
958
1357
  * This creates a complete set of props for the root element, combining
959
1358
  * HTML attributes, Chakra's styling system, and our custom recipe props.
960
1359
  */
961
- declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
1360
+ declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
1361
+ }
1362
+
1363
+ /**
1364
+ * Combines the root props with Chakra UI's recipe variant props.
1365
+ * This allows the component to accept both structural props from Root
1366
+ * and styling variants from the recipe.
1367
+ */
1368
+ declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
1369
+
1370
+ /**
1371
+ * Image
1372
+ *
1373
+ * Use this component to display an image.
1374
+ */
1375
+ declare const Image_2: {
1376
+ (props: ImageProps): JSX.Element;
1377
+ displayName: string;
1378
+ };
1379
+ export { Image_2 as Image }
1380
+
1381
+ export declare interface ImageProps extends ImageProps_2 {
1382
+ }
1383
+
1384
+ /**
1385
+ * @experimental This component is experimental and may change or be removed in future versions.
1386
+ */
1387
+ export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
1388
+
1389
+ /**
1390
+ * Link
1391
+ * ============================================================
1392
+ * To allow a user to navigate to a different page or resource
1393
+ *
1394
+ * Features:
1395
+ *
1396
+ * - allows forwarding refs to the underlying DOM element
1397
+ * - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
1398
+ * - supports 'variants', 'sizes', etc. configured in the recipe
1399
+ * - allows overriding styles by using style-props
1400
+ * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
1401
+ */
1402
+ export declare const Link: {
1403
+ (props: LinkProps): JSX.Element;
1404
+ displayName: string;
1405
+ };
1406
+
1407
+ /**
1408
+ * Main props interface for the Link component.
1409
+ * Extends LinkVariantProps to include both root props and variant props,
1410
+ * while adding support for React children.
1411
+ */
1412
+ export declare interface LinkProps extends LinkVariantProps {
1413
+ children?: React.ReactNode;
1414
+ ref?: React.Ref<HTMLAnchorElement>;
1415
+ }
1416
+
1417
+ /**
1418
+ * Recipe configuration for the Link component.
1419
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1420
+ */
1421
+ declare const linkRecipe: RecipeDefinition< {
1422
+ size: {
1423
+ xs: {
1424
+ fontSize: "300";
1425
+ lineHeight: "450";
1426
+ };
1427
+ sm: {
1428
+ fontSize: "350";
1429
+ lineHeight: "500";
1430
+ };
1431
+ md: {
1432
+ fontSize: "400";
1433
+ lineHeight: "600";
1434
+ };
1435
+ };
1436
+ fontColor: {
1437
+ primary: {
1438
+ color: "primary";
1439
+ };
1440
+ inherit: {
1441
+ color: "inherit";
1442
+ };
1443
+ };
1444
+ }>;
1445
+
1446
+ /**
1447
+ * Base recipe props interface that combines Chakra UI's recipe props
1448
+ * with the unstyled prop option for the a element.
1449
+ */
1450
+ declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
1451
+ }
1452
+
1453
+ /**
1454
+ * Root props interface that extends Chakra's HTML props with our recipe props.
1455
+ * This creates a complete set of props for the root element, combining
1456
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
1457
+ */
1458
+ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
962
1459
 
963
1460
  /**
964
1461
  * Combines the root props with Chakra UI's recipe variant props.
@@ -968,38 +1465,43 @@ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
968
1465
  * Differences between LinkRootProps and LinkVariantProps necessitate
969
1466
  * the use of Omit and Pick to ensure the correct props are passed
970
1467
  */
971
- declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
1468
+ declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
972
1469
  [key: `data-${string}`]: string;
973
1470
  };
974
1471
 
975
- export { List }
976
-
977
- export declare const ListItem: (props: ListItemType) => JSX.Element;
1472
+ /**
1473
+ * @experimental This component is experimental and may change or be removed in future versions.
1474
+ */
1475
+ export declare const List: {
1476
+ Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
1477
+ Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
1478
+ Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
1479
+ };
978
1480
 
979
- export declare type ListItemType = React.ComponentProps<typeof List.Item>;
1481
+ export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
980
1482
 
981
- export declare const ListRoot: (props: ListRootType) => JSX.Element;
1483
+ export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
982
1484
 
983
- export declare type ListRootType = React.ComponentProps<typeof List.Root>;
1485
+ export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
984
1486
 
985
1487
  /**
986
1488
  * LoadingSpinner
987
1489
  * ============================================================
988
1490
  * Indicates ongoing processes or loading states
989
1491
  */
990
- export declare const LoadingSpinner: ForwardRefExoticComponent<LoadingSpinnerRootProps & {
991
- size?: ConditionalValue<"sm" | "md" | "lg" | "2xs" | "xs" | undefined>;
992
- tone?: ConditionalValue<"white" | "primary" | undefined>;
993
- } & {
994
- [key: `data-${string}`]: string;
995
- } & RefAttributes<HTMLDivElement>>;
1492
+ export declare const LoadingSpinner: {
1493
+ (props: LoadingSpinnerProps): JSX.Element;
1494
+ displayName: string;
1495
+ };
996
1496
 
997
1497
  /**
998
1498
  * Main props interface for the LoadingSpinner component.
999
1499
  * Extends LoadingSpinnerVariantProps to include both root props and variant props,
1000
1500
  * while adding support for React children.
1001
1501
  */
1002
- export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps;
1502
+ export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
1503
+ ref?: React.Ref<HTMLDivElement>;
1504
+ };
1003
1505
 
1004
1506
  /**
1005
1507
  * Recipe configuration for the LoadingSpinner component.
@@ -1050,7 +1552,7 @@ declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, Unstyled
1050
1552
  * This creates a complete set of props for the root element, combining
1051
1553
  * HTML attributes, Chakra's styling system, and our custom recipe props.
1052
1554
  */
1053
- declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
1555
+ declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
1054
1556
 
1055
1557
  /**
1056
1558
  * Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
@@ -1058,7 +1560,7 @@ declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpin
1058
1560
  * This allows the component to accept both structural props from Root
1059
1561
  * and styling variants from the recipe.
1060
1562
  */
1061
- declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps_2 & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
1563
+ declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
1062
1564
  [key: `data-${string}`]: string;
1063
1565
  };
1064
1566
 
@@ -1086,18 +1588,327 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
1086
1588
  children?: ReactNode | undefined;
1087
1589
  } & RefAttributes<HTMLElement>>;
1088
1590
 
1089
- export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX.Element;
1591
+ /**
1592
+ * MultilineTextInput
1593
+ * ============================================================
1594
+ * A textarea component that takes in multiline text as input
1595
+ *
1596
+ * Features:
1597
+ *
1598
+ * - allows forwarding refs to the underlying DOM element
1599
+ * - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
1600
+ * - supports 'variants', 'sizes', etc. configured in the recipe
1601
+ * - allows overriding styles by using style-props
1602
+ * - supports auto-growing height based on content when `autoGrow` is enabled
1603
+ */
1604
+ export declare const MultilineTextInput: {
1605
+ (props: MultilineTextInputProps): JSX.Element;
1606
+ displayName: string;
1607
+ };
1608
+
1609
+ export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
1610
+ ref?: React.Ref<HTMLTextAreaElement>;
1611
+ /**
1612
+ * When true, the textarea will automatically grow in height to fit its content.
1613
+ * This works in addition to the default draggable resize behavior.
1614
+ */
1615
+ autoGrow?: boolean;
1616
+ }
1617
+
1618
+ /**
1619
+ * Recipe configuration for the MultilineTextInput component.
1620
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1621
+ */
1622
+ declare const multilineTextInputRecipe: RecipeDefinition< {
1623
+ size: {
1624
+ sm: {
1625
+ minH: number;
1626
+ textStyle: "sm";
1627
+ px: number;
1628
+ py: number;
1629
+ };
1630
+ md: {
1631
+ minH: number;
1632
+ textStyle: "md";
1633
+ px: number;
1634
+ py: number;
1635
+ };
1636
+ };
1637
+ variant: {
1638
+ solid: {
1639
+ "--border-width": "sizes.25";
1640
+ "--border-color": "colors.neutral.7";
1641
+ backgroundColor: "neutral.1";
1642
+ _hover: {
1643
+ backgroundColor: "primary.2";
1644
+ };
1645
+ };
1646
+ ghost: {
1647
+ _hover: {
1648
+ backgroundColor: "primary.2";
1649
+ };
1650
+ };
1651
+ };
1652
+ }>;
1653
+
1654
+ declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
1655
+ }
1656
+
1657
+ declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
1658
+
1659
+ export declare function NimbusProvider({ children, locale, ...props }: ColorModeProviderProps & {
1660
+ locale?: string;
1661
+ }): JSX.Element;
1662
+
1663
+ /**
1664
+ * NumberInput
1665
+ * ============================================================
1666
+ * An input component that accepts only numbers with increment/decrement buttons
1667
+ *
1668
+ * Features:
1669
+ *
1670
+ * - supports ref forwarding to the underlying DOM element
1671
+ * - supports number-specific props like min, max, step
1672
+ * - includes increment/decrement buttons for easy number adjustment
1673
+ * - supports 'variants', 'sizes', etc. configured in the recipe
1674
+ * - allows overriding styles by using style-props
1675
+ * - provides full accessibility support
1676
+ */
1677
+ export declare const NumberInput: {
1678
+ (props: NumberInputProps): JSX.Element;
1679
+ displayName: string;
1680
+ };
1681
+
1682
+ export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
1683
+ ref?: React.Ref<HTMLInputElement>;
1684
+ }
1685
+
1686
+ /**
1687
+ * Recipe configuration for the NumberInput component.
1688
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
1689
+ */
1690
+ declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
1691
+ size: {
1692
+ sm: {
1693
+ input: {
1694
+ h: number;
1695
+ textStyle: "sm";
1696
+ px: number;
1697
+ paddingRight: number;
1698
+ };
1699
+ };
1700
+ md: {
1701
+ input: {
1702
+ h: number;
1703
+ textStyle: "md";
1704
+ px: number;
1705
+ paddingRight: number;
1706
+ };
1707
+ };
1708
+ };
1709
+ variant: {
1710
+ solid: {
1711
+ root: {
1712
+ "&:has(button:hover) input": {
1713
+ backgroundColor: "primary.2";
1714
+ };
1715
+ };
1716
+ input: {
1717
+ "&[data-invalid='true']": {
1718
+ boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
1719
+ "--border-width": "sizes.50";
1720
+ };
1721
+ boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
1722
+ backgroundColor: "neutral.1";
1723
+ _hover: {
1724
+ backgroundColor: "primary.2";
1725
+ };
1726
+ };
1727
+ incrementButton: {
1728
+ "&[data-invalid='true']": {
1729
+ borderTop: "2px solid var(--border-color)";
1730
+ borderRight: "2px solid var(--border-color)";
1731
+ };
1732
+ borderTop: "var(--border-width) solid var(--border-color)";
1733
+ borderRight: "var(--border-width) solid var(--border-color)";
1734
+ borderLeft: "var(--border-width) solid var(--border-color)";
1735
+ boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
1736
+ _hover: {
1737
+ backgroundColor: "primaryAlpha.3";
1738
+ };
1739
+ };
1740
+ decrementButton: {
1741
+ "&[data-invalid='true']": {
1742
+ borderBottom: "2px solid var(--border-color)";
1743
+ borderRight: "2px solid var(--border-color)";
1744
+ };
1745
+ borderBottom: "var(--border-width) solid var(--border-color)";
1746
+ borderRight: "var(--border-width) solid var(--border-color)";
1747
+ borderLeft: "var(--border-width) solid var(--border-color)";
1748
+ boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
1749
+ _hover: {
1750
+ backgroundColor: "primaryAlpha.3";
1751
+ };
1752
+ };
1753
+ };
1754
+ ghost: {
1755
+ root: {
1756
+ "&:has(button:hover) input": {
1757
+ backgroundColor: "primary.2";
1758
+ };
1759
+ };
1760
+ input: {
1761
+ "&[data-invalid='true']": {
1762
+ boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
1763
+ "--border-width": "sizes.50";
1764
+ };
1765
+ _hover: {
1766
+ backgroundColor: "primary.2";
1767
+ };
1768
+ };
1769
+ incrementButton: {
1770
+ "&[data-invalid='true']": {
1771
+ borderTop: "2px solid var(--border-color)";
1772
+ borderRight: "2px solid var(--border-color)";
1773
+ };
1774
+ _hover: {
1775
+ backgroundColor: "primaryAlpha.3";
1776
+ };
1777
+ };
1778
+ decrementButton: {
1779
+ "&[data-invalid='true']": {
1780
+ borderBottom: "2px solid var(--border-color)";
1781
+ borderRight: "2px solid var(--border-color)";
1782
+ };
1783
+ _hover: {
1784
+ backgroundColor: "primaryAlpha.3";
1785
+ };
1786
+ };
1787
+ };
1788
+ };
1789
+ }>;
1790
+
1791
+ declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
1792
+ }
1793
+
1794
+ declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
1795
+
1796
+ /**
1797
+ * PasswordInput
1798
+ * ============================================================
1799
+ * An input component that takes in password as input with toggleable visibility
1800
+ *
1801
+ * Features:
1802
+ *
1803
+ * - Based on TextInput with added password visibility toggle
1804
+ * - Allows toggling between type="password" and type="text"
1805
+ * - Positions the toggle button at the right edge of the input
1806
+ * - Inherits all TextInput features and props
1807
+ */
1808
+ export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
1809
+
1810
+ /**
1811
+ * Interface for PasswordInput component props
1812
+ * Extends TextInputProps but omits the type prop since it's controlled internally
1813
+ * We want to keep this as an explicit interface to allow for future additions
1814
+ */
1815
+ export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
1816
+ }
1817
+
1818
+ declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
1819
+ children?: React.ReactNode;
1820
+ };
1821
+
1822
+ export declare const RadioInput: {
1823
+ Root: {
1824
+ (props: RadioInputRootProps_2): JSX.Element;
1825
+ displayName: string;
1826
+ };
1827
+ Option: {
1828
+ ({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
1829
+ displayName: string;
1830
+ };
1831
+ };
1832
+
1833
+ export declare const _RadioInputOption: {
1834
+ ({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
1835
+ displayName: string;
1836
+ };
1837
+
1838
+ export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
1839
+ }
1840
+
1841
+ export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
1842
+ }
1843
+
1844
+ export declare const _RadioInputRoot: {
1845
+ (props: RadioInputRootProps): JSX.Element;
1846
+ displayName: string;
1847
+ };
1848
+
1849
+ export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
1850
+ }
1851
+
1852
+ export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
1853
+ }
1854
+
1855
+ /**
1856
+ * Recipe configuration for the RadioInput component.
1857
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
1858
+ */
1859
+ declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
1860
+ orientation: {
1861
+ horizontal: {
1862
+ root: {
1863
+ flexDirection: "row";
1864
+ gap: "600";
1865
+ };
1866
+ };
1867
+ vertical: {
1868
+ root: {
1869
+ flexDirection: "column";
1870
+ alignItems: "flex-start";
1871
+ gap: "400";
1872
+ };
1873
+ };
1874
+ };
1875
+ }>;
1090
1876
 
1091
1877
  export declare const Select: {
1092
1878
  Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
1093
- Options: <T extends object>(props: SelectOptionsProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1094
- Option: <T extends object>(props: SelectOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1095
- OptionGroup: <T extends object>(props: SelectOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1879
+ Options: {
1880
+ <T extends object>(props: SelectOptionsProps_2<T> & {
1881
+ ref?: React.Ref<HTMLDivElement>;
1882
+ }): JSX.Element;
1883
+ displayName: string;
1884
+ };
1885
+ Option: {
1886
+ <T extends object>(props: SelectOptionProps_2<T> & {
1887
+ ref?: React.Ref<HTMLDivElement>;
1888
+ }): JSX.Element;
1889
+ displayName: string;
1890
+ };
1891
+ OptionGroup: {
1892
+ <T extends object>(props: SelectOptionGroupProps_2<T> & {
1893
+ ref?: React.Ref<HTMLDivElement>;
1894
+ }): JSX.Element;
1895
+ displayName: string;
1896
+ };
1096
1897
  };
1097
1898
 
1098
- export declare const _SelectOption: <T extends object>(props: SelectOptionProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1899
+ export declare const _SelectOption: {
1900
+ <T extends object>(props: SelectOptionProps<T> & {
1901
+ ref?: React.Ref<HTMLDivElement>;
1902
+ }): JSX.Element;
1903
+ displayName: string;
1904
+ };
1099
1905
 
1100
- export declare const _SelectOptionGroup: <T extends object>(props: SelectOptionGroupProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1906
+ export declare const _SelectOptionGroup: {
1907
+ <T extends object>(props: SelectOptionGroupProps<T> & {
1908
+ ref?: React.Ref<HTMLDivElement>;
1909
+ }): JSX.Element;
1910
+ displayName: string;
1911
+ };
1101
1912
 
1102
1913
  export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
1103
1914
  /** the label for the section */
@@ -1110,7 +1921,12 @@ declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
1110
1921
  export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
1111
1922
  }
1112
1923
 
1113
- export declare const _SelectOptions: <T extends object>(props: SelectOptionsProps<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
1924
+ export declare const _SelectOptions: {
1925
+ <T extends object>(props: SelectOptionsProps<T> & {
1926
+ ref?: React.Ref<HTMLDivElement>;
1927
+ }): JSX.Element;
1928
+ displayName: string;
1929
+ };
1114
1930
 
1115
1931
  declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
1116
1932
  }
@@ -1159,7 +1975,7 @@ textStyle: "md";
1159
1975
  variant: {
1160
1976
  outline: {
1161
1977
  root: {
1162
- bg: "bg";
1978
+ bg: "primary.1";
1163
1979
  "&:hover": {
1164
1980
  bg: "primary.2";
1165
1981
  };
@@ -1184,7 +2000,10 @@ trigger: {
1184
2000
  };
1185
2001
  }>;
1186
2002
 
1187
- export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & RefAttributes<HTMLDivElement>> & {
2003
+ export declare const SimpleGrid: {
2004
+ (props: SimpleGridProps): JSX.Element;
2005
+ displayName: string;
2006
+ } & {
1188
2007
  Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
1189
2008
  };
1190
2009
 
@@ -1199,53 +2018,175 @@ export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & Ref
1199
2018
  */
1200
2019
  export declare interface SimpleGridProps extends SimpleGridProps_2 {
1201
2020
  children?: React.ReactNode;
2021
+ ref?: React.Ref<HTMLDivElement>;
1202
2022
  }
1203
2023
 
1204
- export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
2024
+ export declare interface SingleSelectInputProps {
2025
+ placeholder?: string;
2026
+ inputValue?: string;
2027
+ allowsCustomValue?: boolean;
2028
+ onSubmitCustomValue?: (value: string) => void;
2029
+ onInputChange?: (value: string) => void;
2030
+ ref?: default_2.Ref<HTMLInputElement>;
2031
+ }
2032
+
2033
+ export declare const Stack: {
2034
+ (props: StackProps): JSX.Element;
2035
+ displayName: string;
2036
+ };
1205
2037
 
1206
2038
  export declare interface StackProps extends StackProps_2 {
1207
2039
  children?: React.ReactNode;
2040
+ ref?: React.Ref<HTMLDivElement>;
1208
2041
  }
1209
2042
 
1210
- export declare const system: SystemContext;
1211
-
1212
- export { Table }
1213
-
1214
- export declare const TableBody: (props: TableBodyProps) => JSX.Element;
2043
+ /**
2044
+ * Switch
2045
+ * ============================================================
2046
+ * displays a switch toggle and optionally an associated label
2047
+ */
2048
+ export declare const Switch: {
2049
+ ({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
2050
+ displayName: string;
2051
+ };
1215
2052
 
1216
- export declare type TableBodyProps = React.ComponentProps<typeof Table.Body>;
2053
+ /**
2054
+ * Main props interface for the Switch component.
2055
+ * Combines root element props with ARIA toggle functionality props.
2056
+ */
2057
+ export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
2058
+ /**
2059
+ * The content to display next to the switch.
2060
+ * Can be a string or React node.
2061
+ */
2062
+ children?: React.ReactNode;
2063
+ ref?: React.Ref<HTMLInputElement>;
2064
+ };
1217
2065
 
1218
- export declare const TableCell: (props: TableCellProps) => JSX.Element;
2066
+ /**
2067
+ * Props for the Switch component root element.
2068
+ * Includes all HTML props for the label element and recipe variant props.
2069
+ */
2070
+ declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
2071
+ }
1219
2072
 
1220
- export declare type TableCellProps = React.ComponentProps<typeof Table.Cell>;
2073
+ /**
2074
+ * Recipe configuration for the Switch component.
2075
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
2076
+ */
2077
+ declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
2078
+ size: {
2079
+ sm: {
2080
+ track: {
2081
+ "--track-height": "sizes.400";
2082
+ "--track-width": "sizes.700";
2083
+ };
2084
+ thumb: {
2085
+ "--thumb-size": "sizes.400";
2086
+ };
2087
+ label: {
2088
+ "--label-font-size": "fontSizes.350";
2089
+ };
2090
+ };
2091
+ md: {
2092
+ track: {
2093
+ "--track-height": "sizes.600";
2094
+ "--track-width": "sizes.1100";
2095
+ };
2096
+ thumb: {
2097
+ "--thumb-size": "sizes.600";
2098
+ };
2099
+ label: {
2100
+ "--label-font-size": "fontSizes.400";
2101
+ };
2102
+ };
2103
+ };
2104
+ }>;
1221
2105
 
1222
- export declare const TableColumn: (props: TableColumnProps) => JSX.Element;
2106
+ export declare const system: SystemContext;
1223
2107
 
1224
- export declare const TableColumnGroup: (props: TableColumnGroupProps) => JSX.Element;
2108
+ export { Table }
1225
2109
 
1226
- export declare type TableColumnGroupProps = React.ComponentProps<typeof Table.ColumnGroup>;
2110
+ /**
2111
+ * TagGroup
2112
+ * ============================================================
2113
+ * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
2114
+ *
2115
+ */
2116
+ export declare const TagGroup: {
2117
+ Root: TagGroupRootComponent_2;
2118
+ TagList: {
2119
+ <T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
2120
+ displayName: string;
2121
+ };
2122
+ Tag: TagGroupTagComponent_2;
2123
+ };
1227
2124
 
1228
- export declare const TableColumnHeader: (props: TableColumnHeaderProps) => JSX.Element;
2125
+ /** Final external props for the `<TagGroup>` component, including `children`. */
2126
+ export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
2127
+ ref?: React.Ref<typeof TagGroup_2>;
2128
+ };
1229
2129
 
1230
- export declare type TableColumnHeaderProps = React.ComponentProps<typeof Table.ColumnHeader>;
2130
+ /** Type signature for the main `TagGroup` component. */
2131
+ export declare type TagGroupRootComponent = FC<TagGroupProps>;
1231
2132
 
1232
- export declare type TableColumnProps = React.ComponentProps<typeof Table.Column>;
2133
+ /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
2134
+ declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
1233
2135
 
1234
- export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
2136
+ /** Base Chakra styling props for the root `div` slot. */
2137
+ declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1235
2138
 
1236
- export declare type TableFooterProps = React.ComponentProps<typeof Table.Footer>;
2139
+ /**
2140
+ * Recipe configuration for the TagGroup component.
2141
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
2142
+ */
2143
+ declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
2144
+ size: {
2145
+ sm: {
2146
+ tag: {
2147
+ minH: "600";
2148
+ paddingX: "200";
2149
+ fontSize: "350";
2150
+ lineHeight: "400";
2151
+ };
2152
+ };
2153
+ md: {
2154
+ tag: {
2155
+ minH: "800";
2156
+ paddingX: "200";
2157
+ paddingY: "100";
2158
+ };
2159
+ };
2160
+ lg: {
2161
+ tag: {
2162
+ minH: "1000";
2163
+ padding: "200";
2164
+ };
2165
+ };
2166
+ };
2167
+ }>;
1237
2168
 
1238
- export declare const TableHeader: (props: TableHeaderProps) => JSX.Element;
2169
+ /** Type signature for the `TagGroup.Tag` sub-component. */
2170
+ export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
1239
2171
 
1240
- export declare type TableHeaderProps = React.ComponentProps<typeof Table.Header>;
2172
+ /** Type signature for the `TagGroup.TagList` sub-component. */
2173
+ export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
1241
2174
 
1242
- export declare const TableRoot: (props: TableRootProps) => JSX.Element;
2175
+ /** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
2176
+ export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
2177
+ ref?: React.Ref<HTMLDivElement>;
2178
+ };
1243
2179
 
1244
- export declare type TableRootProps = React.ComponentProps<typeof Table.Root>;
2180
+ /** Base Chakra styling props for the root `div` slot. */
2181
+ declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1245
2182
 
1246
- export declare const TableRow: (props: TableRowProps) => JSX.Element;
2183
+ /** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
2184
+ export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
2185
+ ref?: React.Ref<typeof Tag>;
2186
+ };
1247
2187
 
1248
- export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
2188
+ /** Base Chakra styling props for the root `div` slot. */
2189
+ declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1249
2190
 
1250
2191
  /**
1251
2192
  * Render Text
@@ -1255,13 +2196,16 @@ export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
1255
2196
  *
1256
2197
  * @see https://DOMAIN/components/typography/text
1257
2198
  */
1258
- declare const Text_2: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLParagraphElement>>;
2199
+ declare const Text_2: {
2200
+ (props: TextProps): JSX.Element;
2201
+ displayName: string;
2202
+ };
1259
2203
  export { Text_2 as Text }
1260
2204
 
1261
2205
  /**
1262
2206
  * TextInput
1263
2207
  * ============================================================
1264
- * An input component that takes in a text as input
2208
+ * An input component that takes in text as input
1265
2209
  *
1266
2210
  * Features:
1267
2211
  *
@@ -1270,9 +2214,13 @@ export { Text_2 as Text }
1270
2214
  * - supports 'variants', 'sizes', etc. configured in the recipe
1271
2215
  * - allows overriding styles by using style-props
1272
2216
  */
1273
- export declare const TextInput: ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>>;
2217
+ export declare const TextInput: {
2218
+ (props: TextInputProps): JSX.Element;
2219
+ displayName: string;
2220
+ };
1274
2221
 
1275
- export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootProps, keyof TextFieldProps | "as" | "asChild"> {
2222
+ export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
2223
+ ref?: React.Ref<HTMLInputElement>;
1276
2224
  }
1277
2225
 
1278
2226
  /**
@@ -1296,7 +2244,7 @@ variant: {
1296
2244
  solid: {
1297
2245
  "--border-width": "sizes.25";
1298
2246
  "--border-color": "colors.neutral.7";
1299
- backgroundColor: "neutral.1";
2247
+ backgroundColor: "primary.1";
1300
2248
  _hover: {
1301
2249
  backgroundColor: "primary.2";
1302
2250
  };
@@ -1312,9 +2260,87 @@ backgroundColor: "primary.2";
1312
2260
  declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
1313
2261
  }
1314
2262
 
1315
- declare type TextInputRootProps = HTMLChakraProps<"input", TextInputRecipeProps>;
2263
+ declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
1316
2264
 
1317
2265
  export declare interface TextProps extends TextProps_2 {
2266
+ ref?: React.Ref<HTMLParagraphElement>;
2267
+ }
2268
+
2269
+ /**
2270
+ * TimeInput
2271
+ * ============================================================
2272
+ * allows entering a time in the currently selected locale
2273
+ */
2274
+ export declare const TimeInput: {
2275
+ (props: TimeInputProps): JSX.Element;
2276
+ displayName: string;
2277
+ };
2278
+
2279
+ /**
2280
+ * Main props interface for the TimeInput component.
2281
+ *
2282
+ * We use Omit to remove:
2283
+ * 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
2284
+ * 2. Explicitly excluded props that we don't want users to access
2285
+ */
2286
+ export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
2287
+ }
2288
+
2289
+ /**
2290
+ * Recipe configuration for the TimeInput component.
2291
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
2292
+ */
2293
+ declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
2294
+ size: {
2295
+ sm: {
2296
+ segmentGroup: {
2297
+ h: number;
2298
+ textStyle: "sm";
2299
+ px: number;
2300
+ };
2301
+ };
2302
+ md: {
2303
+ segmentGroup: {
2304
+ h: number;
2305
+ textStyle: "md";
2306
+ px: number;
2307
+ };
2308
+ };
2309
+ };
2310
+ variant: {
2311
+ solid: {
2312
+ segmentGroup: {
2313
+ "--border-width": "sizes.25";
2314
+ "--border-color": "colors.neutral.7";
2315
+ backgroundColor: "neutral.1";
2316
+ _hover: {
2317
+ backgroundColor: "primary.2";
2318
+ };
2319
+ };
2320
+ };
2321
+ ghost: {
2322
+ segmentGroup: {
2323
+ _hover: {
2324
+ backgroundColor: "primary.2";
2325
+ };
2326
+ };
2327
+ };
2328
+ };
2329
+ }>;
2330
+
2331
+ /**
2332
+ * Base recipe props interface that combines Chakra UI's recipe props
2333
+ * with the unstyled prop option for the div element.
2334
+ */
2335
+ declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
2336
+ }
2337
+
2338
+ /**
2339
+ * Root props interface that extends Chakra's HTML props with our recipe props.
2340
+ * This creates a complete set of props for the root element, combining
2341
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
2342
+ */
2343
+ declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
1318
2344
  }
1319
2345
 
1320
2346
  /**
@@ -1327,24 +2353,28 @@ export declare const ToggleButtonGroup: {
1327
2353
  Button: ToggleButtonGroupButtonComponent_2;
1328
2354
  };
1329
2355
 
1330
- export declare const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
2356
+ export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
1331
2357
 
1332
- /** Type signature for the `ToggleButtonGroup.Button` sub-component (using `forwardRef`). */
1333
- export declare type ToggleButtonGroupButtonComponent = ForwardRefExoticComponent<ToggleButtonGroupButtonProps & RefAttributes<typeof ToggleButton>>;
2358
+ /** Type signature for the `ToggleButtonGroup.Button` sub-component. */
2359
+ export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
1334
2360
 
1335
2361
  /** Combined props for the button element (Chakra styles + Aria behavior). */
1336
- export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps;
2362
+ export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
2363
+ ref?: React.Ref<typeof ToggleButton>;
2364
+ };
1337
2365
 
1338
2366
  /** Base Chakra styling props for the `button` slot. */
1339
2367
  declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
1340
2368
 
1341
2369
  /** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
1342
- export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps>;
2370
+ export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
2371
+ ref?: React.Ref<typeof ToggleButtonGroup_2>;
2372
+ };
1343
2373
 
1344
- export declare const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
2374
+ export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
1345
2375
 
1346
- /** Type signature for the main `ToggleButtonGroup` component (using `forwardRef`). */
1347
- export declare type ToggleButtonGroupRootComponent = ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<typeof ToggleButtonGroup_2>>;
2376
+ /** Type signature for the main `ToggleButtonGroup` component. */
2377
+ export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
1348
2378
 
1349
2379
  /** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
1350
2380
  declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
@@ -1352,8 +2382,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
1352
2382
  /** Base Chakra styling props for the root `div` slot. */
1353
2383
  declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
1354
2384
 
2385
+ export declare const Tooltip: {
2386
+ Root: typeof _TooltipRoot;
2387
+ Content: typeof _TooltipContent;
2388
+ };
2389
+
1355
2390
  /**
1356
- * Tooltip
2391
+ * TooltipContent
1357
2392
  * ============================================================
1358
2393
  * A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
1359
2394
  *
@@ -1366,7 +2401,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
1366
2401
  * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
1367
2402
  * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
1368
2403
  */
1369
- export declare const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTMLDivElement>>;
2404
+ export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
2405
+ ref?: React.Ref<HTMLDivElement>;
2406
+ }): JSX.Element;
2407
+
2408
+ export declare namespace _TooltipContent {
2409
+ var displayName: string;
2410
+ }
1370
2411
 
1371
2412
  /**
1372
2413
  * Main props interface for the Tooltip components
@@ -1389,26 +2430,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
1389
2430
  }
1390
2431
 
1391
2432
  /**
1392
- * Root props interface that extends Chakra's HTML props with our recipe props.
1393
- * This creates a complete set of props for the root element, combining
1394
- * HTML attributes, Chakra's styling system, and our custom recipe props.
1395
- */
1396
- declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
1397
- }
1398
-
1399
- /**
1400
- * TooltipTrigger
2433
+ * TooltipRoot
1401
2434
  * ============================================================
1402
- * TooltipTrigger wraps around a trigger element and a Tooltip.
2435
+ * Root component that wraps around a trigger element and Tooltip content.
1403
2436
  * It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
1404
2437
  * and positioning the Tooltip relative to the trigger.
1405
2438
  *
1406
- * Directly exported from `react-aria-components`
1407
- * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
2439
+ * This acts as the context provider for the compound Tooltip component.
1408
2440
  */
1409
- export declare const TooltipTrigger: typeof TooltipTrigger_2;
2441
+ export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
2442
+
2443
+ export declare namespace _TooltipRoot {
2444
+ var displayName: string;
2445
+ }
1410
2446
 
1411
- export declare interface TooltipTriggerProps extends TooltipTriggerComponentProps {
2447
+ /**
2448
+ * Root props interface that extends Chakra's HTML props with our recipe props.
2449
+ * This creates a complete set of props for the root element, combining
2450
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
2451
+ */
2452
+ declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
1412
2453
  }
1413
2454
 
1414
2455
  /**