@commercetools/nimbus 0.0.0-canary-20251015171040 → 0.0.0-canary-20251015182814
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/accordion.d.ts +26 -11
- package/dist/alert.d.ts +54 -28
- package/dist/avatar.d.ts +17 -19
- package/dist/badge.d.ts +16 -17
- package/dist/button.d.ts +23 -16
- package/dist/calendar.d.ts +0 -4
- package/dist/card.d.ts +18 -18
- package/dist/checkbox.d.ts +14 -9
- package/dist/chunks/accordion-B2FLWAh5.cjs.js.map +1 -1
- package/dist/chunks/accordion-CKDnNkVv.es.js.map +1 -1
- package/dist/chunks/alert-CPHjPe4-.cjs.js.map +1 -1
- package/dist/chunks/alert-lNg0Rz2w.es.js.map +1 -1
- package/dist/chunks/{avatar-BfEMp9g8.es.js → avatar-CTiSGVoD.es.js} +4 -2
- package/dist/chunks/avatar-CTiSGVoD.es.js.map +1 -0
- package/dist/chunks/avatar-_o-uSXYy.cjs.js.map +1 -1
- package/dist/chunks/{badge-JEfh4EDj.es.js → badge-Csn5glEd.es.js} +4 -2
- package/dist/chunks/badge-Csn5glEd.es.js.map +1 -0
- package/dist/chunks/badge-mMpNb3Qj.cjs.js.map +1 -1
- package/dist/chunks/button-B5OOW-2z.cjs.js.map +1 -1
- package/dist/chunks/button-IZUJaJku.es.js.map +1 -1
- package/dist/chunks/calendar-V0KeNCQ3.cjs.js.map +1 -1
- package/dist/chunks/calendar-lD6G93R9.es.js.map +1 -1
- package/dist/chunks/card-BB_1xrND.es.js.map +1 -1
- package/dist/chunks/card-BPEsGx1J.cjs.js.map +1 -1
- package/dist/chunks/{checkbox-DII0AOBy.es.js → checkbox-BB-WJdal.es.js} +2 -8
- package/dist/chunks/{checkbox-DII0AOBy.es.js.map → checkbox-BB-WJdal.es.js.map} +1 -1
- package/dist/chunks/checkbox-Dod-yTj4.cjs.js.map +1 -1
- package/dist/chunks/collapsible-motion-C7M_CLNI.cjs.js.map +1 -1
- package/dist/chunks/collapsible-motion-CSrKjF8X.es.js.map +1 -1
- package/dist/chunks/combobox-B5UxZWSX.cjs.js.map +1 -1
- package/dist/chunks/{combobox-CxEeal66.es.js → combobox-D_7gr3DY.es.js} +2 -2
- package/dist/chunks/{combobox-CxEeal66.es.js.map → combobox-D_7gr3DY.es.js.map} +1 -1
- package/dist/chunks/data-table-C51WU0Cc.cjs.js.map +1 -1
- package/dist/chunks/{data-table-BGCmY93Q.es.js → data-table-ClMivKY1.es.js} +5 -8
- package/dist/chunks/{data-table-BGCmY93Q.es.js.map → data-table-ClMivKY1.es.js.map} +1 -1
- package/dist/chunks/date-input-Cap8-3zj.es.js.map +1 -1
- package/dist/chunks/date-input-DvOM0DLT.cjs.js.map +1 -1
- package/dist/chunks/date-picker-CZAoPNsT.cjs.js.map +1 -1
- package/dist/chunks/date-picker-ChZ8H-MT.es.js.map +1 -1
- package/dist/chunks/date-range-picker-DGWMdcAN.es.js.map +1 -1
- package/dist/chunks/date-range-picker-iENzosfN.cjs.js.map +1 -1
- package/dist/chunks/{draggable-list-Dv372xXb.es.js → draggable-list-s43baxoM.es.js} +2 -2
- package/dist/chunks/{draggable-list-Dv372xXb.es.js.map → draggable-list-s43baxoM.es.js.map} +1 -1
- package/dist/chunks/{field-errors-CHxHaB5C.es.js → field-errors-ClQprmQz.es.js} +1 -6
- package/dist/chunks/field-errors-ClQprmQz.es.js.map +1 -0
- package/dist/chunks/field-errors-D2re_C_c.cjs.js.map +1 -1
- package/dist/chunks/group-BqUFlw5R.cjs.js.map +1 -1
- package/dist/chunks/group-CWADf2vF.es.js.map +1 -1
- package/dist/chunks/{icon-V6yr3oou.es.js → icon-CenxuChf.es.js} +2 -4
- package/dist/chunks/icon-CenxuChf.es.js.map +1 -0
- package/dist/chunks/icon-D39U--jA.cjs.js.map +1 -1
- package/dist/chunks/kbd-BaeV_DL-.cjs.js.map +1 -1
- package/dist/chunks/kbd-CH9rYghB.es.js.map +1 -1
- package/dist/chunks/link-BEhlSTUU.es.js.map +1 -1
- package/dist/chunks/link-DpU4rPCp.cjs.js.map +1 -1
- package/dist/chunks/loading-spinner-BiVTAfmp.es.js.map +1 -1
- package/dist/chunks/loading-spinner-DQM-6XnY.cjs.js.map +1 -1
- package/dist/chunks/{localized-field-D4R1lSbz.es.js → localized-field-D3G0Uy7Z.es.js} +6 -6
- package/dist/chunks/{localized-field-D4R1lSbz.es.js.map → localized-field-D3G0Uy7Z.es.js.map} +1 -1
- package/dist/chunks/{menu-BkPvV5Ey.es.js → menu-D-vE6ZpM.es.js} +3 -6
- package/dist/chunks/menu-D-vE6ZpM.es.js.map +1 -0
- package/dist/chunks/menu-DIepV2KZ.cjs.js.map +1 -1
- package/dist/chunks/{money-input-jPYw0Jyg.es.js → money-input-sk0Slpeu.es.js} +2 -2
- package/dist/chunks/{money-input-jPYw0Jyg.es.js.map → money-input-sk0Slpeu.es.js.map} +1 -1
- package/dist/chunks/multiline-text-input-B9TBDieZ.cjs.js.map +1 -1
- package/dist/chunks/multiline-text-input-CilSJJaO.es.js.map +1 -1
- package/dist/chunks/{password-input-Bf_SPzLj.es.js → password-input-6MO4I-2j.es.js} +2 -2
- package/dist/chunks/{password-input-Bf_SPzLj.es.js.map → password-input-6MO4I-2j.es.js.map} +1 -1
- package/dist/chunks/popover-CfEq5G5-.cjs.js.map +1 -1
- package/dist/chunks/{popover-DF0ppmkw.es.js → popover-DNaC7CwB.es.js} +2 -4
- package/dist/chunks/popover-DNaC7CwB.es.js.map +1 -0
- package/dist/chunks/progress-bar-Bhp7W6Eo.cjs.js.map +1 -1
- package/dist/chunks/progress-bar-DwuOjOcH.es.js.map +1 -1
- package/dist/chunks/range-calendar-DBpl6y5i.es.js.map +1 -1
- package/dist/chunks/range-calendar-_dZfAsdG.cjs.js.map +1 -1
- package/dist/chunks/{rich-text-input-D7DcSuhr.es.js → rich-text-input-BC8CBVio.es.js} +5 -5
- package/dist/chunks/rich-text-input-BC8CBVio.es.js.map +1 -0
- package/dist/chunks/rich-text-input-Da5WFZ3l.cjs.js.map +1 -1
- package/dist/chunks/search-input-BefkmgPy.cjs.js.map +1 -1
- package/dist/chunks/search-input-DJy2NHYW.es.js.map +1 -1
- package/dist/chunks/separator-CvRn_J0r.cjs.js.map +1 -1
- package/dist/chunks/{separator-B0qxXI4c.es.js → separator-DJGUFG-o.es.js} +2 -4
- package/dist/chunks/separator-DJGUFG-o.es.js.map +1 -0
- package/dist/chunks/split-button-BO52sL7h.cjs.js.map +1 -1
- package/dist/chunks/{split-button-yfUsgbxF.es.js → split-button-BxyZmuNi.es.js} +3 -3
- package/dist/chunks/split-button-BxyZmuNi.es.js.map +1 -0
- package/dist/chunks/{switch-Df_0twKu.es.js → switch-01hEhL9A.es.js} +2 -14
- package/dist/chunks/switch-01hEhL9A.es.js.map +1 -0
- package/dist/chunks/switch-CdLhBEPq.cjs.js.map +1 -1
- package/dist/chunks/tabs-CJ0OAUSR.cjs.js.map +1 -1
- package/dist/chunks/{tabs-BCLrKRoZ.es.js → tabs-Dhte-RCe.es.js} +2 -8
- package/dist/chunks/{tabs-BCLrKRoZ.es.js.map → tabs-Dhte-RCe.es.js.map} +1 -1
- package/dist/chunks/tag-group-Btt0egzG.cjs.js.map +1 -1
- package/dist/chunks/{tag-group-B-eOhltn.es.js → tag-group-D2dgXSsV.es.js} +3 -9
- package/dist/chunks/{tag-group-B-eOhltn.es.js.map → tag-group-D2dgXSsV.es.js.map} +1 -1
- package/dist/chunks/text-input-CSAODlCw.es.js.map +1 -1
- package/dist/chunks/text-input-DZdkCbdd.cjs.js.map +1 -1
- package/dist/chunks/time-input--a_qv-Jk.es.js.map +1 -1
- package/dist/chunks/time-input-zXykDANk.cjs.js.map +1 -1
- package/dist/chunks/toggle-button-DxMZsem4.cjs.js.map +1 -1
- package/dist/chunks/toggle-button-awb1jBf8.es.js.map +1 -1
- package/dist/chunks/toolbar-DV0l5MqA.cjs.js.map +1 -1
- package/dist/chunks/{toolbar-BDatiEYj.es.js → toolbar-Dduysqqi.es.js} +4 -2
- package/dist/chunks/toolbar-Dduysqqi.es.js.map +1 -0
- package/dist/chunks/tooltip-BPTOkK7W.cjs.js.map +1 -1
- package/dist/chunks/{tooltip-CHm25f4m.es.js → tooltip-sgakxhiy.es.js} +2 -4
- package/dist/chunks/{tooltip-CHm25f4m.es.js.map → tooltip-sgakxhiy.es.js.map} +1 -1
- package/dist/collapsible-motion.d.ts +55 -42
- package/dist/combobox.d.ts +45 -25
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/combobox.es.js +1 -1
- package/dist/components/data-table.es.js +1 -1
- package/dist/components/draggable-list.es.js +1 -1
- package/dist/components/field-errors.es.js +1 -1
- package/dist/components/icon.es.js +1 -1
- package/dist/components/localized-field.es.js +1 -1
- package/dist/components/money-input.es.js +1 -1
- package/dist/components/password-input.es.js +1 -1
- package/dist/components/popover.es.js +1 -1
- package/dist/components/rich-text-input.es.js +1 -1
- package/dist/components/separator.es.js +1 -1
- package/dist/components/split-button.es.js +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabs.es.js +1 -1
- package/dist/components/tag-group.es.js +1 -1
- package/dist/components/toolbar.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/components.d.ts +31 -20
- package/dist/data-table.d.ts +4 -24
- package/dist/date-input.d.ts +10 -35
- package/dist/date-picker.d.ts +13 -66
- package/dist/date-range-picker.d.ts +10 -21
- package/dist/dialog.d.ts +31 -20
- package/dist/draggable-list.d.ts +35 -11
- package/dist/drawer.d.ts +45 -36
- package/dist/field-errors.d.ts +33 -25
- package/dist/form-field.d.ts +32 -12
- package/dist/group.d.ts +8 -12
- package/dist/icon-button.d.ts +29 -20
- package/dist/icon-toggle-button.d.ts +21 -16
- package/dist/icon.d.ts +0 -19
- package/dist/index.d.ts +31 -20
- package/dist/index.es.js +21 -21
- package/dist/inline-svg.d.ts +2 -21
- package/dist/link.d.ts +14 -24
- package/dist/loading-spinner.d.ts +13 -22
- package/dist/localized-field.d.ts +2 -5
- package/dist/money-input.d.ts +4 -0
- package/dist/multiline-text-input.d.ts +21 -7
- package/dist/nimbus-provider.d.ts +20 -8
- package/dist/number-input.d.ts +13 -2
- package/dist/pagination.d.ts +33 -9
- package/dist/password-input.d.ts +16 -10
- package/dist/popover.d.ts +3 -3
- package/dist/progress-bar.d.ts +21 -22
- package/dist/radio-input.d.ts +8 -3
- package/dist/range-calendar.d.ts +0 -7
- package/dist/scoped-search-input.d.ts +29 -92
- package/dist/search-input.d.ts +14 -10
- package/dist/select.d.ts +25 -9
- package/dist/separator.d.ts +10 -27
- package/dist/split-button.d.ts +23 -16
- package/dist/switch.d.ts +6 -11
- package/dist/tabs.d.ts +12 -13
- package/dist/tag-group.d.ts +4 -10
- package/dist/text-input.d.ts +19 -8
- package/dist/time-input.d.ts +8 -38
- package/dist/toggle-button-group.d.ts +9 -10
- package/dist/toggle-button.d.ts +15 -15
- package/dist/toolbar.d.ts +5 -11
- package/dist/tooltip.d.ts +23 -28
- package/package.json +5 -5
- package/dist/chunks/avatar-BfEMp9g8.es.js.map +0 -1
- package/dist/chunks/badge-JEfh4EDj.es.js.map +0 -1
- package/dist/chunks/field-errors-CHxHaB5C.es.js.map +0 -1
- package/dist/chunks/icon-V6yr3oou.es.js.map +0 -1
- package/dist/chunks/menu-BkPvV5Ey.es.js.map +0 -1
- package/dist/chunks/popover-DF0ppmkw.es.js.map +0 -1
- package/dist/chunks/rich-text-input-D7DcSuhr.es.js.map +0 -1
- package/dist/chunks/separator-B0qxXI4c.es.js.map +0 -1
- package/dist/chunks/split-button-yfUsgbxF.es.js.map +0 -1
- package/dist/chunks/switch-Df_0twKu.es.js.map +0 -1
- package/dist/chunks/toolbar-BDatiEYj.es.js.map +0 -1
|
@@ -1,105 +1,118 @@
|
|
|
1
1
|
import { AriaButtonProps } from 'react-aria';
|
|
2
|
-
import {
|
|
2
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import { DetailedHTMLProps } from 'react';
|
|
4
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
5
|
+
import { HTMLAttributes } from 'react';
|
|
3
6
|
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
7
|
+
import { JsxStyleProps } from '@chakra-ui/react';
|
|
8
|
+
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
9
|
+
import { PolymorphicProps } from '@chakra-ui/react';
|
|
4
10
|
import { ReactNode } from 'react';
|
|
11
|
+
import { RefAttributes } from 'react';
|
|
5
12
|
import { RefObject } from 'react';
|
|
6
13
|
import { SlotRecipeProps } from '@chakra-ui/react';
|
|
7
14
|
|
|
8
|
-
export
|
|
15
|
+
export declare const CollapsibleMotion: CollapsibleMotionNamespace;
|
|
9
16
|
|
|
10
17
|
/**
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
18
|
+
* CollapsibleMotion.Content - The collapsible content container
|
|
19
|
+
*
|
|
20
|
+
* This component renders the content that will expand and collapse.
|
|
21
|
+
* It handles accessibility attributes through React Aria.
|
|
14
22
|
*/
|
|
15
|
-
export declare type CollapsibleMotionContentProps = HTMLChakraProps<"div"> & {
|
|
23
|
+
declare const CollapsibleMotionContent: 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" | "borderRadius" | "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" | "display" | "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" | "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" | "invert" | "focusVisibleRing" | "layerStyle" | "focusRing" | "h" | "minW" | "px" | "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" | "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" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "textStyle" | "animationStyle" | "css" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
26
|
+
|
|
27
|
+
export declare type CollapsibleMotionContentProps = CollapsibleMotionContentSlotProps & {
|
|
16
28
|
/**
|
|
17
|
-
*
|
|
29
|
+
* Content to display inside the collapsible area
|
|
18
30
|
*/
|
|
19
31
|
children: ReactNode;
|
|
20
32
|
};
|
|
21
33
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
* This provides the communication layer between Root, Trigger, and Content components
|
|
25
|
-
*
|
|
26
|
-
* Note: Only includes properties that are actually consumed by child components.
|
|
27
|
-
* React Aria handles state management internally through buttonProps/panelProps.
|
|
28
|
-
*/
|
|
34
|
+
export declare type CollapsibleMotionContentSlotProps = HTMLChakraProps<"div">;
|
|
35
|
+
|
|
29
36
|
export declare type CollapsibleMotionContextValue = {
|
|
30
|
-
/** Whether the collapsible is disabled */
|
|
31
37
|
isDisabled: boolean;
|
|
32
|
-
/** Whether the content is currently expanded */
|
|
33
38
|
isExpanded: boolean;
|
|
34
|
-
/** Button props from React Aria for accessibility */
|
|
35
39
|
buttonProps: AriaButtonProps<"button">;
|
|
36
|
-
/** Panel props from React Aria for accessibility */
|
|
37
40
|
panelProps: React.HTMLAttributes<HTMLDivElement>;
|
|
38
|
-
/** Panel ref for React Aria (needs to be attached to the panel container) */
|
|
39
41
|
panelRef: RefObject<HTMLDivElement | null>;
|
|
40
42
|
};
|
|
41
43
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
declare type CollapsibleMotionNamespace = {
|
|
45
|
+
Root: typeof CollapsibleMotionRoot;
|
|
46
|
+
Trigger: typeof CollapsibleMotionTrigger;
|
|
47
|
+
Content: typeof CollapsibleMotionContent;
|
|
48
|
+
};
|
|
49
|
+
|
|
46
50
|
export declare type CollapsibleMotionRecipeProps = SlotRecipeProps<"collapsibleMotion">;
|
|
47
51
|
|
|
48
52
|
/**
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
53
|
+
* CollapsibleMotion.Root - The root container component that manages state and provides context
|
|
54
|
+
*
|
|
55
|
+
* This component contains all the state management logic and provides context to
|
|
56
|
+
* CollapsibleMotion.Trigger and CollapsibleMotion.Content components.
|
|
52
57
|
*/
|
|
58
|
+
declare const CollapsibleMotionRoot: React.ForwardRefExoticComponent<CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
59
|
+
|
|
53
60
|
export declare type CollapsibleMotionRootProps = CollapsibleMotionRootSlotProps & {
|
|
54
61
|
/**
|
|
55
|
-
*
|
|
62
|
+
* Content of the collapsible component
|
|
56
63
|
*/
|
|
57
64
|
children: ReactNode;
|
|
58
65
|
/**
|
|
59
|
-
*
|
|
66
|
+
* Default expanded state (uncontrolled mode)
|
|
67
|
+
* @default false
|
|
60
68
|
*/
|
|
61
69
|
defaultExpanded?: boolean;
|
|
62
70
|
/**
|
|
63
|
-
*
|
|
71
|
+
* Controlled expanded state
|
|
64
72
|
*/
|
|
65
73
|
isExpanded?: boolean;
|
|
66
74
|
/**
|
|
67
|
-
* Callback fired when
|
|
75
|
+
* Callback fired when expanded state changes
|
|
68
76
|
*/
|
|
69
77
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
70
78
|
/**
|
|
71
|
-
* Whether the
|
|
79
|
+
* Whether the component is disabled
|
|
80
|
+
* @default false
|
|
72
81
|
*/
|
|
73
82
|
isDisabled?: boolean;
|
|
74
83
|
/**
|
|
75
|
-
* Data attributes for testing
|
|
84
|
+
* Data attributes for testing or custom metadata
|
|
76
85
|
*/
|
|
77
86
|
[key: `data-${string}`]: unknown;
|
|
78
87
|
};
|
|
79
88
|
|
|
80
|
-
/**
|
|
81
|
-
* Root slot props combining Chakra HTML props with recipe variants
|
|
82
|
-
* This is the base for the root container component
|
|
83
|
-
*/
|
|
84
89
|
export declare type CollapsibleMotionRootSlotProps = HTMLChakraProps<"div", CollapsibleMotionRecipeProps>;
|
|
85
90
|
|
|
86
91
|
/**
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
*
|
|
92
|
+
* CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content
|
|
93
|
+
*
|
|
94
|
+
* This component renders a button with proper ARIA attributes for accessibility.
|
|
95
|
+
* It automatically handles the toggle functionality when clicked.
|
|
90
96
|
*/
|
|
91
|
-
export declare type CollapsibleMotionTriggerProps = HTMLChakraProps<"button"> & {
|
|
97
|
+
declare const CollapsibleMotionTrigger: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "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" | "borderRadius" | "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" | "display" | "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" | "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" | "invert" | "focusVisibleRing" | "layerStyle" | "focusRing" | "h" | "minW" | "px" | "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" | "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" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "textStyle" | "animationStyle" | "css" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & {
|
|
98
|
+
children: React.ReactNode;
|
|
99
|
+
asChild?: boolean;
|
|
100
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
101
|
+
|
|
102
|
+
export declare type CollapsibleMotionTriggerProps = CollapsibleMotionTriggerSlotProps & {
|
|
92
103
|
/**
|
|
93
|
-
*
|
|
104
|
+
* Content to display in the trigger button
|
|
94
105
|
*/
|
|
95
106
|
children: React.ReactNode;
|
|
96
107
|
/**
|
|
97
|
-
* Whether to render as a child
|
|
108
|
+
* Whether to render as a child component
|
|
98
109
|
* @default false
|
|
99
110
|
*/
|
|
100
111
|
asChild?: boolean;
|
|
101
112
|
};
|
|
102
113
|
|
|
114
|
+
export declare type CollapsibleMotionTriggerSlotProps = HTMLChakraProps<"button">;
|
|
115
|
+
|
|
103
116
|
export { }
|
|
104
117
|
|
|
105
118
|
|
package/dist/combobox.d.ts
CHANGED
|
@@ -31,7 +31,9 @@ export declare const ComboBox: {
|
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
/**
|
|
34
|
+
/**
|
|
35
|
+
* Props for the internal ComboBox button group component.
|
|
36
|
+
*/
|
|
35
37
|
export declare type ComboBoxButtonGroupProps = {
|
|
36
38
|
selectedKeys?: ComboBoxMultiSelectRootProps<object>["selectedKeys"];
|
|
37
39
|
onSelectionChange?: ComboBoxMultiSelectRootProps<object>["onSelectionChange"];
|
|
@@ -44,12 +46,11 @@ export declare type ComboBoxButtonGroupProps = {
|
|
|
44
46
|
isReadOnly?: boolean;
|
|
45
47
|
};
|
|
46
48
|
|
|
47
|
-
/** The slot is a wrapper for multiple components,
|
|
48
|
-
* and therefore not combined with the component props
|
|
49
|
-
* because it is not used to style the component directly using asChild */
|
|
50
49
|
export declare type ComboBoxButtonGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"buttonGroup">>;
|
|
51
50
|
|
|
52
|
-
/**
|
|
51
|
+
/**
|
|
52
|
+
* MultiSelect combobox configuration
|
|
53
|
+
*/
|
|
53
54
|
export declare type ComboBoxMultiSelect<T extends object> = Omit<AutocompleteProps, "children" | "filter" | "slot"> & Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> & {
|
|
54
55
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
55
56
|
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
@@ -68,25 +69,24 @@ export declare type ComboBoxMultiSelect<T extends object> = Omit<AutocompletePro
|
|
|
68
69
|
itemValue?: string;
|
|
69
70
|
placeholder?: string;
|
|
70
71
|
ref?: Ref<HTMLDivElement>;
|
|
71
|
-
/**
|
|
72
|
-
* Optional element to display at the start of the input
|
|
73
|
-
* Will respect text direction (left in LTR, right in RTL)
|
|
74
|
-
*/
|
|
75
72
|
leadingElement?: ReactNode;
|
|
76
73
|
size?: ComboBoxRecipeVariantProps["size"];
|
|
77
74
|
};
|
|
78
75
|
|
|
79
76
|
export declare type ComboBoxMultiSelectInputSlotProps = HTMLChakraProps<"input", RecipeProps<"multiSelectInput">>;
|
|
80
77
|
|
|
81
|
-
/**
|
|
78
|
+
/**
|
|
79
|
+
* Props for the ComboBox.Root component in multi select mode.
|
|
80
|
+
*/
|
|
82
81
|
export declare type ComboBoxMultiSelectRootProps<T extends object> = Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode"> & ComboBoxMultiSelect<T> & {
|
|
83
82
|
ref?: Ref<HTMLDivElement>;
|
|
84
83
|
};
|
|
85
84
|
|
|
86
|
-
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
87
85
|
export declare type ComboBoxMultiSelectRootSlotProps<T extends object> = HTMLChakraProps<"div", ComboBoxRecipeVariantProps & ComboBoxMultiSelect<T>>;
|
|
88
86
|
|
|
89
|
-
/**
|
|
87
|
+
/**
|
|
88
|
+
* Props for the internal ComboBox value display component (multi-select).
|
|
89
|
+
*/
|
|
90
90
|
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
91
91
|
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
92
92
|
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
@@ -118,37 +118,52 @@ export declare const _ComboBoxOptionGroup: {
|
|
|
118
118
|
displayName: string;
|
|
119
119
|
};
|
|
120
120
|
|
|
121
|
-
/**
|
|
121
|
+
/**
|
|
122
|
+
* Props for the ComboBox.OptionGroup component.
|
|
123
|
+
*/
|
|
122
124
|
export declare type ComboBoxOptionGroupProps<T extends object> = ListBoxSectionProps<T> & Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> & {
|
|
123
125
|
label?: ReactNode;
|
|
124
126
|
};
|
|
125
127
|
|
|
126
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
127
128
|
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
128
129
|
|
|
129
130
|
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
130
131
|
|
|
131
|
-
/**
|
|
132
|
+
/**
|
|
133
|
+
* Props for the ComboBox.Option component.
|
|
134
|
+
*/
|
|
132
135
|
export declare type ComboBoxOptionProps<T extends object> = ListBoxItemProps<T> & Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> & {
|
|
133
136
|
ref?: Ref<HTMLDivElement>;
|
|
134
137
|
};
|
|
135
138
|
|
|
136
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
137
139
|
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
138
140
|
|
|
139
|
-
/**
|
|
141
|
+
/**
|
|
142
|
+
* Props for the ComboBox.Options component.
|
|
143
|
+
*/
|
|
140
144
|
export declare type ComboBoxOptionsProps<T extends object> = ListBoxProps<T> & Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> & {
|
|
141
145
|
ref?: Ref<HTMLDivElement>;
|
|
142
146
|
};
|
|
143
147
|
|
|
144
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
145
148
|
export declare type ComboBoxOptionsSlotProps = HTMLChakraProps<"div", RecipeProps<"options">>;
|
|
146
149
|
|
|
147
150
|
export declare type ComboBoxPopoverSlotProps = HTMLChakraProps<"div", RecipeProps<"popover">>;
|
|
148
151
|
|
|
149
152
|
declare type ComboBoxRecipeVariantProps = {
|
|
153
|
+
/**
|
|
154
|
+
* Size variant of the combobox
|
|
155
|
+
* @default "md"
|
|
156
|
+
*/
|
|
150
157
|
size?: SlotRecipeProps<"combobox">["size"];
|
|
158
|
+
/**
|
|
159
|
+
* Visual style variant of the combobox
|
|
160
|
+
* @default "solid"
|
|
161
|
+
*/
|
|
151
162
|
variant?: SlotRecipeProps<"combobox">["variant"];
|
|
163
|
+
/**
|
|
164
|
+
* Selection mode for the combobox
|
|
165
|
+
* @default "single"
|
|
166
|
+
*/
|
|
152
167
|
selectionMode?: SlotRecipeProps<"combobox">["selectionMode"];
|
|
153
168
|
};
|
|
154
169
|
|
|
@@ -164,10 +179,14 @@ export declare const _ComboBoxRoot: {
|
|
|
164
179
|
displayName: string;
|
|
165
180
|
};
|
|
166
181
|
|
|
167
|
-
/**
|
|
182
|
+
/**
|
|
183
|
+
* Root element can either be single or multi select.
|
|
184
|
+
*/
|
|
168
185
|
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
169
186
|
|
|
170
|
-
/**
|
|
187
|
+
/**
|
|
188
|
+
* Props for the ComboBox.Root component in single select mode.
|
|
189
|
+
*/
|
|
171
190
|
export declare type ComboBoxSingleSelectRootProps<T extends object> = ComboBoxSingleSelectRootSlotProps<T> & ComboBoxWithCustomChildren<T> & {
|
|
172
191
|
ref?: Ref<HTMLDivElement>;
|
|
173
192
|
/**
|
|
@@ -177,15 +196,13 @@ export declare type ComboBoxSingleSelectRootProps<T extends object> = ComboBoxSi
|
|
|
177
196
|
leadingElement?: ReactNode;
|
|
178
197
|
};
|
|
179
198
|
|
|
180
|
-
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
181
199
|
export declare type ComboBoxSingleSelectRootSlotProps<T extends object> = HTMLChakraProps<"div", ComboBoxRecipeVariantProps & ComboBoxWithCustomChildren<T>>;
|
|
182
200
|
|
|
183
|
-
/** The slot is a wrapper for multiple components,
|
|
184
|
-
* and therefore not combined with the component props
|
|
185
|
-
* because it is not used to style the component directly using asChild */
|
|
186
201
|
export declare type ComboBoxValueSlotProps = HTMLChakraProps<"div", RecipeProps<"value">>;
|
|
187
202
|
|
|
188
|
-
/**
|
|
203
|
+
/**
|
|
204
|
+
* ComboBox with overridden children prop based on expected dom structure.
|
|
205
|
+
*/
|
|
189
206
|
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
190
207
|
onSubmitCustomValue?: (value: string) => void;
|
|
191
208
|
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
@@ -195,6 +212,9 @@ declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T
|
|
|
195
212
|
ref?: Ref<HTMLDivElement>;
|
|
196
213
|
};
|
|
197
214
|
|
|
215
|
+
/**
|
|
216
|
+
* Props for the internal single select input component.
|
|
217
|
+
*/
|
|
198
218
|
export declare type SingleSelectInputProps = {
|
|
199
219
|
placeholder?: string;
|
|
200
220
|
inputValue?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as l, e as t, g as b, d as s, i as D, h as T, c as o, j as _, a as d, f as n, k as r, b as c } from "../chunks/data-table-
|
|
1
|
+
import { D as l, e as t, g as b, d as s, i as D, h as T, c as o, j as _, a as d, f as n, k as r, b as c } from "../chunks/data-table-ClMivKY1.es.js";
|
|
2
2
|
export {
|
|
3
3
|
l as DataTable,
|
|
4
4
|
t as _DataTableBody,
|