@box/blueprint-web 16.6.5 → 16.7.1

package/dist/lib-esm/accordion/accordion.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionItem":"bp_accordion_module_accordionItem--f2761","accordionContent":"bp_accordion_module_accordionContent--f2761","accordionContentLayout":"bp_accordion_module_accordionContentLayout--f2761","accordion":"bp_accordion_module_accordion--f2761","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--f2761","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--f2761","highlighted":"bp_accordion_module_highlighted--f2761","accordionFixedContent":"bp_accordion_module_accordionFixedContent--f2761","accordionHeader":"bp_accordion_module_accordionHeader--f2761","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--f2761","accordionStartElement":"bp_accordion_module_accordionStartElement--f2761","accordionStartElementFramed":"bp_accordion_module_accordionStartElementFramed--f2761","accordionStartElementFramedDefault":"bp_accordion_module_accordionStartElementFramedDefault--f2761","accordionStartElementFramedBox":"bp_accordion_module_accordionStartElementFramedBox--f2761","accordionStartElementFramedForms":"bp_accordion_module_accordionStartElementFramedForms--f2761","accordionStartElementFramedDocgen":"bp_accordion_module_accordionStartElementFramedDocgen--f2761","accordionStartElementFramedSign":"bp_accordion_module_accordionStartElementFramedSign--f2761","accordionTitleContent":"bp_accordion_module_accordionTitleContent--f2761","accordionTitleText":"bp_accordion_module_accordionTitleText--f2761","accordionSubtitle":"bp_accordion_module_accordionSubtitle--f2761","accordionSubtitleIcon":"bp_accordion_module_accordionSubtitleIcon--f2761","accordionSubtitleText":"bp_accordion_module_accordionSubtitleText--f2761","accordionEndText":"bp_accordion_module_accordionEndText--f2761","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--f2761","accordionSlot":"bp_accordion_module_accordionSlot--f2761","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--f2761","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--f2761","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--f2761","bgOnly":"bp_accordion_module_bgOnly--f2761","withIcon":"bp_accordion_module_withIcon--f2761","accordionTrigger":"bp_accordion_module_accordionTrigger--f2761","disabled":"bp_accordion_module_disabled--f2761","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--f2761"};
+var styles = {"accordionItem":"bp_accordion_module_accordionItem--71779","accordionContent":"bp_accordion_module_accordionContent--71779","accordionContentLayout":"bp_accordion_module_accordionContentLayout--71779","accordion":"bp_accordion_module_accordion--71779","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--71779","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--71779","highlighted":"bp_accordion_module_highlighted--71779","accordionFixedContent":"bp_accordion_module_accordionFixedContent--71779","accordionHeader":"bp_accordion_module_accordionHeader--71779","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--71779","accordionStartElement":"bp_accordion_module_accordionStartElement--71779","accordionStartElementFramed":"bp_accordion_module_accordionStartElementFramed--71779","accordionStartElementFramedDefault":"bp_accordion_module_accordionStartElementFramedDefault--71779","accordionStartElementFramedBox":"bp_accordion_module_accordionStartElementFramedBox--71779","accordionStartElementFramedForms":"bp_accordion_module_accordionStartElementFramedForms--71779","accordionStartElementFramedDocgen":"bp_accordion_module_accordionStartElementFramedDocgen--71779","accordionStartElementFramedSign":"bp_accordion_module_accordionStartElementFramedSign--71779","accordionTitleContent":"bp_accordion_module_accordionTitleContent--71779","accordionTitleText":"bp_accordion_module_accordionTitleText--71779","accordionSubtitle":"bp_accordion_module_accordionSubtitle--71779","accordionSubtitleIcon":"bp_accordion_module_accordionSubtitleIcon--71779","accordionSubtitleText":"bp_accordion_module_accordionSubtitleText--71779","accordionEndText":"bp_accordion_module_accordionEndText--71779","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--71779","accordionSlot":"bp_accordion_module_accordionSlot--71779","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--71779","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--71779","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--71779","bgOnly":"bp_accordion_module_bgOnly--71779","withIcon":"bp_accordion_module_withIcon--71779","accordionTrigger":"bp_accordion_module_accordionTrigger--71779","disabled":"bp_accordion_module_disabled--71779","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--71779"};
 
 export { styles as default };

package/dist/lib-esm/actionable-inline-notice/actionable-inline-notice.js

@@ -6,6 +6,7 @@ const ActionableInlineNotice = /*#__PURE__*/forwardRef(function ActionableInline
   const {
     backgroundColor = 'backgroundBlue',
     children,
+    enableContainerQueryLayout,
     icon,
     iconAriaLabel,
     text,
@@ -14,6 +15,7 @@ const ActionableInlineNotice = /*#__PURE__*/forwardRef(function ActionableInline
   return jsxs(BaseInlineNotice, {
     ref: forwardedRef,
     backgroundColor: backgroundColor,
+    enableContainerQueryLayout: enableContainerQueryLayout,
     children: [jsxs(BaseInlineNotice.ContentContainer, {
       children: [icon && iconAriaLabel && jsx(BaseInlineNotice.Icon, {
         icon: icon,

package/dist/lib-esm/actionable-inline-notice/types.d.ts

@@ -10,6 +10,8 @@ export type ActionableInlineNoticeProps = {
     text: string;
     /** Optional children buttons for the inline notice CTA. Specify either PrimaryAction OR both TertiaryAction and PrimaryAction. */
     children?: ReactElement<ButtonProps>;
+    /** Enables container-width-based action stacking. Defaults to false to preserve legacy viewport-based behavior. */
+    enableContainerQueryLayout?: boolean;
     /** Optional title for the inner text of the notice */
     title?: string;
 } & RequireAllOrNone<Icon, keyof Icon>;

package/dist/lib-esm/avatar/avatar.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"avatar":"bp_avatar_module_avatar--e7772","xsmall":"bp_avatar_module_xsmall--e7772","length-1":"bp_avatar_module_length-1--e7772","text":"bp_avatar_module_text--e7772","length-2":"bp_avatar_module_length-2--e7772","small":"bp_avatar_module_small--e7772","medium":"bp_avatar_module_medium--e7772","large":"bp_avatar_module_large--e7772","length-3":"bp_avatar_module_length-3--e7772","length-4":"bp_avatar_module_length-4--e7772","xlarge":"bp_avatar_module_xlarge--e7772","xxlarge":"bp_avatar_module_xxlarge--e7772","badge":"bp_avatar_module_badge--e7772","image":"bp_avatar_module_image--e7772","loading":"bp_avatar_module_loading--e7772","anonymousAvatar":"bp_avatar_module_anonymousAvatar--e7772","iconContainer":"bp_avatar_module_iconContainer--e7772"};
+var styles = {"avatar":"bp_avatar_module_avatar--d13eb","xsmall":"bp_avatar_module_xsmall--d13eb","length-1":"bp_avatar_module_length-1--d13eb","text":"bp_avatar_module_text--d13eb","length-2":"bp_avatar_module_length-2--d13eb","small":"bp_avatar_module_small--d13eb","medium":"bp_avatar_module_medium--d13eb","large":"bp_avatar_module_large--d13eb","length-3":"bp_avatar_module_length-3--d13eb","length-4":"bp_avatar_module_length-4--d13eb","xlarge":"bp_avatar_module_xlarge--d13eb","xxlarge":"bp_avatar_module_xxlarge--d13eb","badge":"bp_avatar_module_badge--d13eb","image":"bp_avatar_module_image--d13eb","loading":"bp_avatar_module_loading--d13eb","anonymousAvatar":"bp_avatar_module_anonymousAvatar--d13eb","iconContainer":"bp_avatar_module_iconContainer--d13eb"};
 
 export { styles as default };

package/dist/lib-esm/badge/base-badge.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--70d48","badge":"bp_base_badge_module_badge--70d48","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--70d48","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--70d48","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--70d48","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--70d48","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--70d48","iconBadge":"bp_base_badge_module_iconBadge--70d48","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--70d48","statusBadge":"bp_base_badge_module_statusBadge--70d48","numericBadge":"bp_base_badge_module_numericBadge--70d48","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--70d48","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--70d48"};
+var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--321ea","badge":"bp_base_badge_module_badge--321ea","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--321ea","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--321ea","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--321ea","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--321ea","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--321ea","iconBadge":"bp_base_badge_module_iconBadge--321ea","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--321ea","statusBadge":"bp_base_badge_module_statusBadge--321ea","numericBadge":"bp_base_badge_module_numericBadge--321ea","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--321ea","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--321ea"};
 
 export { styles as default };

package/dist/lib-esm/card-tooltip/card-tooltip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_card_tooltip_module_content--72a45"};
+var styles = {"content":"bp_card_tooltip_module_content--50771"};
 
 export { styles as default };

package/dist/lib-esm/checkbox/checkbox.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_checkbox_module_option--a6f20","checkbox":"bp_checkbox_module_checkbox--a6f20","indicator":"bp_checkbox_module_indicator--a6f20","label":"bp_checkbox_module_label--a6f20","description":"bp_checkbox_module_description--a6f20","disabled":"bp_checkbox_module_disabled--a6f20"};
+var styles = {"option":"bp_checkbox_module_option--78f26","checkbox":"bp_checkbox_module_checkbox--78f26","indicator":"bp_checkbox_module_indicator--78f26","label":"bp_checkbox_module_label--78f26","description":"bp_checkbox_module_description--78f26","disabled":"bp_checkbox_module_disabled--78f26"};
 
 export { styles as default };

package/dist/lib-esm/collapsible/collapsible-section.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--ff110","collapsibleSectionHeaderRow":"bp_collapsible_section_module_collapsibleSectionHeaderRow--ff110","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--ff110","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--ff110","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--ff110","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--ff110"};
+var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--f155a","collapsibleSectionHeaderRow":"bp_collapsible_section_module_collapsibleSectionHeaderRow--f155a","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--f155a","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--f155a","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--f155a","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--f155a"};
 
 export { styles as default };

package/dist/lib-esm/combobox/combobox.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_module_container--d2efe","label":"bp_combobox_module_label--d2efe","textInput":"bp_combobox_module_textInput--d2efe","popover":"bp_combobox_module_popover--d2efe","disabled":"bp_combobox_module_disabled--d2efe","hiddenLabel":"bp_combobox_module_hiddenLabel--d2efe","comboboxContainer":"bp_combobox_module_comboboxContainer--d2efe","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--d2efe","withChips":"bp_combobox_module_withChips--d2efe","error":"bp_combobox_module_error--d2efe","withComboboxButtons":"bp_combobox_module_withComboboxButtons--d2efe","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--d2efe","textInputWrapper":"bp_combobox_module_textInputWrapper--d2efe","comboboxButtons":"bp_combobox_module_comboboxButtons--d2efe","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--d2efe","inlineError":"bp_combobox_module_inlineError--d2efe","popoverInner":"bp_combobox_module_popoverInner--d2efe","option":"bp_combobox_module_option--d2efe","indicator":"bp_combobox_module_indicator--d2efe","indicatorIcon":"bp_combobox_module_indicatorIcon--d2efe","optionWithIndicator":"bp_combobox_module_optionWithIndicator--d2efe","loadingIndicator":"bp_combobox_module_loadingIndicator--d2efe"};
+var styles = {"container":"bp_combobox_module_container--a019e","label":"bp_combobox_module_label--a019e","textInput":"bp_combobox_module_textInput--a019e","popover":"bp_combobox_module_popover--a019e","disabled":"bp_combobox_module_disabled--a019e","hiddenLabel":"bp_combobox_module_hiddenLabel--a019e","comboboxContainer":"bp_combobox_module_comboboxContainer--a019e","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--a019e","withChips":"bp_combobox_module_withChips--a019e","error":"bp_combobox_module_error--a019e","withComboboxButtons":"bp_combobox_module_withComboboxButtons--a019e","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--a019e","textInputWrapper":"bp_combobox_module_textInputWrapper--a019e","comboboxButtons":"bp_combobox_module_comboboxButtons--a019e","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--a019e","inlineError":"bp_combobox_module_inlineError--a019e","popoverInner":"bp_combobox_module_popoverInner--a019e","option":"bp_combobox_module_option--a019e","indicator":"bp_combobox_module_indicator--a019e","indicatorIcon":"bp_combobox_module_indicatorIcon--a019e","optionWithIndicator":"bp_combobox_module_optionWithIndicator--a019e","loadingIndicator":"bp_combobox_module_loadingIndicator--a019e"};
 
 export { styles as default };

package/dist/lib-esm/combobox-group/combobox-group.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_group_module_container--6e04c","trailing":"bp_combobox_group_module_trailing--6e04c","leading":"bp_combobox_group_module_leading--6e04c","label":"bp_combobox_group_module_label--6e04c","comboboxContainer":"bp_combobox_group_module_comboboxContainer--6e04c","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--6e04c","disabled":"bp_combobox_group_module_disabled--6e04c","errorCombobox":"bp_combobox_group_module_errorCombobox--6e04c","errorSelect":"bp_combobox_group_module_errorSelect--6e04c","selectHasFocus":"bp_combobox_group_module_selectHasFocus--6e04c","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--6e04c"};
+var styles = {"container":"bp_combobox_group_module_container--20913","trailing":"bp_combobox_group_module_trailing--20913","leading":"bp_combobox_group_module_leading--20913","label":"bp_combobox_group_module_label--20913","comboboxContainer":"bp_combobox_group_module_comboboxContainer--20913","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--20913","disabled":"bp_combobox_group_module_disabled--20913","errorCombobox":"bp_combobox_group_module_errorCombobox--20913","errorSelect":"bp_combobox_group_module_errorSelect--20913","selectHasFocus":"bp_combobox_group_module_selectHasFocus--20913","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--20913"};
 
 export { styles as default };

package/dist/lib-esm/content-card/content-card.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"card":"bp_content_card_module_card--72f1b","ghostCard":"bp_content_card_module_ghostCard--72f1b","cardContent":"bp_content_card_module_cardContent--72f1b","cardTitle":"bp_content_card_module_cardTitle--72f1b","cardTitleText":"bp_content_card_module_cardTitleText--72f1b","cardBody":"bp_content_card_module_cardBody--72f1b","cardBodyText":"bp_content_card_module_cardBodyText--72f1b","cardIcon":"bp_content_card_module_cardIcon--72f1b","cardBackground":"bp_content_card_module_cardBackground--72f1b","image":"bp_content_card_module_image--72f1b","iconGhost":"bp_content_card_module_iconGhost--72f1b","titleGhost":"bp_content_card_module_titleGhost--72f1b","bodyGhost":"bp_content_card_module_bodyGhost--72f1b","pillGhostContainer":"bp_content_card_module_pillGhostContainer--72f1b","pillGhost":"bp_content_card_module_pillGhost--72f1b"};
+var styles = {"card":"bp_content_card_module_card--2a9ea","ghostCard":"bp_content_card_module_ghostCard--2a9ea","cardContent":"bp_content_card_module_cardContent--2a9ea","cardTitle":"bp_content_card_module_cardTitle--2a9ea","cardTitleText":"bp_content_card_module_cardTitleText--2a9ea","cardBody":"bp_content_card_module_cardBody--2a9ea","cardBodyText":"bp_content_card_module_cardBodyText--2a9ea","cardIcon":"bp_content_card_module_cardIcon--2a9ea","cardBackground":"bp_content_card_module_cardBackground--2a9ea","image":"bp_content_card_module_image--2a9ea","iconGhost":"bp_content_card_module_iconGhost--2a9ea","titleGhost":"bp_content_card_module_titleGhost--2a9ea","bodyGhost":"bp_content_card_module_bodyGhost--2a9ea","pillGhostContainer":"bp_content_card_module_pillGhostContainer--2a9ea","pillGhost":"bp_content_card_module_pillGhost--2a9ea"};
 
 export { styles as default };

package/dist/lib-esm/date-picker/date-picker.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"datePicker":"bp_date_picker_module_datePicker--ee85f","label":"bp_date_picker_module_label--ee85f","group":"bp_date_picker_module_group--ee85f","disabled":"bp_date_picker_module_disabled--ee85f","groupContainer":"bp_date_picker_module_groupContainer--ee85f","error":"bp_date_picker_module_error--ee85f","groupContainerInput":"bp_date_picker_module_groupContainerInput--ee85f","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--ee85f","button":"bp_date_picker_module_button--ee85f","clear":"bp_date_picker_module_clear--ee85f","inlineError":"bp_date_picker_module_inlineError--ee85f","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--ee85f"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--55c8c","label":"bp_date_picker_module_label--55c8c","group":"bp_date_picker_module_group--55c8c","disabled":"bp_date_picker_module_disabled--55c8c","groupContainer":"bp_date_picker_module_groupContainer--55c8c","error":"bp_date_picker_module_error--55c8c","groupContainerInput":"bp_date_picker_module_groupContainerInput--55c8c","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--55c8c","button":"bp_date_picker_module_button--55c8c","clear":"bp_date_picker_module_clear--55c8c","inlineError":"bp_date_picker_module_inlineError--55c8c","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--55c8c"};
 
 export { styles as default };

package/dist/lib-esm/elemental-breadcrumb/constants.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Internal geometry for ElementalBreadcrumb — path `d` strings exported verbatim
+ * from Figma (Elemental breadcrumb node 670:45540, file xZ1gAXsZ1rEAEGwv1whhel).
+ * The silhouettes are baked vector paths (12px rounded outer corners + a rounded
+ * chevron apex), NOT parametric rectangles, so they are copied as-is. They feed
+ * the SVG `viewBox` (unitless px); CSS box sizes convert to rem in the SCSS module.
+ *
+ * These are implementation details of this one component (not part of the public
+ * `@box/blueprint-web` surface), so they live here rather than in `types.ts`.
+ *
+ * Composition: the trailing (current) step is a plain rounded-right rectangle
+ * that sits BEHIND the leading (back) step. The leading step is rounded on the
+ * left with a chevron POINT on the right; it overlaps the trailing rectangle so
+ * the point reads as an interlocking seam.
+ */
+export declare const STEP_H = 40;
+/** Leading (back) step art: 56×40. Rounded-left corners; chevron POINT on the right. */
+export declare const LEADING_W = 56;
+/** Trailing (current) step art: 54×40. Plain rounded-right rectangle, square left edge. */
+export declare const TRAILING_W = 54;
+/** Leading step fill: rounded-left corners, SHARP chevron point at (56,20). */
+export declare const LEADING_PATH = "M40 0H12C5.37259 0 0 5.37258 0 12V28C0 34.6274 5.37259 40 12 40H40L56 20L40 0Z";
+/** Leading step hairline stroke (inside-stroke, inset 0.5px), SHARP apex at (55.36,20). */
+export declare const LEADING_STROKE_PATH = "M12 0.5C5.64873 0.5 0.5 5.64873 0.5 12V28C0.5 34.3513 5.64873 39.5 12 39.5H39.7598L55.3597 20L39.7598 0.5H12Z";
+/** Trailing step fill: plain rounded-right rectangle with a square left edge (viewBox 54). */
+export declare const TRAILING_PATH = "M0 0H42C48.6274 0 54 5.37258 54 12V28C54 34.6274 48.6274 40 42 40H0V0Z";
+/** SVG <linearGradient> handle coords per direction. */
+export declare const GRADIENT_COORDS: {
+    readonly vertical: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 0;
+        readonly y2: 1;
+    };
+    readonly horizontal: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 1;
+        readonly y2: 0;
+    };
+    readonly diagonal: {
+        readonly x1: 0;
+        readonly y1: 0;
+        readonly x2: 1;
+        readonly y2: 1;
+    };
+};

package/dist/lib-esm/elemental-breadcrumb/constants.js

@@ -0,0 +1,53 @@
+/**
+ * Internal geometry for ElementalBreadcrumb — path `d` strings exported verbatim
+ * from Figma (Elemental breadcrumb node 670:45540, file xZ1gAXsZ1rEAEGwv1whhel).
+ * The silhouettes are baked vector paths (12px rounded outer corners + a rounded
+ * chevron apex), NOT parametric rectangles, so they are copied as-is. They feed
+ * the SVG `viewBox` (unitless px); CSS box sizes convert to rem in the SCSS module.
+ *
+ * These are implementation details of this one component (not part of the public
+ * `@box/blueprint-web` surface), so they live here rather than in `types.ts`.
+ *
+ * Composition: the trailing (current) step is a plain rounded-right rectangle
+ * that sits BEHIND the leading (back) step. The leading step is rounded on the
+ * left with a chevron POINT on the right; it overlaps the trailing rectangle so
+ * the point reads as an interlocking seam.
+ */
+const STEP_H = 40;
+/** Leading (back) step art: 56×40. Rounded-left corners; chevron POINT on the right. */
+const LEADING_W = 56;
+/** Trailing (current) step art: 54×40. Plain rounded-right rectangle, square left edge. */
+const TRAILING_W = 54;
+// Leading step: rounded-left with a chevron POINT on the right. Figma's own export
+// rounds the apex (a cubic Bézier), leaving a ~2px notch where the point meets the
+// trailing step. We replace that curve with a SHARP vertex at the apex (56,20 for the
+// fill; ~55.36,20 for the inside-stroke) so the silhouette runs solid through the corner.
+/** Leading step fill: rounded-left corners, SHARP chevron point at (56,20). */
+const LEADING_PATH = 'M40 0H12C5.37259 0 0 5.37258 0 12V28C0 34.6274 5.37259 40 12 40H40L56 20L40 0Z';
+/** Leading step hairline stroke (inside-stroke, inset 0.5px), SHARP apex at (55.36,20). */
+const LEADING_STROKE_PATH = 'M12 0.5C5.64873 0.5 0.5 5.64873 0.5 12V28C0.5 34.3513 5.64873 39.5 12 39.5H39.7598L55.3597 20L39.7598 0.5H12Z';
+/** Trailing step fill: plain rounded-right rectangle with a square left edge (viewBox 54). */
+const TRAILING_PATH = 'M0 0H42C48.6274 0 54 5.37258 54 12V28C54 34.6274 48.6274 40 42 40H0V0Z';
+/** SVG <linearGradient> handle coords per direction. */
+const GRADIENT_COORDS = {
+  vertical: {
+    x1: 0,
+    y1: 0,
+    x2: 0,
+    y2: 1
+  },
+  horizontal: {
+    x1: 0,
+    y1: 0,
+    x2: 1,
+    y2: 0
+  },
+  diagonal: {
+    x1: 0,
+    y1: 0,
+    x2: 1,
+    y2: 1
+  }
+};
+
+export { GRADIENT_COORDS, LEADING_PATH, LEADING_STROKE_PATH, LEADING_W, STEP_H, TRAILING_PATH, TRAILING_W };

package/dist/lib-esm/elemental-breadcrumb/elemental-breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import { type ElementalBreadcrumbProps } from './types';
+export declare const ElementalBreadcrumb: import("react").ForwardRefExoticComponent<Omit<ElementalBreadcrumbProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/lib-esm/elemental-breadcrumb/elemental-breadcrumb.js

@@ -0,0 +1,134 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { bpIconIconOnDark, bpSize060, bpIconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
+import clsx from 'clsx';
+import { forwardRef, useId, createElement } from 'react';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
+import { LEADING_PATH, LEADING_STROKE_PATH, TRAILING_PATH, GRADIENT_COORDS, LEADING_W, STEP_H, TRAILING_W } from './constants.js';
+import styles from './elemental-breadcrumb.module.js';
+
+// The leading chevron apex is a SHARP point at the art's right edge (x = LEADING_W).
+// It must map flush to the box's right edge so the point stays sharp and butts against
+// the trailing step — so DON'T pad the right side. Pad only left/top/bottom by 1px so the
+// 1px inside hairline stroke isn't clipped by the SVG's overflow box.
+// (`preserveAspectRatio="none"` stretches viewBox → box, so any right padding would pull
+// the apex inward and let edge antialiasing round it off.)
+const LEADING_VIEW_BOX = `-1 -1 ${LEADING_W + 1} ${STEP_H + 2}`;
+const TRAILING_VIEW_BOX = `-1 -1 ${TRAILING_W + 2} ${STEP_H + 2}`;
+const renderCurrentStepPaint = (fill, gradientId) => {
+  if (fill.type === 'solid') {
+    return {
+      paint: fill.color,
+      defs: null
+    };
+  }
+  const {
+    x1,
+    y1,
+    x2,
+    y2
+  } = GRADIENT_COORDS[fill.direction ?? 'vertical'];
+  const lastStopIndex = fill.stops.length - 1;
+  return {
+    paint: `url(#${gradientId})`,
+    defs: jsx("linearGradient", {
+      id: gradientId,
+      x1: x1,
+      x2: x2,
+      y1: y1,
+      y2: y2,
+      children: fill.stops.map((stopColor, index) =>
+      // Key by index: `stops` may legitimately repeat a color, so the color alone is not unique.
+      jsx("stop", {
+        offset: index / lastStopIndex,
+        stopColor: stopColor
+      }, `${index}-${stopColor}`))
+    })
+  };
+};
+const ElementalBreadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    navAriaLabel,
+    backAriaLabel,
+    currentStepLabel,
+    backIcon,
+    currentIcon,
+    currentStepFill,
+    currentIconColor = bpIconIconOnDark,
+    onBack,
+    className,
+    ...rest
+  } = props;
+  const gradientId = useId();
+  const {
+    paint,
+    defs
+  } = renderCurrentStepPaint(currentStepFill, gradientId);
+  const backIconElement = /*#__PURE__*/createElement(backIcon, {
+    'aria-hidden': true,
+    className: clsx(styles.icon, styles.leadingIcon),
+    color: bpIconIconOnLightSecondary,
+    height: bpSize060,
+    width: bpSize060
+  });
+  const currentIconElement = /*#__PURE__*/createElement(currentIcon, {
+    'aria-hidden': true,
+    className: clsx(styles.icon, styles.trailingIcon),
+    color: currentIconColor,
+    height: bpSize060,
+    width: bpSize060
+  });
+  return jsx("nav", {
+    ref: forwardedRef,
+    "aria-label": navAriaLabel,
+    className: clsx(styles.nav, className),
+    ...rest,
+    children: jsxs("ol", {
+      className: styles.list,
+      children: [jsx("li", {
+        className: clsx(styles.step, styles.leadingStep),
+        children: jsxs("button", {
+          "aria-label": backAriaLabel,
+          className: styles.backButton,
+          onClick: onBack,
+          type: "button",
+          children: [jsxs("svg", {
+            "aria-hidden": "true",
+            className: styles.shape,
+            preserveAspectRatio: "none",
+            viewBox: LEADING_VIEW_BOX,
+            children: [jsx("path", {
+              className: styles.leadingShape,
+              d: LEADING_PATH
+            }), jsx("path", {
+              className: styles.leadingStroke,
+              d: LEADING_STROKE_PATH,
+              fill: "none",
+              strokeWidth: 1,
+              vectorEffect: "non-scaling-stroke"
+            })]
+          }), backIconElement]
+        })
+      }), jsxs("li", {
+        "aria-current": "page",
+        className: clsx(styles.step, styles.trailingStep),
+        children: [jsxs("svg", {
+          "aria-hidden": "true",
+          className: styles.shape,
+          preserveAspectRatio: "none",
+          viewBox: TRAILING_VIEW_BOX,
+          children: [defs && jsx("defs", {
+            children: defs
+          }), jsx("path", {
+            d: TRAILING_PATH,
+            fill: paint
+          })]
+        }), currentIconElement, jsx(VisuallyHidden, {
+          children: currentStepLabel
+        })]
+      })]
+    })
+  });
+});
+ElementalBreadcrumb.displayName = 'ElementalBreadcrumb';
+
+export { ElementalBreadcrumb };

package/dist/lib-esm/elemental-breadcrumb/elemental-breadcrumb.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"nav":"bp_elemental_breadcrumb_module_nav--06561","list":"bp_elemental_breadcrumb_module_list--06561","step":"bp_elemental_breadcrumb_module_step--06561","leadingStep":"bp_elemental_breadcrumb_module_leadingStep--06561","trailingStep":"bp_elemental_breadcrumb_module_trailingStep--06561","shape":"bp_elemental_breadcrumb_module_shape--06561","leadingShape":"bp_elemental_breadcrumb_module_leadingShape--06561","leadingStroke":"bp_elemental_breadcrumb_module_leadingStroke--06561","backButton":"bp_elemental_breadcrumb_module_backButton--06561","icon":"bp_elemental_breadcrumb_module_icon--06561","leadingIcon":"bp_elemental_breadcrumb_module_leadingIcon--06561","trailingIcon":"bp_elemental_breadcrumb_module_trailingIcon--06561"};
+
+export { styles as default };

package/dist/lib-esm/elemental-breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { ElementalBreadcrumb } from './elemental-breadcrumb';
+export type { CurrentStepFill, ElementalBreadcrumbProps } from './types';

package/dist/lib-esm/elemental-breadcrumb/types.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentProps, type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
+type BlueprintIcon = FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+/**
+ * Fill for the current (trailing, product) step. Each product supplies its own
+ * brand fill — the component bakes in no colors. Modeled as a discriminated
+ * union because products differ in BOTH fill type AND gradient direction:
+ *   - Extract:  diagonal gradient #FE03DC → #2784FA
+ *   - Forms:    SOLID #20A56E (no gradient)
+ *   - Automate: vertical gradient #F34936 → #F27621
+ *
+ * Values are rendered as SVG paint (a solid `fill` or an SVG `<linearGradient>`
+ * built from `stops`), NOT as a CSS `linear-gradient()` string — an SVG `fill`
+ * cannot consume one.
+ */
+export type CurrentStepFill = {
+    type: 'solid';
+    color: string;
+} | {
+    type: 'gradient';
+    /** 2+ gradient stops in paint order. Typed as a non-empty pair to keep offsets well-defined. */
+    stops: [string, string, ...string[]];
+    /**
+     * Gradient axis. Maps to SVG <linearGradient> handle coords.
+     * @default 'vertical'
+     */
+    direction?: 'vertical' | 'horizontal' | 'diagonal';
+};
+export type ElementalBreadcrumbProps = Omit<ComponentProps<'nav'>, 'aria-label'> & {
+    /** Accessible label for the <nav> landmark. e.g. "Breadcrumb". Required — Blueprint is globalization-agnostic. */
+    navAriaLabel: string;
+    /**
+     * Accessible label for the interactive leading (back) step. REQUIRED — the
+     * component never derives it. The consumer must pass a meaningful, context-
+     * specific label that names where the back step leads (e.g. "Go back to apps",
+     * "Go back to Documents"), because the leading step only renders an icon and
+     * has no visible text. Blueprint is globalization-agnostic, so this is a plain
+     * (already-localized) string, not an i18n key.
+     */
+    backAriaLabel: string;
+    /** Accessible name for the current (trailing, non-interactive) step. e.g. "Extract Agent". */
+    currentStepLabel: string;
+    /** Icon rendered inside the leading (back) step. */
+    backIcon: BlueprintIcon;
+    /** Icon rendered inside the trailing (current) step. */
+    currentIcon: BlueprintIcon;
+    /** Product-specific fill for the current step (solid or gradient). See CurrentStepFill. */
+    currentStepFill: CurrentStepFill;
+    /**
+     * Icon color on the current step. Choose for contrast against
+     * `currentStepFill` (consumer's responsibility — axe checks in tests).
+     * @default '#fff'
+     */
+    currentIconColor?: string;
+    /** Invoked when the user activates the leading step (behaves as a back button). */
+    onBack: () => void;
+};
+export {};

package/dist/lib-esm/empty-state/empty-state.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"emptyState":"bp_empty_state_module_emptyState--dd02f","illustration":"bp_empty_state_module_illustration--dd02f","body":"bp_empty_state_module_body--dd02f","heading":"bp_empty_state_module_heading--dd02f","button":"bp_empty_state_module_button--dd02f","small":"bp_empty_state_module_small--dd02f"};
+var styles = {"emptyState":"bp_empty_state_module_emptyState--2f4c7","illustration":"bp_empty_state_module_illustration--2f4c7","body":"bp_empty_state_module_body--2f4c7","heading":"bp_empty_state_module_heading--2f4c7","button":"bp_empty_state_module_button--2f4c7","small":"bp_empty_state_module_small--2f4c7"};
 
 export { styles as default };

package/dist/lib-esm/guided-tooltip/guided-tooltip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_guided_tooltip_module_content--2d5a7","body":"bp_guided_tooltip_module_body--2d5a7","noTitle":"bp_guided_tooltip_module_noTitle--2d5a7","title":"bp_guided_tooltip_module_title--2d5a7","footer":"bp_guided_tooltip_module_footer--2d5a7","actionButtons":"bp_guided_tooltip_module_actionButtons--2d5a7","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--2d5a7","closeButton":"bp_guided_tooltip_module_closeButton--2d5a7","arrow":"bp_guided_tooltip_module_arrow--2d5a7","icon":"bp_guided_tooltip_module_icon--2d5a7","illustration":"bp_guided_tooltip_module_illustration--2d5a7"};
+var styles = {"content":"bp_guided_tooltip_module_content--39841","body":"bp_guided_tooltip_module_body--39841","noTitle":"bp_guided_tooltip_module_noTitle--39841","title":"bp_guided_tooltip_module_title--39841","footer":"bp_guided_tooltip_module_footer--39841","actionButtons":"bp_guided_tooltip_module_actionButtons--39841","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--39841","closeButton":"bp_guided_tooltip_module_closeButton--39841","arrow":"bp_guided_tooltip_module_arrow--39841","icon":"bp_guided_tooltip_module_icon--39841","illustration":"bp_guided_tooltip_module_illustration--39841"};
 
 export { styles as default };

package/dist/lib-esm/icon-dual-state-button/icon-dual-state-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--c67e6","pressed":"bp_icon_dual_state_button_module_pressed--c67e6","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--c67e6","smallButton":"bp_icon_dual_state_button_module_smallButton--c67e6"};
+var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--665c1","pressed":"bp_icon_dual_state_button_module_pressed--665c1","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--665c1","smallButton":"bp_icon_dual_state_button_module_smallButton--665c1"};
 
 export { styles as default };

package/dist/lib-esm/icon-toggle-button/icon-toggle-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--14cff","high-contrast":"bp_icon_toggle_button_module_high-contrast--14cff","icon":"bp_icon_toggle_button_module_icon--14cff","default":"bp_icon_toggle_button_module_default--14cff","medium":"bp_icon_toggle_button_module_medium--14cff","small":"bp_icon_toggle_button_module_small--14cff","x-small":"bp_icon_toggle_button_module_x-small--14cff"};
+var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--a4b41","high-contrast":"bp_icon_toggle_button_module_high-contrast--a4b41","icon":"bp_icon_toggle_button_module_icon--a4b41","default":"bp_icon_toggle_button_module_default--a4b41","medium":"bp_icon_toggle_button_module_medium--a4b41","small":"bp_icon_toggle_button_module_small--a4b41","x-small":"bp_icon_toggle_button_module_x-small--a4b41"};
 
 export { styles as default };