@commercetools/nimbus 0.0.7 → 0.0.9-rc1
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 +21 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1242 -199
- package/dist/index.js +19120 -8901
- package/dist/index.js.map +1 -1
- package/package.json +25 -26
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
|
|
2
|
+
import { AccordionItemProps as AccordionItemProps_3 } from '..';
|
|
2
3
|
import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
|
|
3
4
|
import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
|
|
4
5
|
import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
|
|
@@ -7,49 +8,61 @@ import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
|
|
|
7
8
|
import { AriaButtonProps } from 'react-aria';
|
|
8
9
|
import { AriaCheckboxProps } from 'react-aria';
|
|
9
10
|
import { AriaLinkOptions } from 'react-aria';
|
|
11
|
+
import { AriaNumberFieldProps } from 'react-aria';
|
|
10
12
|
import { AriaToggleButtonGroupProps } from 'react-aria';
|
|
11
13
|
import { AriaToggleButtonProps } from 'react-aria';
|
|
12
|
-
import {
|
|
13
|
-
import { CardContentProps
|
|
14
|
-
import { CardHeaderProps
|
|
14
|
+
import { AutocompleteProps } from 'react-aria-components';
|
|
15
|
+
import { CardContentProps } from './card.slots';
|
|
16
|
+
import { CardHeaderProps } from './card.slots';
|
|
15
17
|
import { CardProps as CardProps_2 } from './card.types';
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
18
|
+
import { CodeProps } from '@chakra-ui/react';
|
|
19
|
+
import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
|
|
20
|
+
import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
|
|
21
|
+
import { ComboBoxProps } from 'react-aria-components';
|
|
22
|
+
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
23
|
+
import { ComponentProps } from 'react';
|
|
24
|
+
import { default as default_2 } from 'react';
|
|
19
25
|
import { DetailedHTMLProps } from 'react';
|
|
20
|
-
import { Dialog } from '@chakra-ui/react';
|
|
26
|
+
import { Dialog as Dialog_2 } from '@chakra-ui/react';
|
|
21
27
|
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
22
28
|
import { DisclosureProps } from 'react-aria-components';
|
|
23
29
|
import { Dispatch } from 'react';
|
|
24
|
-
import { Em } from '@chakra-ui/react';
|
|
25
30
|
import { FC } from 'react';
|
|
26
31
|
import { Flex } from '@chakra-ui/react';
|
|
27
32
|
import { FocusableOptions } from 'react-aria';
|
|
33
|
+
import { FormFieldDescriptionSlotProps } from './form-field.slots';
|
|
34
|
+
import { FormFieldErrorSlotProps } from './form-field.slots';
|
|
35
|
+
import { FormFieldInputSlotProps } from './form-field.slots';
|
|
36
|
+
import { FormFieldLabelSlotProps } from './form-field.slots';
|
|
28
37
|
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
29
38
|
import { ForwardRefExoticComponent } from 'react';
|
|
30
39
|
import { GridItemProps } from '@chakra-ui/react';
|
|
31
40
|
import { GridProps as GridProps_2 } from '@chakra-ui/react';
|
|
32
41
|
import { Heading } from '@chakra-ui/react';
|
|
33
|
-
import { Highlight as Highlight_2 } from '@chakra-ui/react';
|
|
34
42
|
import { HTMLAttributes } from 'react';
|
|
35
43
|
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
44
|
+
import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
|
|
36
45
|
import { JSX } from 'react/jsx-runtime';
|
|
37
|
-
import { JSX as JSX_2 } from 'react';
|
|
38
46
|
import { JsxStyleProps } from '@chakra-ui/react';
|
|
39
|
-
import {
|
|
40
|
-
import { List } from '@chakra-ui/react';
|
|
47
|
+
import { KbdProps } from '@chakra-ui/react';
|
|
48
|
+
import { List as List_2 } from '@chakra-ui/react';
|
|
41
49
|
import { ListBoxItemProps } from 'react-aria-components';
|
|
42
50
|
import { ListBoxProps } from 'react-aria-components';
|
|
43
51
|
import { ListBoxSectionProps } from 'react-aria-components';
|
|
44
|
-
import {
|
|
52
|
+
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
45
53
|
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
46
54
|
import { PolymorphicProps } from '@chakra-ui/react';
|
|
47
55
|
import { PropsWithChildren } from 'react';
|
|
56
|
+
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
57
|
+
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
58
|
+
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
59
|
+
import { RadioProps } from 'react-aria-components';
|
|
48
60
|
import { ReactNode } from 'react';
|
|
49
61
|
import { RecipeDefinition } from '@chakra-ui/react';
|
|
50
62
|
import { RecipeProps } from '@chakra-ui/react';
|
|
51
63
|
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
52
64
|
import { RecipeVariantRecord } from '@chakra-ui/react';
|
|
65
|
+
import { Ref } from 'react';
|
|
53
66
|
import { RefAttributes } from 'react';
|
|
54
67
|
import { RefObject } from 'react';
|
|
55
68
|
import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
|
|
@@ -63,15 +76,24 @@ import { SlotRecipeDefinition } from '@chakra-ui/react';
|
|
|
63
76
|
import { StackProps as StackProps_2 } from '@chakra-ui/react';
|
|
64
77
|
import { SystemContext } from '@chakra-ui/react';
|
|
65
78
|
import { Table } from '@chakra-ui/react';
|
|
79
|
+
import { Tag } from 'react-aria-components';
|
|
80
|
+
import { TagGroup as TagGroup_2 } from 'react-aria-components';
|
|
81
|
+
import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
|
|
82
|
+
import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
|
|
83
|
+
import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
|
|
84
|
+
import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
|
|
85
|
+
import { TagListProps } from 'react-aria-components';
|
|
86
|
+
import { TagProps } from 'react-aria-components';
|
|
66
87
|
import { TextFieldProps } from 'react-aria-components';
|
|
67
88
|
import { TextProps as TextProps_2 } from '@chakra-ui/react';
|
|
68
89
|
import { ThemeProviderProps } from 'next-themes';
|
|
90
|
+
import { TimeFieldStateOptions } from 'react-stately';
|
|
91
|
+
import { TimeValue } from 'react-aria';
|
|
69
92
|
import { ToggleButton } from 'react-aria-components';
|
|
70
93
|
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
71
94
|
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
72
95
|
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
73
96
|
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
74
|
-
import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
|
|
75
97
|
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
76
98
|
import { UnstyledProp } from '@chakra-ui/react';
|
|
77
99
|
import { useButton } from 'react-aria';
|
|
@@ -91,8 +113,12 @@ export declare const Accordion: {
|
|
|
91
113
|
isExpanded?: boolean;
|
|
92
114
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
93
115
|
} & RefAttributes<HTMLDivElement>>;
|
|
94
|
-
Header: ForwardRefExoticComponent<
|
|
95
|
-
|
|
116
|
+
Header: ForwardRefExoticComponent< {
|
|
117
|
+
children: ReactNode;
|
|
118
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
119
|
+
Content: ForwardRefExoticComponent<Omit<{
|
|
120
|
+
children: ReactNode;
|
|
121
|
+
} & Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
96
122
|
HeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
97
123
|
};
|
|
98
124
|
|
|
@@ -105,6 +131,35 @@ export declare type AccordionComposition = {
|
|
|
105
131
|
isFocusVisible: boolean;
|
|
106
132
|
};
|
|
107
133
|
|
|
134
|
+
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
135
|
+
|
|
136
|
+
declare type AccordionContentProps = {
|
|
137
|
+
/**
|
|
138
|
+
* The content to display
|
|
139
|
+
*/
|
|
140
|
+
children: ReactNode;
|
|
141
|
+
} & ComponentProps<typeof AccordionPanel>;
|
|
142
|
+
|
|
143
|
+
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
144
|
+
|
|
145
|
+
declare type AccordionHeaderProps = {
|
|
146
|
+
/**
|
|
147
|
+
* The text / content to display in the Header
|
|
148
|
+
*/
|
|
149
|
+
children: ReactNode;
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
export declare const _AccordionHeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
153
|
+
|
|
154
|
+
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
|
|
155
|
+
children: default_2.ReactNode;
|
|
156
|
+
id?: string;
|
|
157
|
+
value?: string;
|
|
158
|
+
isDisabled?: boolean;
|
|
159
|
+
isExpanded?: boolean;
|
|
160
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
161
|
+
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
|
|
108
163
|
export declare type AccordionItemProps = {
|
|
109
164
|
isDisabled?: boolean;
|
|
110
165
|
isExpanded?: boolean;
|
|
@@ -114,6 +169,8 @@ export declare type AccordionItemProps = {
|
|
|
114
169
|
title?: string;
|
|
115
170
|
};
|
|
116
171
|
|
|
172
|
+
declare const AccordionPanel: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
173
|
+
|
|
117
174
|
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
118
175
|
additionalTriggerComponent?: ReactNode;
|
|
119
176
|
children: ReactNode;
|
|
@@ -121,6 +178,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
|
|
|
121
178
|
size?: "sm" | "md";
|
|
122
179
|
}
|
|
123
180
|
|
|
181
|
+
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
182
|
+
|
|
124
183
|
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
125
184
|
|
|
126
185
|
/**
|
|
@@ -185,12 +244,27 @@ export declare const Alert: {
|
|
|
185
244
|
};
|
|
186
245
|
};
|
|
187
246
|
|
|
247
|
+
export declare const _AlertActions: {
|
|
248
|
+
({ children, ...props }: AlertActionsProps): null;
|
|
249
|
+
displayName: string;
|
|
250
|
+
};
|
|
251
|
+
|
|
188
252
|
/** Base Chakra styling props for the `actions` slot (`div`). */
|
|
189
253
|
export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
190
254
|
|
|
255
|
+
export declare const _AlertDescription: {
|
|
256
|
+
({ children, ...props }: AlertDescriptionProps): null;
|
|
257
|
+
displayName: string;
|
|
258
|
+
};
|
|
259
|
+
|
|
191
260
|
/** Props for the `Alert.Description` sub-component (inherits from Text). */
|
|
192
261
|
export declare type AlertDescriptionProps = TextProps;
|
|
193
262
|
|
|
263
|
+
export declare const _AlertDismissButton: {
|
|
264
|
+
({ children, ...props }: AlertDismissButtonProps): null;
|
|
265
|
+
displayName: string;
|
|
266
|
+
};
|
|
267
|
+
|
|
194
268
|
/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
|
|
195
269
|
export declare type AlertDismissButtonProps = ButtonProps;
|
|
196
270
|
|
|
@@ -200,6 +274,7 @@ export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
|
200
274
|
/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
|
|
201
275
|
export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
|
|
202
276
|
[key: `data-${string}`]: unknown;
|
|
277
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
203
278
|
};
|
|
204
279
|
|
|
205
280
|
/**
|
|
@@ -243,19 +318,34 @@ borderRadius: "200";
|
|
|
243
318
|
};
|
|
244
319
|
}>;
|
|
245
320
|
|
|
246
|
-
/**
|
|
247
|
-
|
|
321
|
+
/**
|
|
322
|
+
* Alert
|
|
323
|
+
* ============================================================
|
|
324
|
+
* Provides feedback to the user about the status of an action or system event
|
|
325
|
+
*/
|
|
326
|
+
export declare const _AlertRoot: AlertRootComponent;
|
|
327
|
+
|
|
328
|
+
/** Type signature for the main `Alert` component. */
|
|
329
|
+
export declare type AlertRootComponent = React.FC<AlertProps>;
|
|
248
330
|
|
|
249
331
|
/** Base Chakra styling props for the root `div` slot. */
|
|
250
332
|
export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
251
333
|
|
|
334
|
+
export declare const _AlertTitle: {
|
|
335
|
+
({ children, ...props }: AlertTitleProps): null;
|
|
336
|
+
displayName: string;
|
|
337
|
+
};
|
|
338
|
+
|
|
252
339
|
/** Props for the `Alert.Title` sub-component (inherits from Text). */
|
|
253
340
|
export declare type AlertTitleProps = TextProps;
|
|
254
341
|
|
|
255
342
|
/** Combined root props including Chakra styles and recipe variants. */
|
|
256
343
|
declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
|
|
257
344
|
|
|
258
|
-
export declare const Avatar:
|
|
345
|
+
export declare const Avatar: {
|
|
346
|
+
(props: AvatarProps): JSX.Element;
|
|
347
|
+
displayName: string;
|
|
348
|
+
};
|
|
259
349
|
|
|
260
350
|
export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
|
|
261
351
|
/**
|
|
@@ -282,6 +372,7 @@ export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElem
|
|
|
282
372
|
|
|
283
373
|
export declare interface AvatarProps extends FunctionalAvatarProps {
|
|
284
374
|
children?: React.ReactNode;
|
|
375
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
285
376
|
}
|
|
286
377
|
|
|
287
378
|
declare const avatarRecipe: RecipeDefinition< {
|
|
@@ -323,7 +414,10 @@ declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipePro
|
|
|
323
414
|
* - allows overriding styles by using style-props
|
|
324
415
|
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
325
416
|
*/
|
|
326
|
-
export declare const Badge:
|
|
417
|
+
export declare const Badge: {
|
|
418
|
+
(props: BadgeProps): JSX.Element;
|
|
419
|
+
displayName: string;
|
|
420
|
+
};
|
|
327
421
|
|
|
328
422
|
/**
|
|
329
423
|
* Main props interface for the Badge component.
|
|
@@ -332,6 +426,7 @@ export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes
|
|
|
332
426
|
*/
|
|
333
427
|
export declare interface BadgeProps extends BadgeVariantProps {
|
|
334
428
|
children?: React.ReactNode;
|
|
429
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
335
430
|
}
|
|
336
431
|
|
|
337
432
|
/**
|
|
@@ -400,15 +495,20 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
|
|
|
400
495
|
[key: `data-${string}`]: string;
|
|
401
496
|
};
|
|
402
497
|
|
|
403
|
-
export
|
|
404
|
-
|
|
405
|
-
|
|
498
|
+
export declare const Box: {
|
|
499
|
+
(props: BoxProps): JSX.Element;
|
|
500
|
+
displayName: string;
|
|
501
|
+
};
|
|
406
502
|
|
|
407
503
|
export declare interface BoxProps extends HTMLChakraProps<"div"> {
|
|
408
504
|
children?: React.ReactNode;
|
|
505
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
409
506
|
}
|
|
410
507
|
|
|
411
|
-
export declare const Button:
|
|
508
|
+
export declare const Button: {
|
|
509
|
+
(props: ButtonProps): JSX.Element;
|
|
510
|
+
displayName: string;
|
|
511
|
+
};
|
|
412
512
|
|
|
413
513
|
/**
|
|
414
514
|
* Recipe configuration for the ToggleButtonGroup component.
|
|
@@ -466,6 +566,8 @@ colorPalette: "neutral";
|
|
|
466
566
|
}>;
|
|
467
567
|
|
|
468
568
|
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
569
|
+
slot?: string | null | undefined;
|
|
570
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
469
571
|
}
|
|
470
572
|
|
|
471
573
|
/**
|
|
@@ -480,34 +582,39 @@ declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp
|
|
|
480
582
|
* This creates a complete set of props for the root element, combining
|
|
481
583
|
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
482
584
|
*/
|
|
483
|
-
declare
|
|
585
|
+
declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
|
|
586
|
+
slot?: string | null | undefined;
|
|
587
|
+
}
|
|
484
588
|
|
|
485
589
|
export declare const Card: {
|
|
486
|
-
Root:
|
|
590
|
+
Root: {
|
|
591
|
+
({ children, ref, ...props }: CardProps_2): JSX.Element;
|
|
592
|
+
displayName: string;
|
|
593
|
+
};
|
|
487
594
|
Header: {
|
|
488
|
-
({ children, ...props }:
|
|
595
|
+
({ children, ...props }: CardHeaderProps): null;
|
|
489
596
|
displayName: string;
|
|
490
597
|
};
|
|
491
598
|
Content: {
|
|
492
|
-
({ children, ...props }:
|
|
599
|
+
({ children, ...props }: CardContentProps): null;
|
|
493
600
|
displayName: string;
|
|
494
601
|
};
|
|
495
602
|
};
|
|
496
603
|
|
|
497
|
-
export declare const
|
|
498
|
-
({ children, ...props }:
|
|
604
|
+
export declare const _CardContent: {
|
|
605
|
+
({ children, ...props }: CardContentProps_2): null;
|
|
499
606
|
displayName: string;
|
|
500
607
|
};
|
|
501
608
|
|
|
502
|
-
declare interface
|
|
609
|
+
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
503
610
|
}
|
|
504
611
|
|
|
505
|
-
export declare const
|
|
506
|
-
({ children, ...props }:
|
|
612
|
+
export declare const _CardHeader: {
|
|
613
|
+
({ children, ...props }: CardHeaderProps_2): null;
|
|
507
614
|
displayName: string;
|
|
508
615
|
};
|
|
509
616
|
|
|
510
|
-
declare interface
|
|
617
|
+
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
511
618
|
}
|
|
512
619
|
|
|
513
620
|
/**
|
|
@@ -517,6 +624,7 @@ declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps
|
|
|
517
624
|
*/
|
|
518
625
|
export declare interface CardProps extends CardVariantProps {
|
|
519
626
|
children?: React.ReactNode;
|
|
627
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
520
628
|
}
|
|
521
629
|
|
|
522
630
|
/**
|
|
@@ -579,7 +687,10 @@ backgroundColor: "colorPalette.2";
|
|
|
579
687
|
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
580
688
|
}
|
|
581
689
|
|
|
582
|
-
export declare const
|
|
690
|
+
export declare const _CardRoot: {
|
|
691
|
+
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
692
|
+
displayName: string;
|
|
693
|
+
};
|
|
583
694
|
|
|
584
695
|
/**
|
|
585
696
|
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
@@ -611,7 +722,10 @@ declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRe
|
|
|
611
722
|
* - allows overriding styles by using style-props
|
|
612
723
|
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
613
724
|
*/
|
|
614
|
-
export declare const Checkbox:
|
|
725
|
+
export declare const Checkbox: {
|
|
726
|
+
(props: CheckboxProps): JSX.Element;
|
|
727
|
+
displayName: string;
|
|
728
|
+
};
|
|
615
729
|
|
|
616
730
|
/**
|
|
617
731
|
* Main props interface for the Checkbox component.
|
|
@@ -620,6 +734,7 @@ export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttr
|
|
|
620
734
|
*/
|
|
621
735
|
export declare interface CheckboxProps extends CheckboxVariantProps {
|
|
622
736
|
children?: React.ReactNode;
|
|
737
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
623
738
|
}
|
|
624
739
|
|
|
625
740
|
declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
|
|
@@ -660,40 +775,297 @@ zIndex: number;
|
|
|
660
775
|
*/
|
|
661
776
|
declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
|
|
662
777
|
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
778
|
+
/**
|
|
779
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
780
|
+
*/
|
|
781
|
+
export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
|
|
666
782
|
|
|
667
783
|
declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
668
784
|
}
|
|
669
785
|
|
|
670
|
-
export declare const
|
|
786
|
+
export declare const ComboBox: {
|
|
787
|
+
Root: {
|
|
788
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
|
|
789
|
+
displayName: string;
|
|
790
|
+
};
|
|
791
|
+
OptionGroup: {
|
|
792
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
793
|
+
displayName: string;
|
|
794
|
+
};
|
|
795
|
+
Option: {
|
|
796
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
|
|
797
|
+
displayName: string;
|
|
798
|
+
};
|
|
799
|
+
};
|
|
800
|
+
|
|
801
|
+
/** component prop interface */
|
|
802
|
+
export declare type ComboBoxButtonGroupProps = {
|
|
803
|
+
selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
|
|
804
|
+
onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
|
|
805
|
+
onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
|
|
806
|
+
onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
|
|
807
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
808
|
+
isOpen?: boolean;
|
|
809
|
+
isLoading?: boolean;
|
|
810
|
+
isDisabled?: boolean;
|
|
811
|
+
isReadOnly?: boolean;
|
|
812
|
+
};
|
|
813
|
+
|
|
814
|
+
/** The slot is a wrapper for multiple components,
|
|
815
|
+
* and therefore not combined with the component props
|
|
816
|
+
* because it is not used to style the component directly using asChild */
|
|
817
|
+
export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
/** MultiSelect combobox */
|
|
821
|
+
export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
|
|
822
|
+
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
823
|
+
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
824
|
+
defaultItems?: ComboBoxProps<T>["defaultItems"];
|
|
825
|
+
validate?: ComboBoxProps<T>["validate"];
|
|
826
|
+
allowsCustomValue?: boolean;
|
|
827
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
828
|
+
onOpenChange?: ComboBoxProps<T>["onOpenChange"];
|
|
829
|
+
autoFocus?: boolean;
|
|
830
|
+
isLoading?: boolean;
|
|
831
|
+
isDisabled?: boolean;
|
|
832
|
+
isReadOnly?: boolean;
|
|
833
|
+
isRequired?: boolean;
|
|
834
|
+
isInvalid?: boolean;
|
|
835
|
+
itemId?: string;
|
|
836
|
+
itemValue?: string;
|
|
837
|
+
placeholder?: string;
|
|
838
|
+
ref?: Ref<HTMLDivElement>;
|
|
839
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
846
|
+
export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
|
|
847
|
+
ref?: Ref<HTMLDivElement>;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
851
|
+
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
852
|
+
}
|
|
671
853
|
|
|
672
|
-
|
|
854
|
+
/** component prop interface */
|
|
855
|
+
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
856
|
+
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
857
|
+
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
858
|
+
itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
|
|
859
|
+
selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
|
|
860
|
+
onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
|
|
861
|
+
placeholder?: string;
|
|
862
|
+
isDisabled?: boolean;
|
|
863
|
+
isReadOnly?: boolean;
|
|
864
|
+
ref?: Ref<HTMLDivElement>;
|
|
865
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
866
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
867
|
+
};
|
|
673
868
|
|
|
674
|
-
export declare const
|
|
869
|
+
export declare const _ComboBoxOption: {
|
|
870
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
|
|
871
|
+
displayName: string;
|
|
872
|
+
};
|
|
675
873
|
|
|
676
|
-
export declare
|
|
874
|
+
export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
677
875
|
|
|
678
|
-
export declare const
|
|
876
|
+
export declare const _ComboBoxOptionGroup: {
|
|
877
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
878
|
+
displayName: string;
|
|
879
|
+
};
|
|
679
880
|
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
backdrop?: boolean;
|
|
881
|
+
/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
|
|
882
|
+
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
883
|
+
label?: ReactNode;
|
|
684
884
|
}
|
|
685
885
|
|
|
686
|
-
|
|
886
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
887
|
+
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
888
|
+
|
|
889
|
+
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
890
|
+
|
|
891
|
+
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
892
|
+
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
893
|
+
ref?: Ref<HTMLDivElement>;
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
897
|
+
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
898
|
+
|
|
899
|
+
/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
|
|
900
|
+
export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
901
|
+
ref?: Ref<HTMLDivElement>;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
905
|
+
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
export declare const _ComboBoxRoot: {
|
|
912
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
|
|
913
|
+
displayName: string;
|
|
914
|
+
};
|
|
915
|
+
|
|
916
|
+
/** Root element can either be single or multi select */
|
|
917
|
+
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
918
|
+
|
|
919
|
+
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
920
|
+
export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
|
|
921
|
+
ref?: Ref<HTMLDivElement>;
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
925
|
+
export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
/**
|
|
929
|
+
* Recipe configuration for the Combobox component.
|
|
930
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
931
|
+
*/
|
|
932
|
+
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
|
|
933
|
+
size: {
|
|
934
|
+
sm: {
|
|
935
|
+
value: {
|
|
936
|
+
minH: "800";
|
|
937
|
+
textStyle: "sm";
|
|
938
|
+
};
|
|
939
|
+
};
|
|
940
|
+
md: {
|
|
941
|
+
value: {
|
|
942
|
+
minH: "1000";
|
|
943
|
+
textStyle: "md";
|
|
944
|
+
};
|
|
945
|
+
};
|
|
946
|
+
};
|
|
947
|
+
variant: {
|
|
948
|
+
solid: {
|
|
949
|
+
root: {
|
|
950
|
+
width: "7200";
|
|
951
|
+
bg: "primary.1";
|
|
952
|
+
};
|
|
953
|
+
value: {
|
|
954
|
+
width: "100%";
|
|
955
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
956
|
+
"--border-color"?: "colors.neutral.7" | undefined;
|
|
957
|
+
};
|
|
958
|
+
};
|
|
959
|
+
ghost: {
|
|
960
|
+
root: {
|
|
961
|
+
maxW: "7200";
|
|
962
|
+
bg?: "transparent" | undefined;
|
|
963
|
+
"&:hover"?: {
|
|
964
|
+
bg: "primaryAlpha.2";
|
|
965
|
+
} | undefined;
|
|
966
|
+
};
|
|
967
|
+
value: {
|
|
968
|
+
bg: "transparent";
|
|
969
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
970
|
+
"--border-color"?: "transparent" | undefined;
|
|
971
|
+
};
|
|
972
|
+
};
|
|
973
|
+
};
|
|
974
|
+
selectionMode: {
|
|
975
|
+
multiple: {
|
|
976
|
+
options: {
|
|
977
|
+
boxShadow: "none";
|
|
978
|
+
px: "200";
|
|
979
|
+
my: "200";
|
|
980
|
+
minW: "unset";
|
|
981
|
+
"& section:first-of-type > header": {
|
|
982
|
+
mt: number;
|
|
983
|
+
};
|
|
984
|
+
};
|
|
985
|
+
option: {
|
|
986
|
+
colorPalette: "primary";
|
|
987
|
+
display: "flex";
|
|
988
|
+
alignItems: "flex-start";
|
|
989
|
+
justifyContent: "center";
|
|
990
|
+
position: "relative";
|
|
991
|
+
cursor: "pointer";
|
|
992
|
+
gap: "200";
|
|
993
|
+
mb: "var(--focus-ring-width)";
|
|
994
|
+
"&:last-of-type": {
|
|
995
|
+
mb: number;
|
|
996
|
+
};
|
|
997
|
+
'&[aria-selected="true"]': {
|
|
998
|
+
bg: "unset";
|
|
999
|
+
};
|
|
1000
|
+
'&[data-focused="true"]': {
|
|
1001
|
+
outlineWidth: "var(--focus-ring-width)";
|
|
1002
|
+
outlineColor: "var(--focus-ring-color)";
|
|
1003
|
+
outlineStyle: "var(--focus-ring-style)";
|
|
1004
|
+
bg: "unset";
|
|
1005
|
+
};
|
|
1006
|
+
_hover: {
|
|
1007
|
+
bg: "primary.2";
|
|
1008
|
+
};
|
|
1009
|
+
};
|
|
1010
|
+
};
|
|
1011
|
+
single: {};
|
|
1012
|
+
none: {};
|
|
1013
|
+
};
|
|
1014
|
+
}>;
|
|
1015
|
+
|
|
1016
|
+
/** The slot is a wrapper for multiple components,
|
|
1017
|
+
* and therefore not combined with the component props
|
|
1018
|
+
* because it is not used to style the component directly using asChild */
|
|
1019
|
+
export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
|
|
1020
|
+
}
|
|
687
1021
|
|
|
688
|
-
|
|
1022
|
+
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
1023
|
+
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
1024
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
1025
|
+
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
1026
|
+
placeholder?: string;
|
|
1027
|
+
isLoading?: boolean;
|
|
1028
|
+
children: ReactNode | ((item: T) => default_2.ReactNode);
|
|
1029
|
+
ref?: Ref<HTMLDivElement>;
|
|
1030
|
+
};
|
|
689
1031
|
|
|
690
|
-
|
|
1032
|
+
/**
|
|
1033
|
+
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
1034
|
+
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
1035
|
+
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
1036
|
+
*
|
|
1037
|
+
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
1038
|
+
*/
|
|
1039
|
+
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
691
1040
|
|
|
692
|
-
|
|
1041
|
+
/**
|
|
1042
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1043
|
+
*/
|
|
1044
|
+
export declare const Dialog: DialogComponents;
|
|
1045
|
+
|
|
1046
|
+
declare interface DialogComponents {
|
|
1047
|
+
Root: typeof Dialog_2.Root;
|
|
1048
|
+
Trigger: typeof Dialog_2.Trigger;
|
|
1049
|
+
Content: typeof DialogContent;
|
|
1050
|
+
Backdrop: typeof Dialog_2.Backdrop;
|
|
1051
|
+
Positioner: typeof Dialog_2.Positioner;
|
|
1052
|
+
Title: typeof Dialog_2.Title;
|
|
1053
|
+
Description: typeof Dialog_2.Description;
|
|
1054
|
+
Body: typeof Dialog_2.Body;
|
|
1055
|
+
Footer: typeof Dialog_2.Footer;
|
|
1056
|
+
Header: typeof Dialog_2.Header;
|
|
1057
|
+
CloseTrigger: typeof Dialog_2.CloseTrigger;
|
|
1058
|
+
ActionTrigger: typeof Dialog_2.ActionTrigger;
|
|
1059
|
+
}
|
|
693
1060
|
|
|
694
|
-
|
|
1061
|
+
declare const DialogContent: (props: DialogContentProps) => JSX.Element;
|
|
695
1062
|
|
|
696
|
-
|
|
1063
|
+
declare interface DialogContentProps extends Dialog_2.ContentProps {
|
|
1064
|
+
portalled?: boolean;
|
|
1065
|
+
portalRef?: React.RefObject<HTMLElement>;
|
|
1066
|
+
backdrop?: boolean;
|
|
1067
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1068
|
+
}
|
|
697
1069
|
|
|
698
1070
|
export declare type DisclosureGroupProps = AccordionProps & {
|
|
699
1071
|
children: ReactNode;
|
|
@@ -713,7 +1085,18 @@ export declare type DisclosureItemProps = AccordionItemProps & {
|
|
|
713
1085
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
714
1086
|
};
|
|
715
1087
|
|
|
716
|
-
|
|
1088
|
+
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
1089
|
+
|
|
1090
|
+
/**
|
|
1091
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1092
|
+
* These are either deprecated or not intended for use in this component.
|
|
1093
|
+
*/
|
|
1094
|
+
declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1095
|
+
|
|
1096
|
+
/**
|
|
1097
|
+
* List of props that should be excluded from the root props when combining with ARIA props
|
|
1098
|
+
*/
|
|
1099
|
+
declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
|
|
717
1100
|
|
|
718
1101
|
/**
|
|
719
1102
|
* For use in components that use the polymorphic `as` and `asChild` props
|
|
@@ -742,39 +1125,33 @@ export declare const FormField: {
|
|
|
742
1125
|
}) => null;
|
|
743
1126
|
};
|
|
744
1127
|
|
|
745
|
-
export declare const
|
|
1128
|
+
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
746
1129
|
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
labelSlotProps?: FormFieldLabelSlotProps;
|
|
750
|
-
input: ReactNode;
|
|
751
|
-
inputSlotProps?: FormFieldInputSlotProps;
|
|
752
|
-
description: ReactNode;
|
|
753
|
-
descriptionSlotProps?: FormFieldDescriptionSlotProps;
|
|
754
|
-
error: ReactNode;
|
|
755
|
-
errorSlotProps?: FormFieldErrorSlotProps;
|
|
756
|
-
info: ReactNode;
|
|
757
|
-
isInvalid?: boolean;
|
|
758
|
-
isRequired?: boolean;
|
|
759
|
-
isDisabled?: boolean;
|
|
760
|
-
isReadOnly?: boolean;
|
|
761
|
-
};
|
|
1130
|
+
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1131
|
+
}
|
|
762
1132
|
|
|
763
|
-
export declare
|
|
764
|
-
context: FormFieldContextPayloadType;
|
|
765
|
-
setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
|
|
766
|
-
};
|
|
1133
|
+
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
767
1134
|
|
|
768
|
-
declare interface
|
|
1135
|
+
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
769
1136
|
}
|
|
770
1137
|
|
|
771
|
-
declare
|
|
772
|
-
|
|
1138
|
+
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
1139
|
+
|
|
1140
|
+
declare type FormFieldInfoBoxProps = {
|
|
1141
|
+
/**
|
|
1142
|
+
* The content to display in the InfoBox
|
|
1143
|
+
*/
|
|
1144
|
+
children: ReactNode;
|
|
1145
|
+
};
|
|
1146
|
+
|
|
1147
|
+
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
773
1148
|
|
|
774
|
-
declare interface
|
|
1149
|
+
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
775
1150
|
}
|
|
776
1151
|
|
|
777
|
-
declare
|
|
1152
|
+
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
1153
|
+
|
|
1154
|
+
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
778
1155
|
}
|
|
779
1156
|
|
|
780
1157
|
/**
|
|
@@ -844,17 +1221,27 @@ mt: "var(--grid-gap)";
|
|
|
844
1221
|
};
|
|
845
1222
|
}>;
|
|
846
1223
|
|
|
1224
|
+
/**
|
|
1225
|
+
* FormField
|
|
1226
|
+
* ============================================================
|
|
1227
|
+
* displays inputs in a FormField context
|
|
1228
|
+
*/
|
|
1229
|
+
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
1230
|
+
|
|
847
1231
|
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
848
1232
|
}
|
|
849
1233
|
|
|
850
1234
|
declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
|
|
851
1235
|
|
|
852
1236
|
/** combine chakra-button props with aria-button props */
|
|
853
|
-
declare type FunctionalButtonProps =
|
|
1237
|
+
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
|
|
854
1238
|
[key: `data-${string}`]: unknown;
|
|
855
1239
|
};
|
|
856
1240
|
|
|
857
|
-
export declare const Grid:
|
|
1241
|
+
export declare const Grid: {
|
|
1242
|
+
(props: GridProps): JSX.Element;
|
|
1243
|
+
displayName: string;
|
|
1244
|
+
} & {
|
|
858
1245
|
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
859
1246
|
};
|
|
860
1247
|
|
|
@@ -869,11 +1256,19 @@ export declare const Grid: ForwardRefExoticComponent<GridProps & RefAttributes<H
|
|
|
869
1256
|
*/
|
|
870
1257
|
export declare interface GridProps extends GridProps_2 {
|
|
871
1258
|
children?: React.ReactNode;
|
|
1259
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
872
1260
|
}
|
|
873
1261
|
|
|
874
1262
|
export { Heading }
|
|
875
1263
|
|
|
876
|
-
|
|
1264
|
+
/**
|
|
1265
|
+
* Icon
|
|
1266
|
+
* displays icon components
|
|
1267
|
+
*/
|
|
1268
|
+
export declare const Icon: {
|
|
1269
|
+
(props: IconProps): JSX.Element;
|
|
1270
|
+
displayName: string;
|
|
1271
|
+
};
|
|
877
1272
|
|
|
878
1273
|
/**
|
|
879
1274
|
* IconButton
|
|
@@ -881,7 +1276,10 @@ export { Highlight_2 as Highlight }
|
|
|
881
1276
|
* displays a button with only an icon as child. It is based
|
|
882
1277
|
* on the regular `Button` component, but with a few adjustments.
|
|
883
1278
|
*/
|
|
884
|
-
export declare const IconButton:
|
|
1279
|
+
export declare const IconButton: {
|
|
1280
|
+
(props: IconButtonProps): JSX.Element;
|
|
1281
|
+
displayName: string;
|
|
1282
|
+
};
|
|
885
1283
|
|
|
886
1284
|
/**
|
|
887
1285
|
* Main props interface for the IconButton component.
|
|
@@ -889,68 +1287,69 @@ export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & Ref
|
|
|
889
1287
|
export declare interface IconButtonProps extends ButtonProps {
|
|
890
1288
|
/** explains the intended action, required for accessibility */
|
|
891
1289
|
"aria-label": string;
|
|
1290
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
892
1291
|
}
|
|
893
1292
|
|
|
894
|
-
export { Kbd }
|
|
895
|
-
|
|
896
|
-
/**
|
|
897
|
-
* Link
|
|
898
|
-
* ============================================================
|
|
899
|
-
* To allow a user to navigate to a different page or resource
|
|
900
|
-
*
|
|
901
|
-
* Features:
|
|
902
|
-
*
|
|
903
|
-
* - allows forwarding refs to the underlying DOM element
|
|
904
|
-
* - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
|
|
905
|
-
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
906
|
-
* - allows overriding styles by using style-props
|
|
907
|
-
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
908
|
-
*/
|
|
909
|
-
export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
|
|
910
|
-
|
|
911
1293
|
/**
|
|
912
|
-
* Main props interface for the
|
|
913
|
-
* Extends
|
|
1294
|
+
* Main props interface for the Icon component.
|
|
1295
|
+
* Extends IconVariantProps to include both root props and variant props,
|
|
914
1296
|
* while adding support for React children.
|
|
915
1297
|
*/
|
|
916
|
-
export declare interface
|
|
1298
|
+
export declare interface IconProps extends IconVariantProps {
|
|
1299
|
+
/**
|
|
1300
|
+
* Accepts only a single child - an icon-component or SVG html-element.
|
|
1301
|
+
* Alternatively, as shorthand, use the `as` property.
|
|
1302
|
+
*/
|
|
917
1303
|
children?: React.ReactNode;
|
|
1304
|
+
/**
|
|
1305
|
+
* Colors the icon, accepts a color token from the theme or a custom value
|
|
1306
|
+
*/
|
|
1307
|
+
color?: BoxProps["color"];
|
|
1308
|
+
/**
|
|
1309
|
+
* Accepts a React component to be rendered as the icon .
|
|
1310
|
+
*/
|
|
1311
|
+
as?: BoxProps["as"];
|
|
1312
|
+
/**
|
|
1313
|
+
* Ref to the icon element
|
|
1314
|
+
*/
|
|
1315
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
918
1316
|
}
|
|
919
1317
|
|
|
920
1318
|
/**
|
|
921
|
-
* Recipe configuration for the
|
|
1319
|
+
* Recipe configuration for the Icon component.
|
|
922
1320
|
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
923
1321
|
*/
|
|
924
|
-
declare const
|
|
1322
|
+
declare const iconRecipe: RecipeDefinition< {
|
|
1323
|
+
/**
|
|
1324
|
+
* allows applying a predefined size to the icon
|
|
1325
|
+
*/
|
|
925
1326
|
size: {
|
|
1327
|
+
"2xs": {
|
|
1328
|
+
boxSize: "600";
|
|
1329
|
+
};
|
|
926
1330
|
xs: {
|
|
927
|
-
|
|
928
|
-
lineHeight: "450";
|
|
1331
|
+
boxSize: "800";
|
|
929
1332
|
};
|
|
930
1333
|
sm: {
|
|
931
|
-
|
|
932
|
-
lineHeight: "500";
|
|
1334
|
+
boxSize: "900";
|
|
933
1335
|
};
|
|
934
1336
|
md: {
|
|
935
|
-
|
|
936
|
-
lineHeight: "600";
|
|
1337
|
+
boxSize: "1000";
|
|
937
1338
|
};
|
|
1339
|
+
lg: {
|
|
1340
|
+
boxSize: "1200";
|
|
938
1341
|
};
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
color: "primary";
|
|
942
|
-
};
|
|
943
|
-
inherit: {
|
|
944
|
-
color: "inherit";
|
|
1342
|
+
xl: {
|
|
1343
|
+
boxSize: "1400";
|
|
945
1344
|
};
|
|
946
1345
|
};
|
|
947
1346
|
}>;
|
|
948
1347
|
|
|
949
1348
|
/**
|
|
950
1349
|
* Base recipe props interface that combines Chakra UI's recipe props
|
|
951
|
-
* with the unstyled prop option for the
|
|
1350
|
+
* with the unstyled prop option for the svg element.
|
|
952
1351
|
*/
|
|
953
|
-
declare interface
|
|
1352
|
+
declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
|
|
954
1353
|
}
|
|
955
1354
|
|
|
956
1355
|
/**
|
|
@@ -958,7 +1357,105 @@ declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
|
|
|
958
1357
|
* This creates a complete set of props for the root element, combining
|
|
959
1358
|
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
960
1359
|
*/
|
|
961
|
-
declare
|
|
1360
|
+
declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
/**
|
|
1364
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1365
|
+
* This allows the component to accept both structural props from Root
|
|
1366
|
+
* and styling variants from the recipe.
|
|
1367
|
+
*/
|
|
1368
|
+
declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
|
|
1369
|
+
|
|
1370
|
+
/**
|
|
1371
|
+
* Image
|
|
1372
|
+
*
|
|
1373
|
+
* Use this component to display an image.
|
|
1374
|
+
*/
|
|
1375
|
+
declare const Image_2: {
|
|
1376
|
+
(props: ImageProps): JSX.Element;
|
|
1377
|
+
displayName: string;
|
|
1378
|
+
};
|
|
1379
|
+
export { Image_2 as Image }
|
|
1380
|
+
|
|
1381
|
+
export declare interface ImageProps extends ImageProps_2 {
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
/**
|
|
1385
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1386
|
+
*/
|
|
1387
|
+
export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
|
|
1388
|
+
|
|
1389
|
+
/**
|
|
1390
|
+
* Link
|
|
1391
|
+
* ============================================================
|
|
1392
|
+
* To allow a user to navigate to a different page or resource
|
|
1393
|
+
*
|
|
1394
|
+
* Features:
|
|
1395
|
+
*
|
|
1396
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1397
|
+
* - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
|
|
1398
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1399
|
+
* - allows overriding styles by using style-props
|
|
1400
|
+
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
1401
|
+
*/
|
|
1402
|
+
export declare const Link: {
|
|
1403
|
+
(props: LinkProps): JSX.Element;
|
|
1404
|
+
displayName: string;
|
|
1405
|
+
};
|
|
1406
|
+
|
|
1407
|
+
/**
|
|
1408
|
+
* Main props interface for the Link component.
|
|
1409
|
+
* Extends LinkVariantProps to include both root props and variant props,
|
|
1410
|
+
* while adding support for React children.
|
|
1411
|
+
*/
|
|
1412
|
+
export declare interface LinkProps extends LinkVariantProps {
|
|
1413
|
+
children?: React.ReactNode;
|
|
1414
|
+
ref?: React.Ref<HTMLAnchorElement>;
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
/**
|
|
1418
|
+
* Recipe configuration for the Link component.
|
|
1419
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1420
|
+
*/
|
|
1421
|
+
declare const linkRecipe: RecipeDefinition< {
|
|
1422
|
+
size: {
|
|
1423
|
+
xs: {
|
|
1424
|
+
fontSize: "300";
|
|
1425
|
+
lineHeight: "450";
|
|
1426
|
+
};
|
|
1427
|
+
sm: {
|
|
1428
|
+
fontSize: "350";
|
|
1429
|
+
lineHeight: "500";
|
|
1430
|
+
};
|
|
1431
|
+
md: {
|
|
1432
|
+
fontSize: "400";
|
|
1433
|
+
lineHeight: "600";
|
|
1434
|
+
};
|
|
1435
|
+
};
|
|
1436
|
+
fontColor: {
|
|
1437
|
+
primary: {
|
|
1438
|
+
color: "primary";
|
|
1439
|
+
};
|
|
1440
|
+
inherit: {
|
|
1441
|
+
color: "inherit";
|
|
1442
|
+
};
|
|
1443
|
+
};
|
|
1444
|
+
}>;
|
|
1445
|
+
|
|
1446
|
+
/**
|
|
1447
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1448
|
+
* with the unstyled prop option for the a element.
|
|
1449
|
+
*/
|
|
1450
|
+
declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
/**
|
|
1454
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1455
|
+
* This creates a complete set of props for the root element, combining
|
|
1456
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1457
|
+
*/
|
|
1458
|
+
declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
962
1459
|
|
|
963
1460
|
/**
|
|
964
1461
|
* Combines the root props with Chakra UI's recipe variant props.
|
|
@@ -968,38 +1465,43 @@ declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
|
968
1465
|
* Differences between LinkRootProps and LinkVariantProps necessitate
|
|
969
1466
|
* the use of Omit and Pick to ensure the correct props are passed
|
|
970
1467
|
*/
|
|
971
|
-
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur"> & Pick<AriaLinkOptions, "onFocus" | "onBlur"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
1468
|
+
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
972
1469
|
[key: `data-${string}`]: string;
|
|
973
1470
|
};
|
|
974
1471
|
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
1472
|
+
/**
|
|
1473
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1474
|
+
*/
|
|
1475
|
+
export declare const List: {
|
|
1476
|
+
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1477
|
+
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1478
|
+
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1479
|
+
};
|
|
978
1480
|
|
|
979
|
-
export declare
|
|
1481
|
+
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
980
1482
|
|
|
981
|
-
export declare const
|
|
1483
|
+
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
982
1484
|
|
|
983
|
-
export declare
|
|
1485
|
+
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
984
1486
|
|
|
985
1487
|
/**
|
|
986
1488
|
* LoadingSpinner
|
|
987
1489
|
* ============================================================
|
|
988
1490
|
* Indicates ongoing processes or loading states
|
|
989
1491
|
*/
|
|
990
|
-
export declare const LoadingSpinner:
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
}
|
|
994
|
-
[key: `data-${string}`]: string;
|
|
995
|
-
} & RefAttributes<HTMLDivElement>>;
|
|
1492
|
+
export declare const LoadingSpinner: {
|
|
1493
|
+
(props: LoadingSpinnerProps): JSX.Element;
|
|
1494
|
+
displayName: string;
|
|
1495
|
+
};
|
|
996
1496
|
|
|
997
1497
|
/**
|
|
998
1498
|
* Main props interface for the LoadingSpinner component.
|
|
999
1499
|
* Extends LoadingSpinnerVariantProps to include both root props and variant props,
|
|
1000
1500
|
* while adding support for React children.
|
|
1001
1501
|
*/
|
|
1002
|
-
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps
|
|
1502
|
+
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
|
|
1503
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1504
|
+
};
|
|
1003
1505
|
|
|
1004
1506
|
/**
|
|
1005
1507
|
* Recipe configuration for the LoadingSpinner component.
|
|
@@ -1050,7 +1552,7 @@ declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, Unstyled
|
|
|
1050
1552
|
* This creates a complete set of props for the root element, combining
|
|
1051
1553
|
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1052
1554
|
*/
|
|
1053
|
-
declare type
|
|
1555
|
+
declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
|
|
1054
1556
|
|
|
1055
1557
|
/**
|
|
1056
1558
|
* Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
|
|
@@ -1058,7 +1560,7 @@ declare type LoadingSpinnerRootProps_2 = Omit<HTMLChakraProps<"div", LoadingSpin
|
|
|
1058
1560
|
* This allows the component to accept both structural props from Root
|
|
1059
1561
|
* and styling variants from the recipe.
|
|
1060
1562
|
*/
|
|
1061
|
-
declare type LoadingSpinnerVariantProps =
|
|
1563
|
+
declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
|
|
1062
1564
|
[key: `data-${string}`]: string;
|
|
1063
1565
|
};
|
|
1064
1566
|
|
|
@@ -1086,18 +1588,327 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
|
|
|
1086
1588
|
children?: ReactNode | undefined;
|
|
1087
1589
|
} & RefAttributes<HTMLElement>>;
|
|
1088
1590
|
|
|
1089
|
-
|
|
1591
|
+
/**
|
|
1592
|
+
* MultilineTextInput
|
|
1593
|
+
* ============================================================
|
|
1594
|
+
* A textarea component that takes in multiline text as input
|
|
1595
|
+
*
|
|
1596
|
+
* Features:
|
|
1597
|
+
*
|
|
1598
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1599
|
+
* - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
|
|
1600
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1601
|
+
* - allows overriding styles by using style-props
|
|
1602
|
+
* - supports auto-growing height based on content when `autoGrow` is enabled
|
|
1603
|
+
*/
|
|
1604
|
+
export declare const MultilineTextInput: {
|
|
1605
|
+
(props: MultilineTextInputProps): JSX.Element;
|
|
1606
|
+
displayName: string;
|
|
1607
|
+
};
|
|
1608
|
+
|
|
1609
|
+
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
1610
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
1611
|
+
/**
|
|
1612
|
+
* When true, the textarea will automatically grow in height to fit its content.
|
|
1613
|
+
* This works in addition to the default draggable resize behavior.
|
|
1614
|
+
*/
|
|
1615
|
+
autoGrow?: boolean;
|
|
1616
|
+
}
|
|
1617
|
+
|
|
1618
|
+
/**
|
|
1619
|
+
* Recipe configuration for the MultilineTextInput component.
|
|
1620
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1621
|
+
*/
|
|
1622
|
+
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
1623
|
+
size: {
|
|
1624
|
+
sm: {
|
|
1625
|
+
minH: number;
|
|
1626
|
+
textStyle: "sm";
|
|
1627
|
+
px: number;
|
|
1628
|
+
py: number;
|
|
1629
|
+
};
|
|
1630
|
+
md: {
|
|
1631
|
+
minH: number;
|
|
1632
|
+
textStyle: "md";
|
|
1633
|
+
px: number;
|
|
1634
|
+
py: number;
|
|
1635
|
+
};
|
|
1636
|
+
};
|
|
1637
|
+
variant: {
|
|
1638
|
+
solid: {
|
|
1639
|
+
"--border-width": "sizes.25";
|
|
1640
|
+
"--border-color": "colors.neutral.7";
|
|
1641
|
+
backgroundColor: "neutral.1";
|
|
1642
|
+
_hover: {
|
|
1643
|
+
backgroundColor: "primary.2";
|
|
1644
|
+
};
|
|
1645
|
+
};
|
|
1646
|
+
ghost: {
|
|
1647
|
+
_hover: {
|
|
1648
|
+
backgroundColor: "primary.2";
|
|
1649
|
+
};
|
|
1650
|
+
};
|
|
1651
|
+
};
|
|
1652
|
+
}>;
|
|
1653
|
+
|
|
1654
|
+
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
1658
|
+
|
|
1659
|
+
export declare function NimbusProvider({ children, locale, ...props }: ColorModeProviderProps & {
|
|
1660
|
+
locale?: string;
|
|
1661
|
+
}): JSX.Element;
|
|
1662
|
+
|
|
1663
|
+
/**
|
|
1664
|
+
* NumberInput
|
|
1665
|
+
* ============================================================
|
|
1666
|
+
* An input component that accepts only numbers with increment/decrement buttons
|
|
1667
|
+
*
|
|
1668
|
+
* Features:
|
|
1669
|
+
*
|
|
1670
|
+
* - supports ref forwarding to the underlying DOM element
|
|
1671
|
+
* - supports number-specific props like min, max, step
|
|
1672
|
+
* - includes increment/decrement buttons for easy number adjustment
|
|
1673
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1674
|
+
* - allows overriding styles by using style-props
|
|
1675
|
+
* - provides full accessibility support
|
|
1676
|
+
*/
|
|
1677
|
+
export declare const NumberInput: {
|
|
1678
|
+
(props: NumberInputProps): JSX.Element;
|
|
1679
|
+
displayName: string;
|
|
1680
|
+
};
|
|
1681
|
+
|
|
1682
|
+
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
1683
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1684
|
+
}
|
|
1685
|
+
|
|
1686
|
+
/**
|
|
1687
|
+
* Recipe configuration for the NumberInput component.
|
|
1688
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
1689
|
+
*/
|
|
1690
|
+
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
1691
|
+
size: {
|
|
1692
|
+
sm: {
|
|
1693
|
+
input: {
|
|
1694
|
+
h: number;
|
|
1695
|
+
textStyle: "sm";
|
|
1696
|
+
px: number;
|
|
1697
|
+
paddingRight: number;
|
|
1698
|
+
};
|
|
1699
|
+
};
|
|
1700
|
+
md: {
|
|
1701
|
+
input: {
|
|
1702
|
+
h: number;
|
|
1703
|
+
textStyle: "md";
|
|
1704
|
+
px: number;
|
|
1705
|
+
paddingRight: number;
|
|
1706
|
+
};
|
|
1707
|
+
};
|
|
1708
|
+
};
|
|
1709
|
+
variant: {
|
|
1710
|
+
solid: {
|
|
1711
|
+
root: {
|
|
1712
|
+
"&:has(button:hover) input": {
|
|
1713
|
+
backgroundColor: "primary.2";
|
|
1714
|
+
};
|
|
1715
|
+
};
|
|
1716
|
+
input: {
|
|
1717
|
+
"&[data-invalid='true']": {
|
|
1718
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1719
|
+
"--border-width": "sizes.50";
|
|
1720
|
+
};
|
|
1721
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1722
|
+
backgroundColor: "neutral.1";
|
|
1723
|
+
_hover: {
|
|
1724
|
+
backgroundColor: "primary.2";
|
|
1725
|
+
};
|
|
1726
|
+
};
|
|
1727
|
+
incrementButton: {
|
|
1728
|
+
"&[data-invalid='true']": {
|
|
1729
|
+
borderTop: "2px solid var(--border-color)";
|
|
1730
|
+
borderRight: "2px solid var(--border-color)";
|
|
1731
|
+
};
|
|
1732
|
+
borderTop: "var(--border-width) solid var(--border-color)";
|
|
1733
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1734
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1735
|
+
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
1736
|
+
_hover: {
|
|
1737
|
+
backgroundColor: "primaryAlpha.3";
|
|
1738
|
+
};
|
|
1739
|
+
};
|
|
1740
|
+
decrementButton: {
|
|
1741
|
+
"&[data-invalid='true']": {
|
|
1742
|
+
borderBottom: "2px solid var(--border-color)";
|
|
1743
|
+
borderRight: "2px solid var(--border-color)";
|
|
1744
|
+
};
|
|
1745
|
+
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
1746
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1747
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1748
|
+
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
1749
|
+
_hover: {
|
|
1750
|
+
backgroundColor: "primaryAlpha.3";
|
|
1751
|
+
};
|
|
1752
|
+
};
|
|
1753
|
+
};
|
|
1754
|
+
ghost: {
|
|
1755
|
+
root: {
|
|
1756
|
+
"&:has(button:hover) input": {
|
|
1757
|
+
backgroundColor: "primary.2";
|
|
1758
|
+
};
|
|
1759
|
+
};
|
|
1760
|
+
input: {
|
|
1761
|
+
"&[data-invalid='true']": {
|
|
1762
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1763
|
+
"--border-width": "sizes.50";
|
|
1764
|
+
};
|
|
1765
|
+
_hover: {
|
|
1766
|
+
backgroundColor: "primary.2";
|
|
1767
|
+
};
|
|
1768
|
+
};
|
|
1769
|
+
incrementButton: {
|
|
1770
|
+
"&[data-invalid='true']": {
|
|
1771
|
+
borderTop: "2px solid var(--border-color)";
|
|
1772
|
+
borderRight: "2px solid var(--border-color)";
|
|
1773
|
+
};
|
|
1774
|
+
_hover: {
|
|
1775
|
+
backgroundColor: "primaryAlpha.3";
|
|
1776
|
+
};
|
|
1777
|
+
};
|
|
1778
|
+
decrementButton: {
|
|
1779
|
+
"&[data-invalid='true']": {
|
|
1780
|
+
borderBottom: "2px solid var(--border-color)";
|
|
1781
|
+
borderRight: "2px solid var(--border-color)";
|
|
1782
|
+
};
|
|
1783
|
+
_hover: {
|
|
1784
|
+
backgroundColor: "primaryAlpha.3";
|
|
1785
|
+
};
|
|
1786
|
+
};
|
|
1787
|
+
};
|
|
1788
|
+
};
|
|
1789
|
+
}>;
|
|
1790
|
+
|
|
1791
|
+
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
1792
|
+
}
|
|
1793
|
+
|
|
1794
|
+
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
1795
|
+
|
|
1796
|
+
/**
|
|
1797
|
+
* PasswordInput
|
|
1798
|
+
* ============================================================
|
|
1799
|
+
* An input component that takes in password as input with toggleable visibility
|
|
1800
|
+
*
|
|
1801
|
+
* Features:
|
|
1802
|
+
*
|
|
1803
|
+
* - Based on TextInput with added password visibility toggle
|
|
1804
|
+
* - Allows toggling between type="password" and type="text"
|
|
1805
|
+
* - Positions the toggle button at the right edge of the input
|
|
1806
|
+
* - Inherits all TextInput features and props
|
|
1807
|
+
*/
|
|
1808
|
+
export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
|
|
1809
|
+
|
|
1810
|
+
/**
|
|
1811
|
+
* Interface for PasswordInput component props
|
|
1812
|
+
* Extends TextInputProps but omits the type prop since it's controlled internally
|
|
1813
|
+
* We want to keep this as an explicit interface to allow for future additions
|
|
1814
|
+
*/
|
|
1815
|
+
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
1816
|
+
}
|
|
1817
|
+
|
|
1818
|
+
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
1819
|
+
children?: React.ReactNode;
|
|
1820
|
+
};
|
|
1821
|
+
|
|
1822
|
+
export declare const RadioInput: {
|
|
1823
|
+
Root: {
|
|
1824
|
+
(props: RadioInputRootProps_2): JSX.Element;
|
|
1825
|
+
displayName: string;
|
|
1826
|
+
};
|
|
1827
|
+
Option: {
|
|
1828
|
+
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
1829
|
+
displayName: string;
|
|
1830
|
+
};
|
|
1831
|
+
};
|
|
1832
|
+
|
|
1833
|
+
export declare const _RadioInputOption: {
|
|
1834
|
+
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
1835
|
+
displayName: string;
|
|
1836
|
+
};
|
|
1837
|
+
|
|
1838
|
+
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
1839
|
+
}
|
|
1840
|
+
|
|
1841
|
+
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
export declare const _RadioInputRoot: {
|
|
1845
|
+
(props: RadioInputRootProps): JSX.Element;
|
|
1846
|
+
displayName: string;
|
|
1847
|
+
};
|
|
1848
|
+
|
|
1849
|
+
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
1853
|
+
}
|
|
1854
|
+
|
|
1855
|
+
/**
|
|
1856
|
+
* Recipe configuration for the RadioInput component.
|
|
1857
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1858
|
+
*/
|
|
1859
|
+
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
1860
|
+
orientation: {
|
|
1861
|
+
horizontal: {
|
|
1862
|
+
root: {
|
|
1863
|
+
flexDirection: "row";
|
|
1864
|
+
gap: "600";
|
|
1865
|
+
};
|
|
1866
|
+
};
|
|
1867
|
+
vertical: {
|
|
1868
|
+
root: {
|
|
1869
|
+
flexDirection: "column";
|
|
1870
|
+
alignItems: "flex-start";
|
|
1871
|
+
gap: "400";
|
|
1872
|
+
};
|
|
1873
|
+
};
|
|
1874
|
+
};
|
|
1875
|
+
}>;
|
|
1090
1876
|
|
|
1091
1877
|
export declare const Select: {
|
|
1092
1878
|
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1093
|
-
Options:
|
|
1094
|
-
|
|
1095
|
-
|
|
1879
|
+
Options: {
|
|
1880
|
+
<T extends object>(props: SelectOptionsProps_2<T> & {
|
|
1881
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1882
|
+
}): JSX.Element;
|
|
1883
|
+
displayName: string;
|
|
1884
|
+
};
|
|
1885
|
+
Option: {
|
|
1886
|
+
<T extends object>(props: SelectOptionProps_2<T> & {
|
|
1887
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1888
|
+
}): JSX.Element;
|
|
1889
|
+
displayName: string;
|
|
1890
|
+
};
|
|
1891
|
+
OptionGroup: {
|
|
1892
|
+
<T extends object>(props: SelectOptionGroupProps_2<T> & {
|
|
1893
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1894
|
+
}): JSX.Element;
|
|
1895
|
+
displayName: string;
|
|
1896
|
+
};
|
|
1096
1897
|
};
|
|
1097
1898
|
|
|
1098
|
-
export declare const _SelectOption:
|
|
1899
|
+
export declare const _SelectOption: {
|
|
1900
|
+
<T extends object>(props: SelectOptionProps<T> & {
|
|
1901
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1902
|
+
}): JSX.Element;
|
|
1903
|
+
displayName: string;
|
|
1904
|
+
};
|
|
1099
1905
|
|
|
1100
|
-
export declare const _SelectOptionGroup:
|
|
1906
|
+
export declare const _SelectOptionGroup: {
|
|
1907
|
+
<T extends object>(props: SelectOptionGroupProps<T> & {
|
|
1908
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1909
|
+
}): JSX.Element;
|
|
1910
|
+
displayName: string;
|
|
1911
|
+
};
|
|
1101
1912
|
|
|
1102
1913
|
export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
1103
1914
|
/** the label for the section */
|
|
@@ -1110,7 +1921,12 @@ declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
|
|
|
1110
1921
|
export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
|
|
1111
1922
|
}
|
|
1112
1923
|
|
|
1113
|
-
export declare const _SelectOptions:
|
|
1924
|
+
export declare const _SelectOptions: {
|
|
1925
|
+
<T extends object>(props: SelectOptionsProps<T> & {
|
|
1926
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1927
|
+
}): JSX.Element;
|
|
1928
|
+
displayName: string;
|
|
1929
|
+
};
|
|
1114
1930
|
|
|
1115
1931
|
declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
|
|
1116
1932
|
}
|
|
@@ -1159,7 +1975,7 @@ textStyle: "md";
|
|
|
1159
1975
|
variant: {
|
|
1160
1976
|
outline: {
|
|
1161
1977
|
root: {
|
|
1162
|
-
bg: "
|
|
1978
|
+
bg: "primary.1";
|
|
1163
1979
|
"&:hover": {
|
|
1164
1980
|
bg: "primary.2";
|
|
1165
1981
|
};
|
|
@@ -1184,7 +2000,12 @@ trigger: {
|
|
|
1184
2000
|
};
|
|
1185
2001
|
}>;
|
|
1186
2002
|
|
|
1187
|
-
export declare
|
|
2003
|
+
export declare function setupJsdomPolyfills(): void;
|
|
2004
|
+
|
|
2005
|
+
export declare const SimpleGrid: {
|
|
2006
|
+
(props: SimpleGridProps): JSX.Element;
|
|
2007
|
+
displayName: string;
|
|
2008
|
+
} & {
|
|
1188
2009
|
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
1189
2010
|
};
|
|
1190
2011
|
|
|
@@ -1199,53 +2020,175 @@ export declare const SimpleGrid: ForwardRefExoticComponent<SimpleGridProps & Ref
|
|
|
1199
2020
|
*/
|
|
1200
2021
|
export declare interface SimpleGridProps extends SimpleGridProps_2 {
|
|
1201
2022
|
children?: React.ReactNode;
|
|
2023
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1202
2024
|
}
|
|
1203
2025
|
|
|
1204
|
-
export declare
|
|
2026
|
+
export declare interface SingleSelectInputProps {
|
|
2027
|
+
placeholder?: string;
|
|
2028
|
+
inputValue?: string;
|
|
2029
|
+
allowsCustomValue?: boolean;
|
|
2030
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
2031
|
+
onInputChange?: (value: string) => void;
|
|
2032
|
+
ref?: default_2.Ref<HTMLInputElement>;
|
|
2033
|
+
}
|
|
2034
|
+
|
|
2035
|
+
export declare const Stack: {
|
|
2036
|
+
(props: StackProps): JSX.Element;
|
|
2037
|
+
displayName: string;
|
|
2038
|
+
};
|
|
1205
2039
|
|
|
1206
2040
|
export declare interface StackProps extends StackProps_2 {
|
|
1207
2041
|
children?: React.ReactNode;
|
|
2042
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1208
2043
|
}
|
|
1209
2044
|
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
2045
|
+
/**
|
|
2046
|
+
* Switch
|
|
2047
|
+
* ============================================================
|
|
2048
|
+
* displays a switch toggle and optionally an associated label
|
|
2049
|
+
*/
|
|
2050
|
+
export declare const Switch: {
|
|
2051
|
+
({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
|
|
2052
|
+
displayName: string;
|
|
2053
|
+
};
|
|
1215
2054
|
|
|
1216
|
-
|
|
2055
|
+
/**
|
|
2056
|
+
* Main props interface for the Switch component.
|
|
2057
|
+
* Combines root element props with ARIA toggle functionality props.
|
|
2058
|
+
*/
|
|
2059
|
+
export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
|
|
2060
|
+
/**
|
|
2061
|
+
* The content to display next to the switch.
|
|
2062
|
+
* Can be a string or React node.
|
|
2063
|
+
*/
|
|
2064
|
+
children?: React.ReactNode;
|
|
2065
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
2066
|
+
};
|
|
1217
2067
|
|
|
1218
|
-
|
|
2068
|
+
/**
|
|
2069
|
+
* Props for the Switch component root element.
|
|
2070
|
+
* Includes all HTML props for the label element and recipe variant props.
|
|
2071
|
+
*/
|
|
2072
|
+
declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
|
|
2073
|
+
}
|
|
1219
2074
|
|
|
1220
|
-
|
|
2075
|
+
/**
|
|
2076
|
+
* Recipe configuration for the Switch component.
|
|
2077
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2078
|
+
*/
|
|
2079
|
+
declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
|
|
2080
|
+
size: {
|
|
2081
|
+
sm: {
|
|
2082
|
+
track: {
|
|
2083
|
+
"--track-height": "sizes.400";
|
|
2084
|
+
"--track-width": "sizes.700";
|
|
2085
|
+
};
|
|
2086
|
+
thumb: {
|
|
2087
|
+
"--thumb-size": "sizes.400";
|
|
2088
|
+
};
|
|
2089
|
+
label: {
|
|
2090
|
+
"--label-font-size": "fontSizes.350";
|
|
2091
|
+
};
|
|
2092
|
+
};
|
|
2093
|
+
md: {
|
|
2094
|
+
track: {
|
|
2095
|
+
"--track-height": "sizes.600";
|
|
2096
|
+
"--track-width": "sizes.1100";
|
|
2097
|
+
};
|
|
2098
|
+
thumb: {
|
|
2099
|
+
"--thumb-size": "sizes.600";
|
|
2100
|
+
};
|
|
2101
|
+
label: {
|
|
2102
|
+
"--label-font-size": "fontSizes.400";
|
|
2103
|
+
};
|
|
2104
|
+
};
|
|
2105
|
+
};
|
|
2106
|
+
}>;
|
|
1221
2107
|
|
|
1222
|
-
export declare const
|
|
2108
|
+
export declare const system: SystemContext;
|
|
1223
2109
|
|
|
1224
|
-
export
|
|
2110
|
+
export { Table }
|
|
1225
2111
|
|
|
1226
|
-
|
|
2112
|
+
/**
|
|
2113
|
+
* TagGroup
|
|
2114
|
+
* ============================================================
|
|
2115
|
+
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
|
|
2116
|
+
*
|
|
2117
|
+
*/
|
|
2118
|
+
export declare const TagGroup: {
|
|
2119
|
+
Root: TagGroupRootComponent_2;
|
|
2120
|
+
TagList: {
|
|
2121
|
+
<T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
2122
|
+
displayName: string;
|
|
2123
|
+
};
|
|
2124
|
+
Tag: TagGroupTagComponent_2;
|
|
2125
|
+
};
|
|
1227
2126
|
|
|
1228
|
-
|
|
2127
|
+
/** Final external props for the `<TagGroup>` component, including `children`. */
|
|
2128
|
+
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
|
|
2129
|
+
ref?: React.Ref<typeof TagGroup_2>;
|
|
2130
|
+
};
|
|
1229
2131
|
|
|
1230
|
-
|
|
2132
|
+
/** Type signature for the main `TagGroup` component. */
|
|
2133
|
+
export declare type TagGroupRootComponent = FC<TagGroupProps>;
|
|
1231
2134
|
|
|
1232
|
-
|
|
2135
|
+
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2136
|
+
declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
|
|
1233
2137
|
|
|
1234
|
-
|
|
2138
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2139
|
+
declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1235
2140
|
|
|
1236
|
-
|
|
2141
|
+
/**
|
|
2142
|
+
* Recipe configuration for the TagGroup component.
|
|
2143
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2144
|
+
*/
|
|
2145
|
+
declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
|
|
2146
|
+
size: {
|
|
2147
|
+
sm: {
|
|
2148
|
+
tag: {
|
|
2149
|
+
minH: "600";
|
|
2150
|
+
paddingX: "200";
|
|
2151
|
+
fontSize: "350";
|
|
2152
|
+
lineHeight: "400";
|
|
2153
|
+
};
|
|
2154
|
+
};
|
|
2155
|
+
md: {
|
|
2156
|
+
tag: {
|
|
2157
|
+
minH: "800";
|
|
2158
|
+
paddingX: "200";
|
|
2159
|
+
paddingY: "100";
|
|
2160
|
+
};
|
|
2161
|
+
};
|
|
2162
|
+
lg: {
|
|
2163
|
+
tag: {
|
|
2164
|
+
minH: "1000";
|
|
2165
|
+
padding: "200";
|
|
2166
|
+
};
|
|
2167
|
+
};
|
|
2168
|
+
};
|
|
2169
|
+
}>;
|
|
1237
2170
|
|
|
1238
|
-
|
|
2171
|
+
/** Type signature for the `TagGroup.Tag` sub-component. */
|
|
2172
|
+
export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
|
|
1239
2173
|
|
|
1240
|
-
|
|
2174
|
+
/** Type signature for the `TagGroup.TagList` sub-component. */
|
|
2175
|
+
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
|
|
1241
2176
|
|
|
1242
|
-
|
|
2177
|
+
/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2178
|
+
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
|
|
2179
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2180
|
+
};
|
|
1243
2181
|
|
|
1244
|
-
|
|
2182
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2183
|
+
declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1245
2184
|
|
|
1246
|
-
|
|
2185
|
+
/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2186
|
+
export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
|
|
2187
|
+
ref?: React.Ref<typeof Tag>;
|
|
2188
|
+
};
|
|
1247
2189
|
|
|
1248
|
-
|
|
2190
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2191
|
+
declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1249
2192
|
|
|
1250
2193
|
/**
|
|
1251
2194
|
* Render Text
|
|
@@ -1255,13 +2198,16 @@ export declare type TableRowProps = React.ComponentProps<typeof Table.Row>;
|
|
|
1255
2198
|
*
|
|
1256
2199
|
* @see https://DOMAIN/components/typography/text
|
|
1257
2200
|
*/
|
|
1258
|
-
declare const Text_2:
|
|
2201
|
+
declare const Text_2: {
|
|
2202
|
+
(props: TextProps): JSX.Element;
|
|
2203
|
+
displayName: string;
|
|
2204
|
+
};
|
|
1259
2205
|
export { Text_2 as Text }
|
|
1260
2206
|
|
|
1261
2207
|
/**
|
|
1262
2208
|
* TextInput
|
|
1263
2209
|
* ============================================================
|
|
1264
|
-
* An input component that takes in
|
|
2210
|
+
* An input component that takes in text as input
|
|
1265
2211
|
*
|
|
1266
2212
|
* Features:
|
|
1267
2213
|
*
|
|
@@ -1270,9 +2216,13 @@ export { Text_2 as Text }
|
|
|
1270
2216
|
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1271
2217
|
* - allows overriding styles by using style-props
|
|
1272
2218
|
*/
|
|
1273
|
-
export declare const TextInput:
|
|
2219
|
+
export declare const TextInput: {
|
|
2220
|
+
(props: TextInputProps): JSX.Element;
|
|
2221
|
+
displayName: string;
|
|
2222
|
+
};
|
|
1274
2223
|
|
|
1275
|
-
export declare interface TextInputProps extends TextFieldProps, Omit<
|
|
2224
|
+
export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
2225
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1276
2226
|
}
|
|
1277
2227
|
|
|
1278
2228
|
/**
|
|
@@ -1296,7 +2246,7 @@ variant: {
|
|
|
1296
2246
|
solid: {
|
|
1297
2247
|
"--border-width": "sizes.25";
|
|
1298
2248
|
"--border-color": "colors.neutral.7";
|
|
1299
|
-
backgroundColor: "
|
|
2249
|
+
backgroundColor: "primary.1";
|
|
1300
2250
|
_hover: {
|
|
1301
2251
|
backgroundColor: "primary.2";
|
|
1302
2252
|
};
|
|
@@ -1312,9 +2262,87 @@ backgroundColor: "primary.2";
|
|
|
1312
2262
|
declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
|
|
1313
2263
|
}
|
|
1314
2264
|
|
|
1315
|
-
declare type
|
|
2265
|
+
declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
|
|
1316
2266
|
|
|
1317
2267
|
export declare interface TextProps extends TextProps_2 {
|
|
2268
|
+
ref?: React.Ref<HTMLParagraphElement>;
|
|
2269
|
+
}
|
|
2270
|
+
|
|
2271
|
+
/**
|
|
2272
|
+
* TimeInput
|
|
2273
|
+
* ============================================================
|
|
2274
|
+
* allows entering a time in the currently selected locale
|
|
2275
|
+
*/
|
|
2276
|
+
export declare const TimeInput: {
|
|
2277
|
+
(props: TimeInputProps): JSX.Element;
|
|
2278
|
+
displayName: string;
|
|
2279
|
+
};
|
|
2280
|
+
|
|
2281
|
+
/**
|
|
2282
|
+
* Main props interface for the TimeInput component.
|
|
2283
|
+
*
|
|
2284
|
+
* We use Omit to remove:
|
|
2285
|
+
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
2286
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
2287
|
+
*/
|
|
2288
|
+
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
2289
|
+
}
|
|
2290
|
+
|
|
2291
|
+
/**
|
|
2292
|
+
* Recipe configuration for the TimeInput component.
|
|
2293
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2294
|
+
*/
|
|
2295
|
+
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
2296
|
+
size: {
|
|
2297
|
+
sm: {
|
|
2298
|
+
segmentGroup: {
|
|
2299
|
+
h: number;
|
|
2300
|
+
textStyle: "sm";
|
|
2301
|
+
px: number;
|
|
2302
|
+
};
|
|
2303
|
+
};
|
|
2304
|
+
md: {
|
|
2305
|
+
segmentGroup: {
|
|
2306
|
+
h: number;
|
|
2307
|
+
textStyle: "md";
|
|
2308
|
+
px: number;
|
|
2309
|
+
};
|
|
2310
|
+
};
|
|
2311
|
+
};
|
|
2312
|
+
variant: {
|
|
2313
|
+
solid: {
|
|
2314
|
+
segmentGroup: {
|
|
2315
|
+
"--border-width": "sizes.25";
|
|
2316
|
+
"--border-color": "colors.neutral.7";
|
|
2317
|
+
backgroundColor: "neutral.1";
|
|
2318
|
+
_hover: {
|
|
2319
|
+
backgroundColor: "primary.2";
|
|
2320
|
+
};
|
|
2321
|
+
};
|
|
2322
|
+
};
|
|
2323
|
+
ghost: {
|
|
2324
|
+
segmentGroup: {
|
|
2325
|
+
_hover: {
|
|
2326
|
+
backgroundColor: "primary.2";
|
|
2327
|
+
};
|
|
2328
|
+
};
|
|
2329
|
+
};
|
|
2330
|
+
};
|
|
2331
|
+
}>;
|
|
2332
|
+
|
|
2333
|
+
/**
|
|
2334
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2335
|
+
* with the unstyled prop option for the div element.
|
|
2336
|
+
*/
|
|
2337
|
+
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2338
|
+
}
|
|
2339
|
+
|
|
2340
|
+
/**
|
|
2341
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2342
|
+
* This creates a complete set of props for the root element, combining
|
|
2343
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2344
|
+
*/
|
|
2345
|
+
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
1318
2346
|
}
|
|
1319
2347
|
|
|
1320
2348
|
/**
|
|
@@ -1327,24 +2355,28 @@ export declare const ToggleButtonGroup: {
|
|
|
1327
2355
|
Button: ToggleButtonGroupButtonComponent_2;
|
|
1328
2356
|
};
|
|
1329
2357
|
|
|
1330
|
-
export declare const
|
|
2358
|
+
export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
|
|
1331
2359
|
|
|
1332
|
-
/** Type signature for the `ToggleButtonGroup.Button` sub-component
|
|
1333
|
-
export declare type ToggleButtonGroupButtonComponent =
|
|
2360
|
+
/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
|
|
2361
|
+
export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
|
|
1334
2362
|
|
|
1335
2363
|
/** Combined props for the button element (Chakra styles + Aria behavior). */
|
|
1336
|
-
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps
|
|
2364
|
+
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
|
|
2365
|
+
ref?: React.Ref<typeof ToggleButton>;
|
|
2366
|
+
};
|
|
1337
2367
|
|
|
1338
2368
|
/** Base Chakra styling props for the `button` slot. */
|
|
1339
2369
|
declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
|
|
1340
2370
|
|
|
1341
2371
|
/** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
|
|
1342
|
-
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps
|
|
2372
|
+
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
|
|
2373
|
+
ref?: React.Ref<typeof ToggleButtonGroup_2>;
|
|
2374
|
+
};
|
|
1343
2375
|
|
|
1344
|
-
export declare const
|
|
2376
|
+
export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
|
|
1345
2377
|
|
|
1346
|
-
/** Type signature for the main `ToggleButtonGroup` component
|
|
1347
|
-
export declare type ToggleButtonGroupRootComponent =
|
|
2378
|
+
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
2379
|
+
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
1348
2380
|
|
|
1349
2381
|
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1350
2382
|
declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
|
|
@@ -1352,8 +2384,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
|
|
|
1352
2384
|
/** Base Chakra styling props for the root `div` slot. */
|
|
1353
2385
|
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1354
2386
|
|
|
2387
|
+
export declare const Tooltip: {
|
|
2388
|
+
Root: typeof _TooltipRoot;
|
|
2389
|
+
Content: typeof _TooltipContent;
|
|
2390
|
+
};
|
|
2391
|
+
|
|
1355
2392
|
/**
|
|
1356
|
-
*
|
|
2393
|
+
* TooltipContent
|
|
1357
2394
|
* ============================================================
|
|
1358
2395
|
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
1359
2396
|
*
|
|
@@ -1366,7 +2403,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
|
|
|
1366
2403
|
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
1367
2404
|
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
1368
2405
|
*/
|
|
1369
|
-
export declare
|
|
2406
|
+
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
2407
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2408
|
+
}): JSX.Element;
|
|
2409
|
+
|
|
2410
|
+
export declare namespace _TooltipContent {
|
|
2411
|
+
var displayName: string;
|
|
2412
|
+
}
|
|
1370
2413
|
|
|
1371
2414
|
/**
|
|
1372
2415
|
* Main props interface for the Tooltip components
|
|
@@ -1389,26 +2432,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
|
1389
2432
|
}
|
|
1390
2433
|
|
|
1391
2434
|
/**
|
|
1392
|
-
*
|
|
1393
|
-
* This creates a complete set of props for the root element, combining
|
|
1394
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1395
|
-
*/
|
|
1396
|
-
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1397
|
-
}
|
|
1398
|
-
|
|
1399
|
-
/**
|
|
1400
|
-
* TooltipTrigger
|
|
2435
|
+
* TooltipRoot
|
|
1401
2436
|
* ============================================================
|
|
1402
|
-
*
|
|
2437
|
+
* Root component that wraps around a trigger element and Tooltip content.
|
|
1403
2438
|
* It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
|
|
1404
2439
|
* and positioning the Tooltip relative to the trigger.
|
|
1405
2440
|
*
|
|
1406
|
-
*
|
|
1407
|
-
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2441
|
+
* This acts as the context provider for the compound Tooltip component.
|
|
1408
2442
|
*/
|
|
1409
|
-
export declare
|
|
2443
|
+
export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
|
|
2444
|
+
|
|
2445
|
+
export declare namespace _TooltipRoot {
|
|
2446
|
+
var displayName: string;
|
|
2447
|
+
}
|
|
1410
2448
|
|
|
1411
|
-
|
|
2449
|
+
/**
|
|
2450
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2451
|
+
* This creates a complete set of props for the root element, combining
|
|
2452
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2453
|
+
*/
|
|
2454
|
+
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1412
2455
|
}
|
|
1413
2456
|
|
|
1414
2457
|
/**
|