@commercetools/nimbus 0.0.7-rc13 → 0.0.7-rc16
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 +581 -103
- package/dist/index.js +15649 -9251
- package/dist/index.js.map +1 -1
- package/package.json +21 -19
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,29 +8,32 @@ 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
14
|
import { AutocompleteProps } from 'react-aria-components';
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
|
|
15
|
+
import { CardContentProps } from './card.slots';
|
|
16
|
+
import { CardHeaderProps } from './card.slots';
|
|
16
17
|
import { CardProps as CardProps_2 } from './card.types';
|
|
17
18
|
import { Code } from '@chakra-ui/react';
|
|
18
19
|
import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
|
|
19
20
|
import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
|
|
20
21
|
import { ComboBoxProps } from 'react-aria-components';
|
|
21
22
|
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
22
|
-
import {
|
|
23
|
+
import { ComponentProps } from 'react';
|
|
23
24
|
import { default as default_2 } from 'react';
|
|
24
25
|
import { DetailedHTMLProps } from 'react';
|
|
25
26
|
import { Dialog as Dialog_2 } from '@chakra-ui/react';
|
|
26
27
|
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
27
28
|
import { DisclosureProps } from 'react-aria-components';
|
|
28
29
|
import { Dispatch } from 'react';
|
|
29
|
-
import { Em } from '@chakra-ui/react';
|
|
30
30
|
import { FC } from 'react';
|
|
31
31
|
import { Flex } from '@chakra-ui/react';
|
|
32
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';
|
|
33
37
|
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
34
38
|
import { ForwardRefExoticComponent } from 'react';
|
|
35
39
|
import { GridItemProps } from '@chakra-ui/react';
|
|
@@ -42,13 +46,18 @@ import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
|
|
|
42
46
|
import { JSX } from 'react/jsx-runtime';
|
|
43
47
|
import { JsxStyleProps } from '@chakra-ui/react';
|
|
44
48
|
import { Kbd } from '@chakra-ui/react';
|
|
45
|
-
import { List } from '@chakra-ui/react';
|
|
49
|
+
import { List as List_2 } from '@chakra-ui/react';
|
|
46
50
|
import { ListBoxItemProps } from 'react-aria-components';
|
|
47
51
|
import { ListBoxProps } from 'react-aria-components';
|
|
48
52
|
import { ListBoxSectionProps } from 'react-aria-components';
|
|
53
|
+
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
49
54
|
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
50
55
|
import { PolymorphicProps } from '@chakra-ui/react';
|
|
51
56
|
import { PropsWithChildren } from 'react';
|
|
57
|
+
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
58
|
+
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
59
|
+
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
60
|
+
import { RadioProps } from 'react-aria-components';
|
|
52
61
|
import { ReactNode } from 'react';
|
|
53
62
|
import { RecipeDefinition } from '@chakra-ui/react';
|
|
54
63
|
import { RecipeProps } from '@chakra-ui/react';
|
|
@@ -79,12 +88,13 @@ import { TagProps } from 'react-aria-components';
|
|
|
79
88
|
import { TextFieldProps } from 'react-aria-components';
|
|
80
89
|
import { TextProps as TextProps_2 } from '@chakra-ui/react';
|
|
81
90
|
import { ThemeProviderProps } from 'next-themes';
|
|
91
|
+
import { TimeFieldStateOptions } from 'react-stately';
|
|
92
|
+
import { TimeValue } from 'react-aria';
|
|
82
93
|
import { ToggleButton } from 'react-aria-components';
|
|
83
94
|
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
84
95
|
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
85
96
|
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
86
97
|
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
87
|
-
import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
|
|
88
98
|
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
89
99
|
import { UnstyledProp } from '@chakra-ui/react';
|
|
90
100
|
import { useButton } from 'react-aria';
|
|
@@ -104,8 +114,12 @@ export declare const Accordion: {
|
|
|
104
114
|
isExpanded?: boolean;
|
|
105
115
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
106
116
|
} & RefAttributes<HTMLDivElement>>;
|
|
107
|
-
Header: ForwardRefExoticComponent<
|
|
108
|
-
|
|
117
|
+
Header: ForwardRefExoticComponent< {
|
|
118
|
+
children: ReactNode;
|
|
119
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
120
|
+
Content: ForwardRefExoticComponent<Omit<{
|
|
121
|
+
children: ReactNode;
|
|
122
|
+
} & 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>>;
|
|
109
123
|
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>>;
|
|
110
124
|
};
|
|
111
125
|
|
|
@@ -118,6 +132,35 @@ export declare type AccordionComposition = {
|
|
|
118
132
|
isFocusVisible: boolean;
|
|
119
133
|
};
|
|
120
134
|
|
|
135
|
+
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
136
|
+
|
|
137
|
+
declare type AccordionContentProps = {
|
|
138
|
+
/**
|
|
139
|
+
* The content to display
|
|
140
|
+
*/
|
|
141
|
+
children: ReactNode;
|
|
142
|
+
} & ComponentProps<typeof AccordionPanel>;
|
|
143
|
+
|
|
144
|
+
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
145
|
+
|
|
146
|
+
declare type AccordionHeaderProps = {
|
|
147
|
+
/**
|
|
148
|
+
* The text / content to display in the Header
|
|
149
|
+
*/
|
|
150
|
+
children: ReactNode;
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
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>>;
|
|
154
|
+
|
|
155
|
+
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
|
|
156
|
+
children: default_2.ReactNode;
|
|
157
|
+
id?: string;
|
|
158
|
+
value?: string;
|
|
159
|
+
isDisabled?: boolean;
|
|
160
|
+
isExpanded?: boolean;
|
|
161
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
162
|
+
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
163
|
+
|
|
121
164
|
export declare type AccordionItemProps = {
|
|
122
165
|
isDisabled?: boolean;
|
|
123
166
|
isExpanded?: boolean;
|
|
@@ -127,6 +170,8 @@ export declare type AccordionItemProps = {
|
|
|
127
170
|
title?: string;
|
|
128
171
|
};
|
|
129
172
|
|
|
173
|
+
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>>;
|
|
174
|
+
|
|
130
175
|
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
131
176
|
additionalTriggerComponent?: ReactNode;
|
|
132
177
|
children: ReactNode;
|
|
@@ -134,6 +179,8 @@ export declare interface AccordionProps extends Omit<DisclosureProps, "children"
|
|
|
134
179
|
size?: "sm" | "md";
|
|
135
180
|
}
|
|
136
181
|
|
|
182
|
+
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
183
|
+
|
|
137
184
|
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
138
185
|
|
|
139
186
|
/**
|
|
@@ -449,8 +496,6 @@ declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badg
|
|
|
449
496
|
[key: `data-${string}`]: string;
|
|
450
497
|
};
|
|
451
498
|
|
|
452
|
-
export { Bleed }
|
|
453
|
-
|
|
454
499
|
export declare const Box: {
|
|
455
500
|
(props: BoxProps): JSX.Element;
|
|
456
501
|
displayName: string;
|
|
@@ -522,6 +567,7 @@ colorPalette: "neutral";
|
|
|
522
567
|
}>;
|
|
523
568
|
|
|
524
569
|
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
570
|
+
slot?: string | null | undefined;
|
|
525
571
|
ref?: React.Ref<HTMLButtonElement>;
|
|
526
572
|
}
|
|
527
573
|
|
|
@@ -529,7 +575,7 @@ export declare interface ButtonProps extends FunctionalButtonProps {
|
|
|
529
575
|
* Base recipe props interface that combines Chakra UI's recipe props
|
|
530
576
|
* with the unstyled prop option for the button element.
|
|
531
577
|
*/
|
|
532
|
-
declare interface ButtonRecipeProps extends RecipeProps<"
|
|
578
|
+
declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
|
|
533
579
|
}
|
|
534
580
|
|
|
535
581
|
/**
|
|
@@ -546,29 +592,29 @@ export declare const Card: {
|
|
|
546
592
|
displayName: string;
|
|
547
593
|
};
|
|
548
594
|
Header: {
|
|
549
|
-
({ children, ...props }:
|
|
595
|
+
({ children, ...props }: CardHeaderProps): null;
|
|
550
596
|
displayName: string;
|
|
551
597
|
};
|
|
552
598
|
Content: {
|
|
553
|
-
({ children, ...props }:
|
|
599
|
+
({ children, ...props }: CardContentProps): null;
|
|
554
600
|
displayName: string;
|
|
555
601
|
};
|
|
556
602
|
};
|
|
557
603
|
|
|
558
|
-
export declare const
|
|
559
|
-
({ children, ...props }:
|
|
604
|
+
export declare const _CardContent: {
|
|
605
|
+
({ children, ...props }: CardContentProps_2): null;
|
|
560
606
|
displayName: string;
|
|
561
607
|
};
|
|
562
608
|
|
|
563
|
-
declare interface
|
|
609
|
+
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
564
610
|
}
|
|
565
611
|
|
|
566
|
-
export declare const
|
|
567
|
-
({ children, ...props }:
|
|
612
|
+
export declare const _CardHeader: {
|
|
613
|
+
({ children, ...props }: CardHeaderProps_2): null;
|
|
568
614
|
displayName: string;
|
|
569
615
|
};
|
|
570
616
|
|
|
571
|
-
declare interface
|
|
617
|
+
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
572
618
|
}
|
|
573
619
|
|
|
574
620
|
/**
|
|
@@ -641,7 +687,7 @@ backgroundColor: "colorPalette.2";
|
|
|
641
687
|
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
642
688
|
}
|
|
643
689
|
|
|
644
|
-
export declare const
|
|
690
|
+
export declare const _CardRoot: {
|
|
645
691
|
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
646
692
|
displayName: string;
|
|
647
693
|
};
|
|
@@ -731,8 +777,6 @@ declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeo
|
|
|
731
777
|
|
|
732
778
|
export { Code }
|
|
733
779
|
|
|
734
|
-
export declare function ColorModeLabel(): "Light Theme" | "DarkTheme";
|
|
735
|
-
|
|
736
780
|
declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
737
781
|
}
|
|
738
782
|
|
|
@@ -741,10 +785,6 @@ export declare const ComboBox: {
|
|
|
741
785
|
<T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
|
|
742
786
|
displayName: string;
|
|
743
787
|
};
|
|
744
|
-
Options: {
|
|
745
|
-
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
|
|
746
|
-
displayName: string;
|
|
747
|
-
};
|
|
748
788
|
OptionGroup: {
|
|
749
789
|
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
750
790
|
displayName: string;
|
|
@@ -755,21 +795,48 @@ export declare const ComboBox: {
|
|
|
755
795
|
};
|
|
756
796
|
};
|
|
757
797
|
|
|
798
|
+
/** component prop interface */
|
|
758
799
|
export declare type ComboBoxButtonGroupProps = {
|
|
759
800
|
selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
|
|
760
801
|
onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
|
|
761
802
|
onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
|
|
803
|
+
onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
|
|
804
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
805
|
+
isOpen?: boolean;
|
|
806
|
+
isLoading?: boolean;
|
|
807
|
+
isDisabled?: boolean;
|
|
808
|
+
isReadOnly?: boolean;
|
|
762
809
|
};
|
|
763
810
|
|
|
764
|
-
|
|
811
|
+
/** The slot is a wrapper for multiple components,
|
|
812
|
+
* and therefore not combined with the component props
|
|
813
|
+
* because it is not used to style the component directly using asChild */
|
|
814
|
+
export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
/** MultiSelect combobox */
|
|
818
|
+
export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
|
|
765
819
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
820
|
+
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
821
|
+
defaultItems?: ComboBoxProps<T>["defaultItems"];
|
|
822
|
+
validate?: ComboBoxProps<T>["validate"];
|
|
823
|
+
allowsCustomValue?: boolean;
|
|
824
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
825
|
+
onOpenChange?: ComboBoxProps<T>["onOpenChange"];
|
|
826
|
+
autoFocus?: boolean;
|
|
766
827
|
isLoading?: boolean;
|
|
767
828
|
isDisabled?: boolean;
|
|
768
829
|
isReadOnly?: boolean;
|
|
769
830
|
isRequired?: boolean;
|
|
770
831
|
isInvalid?: boolean;
|
|
771
|
-
|
|
832
|
+
itemId?: string;
|
|
772
833
|
itemValue?: string;
|
|
834
|
+
placeholder?: string;
|
|
835
|
+
ref?: Ref<HTMLDivElement>;
|
|
836
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
|
|
773
840
|
}
|
|
774
841
|
|
|
775
842
|
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
@@ -781,16 +848,34 @@ export declare interface ComboBoxMultiSelectRootProps<T extends object> extends
|
|
|
781
848
|
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
782
849
|
}
|
|
783
850
|
|
|
851
|
+
/** component prop interface */
|
|
784
852
|
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
785
853
|
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
786
|
-
|
|
854
|
+
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
787
855
|
itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
|
|
788
856
|
selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
|
|
789
857
|
onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
|
|
858
|
+
placeholder?: string;
|
|
859
|
+
isDisabled?: boolean;
|
|
860
|
+
isReadOnly?: boolean;
|
|
790
861
|
ref?: Ref<HTMLDivElement>;
|
|
862
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
863
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
791
864
|
};
|
|
792
865
|
|
|
793
|
-
|
|
866
|
+
export declare const _ComboBoxOption: {
|
|
867
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
|
|
868
|
+
displayName: string;
|
|
869
|
+
};
|
|
870
|
+
|
|
871
|
+
export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
872
|
+
|
|
873
|
+
export declare const _ComboBoxOptionGroup: {
|
|
874
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
875
|
+
displayName: string;
|
|
876
|
+
};
|
|
877
|
+
|
|
878
|
+
/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
|
|
794
879
|
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
795
880
|
label?: ReactNode;
|
|
796
881
|
}
|
|
@@ -798,6 +883,8 @@ export declare interface ComboBoxOptionGroupProps<T extends object> extends List
|
|
|
798
883
|
/** Base Chakra styling props for the root `div` slot. */
|
|
799
884
|
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
800
885
|
|
|
886
|
+
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
887
|
+
|
|
801
888
|
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
802
889
|
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
803
890
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -815,6 +902,15 @@ export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxP
|
|
|
815
902
|
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
816
903
|
}
|
|
817
904
|
|
|
905
|
+
export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
export declare const _ComboBoxRoot: {
|
|
909
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
|
|
910
|
+
displayName: string;
|
|
911
|
+
};
|
|
912
|
+
|
|
913
|
+
/** Root element can either be single or multi select */
|
|
818
914
|
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
819
915
|
|
|
820
916
|
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
@@ -830,46 +926,43 @@ export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> ext
|
|
|
830
926
|
* Recipe configuration for the Combobox component.
|
|
831
927
|
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
832
928
|
*/
|
|
833
|
-
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "value" | "root" | "options" | "optionGroup" | "buttonGroup", {
|
|
929
|
+
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
|
|
834
930
|
size: {
|
|
835
931
|
sm: {
|
|
836
932
|
value: {
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
px?: "400" | undefined;
|
|
840
|
-
textStyle?: "sm" | undefined;
|
|
933
|
+
minH: "800";
|
|
934
|
+
textStyle: "sm";
|
|
841
935
|
};
|
|
842
936
|
};
|
|
843
937
|
md: {
|
|
844
938
|
value: {
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
px?: "400" | undefined;
|
|
848
|
-
textStyle?: "md" | undefined;
|
|
939
|
+
minH: "1000";
|
|
940
|
+
textStyle: "md";
|
|
849
941
|
};
|
|
850
942
|
};
|
|
851
943
|
};
|
|
852
944
|
variant: {
|
|
853
945
|
solid: {
|
|
854
946
|
root: {
|
|
855
|
-
|
|
856
|
-
"
|
|
857
|
-
bg: "primary.2";
|
|
858
|
-
} | undefined;
|
|
947
|
+
width: "7200";
|
|
948
|
+
bg: "primary.1";
|
|
859
949
|
};
|
|
860
950
|
value: {
|
|
951
|
+
width: "100%";
|
|
861
952
|
"--border-width"?: "sizes.25" | undefined;
|
|
862
953
|
"--border-color"?: "colors.neutral.7" | undefined;
|
|
863
954
|
};
|
|
864
955
|
};
|
|
865
956
|
ghost: {
|
|
866
957
|
root: {
|
|
958
|
+
maxW: "7200";
|
|
867
959
|
bg?: "transparent" | undefined;
|
|
868
960
|
"&:hover"?: {
|
|
869
961
|
bg: "primaryAlpha.2";
|
|
870
962
|
} | undefined;
|
|
871
963
|
};
|
|
872
964
|
value: {
|
|
965
|
+
bg: "transparent";
|
|
873
966
|
"--border-width"?: "sizes.25" | undefined;
|
|
874
967
|
"--border-color"?: "transparent" | undefined;
|
|
875
968
|
};
|
|
@@ -877,14 +970,38 @@ value: {
|
|
|
877
970
|
};
|
|
878
971
|
selectionMode: {
|
|
879
972
|
multiple: {
|
|
973
|
+
options: {
|
|
974
|
+
boxShadow: "none";
|
|
975
|
+
px: "200";
|
|
976
|
+
my: "200";
|
|
977
|
+
minW: "unset";
|
|
978
|
+
"& section:first-of-type > header": {
|
|
979
|
+
mt: number;
|
|
980
|
+
};
|
|
981
|
+
};
|
|
880
982
|
option: {
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
983
|
+
colorPalette: "primary";
|
|
984
|
+
display: "flex";
|
|
985
|
+
alignItems: "flex-start";
|
|
986
|
+
justifyContent: "center";
|
|
987
|
+
position: "relative";
|
|
988
|
+
cursor: "pointer";
|
|
989
|
+
gap: "200";
|
|
990
|
+
mb: "var(--focus-ring-width)";
|
|
991
|
+
"&:last-of-type": {
|
|
992
|
+
mb: number;
|
|
993
|
+
};
|
|
994
|
+
'&[aria-selected="true"]': {
|
|
995
|
+
bg: "unset";
|
|
885
996
|
};
|
|
886
|
-
'&[
|
|
887
|
-
|
|
997
|
+
'&[data-focused="true"]': {
|
|
998
|
+
outlineWidth: "var(--focus-ring-width)";
|
|
999
|
+
outlineColor: "var(--focus-ring-color)";
|
|
1000
|
+
outlineStyle: "var(--focus-ring-style)";
|
|
1001
|
+
bg: "unset";
|
|
1002
|
+
};
|
|
1003
|
+
_hover: {
|
|
1004
|
+
bg: "primary.2";
|
|
888
1005
|
};
|
|
889
1006
|
};
|
|
890
1007
|
};
|
|
@@ -893,12 +1010,31 @@ none: {};
|
|
|
893
1010
|
};
|
|
894
1011
|
}>;
|
|
895
1012
|
|
|
1013
|
+
/** The slot is a wrapper for multiple components,
|
|
1014
|
+
* and therefore not combined with the component props
|
|
1015
|
+
* because it is not used to style the component directly using asChild */
|
|
1016
|
+
export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
|
|
1017
|
+
}
|
|
1018
|
+
|
|
896
1019
|
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
897
1020
|
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
1021
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
1022
|
+
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
1023
|
+
placeholder?: string;
|
|
898
1024
|
isLoading?: boolean;
|
|
899
1025
|
children: ReactNode | ((item: T) => default_2.ReactNode);
|
|
1026
|
+
ref?: Ref<HTMLDivElement>;
|
|
900
1027
|
};
|
|
901
1028
|
|
|
1029
|
+
/**
|
|
1030
|
+
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
1031
|
+
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
1032
|
+
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
1033
|
+
*
|
|
1034
|
+
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
1035
|
+
*/
|
|
1036
|
+
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
1037
|
+
|
|
902
1038
|
export declare const Dialog: DialogComponents;
|
|
903
1039
|
|
|
904
1040
|
declare interface DialogComponents {
|
|
@@ -943,7 +1079,13 @@ export declare type DisclosureItemProps = AccordionItemProps & {
|
|
|
943
1079
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
944
1080
|
};
|
|
945
1081
|
|
|
946
|
-
|
|
1082
|
+
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
1083
|
+
|
|
1084
|
+
/**
|
|
1085
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1086
|
+
* These are either deprecated or not intended for use in this component.
|
|
1087
|
+
*/
|
|
1088
|
+
declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
947
1089
|
|
|
948
1090
|
/**
|
|
949
1091
|
* List of props that should be excluded from the root props when combining with ARIA props
|
|
@@ -977,39 +1119,33 @@ export declare const FormField: {
|
|
|
977
1119
|
}) => null;
|
|
978
1120
|
};
|
|
979
1121
|
|
|
980
|
-
export declare const
|
|
1122
|
+
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
981
1123
|
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
labelSlotProps?: FormFieldLabelSlotProps;
|
|
985
|
-
input: ReactNode;
|
|
986
|
-
inputSlotProps?: FormFieldInputSlotProps;
|
|
987
|
-
description: ReactNode;
|
|
988
|
-
descriptionSlotProps?: FormFieldDescriptionSlotProps;
|
|
989
|
-
error: ReactNode;
|
|
990
|
-
errorSlotProps?: FormFieldErrorSlotProps;
|
|
991
|
-
info: ReactNode;
|
|
992
|
-
isInvalid?: boolean;
|
|
993
|
-
isRequired?: boolean;
|
|
994
|
-
isDisabled?: boolean;
|
|
995
|
-
isReadOnly?: boolean;
|
|
996
|
-
};
|
|
1124
|
+
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1125
|
+
}
|
|
997
1126
|
|
|
998
|
-
export declare
|
|
999
|
-
context: FormFieldContextPayloadType;
|
|
1000
|
-
setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;
|
|
1001
|
-
};
|
|
1127
|
+
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
1002
1128
|
|
|
1003
|
-
declare interface
|
|
1129
|
+
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1004
1130
|
}
|
|
1005
1131
|
|
|
1006
|
-
declare
|
|
1007
|
-
}
|
|
1132
|
+
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
1008
1133
|
|
|
1009
|
-
declare
|
|
1134
|
+
declare type FormFieldInfoBoxProps = {
|
|
1135
|
+
/**
|
|
1136
|
+
* The content to display in the InfoBox
|
|
1137
|
+
*/
|
|
1138
|
+
children: ReactNode;
|
|
1139
|
+
};
|
|
1140
|
+
|
|
1141
|
+
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
1142
|
+
|
|
1143
|
+
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1010
1144
|
}
|
|
1011
1145
|
|
|
1012
|
-
declare
|
|
1146
|
+
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
1147
|
+
|
|
1148
|
+
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1013
1149
|
}
|
|
1014
1150
|
|
|
1015
1151
|
/**
|
|
@@ -1079,13 +1215,20 @@ mt: "var(--grid-gap)";
|
|
|
1079
1215
|
};
|
|
1080
1216
|
}>;
|
|
1081
1217
|
|
|
1218
|
+
/**
|
|
1219
|
+
* FormField
|
|
1220
|
+
* ============================================================
|
|
1221
|
+
* displays inputs in a FormField context
|
|
1222
|
+
*/
|
|
1223
|
+
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
1224
|
+
|
|
1082
1225
|
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
1083
1226
|
}
|
|
1084
1227
|
|
|
1085
1228
|
declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
|
|
1086
1229
|
|
|
1087
1230
|
/** combine chakra-button props with aria-button props */
|
|
1088
|
-
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps> & {
|
|
1231
|
+
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
|
|
1089
1232
|
[key: `data-${string}`]: unknown;
|
|
1090
1233
|
};
|
|
1091
1234
|
|
|
@@ -1319,15 +1462,17 @@ declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onCl
|
|
|
1319
1462
|
[key: `data-${string}`]: string;
|
|
1320
1463
|
};
|
|
1321
1464
|
|
|
1322
|
-
export
|
|
1323
|
-
|
|
1324
|
-
|
|
1465
|
+
export declare const List: {
|
|
1466
|
+
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1467
|
+
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1468
|
+
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1469
|
+
};
|
|
1325
1470
|
|
|
1326
|
-
export declare
|
|
1471
|
+
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1327
1472
|
|
|
1328
|
-
export declare const
|
|
1473
|
+
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1329
1474
|
|
|
1330
|
-
export declare
|
|
1475
|
+
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1331
1476
|
|
|
1332
1477
|
/**
|
|
1333
1478
|
* LoadingSpinner
|
|
@@ -1433,8 +1578,185 @@ export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOp
|
|
|
1433
1578
|
children?: ReactNode | undefined;
|
|
1434
1579
|
} & RefAttributes<HTMLElement>>;
|
|
1435
1580
|
|
|
1581
|
+
/**
|
|
1582
|
+
* MultilineTextInput
|
|
1583
|
+
* ============================================================
|
|
1584
|
+
* A textarea component that takes in multiline text as input
|
|
1585
|
+
*
|
|
1586
|
+
* Features:
|
|
1587
|
+
*
|
|
1588
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1589
|
+
* - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
|
|
1590
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1591
|
+
* - allows overriding styles by using style-props
|
|
1592
|
+
* - supports auto-growing height based on content when `autoGrow` is enabled
|
|
1593
|
+
*/
|
|
1594
|
+
export declare const MultilineTextInput: {
|
|
1595
|
+
(props: MultilineTextInputProps): JSX.Element;
|
|
1596
|
+
displayName: string;
|
|
1597
|
+
};
|
|
1598
|
+
|
|
1599
|
+
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
1600
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
1601
|
+
/**
|
|
1602
|
+
* When true, the textarea will automatically grow in height to fit its content.
|
|
1603
|
+
* This works in addition to the default draggable resize behavior.
|
|
1604
|
+
*/
|
|
1605
|
+
autoGrow?: boolean;
|
|
1606
|
+
}
|
|
1607
|
+
|
|
1608
|
+
/**
|
|
1609
|
+
* Recipe configuration for the MultilineTextInput component.
|
|
1610
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1611
|
+
*/
|
|
1612
|
+
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
1613
|
+
size: {
|
|
1614
|
+
sm: {
|
|
1615
|
+
minH: number;
|
|
1616
|
+
textStyle: "sm";
|
|
1617
|
+
px: number;
|
|
1618
|
+
py: number;
|
|
1619
|
+
};
|
|
1620
|
+
md: {
|
|
1621
|
+
minH: number;
|
|
1622
|
+
textStyle: "md";
|
|
1623
|
+
px: number;
|
|
1624
|
+
py: number;
|
|
1625
|
+
};
|
|
1626
|
+
};
|
|
1627
|
+
variant: {
|
|
1628
|
+
solid: {
|
|
1629
|
+
"--border-width": "sizes.25";
|
|
1630
|
+
"--border-color": "colors.neutral.7";
|
|
1631
|
+
backgroundColor: "neutral.1";
|
|
1632
|
+
_hover: {
|
|
1633
|
+
backgroundColor: "primary.2";
|
|
1634
|
+
};
|
|
1635
|
+
};
|
|
1636
|
+
ghost: {
|
|
1637
|
+
_hover: {
|
|
1638
|
+
backgroundColor: "primary.2";
|
|
1639
|
+
};
|
|
1640
|
+
};
|
|
1641
|
+
};
|
|
1642
|
+
}>;
|
|
1643
|
+
|
|
1644
|
+
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
1645
|
+
}
|
|
1646
|
+
|
|
1647
|
+
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
1648
|
+
|
|
1436
1649
|
export declare function NimbusProvider({ children, ...props }: ColorModeProviderProps): JSX.Element;
|
|
1437
1650
|
|
|
1651
|
+
/**
|
|
1652
|
+
* NumberInput
|
|
1653
|
+
* ============================================================
|
|
1654
|
+
* An input component that accepts only numbers with increment/decrement buttons
|
|
1655
|
+
*
|
|
1656
|
+
* Features:
|
|
1657
|
+
*
|
|
1658
|
+
* - supports ref forwarding to the underlying DOM element
|
|
1659
|
+
* - supports number-specific props like min, max, step
|
|
1660
|
+
* - includes increment/decrement buttons for easy number adjustment
|
|
1661
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1662
|
+
* - allows overriding styles by using style-props
|
|
1663
|
+
* - provides full accessibility support
|
|
1664
|
+
*/
|
|
1665
|
+
export declare const NumberInput: {
|
|
1666
|
+
(props: NumberInputProps): JSX.Element;
|
|
1667
|
+
displayName: string;
|
|
1668
|
+
};
|
|
1669
|
+
|
|
1670
|
+
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
1671
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1672
|
+
}
|
|
1673
|
+
|
|
1674
|
+
/**
|
|
1675
|
+
* Recipe configuration for the NumberInput component.
|
|
1676
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
1677
|
+
*/
|
|
1678
|
+
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
1679
|
+
size: {
|
|
1680
|
+
sm: {
|
|
1681
|
+
input: {
|
|
1682
|
+
h: number;
|
|
1683
|
+
textStyle: "sm";
|
|
1684
|
+
px: number;
|
|
1685
|
+
paddingRight: number;
|
|
1686
|
+
};
|
|
1687
|
+
};
|
|
1688
|
+
md: {
|
|
1689
|
+
input: {
|
|
1690
|
+
h: number;
|
|
1691
|
+
textStyle: "md";
|
|
1692
|
+
px: number;
|
|
1693
|
+
paddingRight: number;
|
|
1694
|
+
};
|
|
1695
|
+
};
|
|
1696
|
+
};
|
|
1697
|
+
variant: {
|
|
1698
|
+
solid: {
|
|
1699
|
+
root: {
|
|
1700
|
+
"&:has(button:hover) input": {
|
|
1701
|
+
backgroundColor: "primary.2";
|
|
1702
|
+
};
|
|
1703
|
+
};
|
|
1704
|
+
input: {
|
|
1705
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1706
|
+
backgroundColor: "neutral.1";
|
|
1707
|
+
_hover: {
|
|
1708
|
+
backgroundColor: "primary.2";
|
|
1709
|
+
};
|
|
1710
|
+
};
|
|
1711
|
+
incrementButton: {
|
|
1712
|
+
borderTop: "var(--border-width) solid var(--border-color)";
|
|
1713
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1714
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1715
|
+
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
1716
|
+
_hover: {
|
|
1717
|
+
backgroundColor: "primaryAlpha.3";
|
|
1718
|
+
};
|
|
1719
|
+
};
|
|
1720
|
+
decrementButton: {
|
|
1721
|
+
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
1722
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1723
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1724
|
+
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
1725
|
+
_hover: {
|
|
1726
|
+
backgroundColor: "primaryAlpha.3";
|
|
1727
|
+
};
|
|
1728
|
+
};
|
|
1729
|
+
};
|
|
1730
|
+
ghost: {
|
|
1731
|
+
root: {
|
|
1732
|
+
"&:has(button:hover) input": {
|
|
1733
|
+
backgroundColor: "primary.2";
|
|
1734
|
+
};
|
|
1735
|
+
};
|
|
1736
|
+
input: {
|
|
1737
|
+
_hover: {
|
|
1738
|
+
backgroundColor: "primary.2";
|
|
1739
|
+
};
|
|
1740
|
+
};
|
|
1741
|
+
incrementButton: {
|
|
1742
|
+
_hover: {
|
|
1743
|
+
backgroundColor: "primaryAlpha.3";
|
|
1744
|
+
};
|
|
1745
|
+
};
|
|
1746
|
+
decrementButton: {
|
|
1747
|
+
_hover: {
|
|
1748
|
+
backgroundColor: "primaryAlpha.3";
|
|
1749
|
+
};
|
|
1750
|
+
};
|
|
1751
|
+
};
|
|
1752
|
+
};
|
|
1753
|
+
}>;
|
|
1754
|
+
|
|
1755
|
+
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
1759
|
+
|
|
1438
1760
|
/**
|
|
1439
1761
|
* PasswordInput
|
|
1440
1762
|
* ============================================================
|
|
@@ -1457,6 +1779,65 @@ export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInput
|
|
|
1457
1779
|
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
1458
1780
|
}
|
|
1459
1781
|
|
|
1782
|
+
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
1783
|
+
children?: React.ReactNode;
|
|
1784
|
+
};
|
|
1785
|
+
|
|
1786
|
+
export declare const RadioInput: {
|
|
1787
|
+
Root: {
|
|
1788
|
+
(props: RadioInputRootProps_2): JSX.Element;
|
|
1789
|
+
displayName: string;
|
|
1790
|
+
};
|
|
1791
|
+
Option: {
|
|
1792
|
+
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
1793
|
+
displayName: string;
|
|
1794
|
+
};
|
|
1795
|
+
};
|
|
1796
|
+
|
|
1797
|
+
export declare const _RadioInputOption: {
|
|
1798
|
+
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
1799
|
+
displayName: string;
|
|
1800
|
+
};
|
|
1801
|
+
|
|
1802
|
+
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
export declare const _RadioInputRoot: {
|
|
1809
|
+
(props: RadioInputRootProps): JSX.Element;
|
|
1810
|
+
displayName: string;
|
|
1811
|
+
};
|
|
1812
|
+
|
|
1813
|
+
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
1814
|
+
}
|
|
1815
|
+
|
|
1816
|
+
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
/**
|
|
1820
|
+
* Recipe configuration for the RadioInput component.
|
|
1821
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1822
|
+
*/
|
|
1823
|
+
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
1824
|
+
orientation: {
|
|
1825
|
+
horizontal: {
|
|
1826
|
+
root: {
|
|
1827
|
+
flexDirection: "row";
|
|
1828
|
+
gap: "600";
|
|
1829
|
+
};
|
|
1830
|
+
};
|
|
1831
|
+
vertical: {
|
|
1832
|
+
root: {
|
|
1833
|
+
flexDirection: "column";
|
|
1834
|
+
alignItems: "flex-start";
|
|
1835
|
+
gap: "400";
|
|
1836
|
+
};
|
|
1837
|
+
};
|
|
1838
|
+
};
|
|
1839
|
+
}>;
|
|
1840
|
+
|
|
1460
1841
|
export declare const Select: {
|
|
1461
1842
|
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1462
1843
|
Options: {
|
|
@@ -1558,7 +1939,7 @@ textStyle: "md";
|
|
|
1558
1939
|
variant: {
|
|
1559
1940
|
outline: {
|
|
1560
1941
|
root: {
|
|
1561
|
-
bg: "
|
|
1942
|
+
bg: "primary.1";
|
|
1562
1943
|
"&:hover": {
|
|
1563
1944
|
bg: "primary.2";
|
|
1564
1945
|
};
|
|
@@ -1604,6 +1985,15 @@ export declare interface SimpleGridProps extends SimpleGridProps_2 {
|
|
|
1604
1985
|
ref?: React.Ref<HTMLDivElement>;
|
|
1605
1986
|
}
|
|
1606
1987
|
|
|
1988
|
+
export declare interface SingleSelectInputProps {
|
|
1989
|
+
placeholder?: string;
|
|
1990
|
+
inputValue?: string;
|
|
1991
|
+
allowsCustomValue?: boolean;
|
|
1992
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
1993
|
+
onInputChange?: (value: string) => void;
|
|
1994
|
+
ref?: default_2.Ref<HTMLInputElement>;
|
|
1995
|
+
}
|
|
1996
|
+
|
|
1607
1997
|
export declare const Stack: {
|
|
1608
1998
|
(props: StackProps): JSX.Element;
|
|
1609
1999
|
displayName: string;
|
|
@@ -1818,7 +2208,7 @@ variant: {
|
|
|
1818
2208
|
solid: {
|
|
1819
2209
|
"--border-width": "sizes.25";
|
|
1820
2210
|
"--border-color": "colors.neutral.7";
|
|
1821
|
-
backgroundColor: "
|
|
2211
|
+
backgroundColor: "primary.1";
|
|
1822
2212
|
_hover: {
|
|
1823
2213
|
backgroundColor: "primary.2";
|
|
1824
2214
|
};
|
|
@@ -1840,6 +2230,83 @@ export declare interface TextProps extends TextProps_2 {
|
|
|
1840
2230
|
ref?: React.Ref<HTMLParagraphElement>;
|
|
1841
2231
|
}
|
|
1842
2232
|
|
|
2233
|
+
/**
|
|
2234
|
+
* TimeInput
|
|
2235
|
+
* ============================================================
|
|
2236
|
+
* allows entering a time in the currently selected locale
|
|
2237
|
+
*/
|
|
2238
|
+
export declare const TimeInput: {
|
|
2239
|
+
(props: TimeInputProps): JSX.Element;
|
|
2240
|
+
displayName: string;
|
|
2241
|
+
};
|
|
2242
|
+
|
|
2243
|
+
/**
|
|
2244
|
+
* Main props interface for the TimeInput component.
|
|
2245
|
+
*
|
|
2246
|
+
* We use Omit to remove:
|
|
2247
|
+
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
2248
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
2249
|
+
*/
|
|
2250
|
+
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
2251
|
+
}
|
|
2252
|
+
|
|
2253
|
+
/**
|
|
2254
|
+
* Recipe configuration for the TimeInput component.
|
|
2255
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2256
|
+
*/
|
|
2257
|
+
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
2258
|
+
size: {
|
|
2259
|
+
sm: {
|
|
2260
|
+
segmentGroup: {
|
|
2261
|
+
h: number;
|
|
2262
|
+
textStyle: "sm";
|
|
2263
|
+
px: number;
|
|
2264
|
+
};
|
|
2265
|
+
};
|
|
2266
|
+
md: {
|
|
2267
|
+
segmentGroup: {
|
|
2268
|
+
h: number;
|
|
2269
|
+
textStyle: "md";
|
|
2270
|
+
px: number;
|
|
2271
|
+
};
|
|
2272
|
+
};
|
|
2273
|
+
};
|
|
2274
|
+
variant: {
|
|
2275
|
+
solid: {
|
|
2276
|
+
segmentGroup: {
|
|
2277
|
+
"--border-width": "sizes.25";
|
|
2278
|
+
"--border-color": "colors.neutral.7";
|
|
2279
|
+
backgroundColor: "neutral.1";
|
|
2280
|
+
_hover: {
|
|
2281
|
+
backgroundColor: "primary.2";
|
|
2282
|
+
};
|
|
2283
|
+
};
|
|
2284
|
+
};
|
|
2285
|
+
ghost: {
|
|
2286
|
+
segmentGroup: {
|
|
2287
|
+
_hover: {
|
|
2288
|
+
backgroundColor: "primary.2";
|
|
2289
|
+
};
|
|
2290
|
+
};
|
|
2291
|
+
};
|
|
2292
|
+
};
|
|
2293
|
+
}>;
|
|
2294
|
+
|
|
2295
|
+
/**
|
|
2296
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2297
|
+
* with the unstyled prop option for the div element.
|
|
2298
|
+
*/
|
|
2299
|
+
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2300
|
+
}
|
|
2301
|
+
|
|
2302
|
+
/**
|
|
2303
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2304
|
+
* This creates a complete set of props for the root element, combining
|
|
2305
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2306
|
+
*/
|
|
2307
|
+
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
2308
|
+
}
|
|
2309
|
+
|
|
1843
2310
|
/**
|
|
1844
2311
|
* ToggleButtonGroup
|
|
1845
2312
|
* ============================================================
|
|
@@ -1850,7 +2317,7 @@ export declare const ToggleButtonGroup: {
|
|
|
1850
2317
|
Button: ToggleButtonGroupButtonComponent_2;
|
|
1851
2318
|
};
|
|
1852
2319
|
|
|
1853
|
-
export declare const
|
|
2320
|
+
export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
|
|
1854
2321
|
|
|
1855
2322
|
/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
|
|
1856
2323
|
export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
|
|
@@ -1868,7 +2335,7 @@ export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroup
|
|
|
1868
2335
|
ref?: React.Ref<typeof ToggleButtonGroup_2>;
|
|
1869
2336
|
};
|
|
1870
2337
|
|
|
1871
|
-
export declare const
|
|
2338
|
+
export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
|
|
1872
2339
|
|
|
1873
2340
|
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
1874
2341
|
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
@@ -1879,8 +2346,13 @@ declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaT
|
|
|
1879
2346
|
/** Base Chakra styling props for the root `div` slot. */
|
|
1880
2347
|
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
1881
2348
|
|
|
2349
|
+
export declare const Tooltip: {
|
|
2350
|
+
Root: typeof _TooltipRoot;
|
|
2351
|
+
Content: typeof _TooltipContent;
|
|
2352
|
+
};
|
|
2353
|
+
|
|
1882
2354
|
/**
|
|
1883
|
-
*
|
|
2355
|
+
* TooltipContent
|
|
1884
2356
|
* ============================================================
|
|
1885
2357
|
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
1886
2358
|
*
|
|
@@ -1893,7 +2365,13 @@ declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps
|
|
|
1893
2365
|
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
1894
2366
|
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
1895
2367
|
*/
|
|
1896
|
-
export declare
|
|
2368
|
+
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
2369
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2370
|
+
}): JSX.Element;
|
|
2371
|
+
|
|
2372
|
+
export declare namespace _TooltipContent {
|
|
2373
|
+
var displayName: string;
|
|
2374
|
+
}
|
|
1897
2375
|
|
|
1898
2376
|
/**
|
|
1899
2377
|
* Main props interface for the Tooltip components
|
|
@@ -1916,26 +2394,26 @@ declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
|
1916
2394
|
}
|
|
1917
2395
|
|
|
1918
2396
|
/**
|
|
1919
|
-
*
|
|
1920
|
-
* This creates a complete set of props for the root element, combining
|
|
1921
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1922
|
-
*/
|
|
1923
|
-
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1924
|
-
}
|
|
1925
|
-
|
|
1926
|
-
/**
|
|
1927
|
-
* TooltipTrigger
|
|
2397
|
+
* TooltipRoot
|
|
1928
2398
|
* ============================================================
|
|
1929
|
-
*
|
|
2399
|
+
* Root component that wraps around a trigger element and Tooltip content.
|
|
1930
2400
|
* It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
|
|
1931
2401
|
* and positioning the Tooltip relative to the trigger.
|
|
1932
2402
|
*
|
|
1933
|
-
*
|
|
1934
|
-
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2403
|
+
* This acts as the context provider for the compound Tooltip component.
|
|
1935
2404
|
*/
|
|
1936
|
-
export declare
|
|
2405
|
+
export declare function _TooltipRoot(props: TooltipTriggerComponentProps): JSX.Element;
|
|
1937
2406
|
|
|
1938
|
-
export declare
|
|
2407
|
+
export declare namespace _TooltipRoot {
|
|
2408
|
+
var displayName: string;
|
|
2409
|
+
}
|
|
2410
|
+
|
|
2411
|
+
/**
|
|
2412
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2413
|
+
* This creates a complete set of props for the root element, combining
|
|
2414
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2415
|
+
*/
|
|
2416
|
+
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
1939
2417
|
}
|
|
1940
2418
|
|
|
1941
2419
|
/**
|