@commercetools/nimbus 0.0.7-rc12 → 0.0.7-rc15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +15 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +749 -429
- package/dist/index.js +15448 -11570
- package/dist/index.js.map +1 -1
- package/package.json +16 -15
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
|
|
2
|
+
import { AccordionItemProps as AccordionItemProps_3 } from '..';
|
|
2
3
|
import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
|
|
3
4
|
import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
|
|
4
5
|
import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
|
|
@@ -7,33 +8,30 @@ import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
|
|
|
7
8
|
import { AriaButtonProps } from 'react-aria';
|
|
8
9
|
import { AriaCheckboxProps } from 'react-aria';
|
|
9
10
|
import { AriaLinkOptions } from 'react-aria';
|
|
11
|
+
import { AriaNumberFieldProps } from 'react-aria';
|
|
10
12
|
import { AriaToggleButtonGroupProps } from 'react-aria';
|
|
11
13
|
import { AriaToggleButtonProps } from 'react-aria';
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { CardContentProps as CardContentProps_2 } from './card.slots';
|
|
15
|
-
import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
|
|
14
|
+
import { CardContentProps } from './card.slots';
|
|
15
|
+
import { CardHeaderProps } from './card.slots';
|
|
16
16
|
import { CardProps as CardProps_2 } from './card.types';
|
|
17
17
|
import { Code } from '@chakra-ui/react';
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { ComboBoxProps } from 'react-aria-components';
|
|
21
|
-
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
22
|
-
import { ConditionalValue } from '@chakra-ui/react';
|
|
23
|
-
import { Context } from 'react';
|
|
18
|
+
import { ComponentProps } from 'react';
|
|
19
|
+
import { default as default_2 } from 'react';
|
|
24
20
|
import { DetailedHTMLProps } from 'react';
|
|
25
|
-
import { Dialog } from '@chakra-ui/react';
|
|
21
|
+
import { Dialog as Dialog_2 } from '@chakra-ui/react';
|
|
26
22
|
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
27
23
|
import { DisclosureProps } from 'react-aria-components';
|
|
28
24
|
import { Dispatch } from 'react';
|
|
29
|
-
import { Em } from '@chakra-ui/react';
|
|
30
25
|
import { FC } from 'react';
|
|
31
26
|
import { Flex } from '@chakra-ui/react';
|
|
32
27
|
import { FocusableOptions } from 'react-aria';
|
|
28
|
+
import { FormFieldDescriptionSlotProps } from './form-field.slots';
|
|
29
|
+
import { FormFieldErrorSlotProps } from './form-field.slots';
|
|
30
|
+
import { FormFieldInputSlotProps } from './form-field.slots';
|
|
31
|
+
import { FormFieldLabelSlotProps } from './form-field.slots';
|
|
33
32
|
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
34
33
|
import { ForwardRefExoticComponent } from 'react';
|
|
35
34
|
import { GridItemProps } from '@chakra-ui/react';
|
|
36
|
-
import { GridListProps } from 'react-aria-components';
|
|
37
35
|
import { GridProps as GridProps_2 } from '@chakra-ui/react';
|
|
38
36
|
import { Heading } from '@chakra-ui/react';
|
|
39
37
|
import { Highlight as Highlight_2 } from '@chakra-ui/react';
|
|
@@ -41,17 +39,20 @@ import { HTMLAttributes } from 'react';
|
|
|
41
39
|
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
42
40
|
import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
|
|
43
41
|
import { JSX } from 'react/jsx-runtime';
|
|
44
|
-
import { JSX as JSX_2 } from 'react';
|
|
45
42
|
import { JsxStyleProps } from '@chakra-ui/react';
|
|
46
43
|
import { Kbd } from '@chakra-ui/react';
|
|
47
|
-
import { List } from '@chakra-ui/react';
|
|
44
|
+
import { List as List_2 } from '@chakra-ui/react';
|
|
48
45
|
import { ListBoxItemProps } from 'react-aria-components';
|
|
49
46
|
import { ListBoxProps } from 'react-aria-components';
|
|
50
47
|
import { ListBoxSectionProps } from 'react-aria-components';
|
|
51
|
-
import {
|
|
48
|
+
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
52
49
|
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
53
50
|
import { PolymorphicProps } from '@chakra-ui/react';
|
|
54
51
|
import { PropsWithChildren } from 'react';
|
|
52
|
+
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
53
|
+
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
54
|
+
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
55
|
+
import { RadioProps } from 'react-aria-components';
|
|
55
56
|
import { ReactNode } from 'react';
|
|
56
57
|
import { RecipeDefinition } from '@chakra-ui/react';
|
|
57
58
|
import { RecipeProps } from '@chakra-ui/react';
|
|
@@ -81,12 +82,13 @@ import { TagProps } from 'react-aria-components';
|
|
|
81
82
|
import { TextFieldProps } from 'react-aria-components';
|
|
82
83
|
import { TextProps as TextProps_2 } from '@chakra-ui/react';
|
|
83
84
|
import { ThemeProviderProps } from 'next-themes';
|
|
85
|
+
import { TimeFieldStateOptions } from 'react-stately';
|
|
86
|
+
import { TimeValue } from 'react-aria';
|
|
84
87
|
import { ToggleButton } from 'react-aria-components';
|
|
85
88
|
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
86
89
|
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
87
90
|
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
88
91
|
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
89
|
-
import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
|
|
90
92
|
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
91
93
|
import { UnstyledProp } from '@chakra-ui/react';
|
|
92
94
|
import { useButton } from 'react-aria';
|
|
@@ -106,8 +108,12 @@ export declare const Accordion: {
|
|
|
106
108
|
isExpanded?: boolean;
|
|
107
109
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
108
110
|
} & RefAttributes<HTMLDivElement>>;
|
|
109
|
-
Header: ForwardRefExoticComponent<
|
|
110
|
-
|
|
111
|
+
Header: ForwardRefExoticComponent< {
|
|
112
|
+
children: ReactNode;
|
|
113
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
114
|
+
Content: ForwardRefExoticComponent<Omit<{
|
|
115
|
+
children: ReactNode;
|
|
116
|
+
} & Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
111
117
|
HeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
112
118
|
};
|
|
113
119
|
|
|
@@ -120,6 +126,35 @@ export declare type AccordionComposition = {
|
|
|
120
126
|
isFocusVisible: boolean;
|
|
121
127
|
};
|
|
122
128
|
|
|
129
|
+
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
130
|
+
|
|
131
|
+
declare type AccordionContentProps = {
|
|
132
|
+
/**
|
|
133
|
+
* The content to display
|
|
134
|
+
*/
|
|
135
|
+
children: ReactNode;
|
|
136
|
+
} & ComponentProps<typeof AccordionPanel>;
|
|
137
|
+
|
|
138
|
+
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
139
|
+
|
|
140
|
+
declare type AccordionHeaderProps = {
|
|
141
|
+
/**
|
|
142
|
+
* The text / content to display in the Header
|
|
143
|
+
*/
|
|
144
|
+
children: ReactNode;
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
export declare const _AccordionHeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
148
|
+
|
|
149
|
+
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
|
|
150
|
+
children: default_2.ReactNode;
|
|
151
|
+
id?: string;
|
|
152
|
+
value?: string;
|
|
153
|
+
isDisabled?: boolean;
|
|
154
|
+
isExpanded?: boolean;
|
|
155
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
156
|
+
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
157
|
+
|
|
123
158
|
export declare type AccordionItemProps = {
|
|
124
159
|
isDisabled?: boolean;
|
|
125
160
|
isExpanded?: boolean;
|
|
@@ -129,6 +164,8 @@ export declare type AccordionItemProps = {
|
|
|
129
164
|
title?: string;
|
|
130
165
|
};
|
|
131
166
|
|
|
167
|
+
declare const AccordionPanel: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
168
|
+
|
|
132
169
|
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
133
170
|
additionalTriggerComponent?: ReactNode;
|
|
134
171
|
children: ReactNode;
|
|
@@ -136,6 +173,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
|
|
|
136
173
|
size?: "sm" | "md";
|
|
137
174
|
}
|
|
138
175
|
|
|
176
|
+
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
177
|
+
|
|
139
178
|
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
140
179
|
|
|
141
180
|
/**
|
|
@@ -200,12 +239,27 @@ export declare const Alert: {
|
|
|
200
239
|
};
|
|
201
240
|
};
|
|
202
241
|
|
|
242
|
+
export declare const _AlertActions: {
|
|
243
|
+
({ children, ...props }: AlertActionsProps): null;
|
|
244
|
+
displayName: string;
|
|
245
|
+
};
|
|
246
|
+
|
|
203
247
|
/** Base Chakra styling props for the `actions` slot (`div`). */
|
|
204
248
|
export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
205
249
|
|
|
250
|
+
export declare const _AlertDescription: {
|
|
251
|
+
({ children, ...props }: AlertDescriptionProps): null;
|
|
252
|
+
displayName: string;
|
|
253
|
+
};
|
|
254
|
+
|
|
206
255
|
/** Props for the `Alert.Description` sub-component (inherits from Text). */
|
|
207
256
|
export declare type AlertDescriptionProps = TextProps;
|
|
208
257
|
|
|
258
|
+
export declare const _AlertDismissButton: {
|
|
259
|
+
({ children, ...props }: AlertDismissButtonProps): null;
|
|
260
|
+
displayName: string;
|
|
261
|
+
};
|
|
262
|
+
|
|
209
263
|
/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
|
|
210
264
|
export declare type AlertDismissButtonProps = ButtonProps;
|
|
211
265
|
|
|
@@ -215,6 +269,7 @@ export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
|
215
269
|
/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
|
|
216
270
|
export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
|
|
217
271
|
[key: `data-${string}`]: unknown;
|
|
272
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
218
273
|
};
|
|
219
274
|
|
|
220
275
|
/**
|
|
@@ -258,19 +313,34 @@ borderRadius: "200";
|
|
|
258
313
|
};
|
|
259
314
|
}>;
|
|
260
315
|
|
|
261
|
-
/**
|
|
262
|
-
|
|
316
|
+
/**
|
|
317
|
+
* Alert
|
|
318
|
+
* ============================================================
|
|
319
|
+
* Provides feedback to the user about the status of an action or system event
|
|
320
|
+
*/
|
|
321
|
+
export declare const _AlertRoot: AlertRootComponent;
|
|
322
|
+
|
|
323
|
+
/** Type signature for the main `Alert` component. */
|
|
324
|
+
export declare type AlertRootComponent = React.FC<AlertProps>;
|
|
263
325
|
|
|
264
326
|
/** Base Chakra styling props for the root `div` slot. */
|
|
265
327
|
export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
266
328
|
|
|
329
|
+
export declare const _AlertTitle: {
|
|
330
|
+
({ children, ...props }: AlertTitleProps): null;
|
|
331
|
+
displayName: string;
|
|
332
|
+
};
|
|
333
|
+
|
|
267
334
|
/** Props for the `Alert.Title` sub-component (inherits from Text). */
|
|
268
335
|
export declare type AlertTitleProps = TextProps;
|
|
269
336
|
|
|
270
337
|
/** Combined root props including Chakra styles and recipe variants. */
|
|
271
338
|
declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
|
|
272
339
|
|
|
273
|
-
export declare const Avatar:
|
|
340
|
+
export declare const Avatar: {
|
|
341
|
+
(props: AvatarProps): JSX.Element;
|
|
342
|
+
displayName: string;
|
|
343
|
+
};
|
|
274
344
|
|
|
275
345
|
export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
|
|
276
346
|
/**
|
|
@@ -297,6 +367,7 @@ export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElem
|
|
|
297
367
|
|
|
298
368
|
export declare interface AvatarProps extends FunctionalAvatarProps {
|
|
299
369
|
children?: React.ReactNode;
|
|
370
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
300
371
|
}
|
|
301
372
|
|
|
302
373
|
declare const avatarRecipe: RecipeDefinition< {
|
|
@@ -338,7 +409,10 @@ declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipePro
|
|
|
338
409
|
* - allows overriding styles by using style-props
|
|
339
410
|
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
340
411
|
*/
|
|
341
|
-
export declare const Badge:
|
|
412
|
+
export declare const Badge: {
|
|
413
|
+
(props: BadgeProps): JSX.Element;
|
|
414
|
+
displayName: string;
|
|
415
|
+
};
|
|
342
416
|
|
|
343
417
|
/**
|
|
344
418
|
* Main props interface for the Badge component.
|
|
@@ -347,6 +421,7 @@ export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes
|
|
|
347
421
|
*/
|
|
348
422
|
export declare interface BadgeProps extends BadgeVariantProps {
|
|
349
423
|
children?: React.ReactNode;
|
|
424
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
350
425
|
}
|
|
351
426
|
|
|
352
427
|
/**
|
|
@@ -415,15 +490,20 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
|
|
|
415
490
|
[key: `data-${string}`]: string;
|
|
416
491
|
};
|
|
417
492
|
|
|
418
|
-
export
|
|
419
|
-
|
|
420
|
-
|
|
493
|
+
export declare const Box: {
|
|
494
|
+
(props: BoxProps): JSX.Element;
|
|
495
|
+
displayName: string;
|
|
496
|
+
};
|
|
421
497
|
|
|
422
498
|
export declare interface BoxProps extends HTMLChakraProps<"div"> {
|
|
423
499
|
children?: React.ReactNode;
|
|
500
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
424
501
|
}
|
|
425
502
|
|
|
426
|
-
export declare const Button:
|
|
503
|
+
export declare const Button: {
|
|
504
|
+
(props: ButtonProps): JSX.Element;
|
|
505
|
+
displayName: string;
|
|
506
|
+
};
|
|
427
507
|
|
|
428
508
|
/**
|
|
429
509
|
* Recipe configuration for the ToggleButtonGroup component.
|
|
@@ -481,121 +561,14 @@ colorPalette: "neutral";
|
|
|
481
561
|
}>;
|
|
482
562
|
|
|
483
563
|
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
564
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
484
565
|
}
|
|
485
566
|
|
|
486
|
-
declare const buttonRecipe: RecipeDefinition< {
|
|
487
|
-
size: {
|
|
488
|
-
"2xs": {
|
|
489
|
-
h: "600";
|
|
490
|
-
minW: "600";
|
|
491
|
-
fontSize: "300";
|
|
492
|
-
fontWeight: "500";
|
|
493
|
-
lineHeight: "400";
|
|
494
|
-
px: "200";
|
|
495
|
-
gap: "100";
|
|
496
|
-
_icon: {
|
|
497
|
-
width: "400";
|
|
498
|
-
height: "400";
|
|
499
|
-
};
|
|
500
|
-
};
|
|
501
|
-
xs: {
|
|
502
|
-
h: "800";
|
|
503
|
-
minW: "800";
|
|
504
|
-
fontSize: "350";
|
|
505
|
-
fontWeight: "500";
|
|
506
|
-
lineHeight: "400";
|
|
507
|
-
px: "300";
|
|
508
|
-
gap: "100";
|
|
509
|
-
_icon: {
|
|
510
|
-
width: "500";
|
|
511
|
-
height: "500";
|
|
512
|
-
};
|
|
513
|
-
};
|
|
514
|
-
md: {
|
|
515
|
-
h: "1000";
|
|
516
|
-
minW: "1000";
|
|
517
|
-
fontSize: "400";
|
|
518
|
-
lineHeight: "500";
|
|
519
|
-
px: "400";
|
|
520
|
-
gap: "200";
|
|
521
|
-
_icon: {
|
|
522
|
-
width: "600";
|
|
523
|
-
height: "600";
|
|
524
|
-
};
|
|
525
|
-
};
|
|
526
|
-
};
|
|
527
|
-
variant: {
|
|
528
|
-
solid: {
|
|
529
|
-
bg: "colorPalette.9";
|
|
530
|
-
color: "colorPalette.contrast";
|
|
531
|
-
_hover: {
|
|
532
|
-
bg: "colorPalette.10";
|
|
533
|
-
};
|
|
534
|
-
_expanded: {
|
|
535
|
-
bg: "colorPalette.10";
|
|
536
|
-
};
|
|
537
|
-
};
|
|
538
|
-
subtle: {
|
|
539
|
-
bg: "colorPalette.3";
|
|
540
|
-
color: "colorPalette.11";
|
|
541
|
-
_hover: {
|
|
542
|
-
bg: "colorPalette.4";
|
|
543
|
-
};
|
|
544
|
-
_expanded: {
|
|
545
|
-
bg: "colorPalette.4";
|
|
546
|
-
};
|
|
547
|
-
};
|
|
548
|
-
outline: {
|
|
549
|
-
borderWidth: "1px";
|
|
550
|
-
borderColor: "colorPalette.7";
|
|
551
|
-
color: "colorPalette.11";
|
|
552
|
-
transitionProperty: "background-color, border-color, color";
|
|
553
|
-
transitionDuration: "moderate";
|
|
554
|
-
_hover: {
|
|
555
|
-
bg: "colorPalette.3";
|
|
556
|
-
borderColor: "colorPalette.8";
|
|
557
|
-
};
|
|
558
|
-
_expanded: {
|
|
559
|
-
bg: "colorPalette.subtle";
|
|
560
|
-
};
|
|
561
|
-
};
|
|
562
|
-
ghost: {
|
|
563
|
-
color: "colorPalette.11";
|
|
564
|
-
_hover: {
|
|
565
|
-
bg: "colorPalette.4";
|
|
566
|
-
};
|
|
567
|
-
_expanded: {
|
|
568
|
-
bg: "colorPalette.4";
|
|
569
|
-
};
|
|
570
|
-
};
|
|
571
|
-
link: {
|
|
572
|
-
color: "colorPalette.11";
|
|
573
|
-
_hover: {
|
|
574
|
-
textDecoration: "underline";
|
|
575
|
-
};
|
|
576
|
-
};
|
|
577
|
-
};
|
|
578
|
-
tone: {
|
|
579
|
-
primary: {
|
|
580
|
-
colorPalette: "primary";
|
|
581
|
-
};
|
|
582
|
-
critical: {
|
|
583
|
-
colorPalette: "critical";
|
|
584
|
-
};
|
|
585
|
-
neutral: {
|
|
586
|
-
colorPalette: "neutral";
|
|
587
|
-
};
|
|
588
|
-
info: {
|
|
589
|
-
colorPalette: "info";
|
|
590
|
-
};
|
|
591
|
-
};
|
|
592
|
-
}>;
|
|
593
|
-
|
|
594
567
|
/**
|
|
595
568
|
* Base recipe props interface that combines Chakra UI's recipe props
|
|
596
569
|
* with the unstyled prop option for the button element.
|
|
597
570
|
*/
|
|
598
|
-
declare interface ButtonRecipeProps extends RecipeProps<
|
|
571
|
+
declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
|
|
599
572
|
}
|
|
600
573
|
|
|
601
574
|
/**
|
|
@@ -603,35 +576,37 @@ declare interface ButtonRecipeProps extends RecipeProps<typeof buttonRecipe>, Un
|
|
|
603
576
|
* This creates a complete set of props for the root element, combining
|
|
604
577
|
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
605
578
|
*/
|
|
606
|
-
declare
|
|
607
|
-
}
|
|
579
|
+
declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
|
|
608
580
|
|
|
609
581
|
export declare const Card: {
|
|
610
|
-
Root:
|
|
582
|
+
Root: {
|
|
583
|
+
({ children, ref, ...props }: CardProps_2): JSX.Element;
|
|
584
|
+
displayName: string;
|
|
585
|
+
};
|
|
611
586
|
Header: {
|
|
612
|
-
({ children, ...props }:
|
|
587
|
+
({ children, ...props }: CardHeaderProps): null;
|
|
613
588
|
displayName: string;
|
|
614
589
|
};
|
|
615
590
|
Content: {
|
|
616
|
-
({ children, ...props }:
|
|
591
|
+
({ children, ...props }: CardContentProps): null;
|
|
617
592
|
displayName: string;
|
|
618
593
|
};
|
|
619
594
|
};
|
|
620
595
|
|
|
621
|
-
export declare const
|
|
622
|
-
({ children, ...props }:
|
|
596
|
+
export declare const _CardContent: {
|
|
597
|
+
({ children, ...props }: CardContentProps_2): null;
|
|
623
598
|
displayName: string;
|
|
624
599
|
};
|
|
625
600
|
|
|
626
|
-
declare interface
|
|
601
|
+
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
627
602
|
}
|
|
628
603
|
|
|
629
|
-
export declare const
|
|
630
|
-
({ children, ...props }:
|
|
604
|
+
export declare const _CardHeader: {
|
|
605
|
+
({ children, ...props }: CardHeaderProps_2): null;
|
|
631
606
|
displayName: string;
|
|
632
607
|
};
|
|
633
608
|
|
|
634
|
-
declare interface
|
|
609
|
+
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
635
610
|
}
|
|
636
611
|
|
|
637
612
|
/**
|
|
@@ -641,6 +616,7 @@ declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps
|
|
|
641
616
|
*/
|
|
642
617
|
export declare interface CardProps extends CardVariantProps {
|
|
643
618
|
children?: React.ReactNode;
|
|
619
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
644
620
|
}
|
|
645
621
|
|
|
646
622
|
/**
|
|
@@ -703,7 +679,10 @@ backgroundColor: "colorPalette.2";
|
|
|
703
679
|
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
704
680
|
}
|
|
705
681
|
|
|
706
|
-
export declare const
|
|
682
|
+
export declare const _CardRoot: {
|
|
683
|
+
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
684
|
+
displayName: string;
|
|
685
|
+
};
|
|
707
686
|
|
|
708
687
|
/**
|
|
709
688
|
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
@@ -735,7 +714,10 @@ declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRe
|
|
|
735
714
|
* - allows overriding styles by using style-props
|
|
736
715
|
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
737
716
|
*/
|
|
738
|
-
export declare const Checkbox:
|
|
717
|
+
export declare const Checkbox: {
|
|
718
|
+
(props: CheckboxProps): JSX.Element;
|
|
719
|
+
displayName: string;
|
|
720
|
+
};
|
|
739
721
|
|
|
740
722
|
/**
|
|
741
723
|
* Main props interface for the Checkbox component.
|
|
@@ -744,6 +726,7 @@ export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttr
|
|
|
744
726
|
*/
|
|
745
727
|
export declare interface CheckboxProps extends CheckboxVariantProps {
|
|
746
728
|
children?: React.ReactNode;
|
|
729
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
747
730
|
}
|
|
748
731
|
|
|
749
732
|
declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
|
|
@@ -786,172 +769,44 @@ declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeo
|
|
|
786
769
|
|
|
787
770
|
export { Code }
|
|
788
771
|
|
|
789
|
-
export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
|
|
790
|
-
|
|
791
772
|
declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
792
773
|
}
|
|
793
774
|
|
|
794
|
-
export declare const ComboBox: {
|
|
795
|
-
Root: <T extends object>(props: ComboBoxRootProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
|
|
796
|
-
Options: <T extends object>(props: ComboBoxOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
|
|
797
|
-
OptionGroup: {
|
|
798
|
-
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
799
|
-
displayName: string;
|
|
800
|
-
};
|
|
801
|
-
Option: <T extends object>(props: ComboBoxOptionProps_2<T> & RefAttributes<HTMLDivElement>) => JSX_2.Element;
|
|
802
|
-
};
|
|
803
|
-
|
|
804
|
-
declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children">, Omit<GridListProps<T>, "filter"> {
|
|
805
|
-
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
806
|
-
isLoading?: boolean;
|
|
807
|
-
isDisabled?: boolean;
|
|
808
|
-
isReadOnly?: boolean;
|
|
809
|
-
isRequired?: boolean;
|
|
810
|
-
isInvalid?: boolean;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
814
|
-
export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
818
|
-
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
|
|
822
|
-
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
823
|
-
label?: ReactNode;
|
|
824
|
-
}
|
|
825
|
-
|
|
826
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
827
|
-
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
828
|
-
|
|
829
|
-
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
830
|
-
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
831
|
-
}
|
|
832
|
-
|
|
833
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
834
|
-
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
835
|
-
|
|
836
|
-
/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
|
|
837
|
-
export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
841
|
-
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
842
|
-
}
|
|
843
|
-
|
|
844
|
-
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
845
|
-
|
|
846
|
-
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
847
|
-
export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
|
|
848
|
-
}
|
|
849
|
-
|
|
850
|
-
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
851
|
-
export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
|
|
852
|
-
}
|
|
853
|
-
|
|
854
775
|
/**
|
|
855
|
-
*
|
|
856
|
-
*
|
|
776
|
+
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
777
|
+
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
778
|
+
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
779
|
+
*
|
|
780
|
+
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
857
781
|
*/
|
|
858
|
-
declare
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
}
|
|
876
|
-
};
|
|
877
|
-
variant: {
|
|
878
|
-
solid: {
|
|
879
|
-
root: {
|
|
880
|
-
bg?: "bg" | undefined;
|
|
881
|
-
"&:hover"?: {
|
|
882
|
-
bg: "primary.2";
|
|
883
|
-
} | undefined;
|
|
884
|
-
};
|
|
885
|
-
value: {
|
|
886
|
-
"--border-width"?: "sizes.25" | undefined;
|
|
887
|
-
"--border-color"?: "colors.neutral.7" | undefined;
|
|
888
|
-
};
|
|
889
|
-
};
|
|
890
|
-
ghost: {
|
|
891
|
-
root: {
|
|
892
|
-
bg?: "transparent" | undefined;
|
|
893
|
-
"&:hover"?: {
|
|
894
|
-
bg: "primaryAlpha.2";
|
|
895
|
-
} | undefined;
|
|
896
|
-
};
|
|
897
|
-
value: {
|
|
898
|
-
"--border-width"?: "sizes.25" | undefined;
|
|
899
|
-
"--border-color"?: "transparent" | undefined;
|
|
900
|
-
};
|
|
901
|
-
};
|
|
902
|
-
};
|
|
903
|
-
selectionMode: {
|
|
904
|
-
multiple: {
|
|
905
|
-
option: {
|
|
906
|
-
"--border-width": "sizes.25";
|
|
907
|
-
"--border-color": "colors.neutral.7";
|
|
908
|
-
'&[data-focused="true"], &:hover': {
|
|
909
|
-
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
910
|
-
};
|
|
911
|
-
'&[aria-selected="true"], &[data-focused="true"]': {
|
|
912
|
-
bg: "inherit";
|
|
913
|
-
};
|
|
914
|
-
};
|
|
915
|
-
};
|
|
916
|
-
single: {};
|
|
917
|
-
none: {};
|
|
918
|
-
};
|
|
919
|
-
}>;
|
|
920
|
-
|
|
921
|
-
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
922
|
-
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
923
|
-
isLoading?: boolean;
|
|
924
|
-
children: ReactNode | ((item: T) => React.ReactNode);
|
|
925
|
-
};
|
|
926
|
-
|
|
927
|
-
export declare const DialogActionTrigger: ForwardRefExoticComponent<Dialog.ActionTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
928
|
-
|
|
929
|
-
export declare const DialogBackdrop: ForwardRefExoticComponent<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>;
|
|
930
|
-
|
|
931
|
-
export declare const DialogBody: ForwardRefExoticComponent<Dialog.BodyProps & RefAttributes<HTMLDivElement>>;
|
|
932
|
-
|
|
933
|
-
export declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
782
|
+
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
783
|
+
|
|
784
|
+
export declare const Dialog: DialogComponents;
|
|
785
|
+
|
|
786
|
+
declare interface DialogComponents {
|
|
787
|
+
Root: typeof Dialog_2.Root;
|
|
788
|
+
Trigger: typeof Dialog_2.Trigger;
|
|
789
|
+
Content: typeof DialogContent;
|
|
790
|
+
Backdrop: typeof Dialog_2.Backdrop;
|
|
791
|
+
Positioner: typeof Dialog_2.Positioner;
|
|
792
|
+
Title: typeof Dialog_2.Title;
|
|
793
|
+
Description: typeof Dialog_2.Description;
|
|
794
|
+
Body: typeof Dialog_2.Body;
|
|
795
|
+
Footer: typeof Dialog_2.Footer;
|
|
796
|
+
Header: typeof Dialog_2.Header;
|
|
797
|
+
CloseTrigger: typeof Dialog_2.CloseTrigger;
|
|
798
|
+
ActionTrigger: typeof Dialog_2.ActionTrigger;
|
|
799
|
+
}
|
|
934
800
|
|
|
935
|
-
|
|
801
|
+
declare const DialogContent: (props: DialogContentProps) => JSX.Element;
|
|
936
802
|
|
|
937
|
-
declare interface DialogContentProps extends
|
|
803
|
+
declare interface DialogContentProps extends Dialog_2.ContentProps {
|
|
938
804
|
portalled?: boolean;
|
|
939
805
|
portalRef?: React.RefObject<HTMLElement>;
|
|
940
806
|
backdrop?: boolean;
|
|
807
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
941
808
|
}
|
|
942
809
|
|
|
943
|
-
export declare const DialogDescription: ForwardRefExoticComponent<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>;
|
|
944
|
-
|
|
945
|
-
export declare const DialogFooter: ForwardRefExoticComponent<Dialog.FooterProps & RefAttributes<HTMLDivElement>>;
|
|
946
|
-
|
|
947
|
-
export declare const DialogHeader: ForwardRefExoticComponent<Dialog.HeaderProps & RefAttributes<HTMLDivElement>>;
|
|
948
|
-
|
|
949
|
-
export declare const DialogRoot: FC<Dialog.RootProps>;
|
|
950
|
-
|
|
951
|
-
export declare const DialogTitle: ForwardRefExoticComponent<Dialog.TitleProps & RefAttributes<HTMLDivElement>>;
|
|
952
|
-
|
|
953
|
-
export declare const DialogTrigger: ForwardRefExoticComponent<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
954
|
-
|
|
955
810
|
export declare type DisclosureGroupProps = AccordionProps & {
|
|
956
811
|
children: ReactNode;
|
|
957
812
|
ref?: RefAttributes<HTMLButtonElement>;
|
|
@@ -970,7 +825,18 @@ export declare type DisclosureItemProps = AccordionItemProps & {
|
|
|
970
825
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
971
826
|
};
|
|
972
827
|
|
|
973
|
-
|
|
828
|
+
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
829
|
+
|
|
830
|
+
/**
|
|
831
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
832
|
+
* These are either deprecated or not intended for use in this component.
|
|
833
|
+
*/
|
|
834
|
+
declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
835
|
+
|
|
836
|
+
/**
|
|
837
|
+
* List of props that should be excluded from the root props when combining with ARIA props
|
|
838
|
+
*/
|
|
839
|
+
declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
|
|
974
840
|
|
|
975
841
|
/**
|
|
976
842
|
* For use in components that use the polymorphic `as` and `asChild` props
|
|
@@ -999,39 +865,33 @@ export declare const FormField: {
|
|
|
999
865
|
}) => null;
|
|
1000
866
|
};
|
|
1001
867
|
|
|
1002
|
-
export declare const
|
|
868
|
+
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
1003
869
|
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
labelSlotProps?: FormFieldLabelSlotProps;
|
|
1007
|
-
input: ReactNode;
|
|
1008
|
-
inputSlotProps?: FormFieldInputSlotProps;
|
|
1009
|
-
description: ReactNode;
|
|
1010
|
-
descriptionSlotProps?: FormFieldDescriptionSlotProps;
|
|
1011
|
-
error: ReactNode;
|
|
1012
|
-
errorSlotProps?: FormFieldErrorSlotProps;
|
|
1013
|
-
info: ReactNode;
|
|
1014
|
-
isInvalid?: boolean;
|
|
1015
|
-
isRequired?: boolean;
|
|
1016
|
-
isDisabled?: boolean;
|
|
1017
|
-
isReadOnly?: boolean;
|
|
1018
|
-
};
|
|
870
|
+
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
871
|
+
}
|
|
1019
872
|
|
|
1020
|
-
export declare
|
|
1021
|
-
context: FormFieldContextPayloadType;
|
|
1022
|
-
setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
|
|
1023
|
-
};
|
|
873
|
+
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
1024
874
|
|
|
1025
|
-
declare interface
|
|
875
|
+
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1026
876
|
}
|
|
1027
877
|
|
|
1028
|
-
declare
|
|
1029
|
-
|
|
878
|
+
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
879
|
+
|
|
880
|
+
declare type FormFieldInfoBoxProps = {
|
|
881
|
+
/**
|
|
882
|
+
* The content to display in the InfoBox
|
|
883
|
+
*/
|
|
884
|
+
children: ReactNode;
|
|
885
|
+
};
|
|
1030
886
|
|
|
1031
|
-
declare
|
|
887
|
+
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
888
|
+
|
|
889
|
+
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1032
890
|
}
|
|
1033
891
|
|
|
1034
|
-
declare
|
|
892
|
+
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
893
|
+
|
|
894
|
+
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1035
895
|
}
|
|
1036
896
|
|
|
1037
897
|
/**
|
|
@@ -1101,6 +961,13 @@ mt: "var(--grid-gap)";
|
|
|
1101
961
|
};
|
|
1102
962
|
}>;
|
|
1103
963
|
|
|
964
|
+
/**
|
|
965
|
+
* FormField
|
|
966
|
+
* ============================================================
|
|
967
|
+
* displays inputs in a FormField context
|
|
968
|
+
*/
|
|
969
|
+
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
970
|
+
|
|
1104
971
|
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
1105
972
|
}
|
|
1106
973
|
|
|
@@ -1111,7 +978,10 @@ declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, key
|
|
|
1111
978
|
[key: `data-${string}`]: unknown;
|
|
1112
979
|
};
|
|
1113
980
|
|
|
1114
|
-
export declare const Grid:
|
|
981
|
+
export declare const Grid: {
|
|
982
|
+
(props: GridProps): JSX.Element;
|
|
983
|
+
displayName: string;
|
|
984
|
+
} & {
|
|
1115
985
|
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
1116
986
|
};
|
|
1117
987
|
|
|
@@ -1126,6 +996,7 @@ export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<H
|
|
|
1126
996
|
*/
|
|
1127
997
|
export declare interface GridProps extends GridProps_2 {
|
|
1128
998
|
children?: React.ReactNode;
|
|
999
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1129
1000
|
}
|
|
1130
1001
|
|
|
1131
1002
|
export { Heading }
|
|
@@ -1136,7 +1007,10 @@ export { Highlight_2 as Highlight }
|
|
|
1136
1007
|
* Icon
|
|
1137
1008
|
* displays icon components
|
|
1138
1009
|
*/
|
|
1139
|
-
export declare const Icon:
|
|
1010
|
+
export declare const Icon: {
|
|
1011
|
+
(props: IconProps): JSX.Element;
|
|
1012
|
+
displayName: string;
|
|
1013
|
+
};
|
|
1140
1014
|
|
|
1141
1015
|
/**
|
|
1142
1016
|
* IconButton
|
|
@@ -1144,7 +1018,10 @@ export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<S
|
|
|
1144
1018
|
* displays a button with only an icon as child. It is based
|
|
1145
1019
|
* on the regular `Button` component, but with a few adjustments.
|
|
1146
1020
|
*/
|
|
1147
|
-
export declare const IconButton:
|
|
1021
|
+
export declare const IconButton: {
|
|
1022
|
+
(props: IconButtonProps): JSX.Element;
|
|
1023
|
+
displayName: string;
|
|
1024
|
+
};
|
|
1148
1025
|
|
|
1149
1026
|
/**
|
|
1150
1027
|
* Main props interface for the IconButton component.
|
|
@@ -1152,6 +1029,7 @@ export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & Ref
|
|
|
1152
1029
|
export declare interface IconButtonProps extends ButtonProps {
|
|
1153
1030
|
/** explains the intended action, required for accessibility */
|
|
1154
1031
|
"aria-label": string;
|
|
1032
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
1155
1033
|
}
|
|
1156
1034
|
|
|
1157
1035
|
/**
|
|
@@ -1173,6 +1051,10 @@ export declare interface IconProps extends IconVariantProps {
|
|
|
1173
1051
|
* Accepts a React component to be rendered as the icon .
|
|
1174
1052
|
*/
|
|
1175
1053
|
as?: BoxProps["as"];
|
|
1054
|
+
/**
|
|
1055
|
+
* Ref to the icon element
|
|
1056
|
+
*/
|
|
1057
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
1176
1058
|
}
|
|
1177
1059
|
|
|
1178
1060
|
/**
|
|
@@ -1232,7 +1114,10 @@ declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVG
|
|
|
1232
1114
|
*
|
|
1233
1115
|
* Use this component to display an image.
|
|
1234
1116
|
*/
|
|
1235
|
-
declare const Image_2:
|
|
1117
|
+
declare const Image_2: {
|
|
1118
|
+
(props: ImageProps): JSX.Element;
|
|
1119
|
+
displayName: string;
|
|
1120
|
+
};
|
|
1236
1121
|
export { Image_2 as Image }
|
|
1237
1122
|
|
|
1238
1123
|
export declare interface ImageProps extends ImageProps_2 {
|
|
@@ -1253,7 +1138,10 @@ export { Kbd }
|
|
|
1253
1138
|
* - allows overriding styles by using style-props
|
|
1254
1139
|
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
1255
1140
|
*/
|
|
1256
|
-
export declare const Link:
|
|
1141
|
+
export declare const Link: {
|
|
1142
|
+
(props: LinkProps): JSX.Element;
|
|
1143
|
+
displayName: string;
|
|
1144
|
+
};
|
|
1257
1145
|
|
|
1258
1146
|
/**
|
|
1259
1147
|
* Main props interface for the Link component.
|
|
@@ -1262,6 +1150,7 @@ export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<H
|
|
|
1262
1150
|
*/
|
|
1263
1151
|
export declare interface LinkProps extends LinkVariantProps {
|
|
1264
1152
|
children?: React.ReactNode;
|
|
1153
|
+
ref?: React.Ref<HTMLAnchorElement>;
|
|
1265
1154
|
}
|
|
1266
1155
|
|
|
1267
1156
|
/**
|
|
@@ -1315,38 +1204,40 @@ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
|
1315
1204
|
* Differences between LinkRootProps and LinkVariantProps necessitate
|
|
1316
1205
|
* the use of Omit and Pick to ensure the correct props are passed
|
|
1317
1206
|
*/
|
|
1318
|
-
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
1207
|
+
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
1319
1208
|
[key: `data-${string}`]: string;
|
|
1320
1209
|
};
|
|
1321
1210
|
|
|
1322
|
-
export
|
|
1323
|
-
|
|
1324
|
-
|
|
1211
|
+
export declare const List: {
|
|
1212
|
+
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1213
|
+
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1214
|
+
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1215
|
+
};
|
|
1325
1216
|
|
|
1326
|
-
export declare
|
|
1217
|
+
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1327
1218
|
|
|
1328
|
-
export declare const
|
|
1219
|
+
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1329
1220
|
|
|
1330
|
-
export declare
|
|
1221
|
+
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1331
1222
|
|
|
1332
1223
|
/**
|
|
1333
1224
|
* LoadingSpinner
|
|
1334
1225
|
* ============================================================
|
|
1335
1226
|
* Indicates ongoing processes or loading states
|
|
1336
1227
|
*/
|
|
1337
|
-
export declare const LoadingSpinner:
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
}
|
|
1341
|
-
[key: `data-${string}`]: string;
|
|
1342
|
-
} & RefAttributes<HTMLDivElement>>;
|
|
1228
|
+
export declare const LoadingSpinner: {
|
|
1229
|
+
(props: LoadingSpinnerProps): JSX.Element;
|
|
1230
|
+
displayName: string;
|
|
1231
|
+
};
|
|
1343
1232
|
|
|
1344
1233
|
/**
|
|
1345
1234
|
* Main props interface for the LoadingSpinner component.
|
|
1346
1235
|
* Extends LoadingSpinnerVariantProps to include both root props and variant props,
|
|
1347
1236
|
* while adding support for React children.
|
|
1348
1237
|
*/
|
|
1349
|
-
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps
|
|
1238
|
+
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
|
|
1239
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1240
|
+
};
|
|
1350
1241
|
|
|
1351
1242
|
/**
|
|
1352
1243
|
* Recipe configuration for the LoadingSpinner component.
|
|
@@ -1397,7 +1288,7 @@ declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, Unstyled
|
|
|
1397
1288
|
* This creates a complete set of props for the root element, combining
|
|
1398
1289
|
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1399
1290
|
*/
|
|
1400
|
-
declare type
|
|
1291
|
+
declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
|
|
1401
1292
|
|
|
1402
1293
|
/**
|
|
1403
1294
|
* Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
|
|
@@ -1405,7 +1296,7 @@ declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpin
|
|
|
1405
1296
|
* This allows the component to accept both structural props from Root
|
|
1406
1297
|
* and styling variants from the recipe.
|
|
1407
1298
|
*/
|
|
1408
|
-
declare type LoadingSpinnerVariantProps =
|
|
1299
|
+
declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
|
|
1409
1300
|
[key: `data-${string}`]: string;
|
|
1410
1301
|
};
|
|
1411
1302
|
|
|
@@ -1433,18 +1324,301 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
|
|
|
1433
1324
|
children?: ReactNode | undefined;
|
|
1434
1325
|
} & RefAttributes<HTMLElement>>;
|
|
1435
1326
|
|
|
1327
|
+
/**
|
|
1328
|
+
* MultilineTextInput
|
|
1329
|
+
* ============================================================
|
|
1330
|
+
* A textarea component that takes in multiline text as input
|
|
1331
|
+
*
|
|
1332
|
+
* Features:
|
|
1333
|
+
*
|
|
1334
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1335
|
+
* - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
|
|
1336
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1337
|
+
* - allows overriding styles by using style-props
|
|
1338
|
+
* - supports auto-growing height based on content when `autoGrow` is enabled
|
|
1339
|
+
*/
|
|
1340
|
+
export declare const MultilineTextInput: {
|
|
1341
|
+
(props: MultilineTextInputProps): JSX.Element;
|
|
1342
|
+
displayName: string;
|
|
1343
|
+
};
|
|
1344
|
+
|
|
1345
|
+
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
1346
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
1347
|
+
/**
|
|
1348
|
+
* When true, the textarea will automatically grow in height to fit its content.
|
|
1349
|
+
* This works in addition to the default draggable resize behavior.
|
|
1350
|
+
*/
|
|
1351
|
+
autoGrow?: boolean;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
/**
|
|
1355
|
+
* Recipe configuration for the MultilineTextInput component.
|
|
1356
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1357
|
+
*/
|
|
1358
|
+
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
1359
|
+
size: {
|
|
1360
|
+
sm: {
|
|
1361
|
+
minH: number;
|
|
1362
|
+
textStyle: "sm";
|
|
1363
|
+
px: number;
|
|
1364
|
+
py: number;
|
|
1365
|
+
};
|
|
1366
|
+
md: {
|
|
1367
|
+
minH: number;
|
|
1368
|
+
textStyle: "md";
|
|
1369
|
+
px: number;
|
|
1370
|
+
py: number;
|
|
1371
|
+
};
|
|
1372
|
+
};
|
|
1373
|
+
variant: {
|
|
1374
|
+
solid: {
|
|
1375
|
+
"--border-width": "sizes.25";
|
|
1376
|
+
"--border-color": "colors.neutral.7";
|
|
1377
|
+
backgroundColor: "neutral.1";
|
|
1378
|
+
_hover: {
|
|
1379
|
+
backgroundColor: "primary.2";
|
|
1380
|
+
};
|
|
1381
|
+
};
|
|
1382
|
+
ghost: {
|
|
1383
|
+
_hover: {
|
|
1384
|
+
backgroundColor: "primary.2";
|
|
1385
|
+
};
|
|
1386
|
+
};
|
|
1387
|
+
};
|
|
1388
|
+
}>;
|
|
1389
|
+
|
|
1390
|
+
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
1391
|
+
}
|
|
1392
|
+
|
|
1393
|
+
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
1394
|
+
|
|
1436
1395
|
export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX.Element;
|
|
1437
1396
|
|
|
1397
|
+
/**
|
|
1398
|
+
* NumberInput
|
|
1399
|
+
* ============================================================
|
|
1400
|
+
* An input component that accepts only numbers with increment/decrement buttons
|
|
1401
|
+
*
|
|
1402
|
+
* Features:
|
|
1403
|
+
*
|
|
1404
|
+
* - supports ref forwarding to the underlying DOM element
|
|
1405
|
+
* - supports number-specific props like min, max, step
|
|
1406
|
+
* - includes increment/decrement buttons for easy number adjustment
|
|
1407
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1408
|
+
* - allows overriding styles by using style-props
|
|
1409
|
+
* - provides full accessibility support
|
|
1410
|
+
*/
|
|
1411
|
+
export declare const NumberInput: {
|
|
1412
|
+
(props: NumberInputProps): JSX.Element;
|
|
1413
|
+
displayName: string;
|
|
1414
|
+
};
|
|
1415
|
+
|
|
1416
|
+
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
1417
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
/**
|
|
1421
|
+
* Recipe configuration for the NumberInput component.
|
|
1422
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
1423
|
+
*/
|
|
1424
|
+
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
1425
|
+
size: {
|
|
1426
|
+
sm: {
|
|
1427
|
+
input: {
|
|
1428
|
+
h: number;
|
|
1429
|
+
textStyle: "sm";
|
|
1430
|
+
px: number;
|
|
1431
|
+
paddingRight: number;
|
|
1432
|
+
};
|
|
1433
|
+
};
|
|
1434
|
+
md: {
|
|
1435
|
+
input: {
|
|
1436
|
+
h: number;
|
|
1437
|
+
textStyle: "md";
|
|
1438
|
+
px: number;
|
|
1439
|
+
paddingRight: number;
|
|
1440
|
+
};
|
|
1441
|
+
};
|
|
1442
|
+
};
|
|
1443
|
+
variant: {
|
|
1444
|
+
solid: {
|
|
1445
|
+
root: {
|
|
1446
|
+
"&:has(button:hover) input": {
|
|
1447
|
+
backgroundColor: "primary.2";
|
|
1448
|
+
};
|
|
1449
|
+
};
|
|
1450
|
+
input: {
|
|
1451
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1452
|
+
backgroundColor: "neutral.1";
|
|
1453
|
+
_hover: {
|
|
1454
|
+
backgroundColor: "primary.2";
|
|
1455
|
+
};
|
|
1456
|
+
};
|
|
1457
|
+
incrementButton: {
|
|
1458
|
+
borderTop: "var(--border-width) solid var(--border-color)";
|
|
1459
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1460
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1461
|
+
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
1462
|
+
_hover: {
|
|
1463
|
+
backgroundColor: "primaryAlpha.3";
|
|
1464
|
+
};
|
|
1465
|
+
};
|
|
1466
|
+
decrementButton: {
|
|
1467
|
+
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
1468
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1469
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1470
|
+
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
1471
|
+
_hover: {
|
|
1472
|
+
backgroundColor: "primaryAlpha.3";
|
|
1473
|
+
};
|
|
1474
|
+
};
|
|
1475
|
+
};
|
|
1476
|
+
ghost: {
|
|
1477
|
+
root: {
|
|
1478
|
+
"&:has(button:hover) input": {
|
|
1479
|
+
backgroundColor: "primary.2";
|
|
1480
|
+
};
|
|
1481
|
+
};
|
|
1482
|
+
input: {
|
|
1483
|
+
_hover: {
|
|
1484
|
+
backgroundColor: "primary.2";
|
|
1485
|
+
};
|
|
1486
|
+
};
|
|
1487
|
+
incrementButton: {
|
|
1488
|
+
_hover: {
|
|
1489
|
+
backgroundColor: "primaryAlpha.3";
|
|
1490
|
+
};
|
|
1491
|
+
};
|
|
1492
|
+
decrementButton: {
|
|
1493
|
+
_hover: {
|
|
1494
|
+
backgroundColor: "primaryAlpha.3";
|
|
1495
|
+
};
|
|
1496
|
+
};
|
|
1497
|
+
};
|
|
1498
|
+
};
|
|
1499
|
+
}>;
|
|
1500
|
+
|
|
1501
|
+
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
1502
|
+
}
|
|
1503
|
+
|
|
1504
|
+
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
1505
|
+
|
|
1506
|
+
/**
|
|
1507
|
+
* PasswordInput
|
|
1508
|
+
* ============================================================
|
|
1509
|
+
* An input component that takes in password as input with toggleable visibility
|
|
1510
|
+
*
|
|
1511
|
+
* Features:
|
|
1512
|
+
*
|
|
1513
|
+
* - Based on TextInput with added password visibility toggle
|
|
1514
|
+
* - Allows toggling between type="password" and type="text"
|
|
1515
|
+
* - Positions the toggle button at the right edge of the input
|
|
1516
|
+
* - Inherits all TextInput features and props
|
|
1517
|
+
*/
|
|
1518
|
+
export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
|
|
1519
|
+
|
|
1520
|
+
/**
|
|
1521
|
+
* Interface for PasswordInput component props
|
|
1522
|
+
* Extends TextInputProps but omits the type prop since it's controlled internally
|
|
1523
|
+
* We want to keep this as an explicit interface to allow for future additions
|
|
1524
|
+
*/
|
|
1525
|
+
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
1529
|
+
children?: React.ReactNode;
|
|
1530
|
+
};
|
|
1531
|
+
|
|
1532
|
+
export declare const RadioInput: {
|
|
1533
|
+
Root: {
|
|
1534
|
+
(props: RadioInputRootProps_2): JSX.Element;
|
|
1535
|
+
displayName: string;
|
|
1536
|
+
};
|
|
1537
|
+
Option: {
|
|
1538
|
+
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
1539
|
+
displayName: string;
|
|
1540
|
+
};
|
|
1541
|
+
};
|
|
1542
|
+
|
|
1543
|
+
export declare const _RadioInputOption: {
|
|
1544
|
+
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
1545
|
+
displayName: string;
|
|
1546
|
+
};
|
|
1547
|
+
|
|
1548
|
+
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
export declare const _RadioInputRoot: {
|
|
1555
|
+
(props: RadioInputRootProps): JSX.Element;
|
|
1556
|
+
displayName: string;
|
|
1557
|
+
};
|
|
1558
|
+
|
|
1559
|
+
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
/**
|
|
1566
|
+
* Recipe configuration for the RadioInput component.
|
|
1567
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1568
|
+
*/
|
|
1569
|
+
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
1570
|
+
orientation: {
|
|
1571
|
+
horizontal: {
|
|
1572
|
+
root: {
|
|
1573
|
+
flexDirection: "row";
|
|
1574
|
+
gap: "600";
|
|
1575
|
+
};
|
|
1576
|
+
};
|
|
1577
|
+
vertical: {
|
|
1578
|
+
root: {
|
|
1579
|
+
flexDirection: "column";
|
|
1580
|
+
alignItems: "flex-start";
|
|
1581
|
+
gap: "400";
|
|
1582
|
+
};
|
|
1583
|
+
};
|
|
1584
|
+
};
|
|
1585
|
+
}>;
|
|
1586
|
+
|
|
1438
1587
|
export declare const Select: {
|
|
1439
1588
|
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1440
|
-
Options:
|
|
1441
|
-
|
|
1442
|
-
|
|
1589
|
+
Options: {
|
|
1590
|
+
<T extends object>(props: SelectOptionsProps_2<T> & {
|
|
1591
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1592
|
+
}): JSX.Element;
|
|
1593
|
+
displayName: string;
|
|
1594
|
+
};
|
|
1595
|
+
Option: {
|
|
1596
|
+
<T extends object>(props: SelectOptionProps_2<T> & {
|
|
1597
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1598
|
+
}): JSX.Element;
|
|
1599
|
+
displayName: string;
|
|
1600
|
+
};
|
|
1601
|
+
OptionGroup: {
|
|
1602
|
+
<T extends object>(props: SelectOptionGroupProps_2<T> & {
|
|
1603
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1604
|
+
}): JSX.Element;
|
|
1605
|
+
displayName: string;
|
|
1606
|
+
};
|
|
1443
1607
|
};
|
|
1444
1608
|
|
|
1445
|
-
export declare const _SelectOption:
|
|
1609
|
+
export declare const _SelectOption: {
|
|
1610
|
+
<T extends object>(props: SelectOptionProps<T> & {
|
|
1611
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1612
|
+
}): JSX.Element;
|
|
1613
|
+
displayName: string;
|
|
1614
|
+
};
|
|
1446
1615
|
|
|
1447
|
-
export declare const _SelectOptionGroup:
|
|
1616
|
+
export declare const _SelectOptionGroup: {
|
|
1617
|
+
<T extends object>(props: SelectOptionGroupProps<T> & {
|
|
1618
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1619
|
+
}): JSX.Element;
|
|
1620
|
+
displayName: string;
|
|
1621
|
+
};
|
|
1448
1622
|
|
|
1449
1623
|
export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
1450
1624
|
/** the label for the section */
|
|
@@ -1457,7 +1631,12 @@ declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
|
|
|
1457
1631
|
export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
|
|
1458
1632
|
}
|
|
1459
1633
|
|
|
1460
|
-
export declare const _SelectOptions:
|
|
1634
|
+
export declare const _SelectOptions: {
|
|
1635
|
+
<T extends object>(props: SelectOptionsProps<T> & {
|
|
1636
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1637
|
+
}): JSX.Element;
|
|
1638
|
+
displayName: string;
|
|
1639
|
+
};
|
|
1461
1640
|
|
|
1462
1641
|
declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
|
|
1463
1642
|
}
|
|
@@ -1506,7 +1685,7 @@ textStyle: "md";
|
|
|
1506
1685
|
variant: {
|
|
1507
1686
|
outline: {
|
|
1508
1687
|
root: {
|
|
1509
|
-
bg: "
|
|
1688
|
+
bg: "primary.1";
|
|
1510
1689
|
"&:hover": {
|
|
1511
1690
|
bg: "primary.2";
|
|
1512
1691
|
};
|
|
@@ -1531,7 +1710,10 @@ trigger: {
|
|
|
1531
1710
|
};
|
|
1532
1711
|
}>;
|
|
1533
1712
|
|
|
1534
|
-
export declare const SimpleGrid:
|
|
1713
|
+
export declare const SimpleGrid: {
|
|
1714
|
+
(props: SimpleGridProps): JSX.Element;
|
|
1715
|
+
displayName: string;
|
|
1716
|
+
} & {
|
|
1535
1717
|
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
1536
1718
|
};
|
|
1537
1719
|
|
|
@@ -1546,53 +1728,85 @@ export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & Ref
|
|
|
1546
1728
|
*/
|
|
1547
1729
|
export declare interface SimpleGridProps extends SimpleGridProps_2 {
|
|
1548
1730
|
children?: React.ReactNode;
|
|
1731
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1549
1732
|
}
|
|
1550
1733
|
|
|
1551
|
-
export declare const Stack:
|
|
1734
|
+
export declare const Stack: {
|
|
1735
|
+
(props: StackProps): JSX.Element;
|
|
1736
|
+
displayName: string;
|
|
1737
|
+
};
|
|
1552
1738
|
|
|
1553
1739
|
export declare interface StackProps extends StackProps_2 {
|
|
1554
1740
|
children?: React.ReactNode;
|
|
1741
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1555
1742
|
}
|
|
1556
1743
|
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
export declare type TableCellProps = React.ComponentProps<typeof Table.Cell>;
|
|
1568
|
-
|
|
1569
|
-
export declare const TableColumn: (props: TableColumnProps) => JSX.Element;
|
|
1570
|
-
|
|
1571
|
-
export declare const TableColumnGroup: (props: TableColumnGroupProps) => JSX.Element;
|
|
1572
|
-
|
|
1573
|
-
export declare type TableColumnGroupProps = React.ComponentProps<typeof Table.ColumnGroup>;
|
|
1574
|
-
|
|
1575
|
-
export declare const TableColumnHeader: (props: TableColumnHeaderProps) => JSX.Element;
|
|
1576
|
-
|
|
1577
|
-
export declare type TableColumnHeaderProps = React.ComponentProps<typeof Table.ColumnHeader>;
|
|
1578
|
-
|
|
1579
|
-
export declare type TableColumnProps = React.ComponentProps<typeof Table.Column>;
|
|
1580
|
-
|
|
1581
|
-
export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
|
|
1582
|
-
|
|
1583
|
-
export declare type TableFooterProps = React.ComponentProps<typeof Table.Footer>;
|
|
1584
|
-
|
|
1585
|
-
export declare const TableHeader: (props: TableHeaderProps) => JSX.Element;
|
|
1744
|
+
/**
|
|
1745
|
+
* Switch
|
|
1746
|
+
* ============================================================
|
|
1747
|
+
* displays a switch toggle and optionally an associated label
|
|
1748
|
+
*/
|
|
1749
|
+
export declare const Switch: {
|
|
1750
|
+
({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
|
|
1751
|
+
displayName: string;
|
|
1752
|
+
};
|
|
1586
1753
|
|
|
1587
|
-
|
|
1754
|
+
/**
|
|
1755
|
+
* Main props interface for the Switch component.
|
|
1756
|
+
* Combines root element props with ARIA toggle functionality props.
|
|
1757
|
+
*/
|
|
1758
|
+
export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
|
|
1759
|
+
/**
|
|
1760
|
+
* The content to display next to the switch.
|
|
1761
|
+
* Can be a string or React node.
|
|
1762
|
+
*/
|
|
1763
|
+
children?: React.ReactNode;
|
|
1764
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1765
|
+
};
|
|
1588
1766
|
|
|
1589
|
-
|
|
1767
|
+
/**
|
|
1768
|
+
* Props for the Switch component root element.
|
|
1769
|
+
* Includes all HTML props for the label element and recipe variant props.
|
|
1770
|
+
*/
|
|
1771
|
+
declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
|
|
1772
|
+
}
|
|
1590
1773
|
|
|
1591
|
-
|
|
1774
|
+
/**
|
|
1775
|
+
* Recipe configuration for the Switch component.
|
|
1776
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1777
|
+
*/
|
|
1778
|
+
declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
|
|
1779
|
+
size: {
|
|
1780
|
+
sm: {
|
|
1781
|
+
track: {
|
|
1782
|
+
"--track-height": "sizes.400";
|
|
1783
|
+
"--track-width": "sizes.700";
|
|
1784
|
+
};
|
|
1785
|
+
thumb: {
|
|
1786
|
+
"--thumb-size": "sizes.400";
|
|
1787
|
+
};
|
|
1788
|
+
label: {
|
|
1789
|
+
"--label-font-size": "fontSizes.350";
|
|
1790
|
+
};
|
|
1791
|
+
};
|
|
1792
|
+
md: {
|
|
1793
|
+
track: {
|
|
1794
|
+
"--track-height": "sizes.600";
|
|
1795
|
+
"--track-width": "sizes.1100";
|
|
1796
|
+
};
|
|
1797
|
+
thumb: {
|
|
1798
|
+
"--thumb-size": "sizes.600";
|
|
1799
|
+
};
|
|
1800
|
+
label: {
|
|
1801
|
+
"--label-font-size": "fontSizes.400";
|
|
1802
|
+
};
|
|
1803
|
+
};
|
|
1804
|
+
};
|
|
1805
|
+
}>;
|
|
1592
1806
|
|
|
1593
|
-
export declare const
|
|
1807
|
+
export declare const system: SystemContext;
|
|
1594
1808
|
|
|
1595
|
-
export
|
|
1809
|
+
export { Table }
|
|
1596
1810
|
|
|
1597
1811
|
/**
|
|
1598
1812
|
* TagGroup
|
|
@@ -1610,10 +1824,12 @@ export declare const TagGroup: {
|
|
|
1610
1824
|
};
|
|
1611
1825
|
|
|
1612
1826
|
/** Final external props for the `<TagGroup>` component, including `children`. */
|
|
1613
|
-
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps
|
|
1827
|
+
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
|
|
1828
|
+
ref?: React.Ref<typeof TagGroup_2>;
|
|
1829
|
+
};
|
|
1614
1830
|
|
|
1615
|
-
/** Type signature for the main `TagGroup` component
|
|
1616
|
-
export declare type TagGroupRootComponent = FC<
|
|
1831
|
+
/** Type signature for the main `TagGroup` component. */
|
|
1832
|
+
export declare type TagGroupRootComponent = FC<TagGroupProps>;
|
|
1617
1833
|
|
|
1618
1834
|
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1619
1835
|
declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
|
|
@@ -1651,20 +1867,24 @@ padding: "200";
|
|
|
1651
1867
|
};
|
|
1652
1868
|
}>;
|
|
1653
1869
|
|
|
1654
|
-
/** Type signature for the `TagGroup.Tag` sub-component
|
|
1655
|
-
export declare type TagGroupTagComponent = FC<TagGroupTagProps
|
|
1870
|
+
/** Type signature for the `TagGroup.Tag` sub-component. */
|
|
1871
|
+
export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
|
|
1656
1872
|
|
|
1657
|
-
/** Type signature for the `TagGroup.TagList` sub-component
|
|
1658
|
-
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T
|
|
1873
|
+
/** Type signature for the `TagGroup.TagList` sub-component. */
|
|
1874
|
+
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
|
|
1659
1875
|
|
|
1660
1876
|
/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1661
|
-
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T
|
|
1877
|
+
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
|
|
1878
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1879
|
+
};
|
|
1662
1880
|
|
|
1663
1881
|
/** Base Chakra styling props for the root `div` slot. */
|
|
1664
1882
|
declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1665
1883
|
|
|
1666
1884
|
/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1667
|
-
export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps
|
|
1885
|
+
export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
|
|
1886
|
+
ref?: React.Ref<typeof Tag>;
|
|
1887
|
+
};
|
|
1668
1888
|
|
|
1669
1889
|
/** Base Chakra styling props for the root `div` slot. */
|
|
1670
1890
|
declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
@@ -1677,7 +1897,10 @@ declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
|
1677
1897
|
*
|
|
1678
1898
|
* @see https://DOMAIN/components/typography/text
|
|
1679
1899
|
*/
|
|
1680
|
-
declare const Text_2:
|
|
1900
|
+
declare const Text_2: {
|
|
1901
|
+
(props: TextProps): JSX.Element;
|
|
1902
|
+
displayName: string;
|
|
1903
|
+
};
|
|
1681
1904
|
export { Text_2 as Text }
|
|
1682
1905
|
|
|
1683
1906
|
/**
|
|
@@ -1692,9 +1915,13 @@ export { Text_2 as Text }
|
|
|
1692
1915
|
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1693
1916
|
* - allows overriding styles by using style-props
|
|
1694
1917
|
*/
|
|
1695
|
-
export declare const TextInput:
|
|
1918
|
+
export declare const TextInput: {
|
|
1919
|
+
(props: TextInputProps): JSX.Element;
|
|
1920
|
+
displayName: string;
|
|
1921
|
+
};
|
|
1696
1922
|
|
|
1697
1923
|
export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
1924
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1698
1925
|
}
|
|
1699
1926
|
|
|
1700
1927
|
/**
|
|
@@ -1718,7 +1945,7 @@ variant: {
|
|
|
1718
1945
|
solid: {
|
|
1719
1946
|
"--border-width": "sizes.25";
|
|
1720
1947
|
"--border-color": "colors.neutral.7";
|
|
1721
|
-
backgroundColor: "
|
|
1948
|
+
backgroundColor: "primary.1";
|
|
1722
1949
|
_hover: {
|
|
1723
1950
|
backgroundColor: "primary.2";
|
|
1724
1951
|
};
|
|
@@ -1737,6 +1964,84 @@ declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInp
|
|
|
1737
1964
|
declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
|
|
1738
1965
|
|
|
1739
1966
|
export declare interface TextProps extends TextProps_2 {
|
|
1967
|
+
ref?: React.Ref<HTMLParagraphElement>;
|
|
1968
|
+
}
|
|
1969
|
+
|
|
1970
|
+
/**
|
|
1971
|
+
* TimeInput
|
|
1972
|
+
* ============================================================
|
|
1973
|
+
* allows entering a time in the currently selected locale
|
|
1974
|
+
*/
|
|
1975
|
+
export declare const TimeInput: {
|
|
1976
|
+
(props: TimeInputProps): JSX.Element;
|
|
1977
|
+
displayName: string;
|
|
1978
|
+
};
|
|
1979
|
+
|
|
1980
|
+
/**
|
|
1981
|
+
* Main props interface for the TimeInput component.
|
|
1982
|
+
*
|
|
1983
|
+
* We use Omit to remove:
|
|
1984
|
+
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
1985
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
1986
|
+
*/
|
|
1987
|
+
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
1988
|
+
}
|
|
1989
|
+
|
|
1990
|
+
/**
|
|
1991
|
+
* Recipe configuration for the TimeInput component.
|
|
1992
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1993
|
+
*/
|
|
1994
|
+
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
1995
|
+
size: {
|
|
1996
|
+
sm: {
|
|
1997
|
+
segmentGroup: {
|
|
1998
|
+
h: number;
|
|
1999
|
+
textStyle: "sm";
|
|
2000
|
+
px: number;
|
|
2001
|
+
};
|
|
2002
|
+
};
|
|
2003
|
+
md: {
|
|
2004
|
+
segmentGroup: {
|
|
2005
|
+
h: number;
|
|
2006
|
+
textStyle: "md";
|
|
2007
|
+
px: number;
|
|
2008
|
+
};
|
|
2009
|
+
};
|
|
2010
|
+
};
|
|
2011
|
+
variant: {
|
|
2012
|
+
solid: {
|
|
2013
|
+
segmentGroup: {
|
|
2014
|
+
"--border-width": "sizes.25";
|
|
2015
|
+
"--border-color": "colors.neutral.7";
|
|
2016
|
+
backgroundColor: "neutral.1";
|
|
2017
|
+
_hover: {
|
|
2018
|
+
backgroundColor: "primary.2";
|
|
2019
|
+
};
|
|
2020
|
+
};
|
|
2021
|
+
};
|
|
2022
|
+
ghost: {
|
|
2023
|
+
segmentGroup: {
|
|
2024
|
+
_hover: {
|
|
2025
|
+
backgroundColor: "primary.2";
|
|
2026
|
+
};
|
|
2027
|
+
};
|
|
2028
|
+
};
|
|
2029
|
+
};
|
|
2030
|
+
}>;
|
|
2031
|
+
|
|
2032
|
+
/**
|
|
2033
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2034
|
+
* with the unstyled prop option for the div element.
|
|
2035
|
+
*/
|
|
2036
|
+
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2037
|
+
}
|
|
2038
|
+
|
|
2039
|
+
/**
|
|
2040
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2041
|
+
* This creates a complete set of props for the root element, combining
|
|
2042
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2043
|
+
*/
|
|
2044
|
+
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
1740
2045
|
}
|
|
1741
2046
|
|
|
1742
2047
|
/**
|
|
@@ -1749,24 +2054,28 @@ export declare const ToggleButtonGroup: {
|
|
|
1749
2054
|
Button: ToggleButtonGroupButtonComponent_2;
|
|
1750
2055
|
};
|
|
1751
2056
|
|
|
1752
|
-
export declare const
|
|
2057
|
+
export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
|
|
1753
2058
|
|
|
1754
|
-
/** Type signature for the `ToggleButtonGroup.Button` sub-component
|
|
1755
|
-
export declare type ToggleButtonGroupButtonComponent =
|
|
2059
|
+
/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
|
|
2060
|
+
export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
|
|
1756
2061
|
|
|
1757
2062
|
/** Combined props for the button element (Chakra styles + Aria behavior). */
|
|
1758
|
-
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps
|
|
2063
|
+
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
|
|
2064
|
+
ref?: React.Ref<typeof ToggleButton>;
|
|
2065
|
+
};
|
|
1759
2066
|
|
|
1760
2067
|
/** Base Chakra styling props for the `button` slot. */
|
|
1761
2068
|
declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
|
|
1762
2069
|
|
|
1763
2070
|
/** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
|
|
1764
|
-
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps
|
|
2071
|
+
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
|
|
2072
|
+
ref?: React.Ref<typeof ToggleButtonGroup_2>;
|
|
2073
|
+
};
|
|
1765
2074
|
|
|
1766
|
-
export declare const
|
|
2075
|
+
export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
|
|
1767
2076
|
|
|
1768
|
-
/** Type signature for the main `ToggleButtonGroup` component
|
|
1769
|
-
export declare type ToggleButtonGroupRootComponent =
|
|
2077
|
+
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
2078
|
+
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
1770
2079
|
|
|
1771
2080
|
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1772
2081
|
declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
|
|
@@ -1774,8 +2083,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
|
|
|
1774
2083
|
/** Base Chakra styling props for the root `div` slot. */
|
|
1775
2084
|
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1776
2085
|
|
|
2086
|
+
export declare const Tooltip: {
|
|
2087
|
+
Root: typeof _TooltipRoot;
|
|
2088
|
+
Content: typeof _TooltipContent;
|
|
2089
|
+
};
|
|
2090
|
+
|
|
1777
2091
|
/**
|
|
1778
|
-
*
|
|
2092
|
+
* TooltipContent
|
|
1779
2093
|
* ============================================================
|
|
1780
2094
|
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
1781
2095
|
*
|
|
@@ -1788,7 +2102,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
|
|
|
1788
2102
|
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
1789
2103
|
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
1790
2104
|
*/
|
|
1791
|
-
export declare
|
|
2105
|
+
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
2106
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2107
|
+
}): JSX.Element;
|
|
2108
|
+
|
|
2109
|
+
export declare namespace _TooltipContent {
|
|
2110
|
+
var displayName: string;
|
|
2111
|
+
}
|
|
1792
2112
|
|
|
1793
2113
|
/**
|
|
1794
2114
|
* Main props interface for the Tooltip components
|
|
@@ -1811,26 +2131,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
|
1811
2131
|
}
|
|
1812
2132
|
|
|
1813
2133
|
/**
|
|
1814
|
-
*
|
|
1815
|
-
* This creates a complete set of props for the root element, combining
|
|
1816
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1817
|
-
*/
|
|
1818
|
-
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1819
|
-
}
|
|
1820
|
-
|
|
1821
|
-
/**
|
|
1822
|
-
* TooltipTrigger
|
|
2134
|
+
* TooltipRoot
|
|
1823
2135
|
* ============================================================
|
|
1824
|
-
*
|
|
2136
|
+
* Root component that wraps around a trigger element and Tooltip content.
|
|
1825
2137
|
* It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
|
|
1826
2138
|
* and positioning the Tooltip relative to the trigger.
|
|
1827
2139
|
*
|
|
1828
|
-
*
|
|
1829
|
-
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2140
|
+
* This acts as the context provider for the compound Tooltip component.
|
|
1830
2141
|
*/
|
|
1831
|
-
export declare
|
|
2142
|
+
export declare function _TooltipRoot(props: TooltipTriggerComponentProps): JSX.Element;
|
|
1832
2143
|
|
|
1833
|
-
export declare
|
|
2144
|
+
export declare namespace _TooltipRoot {
|
|
2145
|
+
var displayName: string;
|
|
2146
|
+
}
|
|
2147
|
+
|
|
2148
|
+
/**
|
|
2149
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2150
|
+
* This creates a complete set of props for the root element, combining
|
|
2151
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2152
|
+
*/
|
|
2153
|
+
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1834
2154
|
}
|
|
1835
2155
|
|
|
1836
2156
|
/**
|