@commercetools/nimbus 3.2.0 → 3.3.0

package/dist/components/actions.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-BH-mQEJB.cjs.js");exports.FormActionBar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/form-action-bar-C_pQubyB.cjs.js");exports.FormActionBar=e.t;

package/dist/components/actions.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/form-action-bar-BkzK1DIP.esm.js";
+import { t as e } from "../chunks/form-action-bar-C8wkuLiF.esm.js";
 export { e as FormActionBar };

package/dist/components/activity-indicator/activity-indicator.d.ts

@@ -0,0 +1,24 @@
+import { ActivityIndicatorProps } from './activity-indicator.types.js';
+/**
+ * # ActivityIndicator
+ *
+ * An animated three-dot indicator that signals ongoing agent/system activity
+ * (e.g. "Thinking…", "Processing request", "Agent is typing") in chat and AI
+ * surfaces. It is presentational, not a progress indicator — use
+ * {@link LoadingSpinner} for indeterminate progress.
+ *
+ * The indicator is purely decorative: it is always `aria-hidden`. Announcing
+ * the activity to assistive technology is the consumer's responsibility —
+ * either through adjacent visible text (e.g. "Thinking…") or a live region
+ * owned by the surrounding chat/turn container. A component-owned live region
+ * would not announce reliably: this indicator is typically mounted only while
+ * activity is in progress, and a live region mounted together with its content
+ * is not announced consistently across screen readers (the region must already
+ * exist in the DOM before its content changes).
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/activityindicator}
+ */
+export declare const ActivityIndicator: {
+    (props: ActivityIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/activity-indicator/activity-indicator.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/activity-indicator/activity-indicator.recipe.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Recipe configuration for the ActivityIndicator component.
+ *
+ * The three dots are `<circle>`s inside a single square `<svg>` (viewBox
+ * `0 0 24 24`), so the indicator is sized exactly like an icon / LoadingSpinner:
+ * the `size` variant sets the root's `width`/`height` and the SVG scales to fit.
+ * `inherit` ties the size to the surrounding `font-size` (`1em`) for inline use
+ * next to text; the fixed sizes reuse LoadingSpinner's scale points so the
+ * footprint matches a spinner in shared slots.
+ */
+export declare const activityIndicatorRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        inherit: {
+            width: "1em";
+            height: "1em";
+        };
+        "2xs": {
+            width: "350";
+            height: "350";
+        };
+        xs: {
+            width: "500";
+            height: "500";
+        };
+        sm: {
+            width: "600";
+            height: "600";
+        };
+        md: {
+            width: "800";
+            height: "800";
+        };
+        lg: {
+            width: "1000";
+            height: "1000";
+        };
+    };
+    variant: {
+        plain: {
+            "& circle": {
+                fill: "colorPalette.11";
+            };
+        };
+        contrast: {
+            "& circle": {
+                fill: "colorPalette.contrast";
+            };
+        };
+    };
+}>;

package/dist/components/activity-indicator/activity-indicator.slots.d.ts

@@ -0,0 +1,6 @@
+import { ActivityIndicatorRootSlotProps } from './activity-indicator.types.js';
+/**
+ * Root component that provides the styling context for the ActivityIndicator.
+ * Uses Chakra UI's recipe context system for consistent styling across instances.
+ */
+export declare const ActivityIndicatorRoot: import('react').ForwardRefExoticComponent<ActivityIndicatorRootSlotProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/activity-indicator/activity-indicator.types.d.ts

@@ -0,0 +1,50 @@
+import { HTMLChakraProps, RecipeProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+import { NimbusColorPalette } from '../../type-utils/index.js';
+type ActivityIndicatorRecipeProps = {
+    /**
+     * Visual size of the indicator.
+     *
+     * - `"inherit"` (default) makes the dots em-relative so they scale with the
+     *   surrounding `font-size` and flow inline with text.
+     * - Fixed sizes (`"2xs"`–`"lg"`) reserve a square icon-box footprint (the
+     *   same scale points as `LoadingSpinner`) so the indicator can be dropped
+     *   into input start/end icon slots; the dots are composed inside the square
+     *   `viewBox="0 0 24 24"` SVG grid.
+     *
+     * @default "inherit"
+     */
+    size?: RecipeProps<"nimbusActivityIndicator">["size"];
+    /**
+     * Selects which step of the active `colorPalette` fills the dots.
+     *
+     * - `"plain"` (default) fills from the palette's `11` shade — for neutral or
+     *   page backgrounds.
+     * - `"contrast"` fills from the palette's `contrast` step (auto black/white
+     *   per palette) — for placing the dots on a solid `colorPalette.9`-style
+     *   colored surface.
+     *
+     * @default "plain"
+     */
+    variant?: RecipeProps<"nimbusActivityIndicator">["variant"];
+} & UnstyledProp;
+export type ActivityIndicatorRootSlotProps = Omit<HTMLChakraProps<"span", ActivityIndicatorRecipeProps>, "as" | "asChild" | "css">;
+type ActivityIndicatorVariantProps = ActivityIndicatorRootSlotProps & {
+    [key: `data-${string}`]: string;
+};
+export type ActivityIndicatorProps = Omit<ActivityIndicatorVariantProps, "colorPalette"> & {
+    /**
+     * Color palette for the dots. Accepts any Nimbus color palette (e.g.
+     * `"primary"`, `"positive"`, `"info"`, `"ctyellow"`). The dots are filled from
+     * the palette's `11` shade by default; pair with `variant="contrast"` to use
+     * the palette's `contrast` step when placing the dots on a solid colored
+     * surface.
+     *
+     * @default "primary"
+     */
+    colorPalette?: NimbusColorPalette;
+    /**
+     * Ref forwarding to the root element
+     */
+    ref?: React.Ref<HTMLSpanElement>;
+};
+export {};

package/dist/components/activity-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './activity-indicator.js';
+export * from './activity-indicator.types.js';

package/dist/components/activity-indicator.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/activity-indicator-CmGp3H_M.cjs.js");exports.ActivityIndicator=e.t;

package/dist/components/activity-indicator.es.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/activity-indicator-SMeTxJxm.esm.js";
+export { e as ActivityIndicator };

package/dist/components/alert.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/alert-BLA16Ct3.cjs.js");exports.Alert=e.t,exports._AlertActions=e.r,exports._AlertDescription=e.i,exports._AlertDismissButton=e.n,exports._AlertRoot=e.o,exports._AlertTitle=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/alert-BeQzAjMf.cjs.js");exports.Alert=e.t,exports._AlertActions=e.r,exports._AlertDescription=e.i,exports._AlertDismissButton=e.n,exports._AlertRoot=e.o,exports._AlertTitle=e.a;

package/dist/components/alert.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/alert-CzQEgomS.esm.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/alert-C4J2fv__.esm.js";
 export { a as Alert, i as _AlertActions, t as _AlertDescription, n as _AlertDismissButton, r as _AlertRoot, e as _AlertTitle };

package/dist/components/avatar/avatar.recipe.d.ts

@@ -1,19 +1,35 @@
 export declare const avatarRecipe: import('@chakra-ui/react').RecipeDefinition<{
     size: {
         md: {
-            width: number;
-            height: number;
+            boxSize: "1000";
             textStyle: "sm";
+            _icon: {
+                boxSize: "600";
+            };
         };
         xs: {
-            width: number;
-            height: number;
+            boxSize: "800";
             textStyle: "xs";
+            _icon: {
+                boxSize: "500";
+            };
         };
         "2xs": {
-            width: number;
-            height: number;
-            textStyle: "xs";
+            boxSize: "600";
+            textStyle: "2xs";
+            _icon: {
+                boxSize: "400";
+            };
+        };
+    };
+    variant: {
+        subtle: {
+            backgroundColor: "colorPalette.3";
+            color: "colorPalette.11";
+        };
+        solid: {
+            backgroundColor: "colorPalette.9";
+            color: "colorPalette.contrast";
         };
     };
 }>;

package/dist/components/avatar/avatar.slots.d.ts

@@ -1,3 +1,4 @@
-export declare const AvatarRoot: import('react').ForwardRefExoticComponent<Omit<import('@chakra-ui/react').PatchHtmlProps<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "css" | "content" | "scrollbar" | "size" | "_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" | "color" | "translate" | "transition" | "width" | "height" | "page" | "container" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "anchorName" | "anchorScope" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "contentVisibility" | "cornerShape" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "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" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "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" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "alignmentBaseline" | "baselineShift" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "bg" | "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" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | keyof import('@chakra-ui/react').PolymorphicProps | "unstyled"> & Omit<import('@chakra-ui/react').JsxStyleProps, "size" | "unstyled"> & {
+export declare const AvatarRoot: import('react').ForwardRefExoticComponent<Omit<import('@chakra-ui/react').PatchHtmlProps<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "css" | "content" | "scrollbar" | "variant" | "size" | "_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" | "color" | "translate" | "transition" | "width" | "height" | "page" | "container" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "anchorName" | "anchorScope" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "contentVisibility" | "cornerShape" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "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" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "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" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "alignmentBaseline" | "baselineShift" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "bg" | "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" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | keyof import('@chakra-ui/react').PolymorphicProps | "unstyled"> & Omit<import('@chakra-ui/react').JsxStyleProps, "variant" | "size" | "unstyled"> & {
     size?: import('@chakra-ui/react').RecipeProps<"nimbusAvatar">["size"];
+    variant?: import('@chakra-ui/react').RecipeProps<"nimbusAvatar">["variant"];
 } & import('@chakra-ui/react').UnstyledProp & import('@chakra-ui/react').PolymorphicProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/avatar/avatar.types.d.ts

@@ -7,6 +7,11 @@ type AvatarRecipeProps = {
      * @default "md"
      */
     size?: RecipeProps<"nimbusAvatar">["size"];
+    /**
+     * Visual style variant of the avatar
+     * @default "subtle"
+     */
+    variant?: RecipeProps<"nimbusAvatar">["variant"];
 } & UnstyledProp;
 export type AvatarRootSlotProps = HTMLChakraProps<"div", AvatarRecipeProps>;
 export type AvatarProps = OmitInternalProps<AvatarRootSlotProps> & HTMLAttributes<HTMLDivElement> & {
@@ -33,7 +38,11 @@ export type AvatarProps = OmitInternalProps<AvatarRootSlotProps> & HTMLAttribute
      */
     alt?: string;
     /**
-     * Custom content to override default avatar rendering
+     * Custom content (e.g. an icon) to override the default avatar rendering.
+     * Takes **unconditional precedence**: when `children` is provided, `src` is
+     * ignored — the image is never rendered and its `onLoad`/`onError` never
+     * fire. Use `children` for a bespoke avatar, not as a fallback shown while
+     * `src` loads.
      */
     children?: React.ReactNode;
     /**

package/dist/components/avatar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/avatar-h9eDHPIr.cjs.js");exports.Avatar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/avatar-CYZYJBfO.cjs.js");exports.Avatar=e.t;

package/dist/components/avatar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/avatar-DsTOgK1A.esm.js";
+import { t as e } from "../chunks/avatar-9QAY7VNI.esm.js";
 export { e as Avatar };

package/dist/components/badge.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/badge-7LuAUqmG.cjs.js");exports.Badge=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/badge-BtYdLSvg.cjs.js");exports.Badge=e.t;

package/dist/components/badge.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/badge-CfHYaYkR.esm.js";
+import { t as e } from "../chunks/badge-Dd0LsXLP.esm.js";
 export { e as Badge };

package/dist/components/button/button.recipe.d.ts

@@ -50,6 +50,17 @@ export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
                 height: "600";
             };
         };
+        xl: {
+            h: "1200";
+            minW: "1200";
+            textStyle: "md";
+            px: "500";
+            gap: "250";
+            _icon: {
+                width: "700";
+                height: "700";
+            };
+        };
     };
     variant: {
         solid: {

package/dist/components/button/button.types.d.ts

@@ -57,6 +57,22 @@ type NativePropsWithAriaEquivalents = {
     tabIndex?: number;
 };
 export type ButtonProps = Omit<ButtonRootSlotProps, keyof RaButtonProps | keyof NativePropsWithAriaEquivalents> & RaButtonProps & NativePropsWithAriaEquivalents & {
+    /**
+     * When `true` together with `isDisabled`, the button stays **focusable and
+     * hoverable** while disabled instead of being removed from interaction.
+     *
+     * It renders `aria-disabled="true"` (not the native `disabled` attribute),
+     * keeps the button in the natural tab order, and suppresses activation
+     * (press, click, `Enter`/`Space`, form submit/reset, and link navigation do
+     * not fire). The disabled styling is unchanged.
+     *
+     * Use this to attach a `Tooltip` (or other hover/focus affordance) to a
+     * disabled button — for example to explain *why* the action is unavailable.
+     * Has no effect unless the button is also disabled.
+     *
+     * @default false
+     */
+    allowFocusWhenDisabled?: boolean;
     /**
      * Data attributes for testing or custom metadata
      */

package/dist/components/button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/button-DDlet23P.cjs.js");exports.Button=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/button-Dc_J_PNN.cjs.js");exports.Button=e.t;

package/dist/components/button.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/button-D5CV52ux.esm.js";
+import { t as e } from "../chunks/button-BhvlZrT2.esm.js";
 export { e as Button };

package/dist/components/buttons.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./floating-action-button.cjs");exports.FloatingActionButton=e.FloatingActionButton;

package/dist/components/buttons.es.js

@@ -0,0 +1,2 @@
+import { FloatingActionButton as e } from "./floating-action-button.es.js";
+export { e as FloatingActionButton };

package/dist/components/calendar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/calendar-Ci_VqqKd.cjs.js");exports.Calendar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/calendar-DS0rNrhj.cjs.js");exports.Calendar=e.t;

package/dist/components/calendar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/calendar-ILmCMbfo.esm.js";
+import { t as e } from "../chunks/calendar-C5GZoGge.esm.js";
 export { e as Calendar };

package/dist/components/card.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/card-BzCs5Slj.cjs.js");exports.Card=e.t,exports._CardBody=e.r,exports._CardFooter=e.n,exports._CardHeader=e.i,exports._CardRoot=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/card-Cs2Z5Nrc.cjs.js");exports.Card=e.t,exports._CardBody=e.r,exports._CardFooter=e.n,exports._CardHeader=e.i,exports._CardRoot=e.a;

package/dist/components/card.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/card-CqFuODvG.esm.js";
+import { a as e, i as t, n, r, t as i } from "../chunks/card-DbBguIa0.esm.js";
 export { i as Card, r as _CardBody, n as _CardFooter, t as _CardHeader, e as _CardRoot };

package/dist/components/chat-message/chat-message.context.d.ts

@@ -0,0 +1,15 @@
+/** Which participant sent the message. */
+export type ChatMessageSender = "user" | "agent";
+export interface ChatMessageContextValue {
+    /** The resolved `sender` published by `ChatMessage.Root` (default `"agent"`). */
+    sender: ChatMessageSender;
+}
+/**
+ * Carries the message's `sender` from `ChatMessage.Root` to its parts, so a part
+ * can derive a `sender`-dependent default that CSS alone can't express (e.g. the
+ * avatar's `variant`). The `"agent"` default is a safety net: a sender-aware part
+ * accidentally rendered outside a `Root` falls back to agent styling rather than
+ * throwing (it should always be composed under a `Root` in practice).
+ */
+export declare const ChatMessageContext: import('react').Context<ChatMessageContextValue>;
+export declare const useChatMessageContext: () => ChatMessageContextValue;

package/dist/components/chat-message/chat-message.d.ts

@@ -0,0 +1,161 @@
+import { ChatMessageRoot, ChatMessageAvatar, ChatMessageBody, ChatMessageActions, ChatMessageMeta, ChatMessageTyping } from './components/index.js';
+/**
+ * ChatMessage
+ * ============================================================
+ * A compound component representing a single message in an AI chat feed.
+ * It provides a body container, an avatar, and layout-only slots that
+ * consumers fill with their own content: actions inside the body, a meta
+ * below it, and a typing indicator for streaming replies. The `sender` prop
+ * drives the layout direction and sender-specific styling, and `tone` flags a
+ * failed generation.
+ *
+ * ChatMessage renders a single message; composing the surrounding feed and any
+ * live region is the consumer's job — see the accessibility documentation.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message}
+ *
+ * @example
+ * ```tsx
+ * <ChatMessage.Root sender="agent">
+ *   <ChatMessage.Avatar>
+ *     <AutoAwesome />
+ *   </ChatMessage.Avatar>
+ *   <ChatMessage.Body>
+ *     <Text>Here is the summary you asked for.</Text>
+ *     <ChatMessage.Actions>
+ *       <Button variant="outline">Save as draft</Button>
+ *       <Button variant="solid">Approve</Button>
+ *     </ChatMessage.Actions>
+ *   </ChatMessage.Body>
+ *   <ChatMessage.Meta>
+ *     <Link>How was this generated?</Link>
+ *     <Text>Apr 13, 11:56pm</Text>
+ *   </ChatMessage.Meta>
+ * </ChatMessage.Root>
+ * ```
+ */
+export declare const ChatMessage: {
+    /**
+     * # ChatMessage.Root
+     *
+     * The grid container for a single message. Establishes the styling context
+     * and lays out the avatar, body and optional meta row. Accepts `sender`
+     * (`"user" | "agent"`) which controls layout direction
+     * and styling, `tone` (`"neutral" | "error"`) to flag a failed generation,
+     * and `isStreaming` to mark the message as still generating (sets
+     * `aria-busy`). The palette (user surface tint + avatar) defaults to
+     * `primary`; pass `colorPalette` to retint the whole message. Renders a
+     * semantic `<article>` by default; override with `as`.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Root sender="user" aria-label="Message from Ada Lovelace">
+     *   <ChatMessage.Avatar firstName="Ada" lastName="Lovelace" />
+     *   <ChatMessage.Body>
+     *     <Text>Can you summarise this order?</Text>
+     *   </ChatMessage.Body>
+     * </ChatMessage.Root>
+     * ```
+     */
+    Root: {
+        (props: import('./chat-message.types.js').ChatMessageProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Avatar
+     *
+     * The sender's avatar. Wraps the Nimbus `Avatar` (defaulting to `size="xs"`)
+     * and is styled per `sender`. Provide the content via `firstName`/`lastName`
+     * (initials), `src` (image), or `children` (a custom icon). Decorative by
+     * default (`aria-hidden`) unless named.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Avatar>
+     *   <AutoAwesome />
+     * </ChatMessage.Avatar>
+     * ```
+     */
+    Avatar: {
+        ({ ref, size, variant, children, ...props }: import('./chat-message.types.js').ChatMessageAvatarProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Body
+     *
+     * The rounded card that holds the message payload. Stacks its children
+     * vertically; place `ChatMessage.Actions` last to pin actions to the bottom.
+     * Long, unbreakable content wraps inside the card.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Body>
+     *   <Text>Message content</Text>
+     * </ChatMessage.Body>
+     * ```
+     */
+    Body: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageBodyProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Actions
+     *
+     * A layout-only, right-aligned row for action buttons, rendered inside the
+     * body. Consumers provide the buttons.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Actions>
+     *   <Button variant="outline">Dismiss</Button>
+     *   <Button variant="solid">Approve</Button>
+     * </ChatMessage.Actions>
+     * ```
+     */
+    Actions: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageActionsProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Meta
+     *
+     * A layout-only `space-between` row rendered below the body. Consumers
+     * provide the content (timestamp, trust affordances, reaction icons, links).
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Meta>
+     *   <Link>How was this generated?</Link>
+     *   <Text>Apr 13, 11:56pm</Text>
+     * </ChatMessage.Meta>
+     * ```
+     */
+    Meta: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageMetaProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Typing
+     *
+     * An animated "generating…" indicator (Nimbus `ActivityIndicator`) for a
+     * streaming reply. Render it as the body's payload while the response
+     * streams; pass a visible label as `children` for a per-message affordance.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Root sender="agent" isStreaming>
+     *   <ChatMessage.Avatar>
+     *     <AutoAwesome />
+     *   </ChatMessage.Avatar>
+     *   <ChatMessage.Body>
+     *     <ChatMessage.Typing>Agent is typing…</ChatMessage.Typing>
+     *   </ChatMessage.Body>
+     * </ChatMessage.Root>
+     * ```
+     */
+    Typing: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageTypingProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { ChatMessageRoot as _ChatMessageRoot, ChatMessageAvatar as _ChatMessageAvatar, ChatMessageBody as _ChatMessageBody, ChatMessageActions as _ChatMessageActions, ChatMessageMeta as _ChatMessageMeta, ChatMessageTyping as _ChatMessageTyping, };

package/dist/components/chat-message/chat-message.figma.d.ts

@@ -0,0 +1 @@
+export {};