@commercetools/nimbus 0.0.0-canary-20250902075758 → 0.0.0-canary-20250903145300

package/dist/components.d.ts

@@ -1335,11 +1335,43 @@ export declare interface DataTableProps<T extends object = Record<string, unknow
     onPinToggle?: (rowId: string) => void;
 }
 
+export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface DataTableRootProps extends HTMLChakraProps_2<"div", dataTableSlotRecipeProps> {
+}
+
+export declare const _DataTableRow: {
+    <T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
+    displayName: string;
+};
+
+export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
+    id: string;
+    isDisabled?: boolean;
+    [key: string]: unknown;
+};
+
+/** Combined props for the Row element (Chakra styles + Aria behavior). */
+export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
+    ref?: Ref<HTMLTableRowElement>;
+    row: T;
+    depth?: number;
+};
+
+declare type DataTableRowSlotProps = HTMLChakraProps_2<"tr">;
+
+export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
+
 /**
  * Slot recipe configuration for the DataTable component.
  * Defines the styling variants, base styles, and slots using Chakra UI's slot recipe system.
  */
-declare const dataTableRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
+declare const dataTableSlotRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
 truncated: {
 true: {
 root: {
@@ -1372,43 +1404,11 @@ paddingBottom: "300";
  * Base recipe props interface that combines Chakra UI's recipe props
  * with the unstyled prop option for the div element.
  */
-declare interface DataTableRecipeProps extends RecipeProps_2<"div">, UnstyledProp_2 {
+declare interface dataTableSlotRecipeProps extends RecipeProps_2<"div">, UnstyledProp_2 {
     truncated?: boolean;
     density?: "default" | "condensed";
 }
 
-export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
-
-/**
- * Root props interface that extends Chakra's HTML props with our recipe props.
- * This creates a complete set of props for the root element, combining
- * HTML attributes, Chakra's styling system, and our custom recipe props.
- */
-declare interface DataTableRootProps extends HTMLChakraProps_2<"div", DataTableRecipeProps> {
-}
-
-export declare const _DataTableRow: {
-    <T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
-    displayName: string;
-};
-
-export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
-    id: string;
-    isDisabled?: boolean;
-    [key: string]: unknown;
-};
-
-/** Combined props for the Row element (Chakra styles + Aria behavior). */
-export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
-    ref?: Ref<HTMLTableRowElement>;
-    row: T;
-    depth?: number;
-};
-
-declare type DataTableRowSlotProps = HTMLChakraProps_2<"tr">;
-
-export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
-
 export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraProps_2<"table">, "translate"> & {
 translate?: "yes" | "no";
 } & RefAttributes<HTMLTableElement>>;
@@ -1418,7 +1418,7 @@ translate?: "yes" | "no";
  * This allows the component to accept both structural props from Root
  * and styling variants from the recipe.
  */
-declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableRecipe>;
+declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableSlotRecipe>;
 
 /**
  * # DateInput

package/dist/data-table.d.ts

@@ -223,11 +223,43 @@ export declare interface DataTableProps<T extends object = Record<string, unknow
     onPinToggle?: (rowId: string) => void;
 }
 
+export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface DataTableRootProps extends HTMLChakraProps<"div", dataTableSlotRecipeProps> {
+}
+
+export declare const _DataTableRow: {
+    <T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
+    displayName: string;
+};
+
+export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
+    id: string;
+    isDisabled?: boolean;
+    [key: string]: unknown;
+};
+
+/** Combined props for the Row element (Chakra styles + Aria behavior). */
+export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
+    ref?: Ref<HTMLTableRowElement>;
+    row: T;
+    depth?: number;
+};
+
+declare type DataTableRowSlotProps = HTMLChakraProps<"tr">;
+
+export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
+
 /**
  * Slot recipe configuration for the DataTable component.
  * Defines the styling variants, base styles, and slots using Chakra UI's slot recipe system.
  */
-declare const dataTableRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
+declare const dataTableSlotRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
 truncated: {
 true: {
 root: {
@@ -260,43 +292,11 @@ paddingBottom: "300";
  * Base recipe props interface that combines Chakra UI's recipe props
  * with the unstyled prop option for the div element.
  */
-declare interface DataTableRecipeProps extends RecipeProps<"div">, UnstyledProp {
+declare interface dataTableSlotRecipeProps extends RecipeProps<"div">, UnstyledProp {
     truncated?: boolean;
     density?: "default" | "condensed";
 }
 
-export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
-
-/**
- * Root props interface that extends Chakra's HTML props with our recipe props.
- * This creates a complete set of props for the root element, combining
- * HTML attributes, Chakra's styling system, and our custom recipe props.
- */
-declare interface DataTableRootProps extends HTMLChakraProps<"div", DataTableRecipeProps> {
-}
-
-export declare const _DataTableRow: {
-    <T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
-    displayName: string;
-};
-
-export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
-    id: string;
-    isDisabled?: boolean;
-    [key: string]: unknown;
-};
-
-/** Combined props for the Row element (Chakra styles + Aria behavior). */
-export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
-    ref?: Ref<HTMLTableRowElement>;
-    row: T;
-    depth?: number;
-};
-
-declare type DataTableRowSlotProps = HTMLChakraProps<"tr">;
-
-export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
-
 export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraProps<"table">, "translate"> & {
 translate?: "yes" | "no";
 } & RefAttributes<HTMLTableElement>>;
@@ -306,7 +306,7 @@ translate?: "yes" | "no";
  * This allows the component to accept both structural props from Root
  * and styling variants from the recipe.
  */
-declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableRecipe>;
+declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableSlotRecipe>;
 
 export declare type SortDescriptor = {
     column: string;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const ne=require("./chunks/avatar-mL-2hOve.cjs.js"),ae=require("./chunks/box-BPfqlznQ.cjs.js"),ie=require("./chunks/button-CtWoT2k5.cjs.js"),ue=require("./chunks/code-CTuEvrXA.cjs.js"),B=require("./chunks/combobox-CnUfDGC-.cjs.js"),le=require("./chunks/dialog-CNZGNU5Q.cjs.js"),ce=require("./chunks/divider-CTTExmLv.cjs.js"),se=require("./chunks/group-Buy-O6Mr.cjs.js"),de=require("./chunks/icon-button-Dqhm4rBI.cjs.js"),fe=require("./chunks/icon-toggle-button-DIfDVDd4.cjs.js"),pe=require("./chunks/image-BAqoLZQB.cjs.js"),me=require("./chunks/kbd-DP3lZ80W.cjs.js"),ge=require("./chunks/link-DTUiEXYJ.cjs.js"),L=require("./chunks/list-r1G4iBXo.cjs.js"),ye=require("./chunks/simple-grid-yOwvCBEN.cjs.js"),ve=require("./chunks/text-hUMahKuA.cjs.js"),G=require("./chunks/tooltip-BFuuQNa4.cjs.js"),be=require("./chunks/make-element-focusable-bPAMXt4D.cjs.js"),Y=require("./chunks/nimbus-provider-Yka95N38.cjs.js"),Ce=require("./chunks/checkbox-pYAJn7HX.cjs.js"),he=require("./chunks/stack-B6PqFPMh.cjs.js"),Te=require("./chunks/visually-hidden-Bh-G5QHv.cjs.js"),ke=require("./chunks/text-input-CBcEG79G.cjs.js"),Se=require("./chunks/number-input-Dm2FFtQx.cjs.js"),Re=require("./chunks/grid-CWdLtU5p.cjs.js"),w=require("./chunks/select-IUEop3i7.cjs.js"),R=require("./chunks/accordion-CAC36XIK.cjs.js"),_=require("./chunks/alert-STlW7NU8.cjs.js"),_e=require("./chunks/badge-HHzfG1BI.cjs.js"),M=require("./chunks/card-CHfjhPF8.cjs.js"),k=require("./chunks/form-field-6_jyAhgo.cjs.js"),qe=require("./chunks/icon-C_BZeqkm.cjs.js"),De=require("./chunks/loading-spinner-BLDpwNFm.cjs.js"),we=require("./chunks/password-input-CwWWxcly.cjs.js"),Ie=require("./chunks/split-button-B4Wp7H3n.cjs.js"),Ee=require("./chunks/time-input-CCnD_SWq.cjs.js"),xe=require("./chunks/multiline-text-input-B5XtIAAO.cjs.js"),N=require("./chunks/radio-input-BXFY8CaT.cjs.js"),Ae=require("./chunks/switch-CeNcr608.cjs.js"),Be=require("./chunks/tag-group-DXKC_JuG.cjs.js"),Le=require("./chunks/toggle-button-BTYd563-.cjs.js"),U=require("./chunks/toggle-button-group-Dq51N27j.cjs.js"),Me=require("./chunks/date-input-BmKSBIL2.cjs.js"),Fe=require("./chunks/calendar-DFhIC3YS.cjs.js"),He=require("./chunks/date-picker-CsGYO3HW.cjs.js"),Pe=require("./chunks/progress-bar-nQCcdv_4.cjs.js"),Oe=require("./chunks/range-calendar-BuzvPCc1.cjs.js"),Ke=require("./chunks/date-range-picker-uomzPtYK.cjs.js"),Ge=require("./chunks/toolbar-CzXpYEbP.cjs.js"),Ne=require("./chunks/rich-text-input-Dmp5hx2t.cjs.js"),y=require("./chunks/data-table-BvTXYpZB.cjs.js"),Ue=require("./chunks/index-COhQ_99G.cjs.js"),je=require("./chunks/slate-helpers-CMAwCMk0.cjs.js"),d=require("react"),Ve=require("./chunks/flex-BhVeeItQ.cjs.js"),ze=require("./chunks/index-x9OhLGGf.cjs.js"),We=require("./chunks/namespace-CYjqWfVn.cjs.js"),h=require("./chunks/menu-C41LRy4b.cjs.js");require("react/jsx-runtime");function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},K.apply(null,arguments)}var Z=["shift","alt","meta","mod","ctrl"],$e={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function A(e){return(e&&$e[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function Xe(e){return Z.includes(e)}function F(e,t){return t===void 0&&(t=","),e.split(t)}function H(e,t,r){t===void 0&&(t="+");var n=e.toLocaleLowerCase().split(t).map(function(i){return A(i)}),c={alt:n.includes("alt"),ctrl:n.includes("ctrl")||n.includes("control"),shift:n.includes("shift"),meta:n.includes("meta"),mod:n.includes("mod")},a=n.filter(function(i){return!Z.includes(i)});return K({},c,{keys:a,description:r,hotkey:e})}var T=new Set;function j(e){return Array.isArray(e)}function Je(e,t){t===void 0&&(t=",");var r=j(e)?e:e.split(t);return r.every(function(n){return T.has(n.trim().toLowerCase())})}function Qe(e){var t=Array.isArray(e)?e:[e];T.has("meta")&&T.forEach(function(r){return!Xe(r)&&T.delete(r.toLowerCase())}),t.forEach(function(r){return T.add(r.toLowerCase())})}function Ye(e){var t=Array.isArray(e)?e:[e];e==="meta"?T.clear():t.forEach(function(r){return T.delete(r.toLowerCase())})}function Ze(e,t,r){(typeof r=="function"&&r(e,t)||r===!0)&&e.preventDefault()}function et(e,t,r){return typeof r=="function"?r(e,t):r===!0||r===void 0}function tt(e){return ee(e,["input","textarea","select"])}function ee(e,t){t===void 0&&(t=!1);var r=e.target,n=e.composed,c=null;return rt(r)&&n?c=e.composedPath()[0]&&e.composedPath()[0].tagName:c=r&&r.tagName,j(t)?!!(c&&t&&t.some(function(a){var i;return a.toLowerCase()===((i=c)==null?void 0:i.toLowerCase())})):!!(c&&t&&t)}function rt(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function ot(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(r){return t.includes(r)})||e.includes("*"):!0}var nt=function(t,r,n){n===void 0&&(n=!1);var c=r.alt,a=r.meta,i=r.mod,f=r.shift,u=r.ctrl,s=r.keys,C=t.key,v=t.code,l=t.ctrlKey,o=t.metaKey,q=t.shiftKey,m=t.altKey,g=A(v),b=C.toLowerCase();if(!(s!=null&&s.includes(g))&&!(s!=null&&s.includes(b))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(g))return!1;if(!n){if(c===!m&&b!=="alt"||f===!q&&b!=="shift")return!1;if(i){if(!o&&!l)return!1}else if(a===!o&&b!=="meta"&&b!=="os"||u===!l&&b!=="ctrl"&&b!=="control")return!1}return s&&s.length===1&&(s.includes(b)||s.includes(g))?!0:s?Je(s):!s},at=d.createContext(void 0),it=function(){return d.useContext(at)};function te(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(r,n){return r&&te(e[n],t[n])},!0):e===t}var ut=d.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),lt=function(){return d.useContext(ut)};function ct(e){var t=d.useRef(void 0);return te(t.current,e)||(t.current=e),t.current}var X=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},st=typeof window<"u"?d.useLayoutEffect:d.useEffect;function dt(e,t,r,n){var c=d.useState(null),a=c[0],i=c[1],f=d.useRef(!1),u=r instanceof Array?n instanceof Array?void 0:n:r,s=j(e)?e.join(u?.splitKey):e,C=r instanceof Array?r:n instanceof Array?n:void 0,v=d.useCallback(t,C??[]),l=d.useRef(v);C?l.current=v:l.current=t;var o=ct(u),q=lt(),m=q.enabledScopes,g=it();return st(function(){if(!(o?.enabled===!1||!ot(m,o?.scopes))){var b=function(p,E){var W;if(E===void 0&&(E=!1),!(tt(p)&&!ee(p,o?.enableOnFormTags))){if(a!==null){var x=a.getRootNode();if((x instanceof Document||x instanceof ShadowRoot)&&x.activeElement!==a&&!a.contains(x.activeElement)){X(p);return}}(W=p.target)!=null&&W.isContentEditable&&!(o!=null&&o.enableOnContentEditable)||F(s,o?.splitKey).forEach(function(oe){var $,D=H(oe,o?.combinationKey);if(nt(p,D,o?.ignoreModifiers)||($=D.keys)!=null&&$.includes("*")){if(o!=null&&o.ignoreEventWhen!=null&&o.ignoreEventWhen(p)||E&&f.current)return;if(Ze(p,D,o?.preventDefault),!et(p,D,o?.enabled)){X(p);return}l.current(p,D),E||(f.current=!0)}})}},V=function(p){p.key!==void 0&&(Qe(A(p.code)),(o?.keydown===void 0&&o?.keyup!==!0||o!=null&&o.keydown)&&b(p))},z=function(p){p.key!==void 0&&(Ye(A(p.code)),f.current=!1,o!=null&&o.keyup&&b(p,!0))},I=a||u?.document||document;return I.addEventListener("keyup",z,u?.eventListenerOptions),I.addEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.addHotkey(H(S,o?.combinationKey,o?.description))}),function(){I.removeEventListener("keyup",z,u?.eventListenerOptions),I.removeEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.removeHotkey(H(S,o?.combinationKey,o?.description))})}}},[a,s,o,m]),i}function ft(){var e=d.useRef(!1),t=d.useCallback(function(){return e.current},[]);return d.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var pt=function(e){e===void 0&&(e={});var t=d.useState(e),r=t[0],n=t[1],c=d.useCallback(function(a){n(function(i){return Object.assign({},i,a instanceof Function?a(i):a)})},[]);return[r,c]},P,J;function mt(){return J||(J=1,P=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(c){e.addRange(c)}),t&&t.focus()}}),P}var O,Q;function gt(){if(Q)return O;Q=1;var e=mt(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(a){var i=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return a.replace(/#{\s*key\s*}/g,i)}function c(a,i){var f,u,s,C,v,l,o=!1;i||(i={}),f=i.debug||!1;try{s=e(),C=document.createRange(),v=document.getSelection(),l=document.createElement("span"),l.textContent=a,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(m){if(m.stopPropagation(),i.format)if(m.preventDefault(),typeof m.clipboardData>"u"){f&&console.warn("unable to use e.clipboardData"),f&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var g=t[i.format]||t.default;window.clipboardData.setData(g,a)}else m.clipboardData.clearData(),m.clipboardData.setData(i.format,a);i.onCopy&&(m.preventDefault(),i.onCopy(m.clipboardData))}),document.body.appendChild(l),C.selectNodeContents(l),v.addRange(C);var q=document.execCommand("copy");if(!q)throw new Error("copy command was unsuccessful");o=!0}catch(m){f&&console.error("unable to copy using execCommand: ",m),f&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(i.format||"text",a),i.onCopy&&i.onCopy(window.clipboardData),o=!0}catch(g){f&&console.error("unable to copy using clipboardData: ",g),f&&console.error("falling back to prompt"),u=n("message"in i?i.message:r),window.prompt(u,a)}}finally{v&&(typeof v.removeRange=="function"?v.removeRange(C):v.removeAllRanges()),l&&document.body.removeChild(l),s()}return o}return O=c,O}var yt=gt();const vt=je.getDefaultExportFromCjs(yt);var bt=function(){var e=ft(),t=pt({value:void 0,error:void 0,noUserInteraction:!0}),r=t[0],n=t[1],c=d.useCallback(function(a){if(e()){var i,f;try{if(typeof a!="string"&&typeof a!="number"){var u=new Error("Cannot copy typeof "+typeof a+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}else if(a===""){var u=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}f=a.toString(),i=vt(f),n({value:f,error:void 0,noUserInteraction:i})}catch(s){n({value:f,error:s,noUserInteraction:i})}}},[]);return[r,c]};function Ct(){const[e,t]=d.useState(r());function r(){return document.documentElement.style.getPropertyValue("color-scheme")||localStorage.getItem("theme")||"light"}return d.useEffect(()=>{const n=document.documentElement,c=new MutationObserver(()=>{const a=r();t(a)});return c.observe(n,{attributes:!0,attributeFilter:["style"]}),()=>c.disconnect()},[]),e}function re(){const{resolvedTheme:e,setTheme:t}=Y.z();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function ht(e,t){const{colorMode:r}=re();return r==="light"?e:t}exports.Avatar=ne.Avatar;exports.Box=ae.Box;exports.Button=ie.Button;exports.Code=ue.Code;exports.ComboBox=B.ComboBox;exports._ComboBoxOption=B.ComboBoxOption;exports._ComboBoxOptionGroup=B.ComboBoxOptionGroup;exports._ComboBoxRoot=B.ComboBoxRoot;exports.Dialog=le.Dialog;exports.Divider=ce.Divider;exports.Group=se.Group;exports.IconButton=de.IconButton;exports.IconToggleButton=fe.IconToggleButton;exports.Image=pe.Image;exports.Kbd=me.Kbd;exports.Link=ge.Link;exports.List=L.List;exports._ListIndicator=L.ListIndicator;exports._ListItem=L.ListItem;exports._ListRoot=L.ListRoot;exports.SimpleGrid=ye.SimpleGrid;exports.Text=ve.Text;exports.Tooltip=G.Tooltip;exports._TooltipContent=G.TooltipContent;exports._TooltipRoot=G.TooltipRoot;exports.MakeElementFocusable=be.MakeElementFocusable;exports.NimbusProvider=Y.NimbusProvider;exports.Checkbox=Ce.Checkbox;exports.Stack=he.Stack;exports.VisuallyHidden=Te.VisuallyHidden;exports.TextInput=ke.TextInput;exports.NumberInput=Se.NumberInput;exports.Grid=Re.Grid;exports.Select=w.Select;exports._SelectOption=w.SelectOption;exports._SelectOptionGroup=w.SelectOptionGroup;exports._SelectOptions=w.SelectOptions;exports._SelectRoot=w.SelectRoot;exports.Accordion=R.Accordion;exports._AccordionContent=R.AccordionContent;exports._AccordionHeader=R.AccordionHeader;exports._AccordionHeaderRightContent=R.AccordionHeaderRightContent;exports._AccordionItem=R.AccordionItem;exports._AccordionRoot=R.AccordionRoot;exports.Alert=_.Alert;exports._AlertActions=_.AlertActions;exports._AlertDescription=_.AlertDescription;exports._AlertDismissButton=_.AlertDismissButton;exports._AlertRoot=_.AlertRoot;exports._AlertTitle=_.AlertTitle;exports.Badge=_e.Badge;exports.Card=M.Card;exports._CardContent=M.CardContent;exports._CardHeader=M.CardHeader;exports._CardRoot=M.CardRoot;exports.FormField=k.FormField;exports._FormFieldDescription=k.FormFieldDescription;exports._FormFieldError=k.FormFieldError;exports._FormFieldInfoBox=k.FormFieldInfoBox;exports._FormFieldInput=k.FormFieldInput;exports._FormFieldLabel=k.FormFieldLabel;exports._FormFieldRoot=k.FormFieldRoot;exports.Icon=qe.Icon;exports.LoadingSpinner=De.LoadingSpinner;exports.PasswordInput=we.PasswordInput;exports.SplitButton=Ie.SplitButton;exports.TimeInput=Ee.TimeInput;exports.MultilineTextInput=xe.MultilineTextInput;exports.RadioInput=N.RadioInput;exports._RadioInputOption=N.RadioInputOption;exports._RadioInputRoot=N.RadioInputRoot;exports.Switch=Ae.Switch;exports.TagGroup=Be.TagGroup;exports.ToggleButton=Le.ToggleButton;exports.ToggleButtonGroup=U.ToggleButtonGroup;exports._ToggleButtonGroupButton=U.ToggleButtonGroupButton;exports._ToggleButtonGroupRoot=U.ToggleButtonGroupRoot;exports.DateInput=Me.DateInput;exports.Calendar=Fe.Calendar;exports.DatePicker=He.DatePicker;exports.ProgressBar=Pe.ProgressBar;exports.RangeCalendar=Oe.RangeCalendar;exports.DateRangePicker=Ke.DateRangePicker;exports.Toolbar=Ge.Toolbar;exports.RichTextInput=Ne.RichTextInput;exports.DataTable=y.DataTable;exports._DataTableBody=y.DataTableBody;exports._DataTableCell=y.DataTableCell;exports._DataTableColumn=y.DataTableColumn;exports._DataTableExpandButton=y.DataTableExpandButton;exports._DataTableFooter=y.DataTableFooter;exports._DataTableHeader=y.DataTableHeader;exports._DataTableNestedIcon=y.DataTableNestedIcon;exports._DataTableRoot=y.DataTableRoot;exports._DataTableRow=y.DataTableRow;exports._DataTableSelectionCell=y.DataTableSelectionCell;exports._DataTableTable=y.DataTableTable;exports.system=Ue.system;exports.Flex=Ve.Flex;exports.Heading=ze.Heading;exports.Table=We.namespace;exports.Menu=h.Menu;exports._MenuContent=h.MenuContent;exports._MenuItem=h.MenuItem;exports._MenuRoot=h.MenuRoot;exports._MenuSection=h.MenuSection;exports._MenuSeparator=h.MenuSeparator;exports._MenuSubmenu=h.MenuSubmenu;exports._MenuSubmenuTrigger=h.MenuSubmenuTrigger;exports._MenuTrigger=h.MenuTrigger;exports.useColorMode=re;exports.useColorModeValue=ht;exports.useColorScheme=Ct;exports.useCopyToClipboard=bt;exports.useHotkeys=dt;
+"use strict";const ne=require("./chunks/avatar-C2KIWewd.cjs.js"),ae=require("./chunks/box-CWni3A32.cjs.js"),ie=require("./chunks/button-CU8FW_Pl.cjs.js"),ue=require("./chunks/code-q31e3vT2.cjs.js"),B=require("./chunks/combobox-DtPDxCo3.cjs.js"),le=require("./chunks/dialog-CVa-E9-A.cjs.js"),ce=require("./chunks/divider-BuizjeAj.cjs.js"),se=require("./chunks/group-Buy-O6Mr.cjs.js"),de=require("./chunks/icon-button-Cc0MkBbk.cjs.js"),fe=require("./chunks/icon-toggle-button-D-C99Q0s.cjs.js"),pe=require("./chunks/image-CGOYoc2s.cjs.js"),me=require("./chunks/kbd-DFeaXiKY.cjs.js"),ge=require("./chunks/link-DWa1zIUJ.cjs.js"),L=require("./chunks/list-DJC9BmoC.cjs.js"),ye=require("./chunks/simple-grid-Cd2MJxSX.cjs.js"),ve=require("./chunks/text-CCW9kDT_.cjs.js"),G=require("./chunks/tooltip-g8-hEdZp.cjs.js"),be=require("./chunks/make-element-focusable-bPAMXt4D.cjs.js"),Y=require("./chunks/nimbus-provider-D3DvYEDv.cjs.js"),Ce=require("./chunks/checkbox-6nLo9Jy2.cjs.js"),he=require("./chunks/stack-CIN13EDn.cjs.js"),Te=require("./chunks/visually-hidden-Bh-G5QHv.cjs.js"),ke=require("./chunks/text-input-C2y4O13I.cjs.js"),Se=require("./chunks/number-input-CPnA0dO-.cjs.js"),Re=require("./chunks/grid-Chuw1xje.cjs.js"),w=require("./chunks/select-Coyt1pJN.cjs.js"),R=require("./chunks/accordion-EDJoghXQ.cjs.js"),_=require("./chunks/alert-BhoRNIWA.cjs.js"),_e=require("./chunks/badge-CCrBksXu.cjs.js"),M=require("./chunks/card-DeWTV05B.cjs.js"),k=require("./chunks/form-field-DxcGAb23.cjs.js"),qe=require("./chunks/icon-Cny8ZtnX.cjs.js"),De=require("./chunks/loading-spinner-DdYXuYkg.cjs.js"),we=require("./chunks/password-input-BqhrDjyW.cjs.js"),Ie=require("./chunks/split-button-BYrr5vRr.cjs.js"),Ee=require("./chunks/time-input-cHUvGWDc.cjs.js"),xe=require("./chunks/multiline-text-input-sXIlwrvT.cjs.js"),N=require("./chunks/radio-input-BTEXrXaF.cjs.js"),Ae=require("./chunks/switch-BgNpbn2e.cjs.js"),Be=require("./chunks/tag-group-B3YSTBpb.cjs.js"),Le=require("./chunks/toggle-button-C9ezVsSp.cjs.js"),j=require("./chunks/toggle-button-group-DX134q7m.cjs.js"),Me=require("./chunks/date-input-DJ_aFB9i.cjs.js"),Fe=require("./chunks/calendar-DJKWldpV.cjs.js"),Pe=require("./chunks/date-picker-f3TylaP5.cjs.js"),He=require("./chunks/progress-bar-CrS1rODC.cjs.js"),Oe=require("./chunks/range-calendar-CFotnBzs.cjs.js"),Ke=require("./chunks/date-range-picker-CxsPpWyX.cjs.js"),Ge=require("./chunks/toolbar-CLGq6IO7.cjs.js"),Ne=require("./chunks/rich-text-input-CItP9BzJ.cjs.js"),y=require("./chunks/data-table-Cpk3q34E.cjs.js"),je=require("./chunks/index-C8Yrk__l.cjs.js"),Ue=require("./chunks/slate-helpers-BN_9Hky2.cjs.js"),d=require("react"),bt=require("@chakra-ui/react/flex"),Ct=require("@chakra-ui/react/heading"),ht=require("@chakra-ui/react/table"),h=require("./chunks/menu-Bm1u-R6o.cjs.js");require("react/jsx-runtime");function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},K.apply(null,arguments)}var Z=["shift","alt","meta","mod","ctrl"],Ve={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function A(e){return(e&&Ve[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function ze(e){return Z.includes(e)}function F(e,t){return t===void 0&&(t=","),e.split(t)}function P(e,t,r){t===void 0&&(t="+");var n=e.toLocaleLowerCase().split(t).map(function(i){return A(i)}),c={alt:n.includes("alt"),ctrl:n.includes("ctrl")||n.includes("control"),shift:n.includes("shift"),meta:n.includes("meta"),mod:n.includes("mod")},a=n.filter(function(i){return!Z.includes(i)});return K({},c,{keys:a,description:r,hotkey:e})}var T=new Set;function U(e){return Array.isArray(e)}function We(e,t){t===void 0&&(t=",");var r=U(e)?e:e.split(t);return r.every(function(n){return T.has(n.trim().toLowerCase())})}function $e(e){var t=Array.isArray(e)?e:[e];T.has("meta")&&T.forEach(function(r){return!ze(r)&&T.delete(r.toLowerCase())}),t.forEach(function(r){return T.add(r.toLowerCase())})}function Xe(e){var t=Array.isArray(e)?e:[e];e==="meta"?T.clear():t.forEach(function(r){return T.delete(r.toLowerCase())})}function Je(e,t,r){(typeof r=="function"&&r(e,t)||r===!0)&&e.preventDefault()}function Qe(e,t,r){return typeof r=="function"?r(e,t):r===!0||r===void 0}function Ye(e){return ee(e,["input","textarea","select"])}function ee(e,t){t===void 0&&(t=!1);var r=e.target,n=e.composed,c=null;return Ze(r)&&n?c=e.composedPath()[0]&&e.composedPath()[0].tagName:c=r&&r.tagName,U(t)?!!(c&&t&&t.some(function(a){var i;return a.toLowerCase()===((i=c)==null?void 0:i.toLowerCase())})):!!(c&&t&&t)}function Ze(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function et(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(r){return t.includes(r)})||e.includes("*"):!0}var tt=function(t,r,n){n===void 0&&(n=!1);var c=r.alt,a=r.meta,i=r.mod,f=r.shift,u=r.ctrl,s=r.keys,C=t.key,v=t.code,l=t.ctrlKey,o=t.metaKey,q=t.shiftKey,m=t.altKey,g=A(v),b=C.toLowerCase();if(!(s!=null&&s.includes(g))&&!(s!=null&&s.includes(b))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(g))return!1;if(!n){if(c===!m&&b!=="alt"||f===!q&&b!=="shift")return!1;if(i){if(!o&&!l)return!1}else if(a===!o&&b!=="meta"&&b!=="os"||u===!l&&b!=="ctrl"&&b!=="control")return!1}return s&&s.length===1&&(s.includes(b)||s.includes(g))?!0:s?We(s):!s},rt=d.createContext(void 0),ot=function(){return d.useContext(rt)};function te(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(r,n){return r&&te(e[n],t[n])},!0):e===t}var nt=d.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),at=function(){return d.useContext(nt)};function it(e){var t=d.useRef(void 0);return te(t.current,e)||(t.current=e),t.current}var X=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},ut=typeof window<"u"?d.useLayoutEffect:d.useEffect;function lt(e,t,r,n){var c=d.useState(null),a=c[0],i=c[1],f=d.useRef(!1),u=r instanceof Array?n instanceof Array?void 0:n:r,s=U(e)?e.join(u?.splitKey):e,C=r instanceof Array?r:n instanceof Array?n:void 0,v=d.useCallback(t,C??[]),l=d.useRef(v);C?l.current=v:l.current=t;var o=it(u),q=at(),m=q.enabledScopes,g=ot();return ut(function(){if(!(o?.enabled===!1||!et(m,o?.scopes))){var b=function(p,E){var W;if(E===void 0&&(E=!1),!(Ye(p)&&!ee(p,o?.enableOnFormTags))){if(a!==null){var x=a.getRootNode();if((x instanceof Document||x instanceof ShadowRoot)&&x.activeElement!==a&&!a.contains(x.activeElement)){X(p);return}}(W=p.target)!=null&&W.isContentEditable&&!(o!=null&&o.enableOnContentEditable)||F(s,o?.splitKey).forEach(function(oe){var $,D=P(oe,o?.combinationKey);if(tt(p,D,o?.ignoreModifiers)||($=D.keys)!=null&&$.includes("*")){if(o!=null&&o.ignoreEventWhen!=null&&o.ignoreEventWhen(p)||E&&f.current)return;if(Je(p,D,o?.preventDefault),!Qe(p,D,o?.enabled)){X(p);return}l.current(p,D),E||(f.current=!0)}})}},V=function(p){p.key!==void 0&&($e(A(p.code)),(o?.keydown===void 0&&o?.keyup!==!0||o!=null&&o.keydown)&&b(p))},z=function(p){p.key!==void 0&&(Xe(A(p.code)),f.current=!1,o!=null&&o.keyup&&b(p,!0))},I=a||u?.document||document;return I.addEventListener("keyup",z,u?.eventListenerOptions),I.addEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.addHotkey(P(S,o?.combinationKey,o?.description))}),function(){I.removeEventListener("keyup",z,u?.eventListenerOptions),I.removeEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.removeHotkey(P(S,o?.combinationKey,o?.description))})}}},[a,s,o,m]),i}function ct(){var e=d.useRef(!1),t=d.useCallback(function(){return e.current},[]);return d.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var st=function(e){e===void 0&&(e={});var t=d.useState(e),r=t[0],n=t[1],c=d.useCallback(function(a){n(function(i){return Object.assign({},i,a instanceof Function?a(i):a)})},[]);return[r,c]},H,J;function dt(){return J||(J=1,H=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(c){e.addRange(c)}),t&&t.focus()}}),H}var O,Q;function ft(){if(Q)return O;Q=1;var e=dt(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(a){var i=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return a.replace(/#{\s*key\s*}/g,i)}function c(a,i){var f,u,s,C,v,l,o=!1;i||(i={}),f=i.debug||!1;try{s=e(),C=document.createRange(),v=document.getSelection(),l=document.createElement("span"),l.textContent=a,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(m){if(m.stopPropagation(),i.format)if(m.preventDefault(),typeof m.clipboardData>"u"){f&&console.warn("unable to use e.clipboardData"),f&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var g=t[i.format]||t.default;window.clipboardData.setData(g,a)}else m.clipboardData.clearData(),m.clipboardData.setData(i.format,a);i.onCopy&&(m.preventDefault(),i.onCopy(m.clipboardData))}),document.body.appendChild(l),C.selectNodeContents(l),v.addRange(C);var q=document.execCommand("copy");if(!q)throw new Error("copy command was unsuccessful");o=!0}catch(m){f&&console.error("unable to copy using execCommand: ",m),f&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(i.format||"text",a),i.onCopy&&i.onCopy(window.clipboardData),o=!0}catch(g){f&&console.error("unable to copy using clipboardData: ",g),f&&console.error("falling back to prompt"),u=n("message"in i?i.message:r),window.prompt(u,a)}}finally{v&&(typeof v.removeRange=="function"?v.removeRange(C):v.removeAllRanges()),l&&document.body.removeChild(l),s()}return o}return O=c,O}var pt=ft();const mt=Ue.getDefaultExportFromCjs(pt);var gt=function(){var e=ct(),t=st({value:void 0,error:void 0,noUserInteraction:!0}),r=t[0],n=t[1],c=d.useCallback(function(a){if(e()){var i,f;try{if(typeof a!="string"&&typeof a!="number"){var u=new Error("Cannot copy typeof "+typeof a+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}else if(a===""){var u=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}f=a.toString(),i=mt(f),n({value:f,error:void 0,noUserInteraction:i})}catch(s){n({value:f,error:s,noUserInteraction:i})}}},[]);return[r,c]};function yt(){const[e,t]=d.useState(r());function r(){return document.documentElement.style.getPropertyValue("color-scheme")||localStorage.getItem("theme")||"light"}return d.useEffect(()=>{const n=document.documentElement,c=new MutationObserver(()=>{const a=r();t(a)});return c.observe(n,{attributes:!0,attributeFilter:["style"]}),()=>c.disconnect()},[]),e}function re(){const{resolvedTheme:e,setTheme:t}=Y.z();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function vt(e,t){const{colorMode:r}=re();return r==="light"?e:t}exports.Avatar=ne.Avatar;exports.Box=ae.Box;exports.Button=ie.Button;exports.Code=ue.Code;exports.ComboBox=B.ComboBox;exports._ComboBoxOption=B.ComboBoxOption;exports._ComboBoxOptionGroup=B.ComboBoxOptionGroup;exports._ComboBoxRoot=B.ComboBoxRoot;exports.Dialog=le.Dialog;exports.Divider=ce.Divider;exports.Group=se.Group;exports.IconButton=de.IconButton;exports.IconToggleButton=fe.IconToggleButton;exports.Image=pe.Image;exports.Kbd=me.Kbd;exports.Link=ge.Link;exports.List=L.List;exports._ListIndicator=L.ListIndicator;exports._ListItem=L.ListItem;exports._ListRoot=L.ListRoot;exports.SimpleGrid=ye.SimpleGrid;exports.Text=ve.Text;exports.Tooltip=G.Tooltip;exports._TooltipContent=G.TooltipContent;exports._TooltipRoot=G.TooltipRoot;exports.MakeElementFocusable=be.MakeElementFocusable;exports.NimbusProvider=Y.NimbusProvider;exports.Checkbox=Ce.Checkbox;exports.Stack=he.Stack;exports.VisuallyHidden=Te.VisuallyHidden;exports.TextInput=ke.TextInput;exports.NumberInput=Se.NumberInput;exports.Grid=Re.Grid;exports.Select=w.Select;exports._SelectOption=w.SelectOption;exports._SelectOptionGroup=w.SelectOptionGroup;exports._SelectOptions=w.SelectOptions;exports._SelectRoot=w.SelectRoot;exports.Accordion=R.Accordion;exports._AccordionContent=R.AccordionContent;exports._AccordionHeader=R.AccordionHeader;exports._AccordionHeaderRightContent=R.AccordionHeaderRightContent;exports._AccordionItem=R.AccordionItem;exports._AccordionRoot=R.AccordionRoot;exports.Alert=_.Alert;exports._AlertActions=_.AlertActions;exports._AlertDescription=_.AlertDescription;exports._AlertDismissButton=_.AlertDismissButton;exports._AlertRoot=_.AlertRoot;exports._AlertTitle=_.AlertTitle;exports.Badge=_e.Badge;exports.Card=M.Card;exports._CardContent=M.CardContent;exports._CardHeader=M.CardHeader;exports._CardRoot=M.CardRoot;exports.FormField=k.FormField;exports._FormFieldDescription=k.FormFieldDescription;exports._FormFieldError=k.FormFieldError;exports._FormFieldInfoBox=k.FormFieldInfoBox;exports._FormFieldInput=k.FormFieldInput;exports._FormFieldLabel=k.FormFieldLabel;exports._FormFieldRoot=k.FormFieldRoot;exports.Icon=qe.Icon;exports.LoadingSpinner=De.LoadingSpinner;exports.PasswordInput=we.PasswordInput;exports.SplitButton=Ie.SplitButton;exports.TimeInput=Ee.TimeInput;exports.MultilineTextInput=xe.MultilineTextInput;exports.RadioInput=N.RadioInput;exports._RadioInputOption=N.RadioInputOption;exports._RadioInputRoot=N.RadioInputRoot;exports.Switch=Ae.Switch;exports.TagGroup=Be.TagGroup;exports.ToggleButton=Le.ToggleButton;exports.ToggleButtonGroup=j.ToggleButtonGroup;exports._ToggleButtonGroupButton=j.ToggleButtonGroupButton;exports._ToggleButtonGroupRoot=j.ToggleButtonGroupRoot;exports.DateInput=Me.DateInput;exports.Calendar=Fe.Calendar;exports.DatePicker=Pe.DatePicker;exports.ProgressBar=He.ProgressBar;exports.RangeCalendar=Oe.RangeCalendar;exports.DateRangePicker=Ke.DateRangePicker;exports.Toolbar=Ge.Toolbar;exports.RichTextInput=Ne.RichTextInput;exports.DataTable=y.DataTable;exports._DataTableBody=y.DataTableBody;exports._DataTableCell=y.DataTableCell;exports._DataTableColumn=y.DataTableColumn;exports._DataTableExpandButton=y.DataTableExpandButton;exports._DataTableFooter=y.DataTableFooter;exports._DataTableHeader=y.DataTableHeader;exports._DataTableNestedIcon=y.DataTableNestedIcon;exports._DataTableRoot=y.DataTableRoot;exports._DataTableRow=y.DataTableRow;exports._DataTableSelectionCell=y.DataTableSelectionCell;exports._DataTableTable=y.DataTableTable;exports.system=je.system;exports.Menu=h.Menu;exports._MenuContent=h.MenuContent;exports._MenuItem=h.MenuItem;exports._MenuRoot=h.MenuRoot;exports._MenuSection=h.MenuSection;exports._MenuSeparator=h.MenuSeparator;exports._MenuSubmenu=h.MenuSubmenu;exports._MenuSubmenuTrigger=h.MenuSubmenuTrigger;exports._MenuTrigger=h.MenuTrigger;exports.useColorMode=re;exports.useColorModeValue=vt;exports.useColorScheme=yt;exports.useCopyToClipboard=gt;exports.useHotkeys=lt;
 //# sourceMappingURL=index.cjs.map