@boostdev/design-system-components 2.2.1 → 2.3.0

package/dist/index.cjs

@@ -90,7 +90,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"component":"bds221Accordion-component","accordion":"bds221Accordion-accordion","item":"bds221Accordion-item","heading":"bds221Accordion-heading","trigger":"bds221Accordion-trigger","triggerLabel":"bds221Accordion-triggerLabel","chevron":"bds221Accordion-chevron","--open":"bds221Accordion---open","panel":"bds221Accordion-panel","panelContent":"bds221Accordion-panelContent"};
+var Accordion_default = {"component":"bds230Accordion-component","accordion":"bds230Accordion-accordion","item":"bds230Accordion-item","heading":"bds230Accordion-heading","trigger":"bds230Accordion-trigger","triggerLabel":"bds230Accordion-triggerLabel","chevron":"bds230Accordion-chevron","--open":"bds230Accordion---open","panel":"bds230Accordion-panel","panelContent":"bds230Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -159,7 +159,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"component":"bds221Alert-component","alert":"bds221Alert-alert","--variant_info":"bds221Alert---variant_info","--variant_success":"bds221Alert---variant_success","--variant_warning":"bds221Alert---variant_warning","--variant_error":"bds221Alert---variant_error","icon":"bds221Alert-icon","content":"bds221Alert-content","title":"bds221Alert-title","dismiss":"bds221Alert-dismiss"};
+var Alert_default = {"component":"bds230Alert-component","alert":"bds230Alert-alert","--variant_info":"bds230Alert---variant_info","--variant_success":"bds230Alert---variant_success","--variant_warning":"bds230Alert---variant_warning","--variant_error":"bds230Alert---variant_error","icon":"bds230Alert-icon","content":"bds230Alert-content","title":"bds230Alert-title","dismiss":"bds230Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -204,7 +204,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"component":"bds221Avatar-component","avatar":"bds221Avatar-avatar","--fallback":"bds221Avatar---fallback","--size_small":"bds221Avatar---size_small","--size_medium":"bds221Avatar---size_medium","--size_large":"bds221Avatar---size_large","image":"bds221Avatar-image","initials":"bds221Avatar-initials"};
+var Avatar_default = {"component":"bds230Avatar-component","avatar":"bds230Avatar-avatar","--fallback":"bds230Avatar---fallback","--size_small":"bds230Avatar---size_small","--size_medium":"bds230Avatar---size_medium","--size_large":"bds230Avatar---size_large","image":"bds230Avatar-image","initials":"bds230Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -231,7 +231,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"component":"bds221Badge-component","badge":"bds221Badge-badge","--variant_primary":"bds221Badge---variant_primary","--variant_secondary":"bds221Badge---variant_secondary","--variant_success":"bds221Badge---variant_success","--variant_error":"bds221Badge---variant_error","--variant_warning":"bds221Badge---variant_warning"};
+var Badge_default = {"component":"bds230Badge-component","badge":"bds230Badge-badge","--variant_primary":"bds230Badge---variant_primary","--variant_secondary":"bds230Badge---variant_secondary","--variant_success":"bds230Badge---variant_success","--variant_error":"bds230Badge---variant_error","--variant_warning":"bds230Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -241,7 +241,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"component":"bds221Breadcrumb-component","breadcrumb":"bds221Breadcrumb-breadcrumb","list":"bds221Breadcrumb-list","item":"bds221Breadcrumb-item","link":"bds221Breadcrumb-link","separator":"bds221Breadcrumb-separator","current":"bds221Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds230Breadcrumb-component","breadcrumb":"bds230Breadcrumb-breadcrumb","list":"bds230Breadcrumb-list","item":"bds230Breadcrumb-item","link":"bds230Breadcrumb-link","separator":"bds230Breadcrumb-separator","current":"bds230Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -257,7 +257,7 @@ function Breadcrumb({ items, className, ...rest }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"component":"bds221Collapsible-component","collapsible":"bds221Collapsible-collapsible","summary":"bds221Collapsible-summary","summaryContent":"bds221Collapsible-summaryContent","icon":"bds221Collapsible-icon","content":"bds221Collapsible-content"};
+var Collapsible_default = {"component":"bds230Collapsible-component","collapsible":"bds230Collapsible-collapsible","summary":"bds230Collapsible-summary","summaryContent":"bds230Collapsible-summaryContent","icon":"bds230Collapsible-icon","content":"bds230Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -298,7 +298,7 @@ function Collapsible({
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"component":"bds221Calendar-component","calendar":"bds221Calendar-calendar","header":"bds221Calendar-header","monthYear":"bds221Calendar-monthYear","navBtn":"bds221Calendar-navBtn","grid":"bds221Calendar-grid","weekday":"bds221Calendar-weekday","empty":"bds221Calendar-empty","day":"bds221Calendar-day","disabled":"bds221Calendar-disabled","selected":"bds221Calendar-selected","today":"bds221Calendar-today"};
+var Calendar_default = {"component":"bds230Calendar-component","calendar":"bds230Calendar-calendar","header":"bds230Calendar-header","monthYear":"bds230Calendar-monthYear","navBtn":"bds230Calendar-navBtn","grid":"bds230Calendar-grid","weekday":"bds230Calendar-weekday","empty":"bds230Calendar-empty","day":"bds230Calendar-day","disabled":"bds230Calendar-disabled","selected":"bds230Calendar-selected","today":"bds230Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -473,7 +473,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
 var import_react3 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"component":"bds221Carousel-component","carousel":"bds221Carousel-carousel","track":"bds221Carousel-track","slide":"bds221Carousel-slide","navBtn":"bds221Carousel-navBtn"};
+var Carousel_default = {"component":"bds230Carousel-component","carousel":"bds230Carousel-carousel","track":"bds230Carousel-track","slide":"bds230Carousel-slide","navBtn":"bds230Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -526,7 +526,7 @@ function Carousel({ items, label, className, ...rest }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"component":"bds221DescriptionList-component","list":"bds221DescriptionList-list","group":"bds221DescriptionList-group","term":"bds221DescriptionList-term","details":"bds221DescriptionList-details","--layout_inline":"bds221DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds230DescriptionList-component","list":"bds230DescriptionList-list","group":"bds230DescriptionList-group","term":"bds230DescriptionList-term","details":"bds230DescriptionList-details","--layout_inline":"bds230DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -539,7 +539,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"component":"bds221Link-component","link":"bds221Link-link","--variant_default":"bds221Link---variant_default","--variant_subtle":"bds221Link---variant_subtle","--variant_standalone":"bds221Link---variant_standalone","externalLabel":"bds221Link-externalLabel"};
+var Link_default = {"component":"bds230Link-component","link":"bds230Link-link","--variant_default":"bds230Link---variant_default","--variant_subtle":"bds230Link---variant_subtle","--variant_standalone":"bds230Link---variant_standalone","externalLabel":"bds230Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -570,7 +570,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"component":"bds221Loading-component","loading":"bds221Loading-loading","spinner":"bds221Loading-spinner","--size_small":"bds221Loading---size_small","--size_large":"bds221Loading---size_large"};
+var Loading_default = {"component":"bds230Loading-component","loading":"bds230Loading-loading","spinner":"bds230Loading-spinner","--size_small":"bds230Loading---size_small","--size_large":"bds230Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -580,7 +580,7 @@ function Loading({ size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"component":"bds221NotificationBanner-component","banner":"bds221NotificationBanner-banner","--variant_info":"bds221NotificationBanner---variant_info","--variant_success":"bds221NotificationBanner---variant_success","--variant_warning":"bds221NotificationBanner---variant_warning","--variant_error":"bds221NotificationBanner---variant_error","content":"bds221NotificationBanner-content","action":"bds221NotificationBanner-action","dismiss":"bds221NotificationBanner-dismiss"};
+var NotificationBanner_default = {"component":"bds230NotificationBanner-component","banner":"bds230NotificationBanner-banner","--variant_info":"bds230NotificationBanner---variant_info","--variant_success":"bds230NotificationBanner---variant_success","--variant_warning":"bds230NotificationBanner---variant_warning","--variant_error":"bds230NotificationBanner---variant_error","content":"bds230NotificationBanner-content","action":"bds230NotificationBanner-action","dismiss":"bds230NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -621,7 +621,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"component":"bds221Pagination-component","pagination":"bds221Pagination-pagination","list":"bds221Pagination-list","button":"bds221Pagination-button","--active":"bds221Pagination---active","--nav":"bds221Pagination---nav","ellipsis":"bds221Pagination-ellipsis"};
+var Pagination_default = {"component":"bds230Pagination-component","pagination":"bds230Pagination-pagination","list":"bds230Pagination-list","button":"bds230Pagination-button","--active":"bds230Pagination---active","--nav":"bds230Pagination---nav","ellipsis":"bds230Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -686,7 +686,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"component":"bds221Progress-component","container":"bds221Progress-container","labelRow":"bds221Progress-labelRow","value":"bds221Progress-value","track":"bds221Progress-track","--size_small":"bds221Progress---size_small","--size_medium":"bds221Progress---size_medium","--size_large":"bds221Progress---size_large","fill":"bds221Progress-fill"};
+var Progress_default = {"component":"bds230Progress-component","container":"bds230Progress-container","labelRow":"bds230Progress-labelRow","value":"bds230Progress-value","track":"bds230Progress-track","--size_small":"bds230Progress---size_small","--size_medium":"bds230Progress---size_medium","--size_large":"bds230Progress---size_large","fill":"bds230Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -725,7 +725,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"component":"bds221ProgressCircle-component","wrapper":"bds221ProgressCircle-wrapper","svg":"bds221ProgressCircle-svg","track":"bds221ProgressCircle-track","fill":"bds221ProgressCircle-fill","value":"bds221ProgressCircle-value","--size_small":"bds221ProgressCircle---size_small","--size_medium":"bds221ProgressCircle---size_medium","--size_large":"bds221ProgressCircle---size_large"};
+var ProgressCircle_default = {"component":"bds230ProgressCircle-component","wrapper":"bds230ProgressCircle-wrapper","svg":"bds230ProgressCircle-svg","track":"bds230ProgressCircle-track","fill":"bds230ProgressCircle-fill","value":"bds230ProgressCircle-value","--size_small":"bds230ProgressCircle---size_small","--size_medium":"bds230ProgressCircle---size_medium","--size_large":"bds230ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -806,7 +806,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"component":"bds221Separator-component","separator":"bds221Separator-separator","--horizontal":"bds221Separator---horizontal","--vertical":"bds221Separator---vertical"};
+var Separator_default = {"component":"bds230Separator-component","separator":"bds230Separator-separator","--horizontal":"bds230Separator---horizontal","--vertical":"bds230Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -830,7 +830,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"component":"bds221Skeleton-component","skeleton":"bds221Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds230Skeleton-component","skeleton":"bds230Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -839,7 +839,7 @@ function Skeleton({ className, ...rest }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"component":"bds221SkipLink-component","skipLink":"bds221SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds230SkipLink-component","skipLink":"bds230SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -849,7 +849,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"component":"bds221Table-component","wrapper":"bds221Table-wrapper","table":"bds221Table-table","caption":"bds221Table-caption","thead":"bds221Table-thead","th":"bds221Table-th","--sortable":"bds221Table---sortable","sortButton":"bds221Table-sortButton","sortIcon":"bds221Table-sortIcon","--sort-active":"bds221Table---sort-active","--sort-desc":"bds221Table---sort-desc","tbody":"bds221Table-tbody","tr":"bds221Table-tr","td":"bds221Table-td"};
+var Table_default = {"component":"bds230Table-component","wrapper":"bds230Table-wrapper","table":"bds230Table-table","caption":"bds230Table-caption","thead":"bds230Table-thead","th":"bds230Table-th","--sortable":"bds230Table---sortable","sortButton":"bds230Table-sortButton","sortIcon":"bds230Table-sortIcon","--sort-active":"bds230Table---sort-active","--sort-desc":"bds230Table---sort-desc","tbody":"bds230Table-tbody","tr":"bds230Table-tr","td":"bds230Table-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -919,7 +919,7 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"component":"bds221Tabs-component","tabs":"bds221Tabs-tabs","tabList":"bds221Tabs-tabList","tab":"bds221Tabs-tab","--active":"bds221Tabs---active","panel":"bds221Tabs-panel"};
+var Tabs_default = {"component":"bds230Tabs-component","tabs":"bds230Tabs-tabs","tabList":"bds230Tabs-tabList","tab":"bds230Tabs-tab","--active":"bds230Tabs---active","panel":"bds230Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -999,7 +999,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 var import_react5 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"component":"bds221Tooltip-component","wrapper":"bds221Tooltip-wrapper","tooltip":"bds221Tooltip-tooltip","--placement_top":"bds221Tooltip---placement_top","--placement_bottom":"bds221Tooltip---placement_bottom","--placement_left":"bds221Tooltip---placement_left","--placement_right":"bds221Tooltip---placement_right"};
+var Tooltip_default = {"component":"bds230Tooltip-component","wrapper":"bds230Tooltip-wrapper","tooltip":"bds230Tooltip-tooltip","--placement_top":"bds230Tooltip---placement_top","--placement_bottom":"bds230Tooltip---placement_bottom","--placement_left":"bds230Tooltip---placement_left","--placement_right":"bds230Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1043,7 +1043,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"component":"bds221Typography-component","typography":"bds221Typography-typography","--h1":"bds221Typography---h1","--h2":"bds221Typography---h2","--h3":"bds221Typography---h3","--body":"bds221Typography---body","--body_s":"bds221Typography---body_s"};
+var Typography_default = {"component":"bds230Typography-component","typography":"bds230Typography-typography","--h1":"bds230Typography---h1","--h2":"bds230Typography---h2","--h3":"bds230Typography---h3","--body":"bds230Typography---body","--body_s":"bds230Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1061,7 +1061,7 @@ function Typography({ variant = "body", component, children, className, ...rest
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"component":"bds221Button-component","button":"bds221Button-button","--default":"bds221Button---default","--outline":"bds221Button---outline","--ghost":"bds221Button---ghost","--size_small":"bds221Button---size_small","--size_medium":"bds221Button---size_medium","--size_large":"bds221Button---size_large","--hasPulse":"bds221Button---hasPulse","iconStart":"bds221Button-iconStart","iconEnd":"bds221Button-iconEnd","--iconOnly":"bds221Button---iconOnly"};
+var Button_default = {"component":"bds230Button-component","button":"bds230Button-button","--default":"bds230Button---default","--outline":"bds230Button---outline","--ghost":"bds230Button---ghost","--size_small":"bds230Button---size_small","--size_medium":"bds230Button---size_medium","--size_large":"bds230Button---size_large","--hasPulse":"bds230Button---hasPulse","iconStart":"bds230Button-iconStart","iconEnd":"bds230Button-iconEnd","--iconOnly":"bds230Button---iconOnly"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1178,7 +1178,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"component":"bds221Command-component","dialog":"bds221Command-dialog","palette":"bds221Command-palette","searchRow":"bds221Command-searchRow","searchIcon":"bds221Command-searchIcon","search":"bds221Command-search","escHint":"bds221Command-escHint","list":"bds221Command-list","groupList":"bds221Command-groupList","group":"bds221Command-group","item":"bds221Command-item","itemActive":"bds221Command-itemActive","itemLabel":"bds221Command-itemLabel","itemDesc":"bds221Command-itemDesc","shortcut":"bds221Command-shortcut","empty":"bds221Command-empty"};
+var Command_default = {"component":"bds230Command-component","dialog":"bds230Command-dialog","palette":"bds230Command-palette","searchRow":"bds230Command-searchRow","searchIcon":"bds230Command-searchIcon","search":"bds230Command-search","escHint":"bds230Command-escHint","list":"bds230Command-list","groupList":"bds230Command-groupList","group":"bds230Command-group","item":"bds230Command-item","itemActive":"bds230Command-itemActive","itemLabel":"bds230Command-itemLabel","itemDesc":"bds230Command-itemDesc","shortcut":"bds230Command-shortcut","empty":"bds230Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1355,7 +1355,7 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"component":"bds221Dialog-component","dialog":"bds221Dialog-dialog","dialogContent":"bds221Dialog-dialogContent","closeButton":"bds221Dialog-closeButton"};
+var Dialog_default = {"component":"bds230Dialog-component","dialog":"bds230Dialog-dialog","dialogContent":"bds230Dialog-dialogContent","closeButton":"bds230Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1461,7 +1461,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"component":"bds221Drawer-component","drawer":"bds221Drawer-drawer","--side_left":"bds221Drawer---side_left","header":"bds221Drawer-header","closeButton":"bds221Drawer-closeButton","body":"bds221Drawer-body"};
+var Drawer_default = {"component":"bds230Drawer-component","drawer":"bds230Drawer-drawer","--side_left":"bds230Drawer---side_left","header":"bds230Drawer-header","closeButton":"bds230Drawer-closeButton","body":"bds230Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1562,7 +1562,7 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"component":"bds221DropdownMenu-component","wrapper":"bds221DropdownMenu-wrapper","menu":"bds221DropdownMenu-menu","--placement_bottom-start":"bds221DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds221DropdownMenu---placement_bottom-end","separator":"bds221DropdownMenu-separator","item":"bds221DropdownMenu-item","icon":"bds221DropdownMenu-icon"};
+var DropdownMenu_default = {"component":"bds230DropdownMenu-component","wrapper":"bds230DropdownMenu-wrapper","menu":"bds230DropdownMenu-menu","--placement_bottom-start":"bds230DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds230DropdownMenu---placement_bottom-end","separator":"bds230DropdownMenu-separator","item":"bds230DropdownMenu-item","icon":"bds230DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1676,7 +1676,7 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"component":"bds221Popover-component","wrapper":"bds221Popover-wrapper","panel":"bds221Popover-panel","g":"bds221Popover-g"};
+var Popover_default = {"component":"bds230Popover-component","wrapper":"bds230Popover-wrapper","panel":"bds230Popover-panel","g":"bds230Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1761,7 +1761,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"component":"bds221Rating-component","rating":"bds221Rating-rating","star":"bds221Rating-star","--filled":"bds221Rating---filled"};
+var Rating_default = {"component":"bds230Rating-component","rating":"bds230Rating-rating","star":"bds230Rating-star","--filled":"bds230Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1793,7 +1793,7 @@ function Rating({ value, max = 5, className, ...rest }) {
 var import_react11 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"component":"bds221Toast-component","toastContainer":"bds221Toast-toastContainer","toast":"bds221Toast-toast","--variant_success":"bds221Toast---variant_success","--variant_warning":"bds221Toast---variant_warning","--variant_info":"bds221Toast---variant_info","--variant_error":"bds221Toast---variant_error","message":"bds221Toast-message","closeButton":"bds221Toast-closeButton"};
+var Toast_default = {"component":"bds230Toast-component","toastContainer":"bds230Toast-toastContainer","toast":"bds230Toast-toast","--variant_success":"bds230Toast---variant_success","--variant_warning":"bds230Toast---variant_warning","--variant_info":"bds230Toast---variant_info","--variant_error":"bds230Toast---variant_error","message":"bds230Toast-message","closeButton":"bds230Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1871,10 +1871,10 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"component":"bds221Checkbox-component","checkboxGroup":"bds221Checkbox-checkboxGroup","inputWrapper":"bds221Checkbox-inputWrapper","checkbox":"bds221Checkbox-checkbox","checkboxError":"bds221Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds230Checkbox-component","checkboxGroup":"bds230Checkbox-checkboxGroup","inputWrapper":"bds230Checkbox-inputWrapper","checkbox":"bds230Checkbox-checkbox","checkboxError":"bds230Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds221Message-component","error":"bds221Message-error","hint":"bds221Message-hint"};
+var Message_default = {"component":"bds230Message-component","error":"bds230Message-error","hint":"bds230Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1885,7 +1885,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"component":"bds221Label-component","label":"bds221Label-label"};
+var Label_default = {"component":"bds230Label-component","label":"bds230Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1898,7 +1898,7 @@ var Label = ({ label, id, className }) => {
 var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"component":"bds221InputContainer-component","container":"bds221InputContainer-container"};
+var InputContainer_default = {"component":"bds230InputContainer-component","container":"bds230InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1939,7 +1939,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"component":"bds221CheckboxGroup-component","group":"bds221CheckboxGroup-group","legend":"bds221CheckboxGroup-legend","required":"bds221CheckboxGroup-required","items":"bds221CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds230CheckboxGroup-component","group":"bds230CheckboxGroup-group","legend":"bds230CheckboxGroup-legend","required":"bds230CheckboxGroup-required","items":"bds230CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1981,7 +1981,7 @@ function CheckboxGroup({
 var import_react14 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"component":"bds221Combobox-component","formGroup":"bds221Combobox-formGroup","inputWrapper":"bds221Combobox-inputWrapper","input":"bds221Combobox-input","inputError":"bds221Combobox-inputError","chevron":"bds221Combobox-chevron","listbox":"bds221Combobox-listbox","option":"bds221Combobox-option","--highlighted":"bds221Combobox---highlighted","--selected":"bds221Combobox---selected","--disabled":"bds221Combobox---disabled"};
+var Combobox_default = {"component":"bds230Combobox-component","formGroup":"bds230Combobox-formGroup","inputWrapper":"bds230Combobox-inputWrapper","input":"bds230Combobox-input","inputError":"bds230Combobox-inputError","chevron":"bds230Combobox-chevron","listbox":"bds230Combobox-listbox","option":"bds230Combobox-option","--highlighted":"bds230Combobox---highlighted","--selected":"bds230Combobox---selected","--disabled":"bds230Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2132,7 +2132,7 @@ function Combobox({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"component":"bds221FileInput-component","formGroup":"bds221FileInput-formGroup","fieldLabel":"bds221FileInput-fieldLabel","dropZone":"bds221FileInput-dropZone","isDragging":"bds221FileInput-isDragging","hasError":"bds221FileInput-hasError","isDisabled":"bds221FileInput-isDisabled","icon":"bds221FileInput-icon","prompt":"bds221FileInput-prompt","acceptHint":"bds221FileInput-acceptHint","hiddenInput":"bds221FileInput-hiddenInput"};
+var FileInput_default = {"component":"bds230FileInput-component","formGroup":"bds230FileInput-formGroup","fieldLabel":"bds230FileInput-fieldLabel","dropZone":"bds230FileInput-dropZone","isDragging":"bds230FileInput-isDragging","hasError":"bds230FileInput-hasError","isDisabled":"bds230FileInput-isDisabled","icon":"bds230FileInput-icon","prompt":"bds230FileInput-prompt","acceptHint":"bds230FileInput-acceptHint","hiddenInput":"bds230FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2233,7 +2233,7 @@ function FileInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"component":"bds221FormInput-component","formGroup":"bds221FormInput-formGroup","input":"bds221FormInput-input","inputError":"bds221FormInput-inputError"};
+var FormInput_default = {"component":"bds230FormInput-component","formGroup":"bds230FormInput-formGroup","input":"bds230FormInput-input","inputError":"bds230FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2277,7 +2277,7 @@ function FormInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"component":"bds221NumberInput-component","formGroup":"bds221NumberInput-formGroup","inputRow":"bds221NumberInput-inputRow","input":"bds221NumberInput-input","inputError":"bds221NumberInput-inputError","stepper":"bds221NumberInput-stepper"};
+var NumberInput_default = {"component":"bds230NumberInput-component","formGroup":"bds230NumberInput-formGroup","inputRow":"bds230NumberInput-inputRow","input":"bds230NumberInput-input","inputError":"bds230NumberInput-inputError","stepper":"bds230NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2382,7 +2382,7 @@ function NumberInput({
 var import_react18 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"component":"bds221Radio-component","radioGroup":"bds221Radio-radioGroup","inputWrapper":"bds221Radio-inputWrapper","textWrapper":"bds221Radio-textWrapper","description":"bds221Radio-description","radio":"bds221Radio-radio","radioError":"bds221Radio-radioError"};
+var Radio_default = {"component":"bds230Radio-component","radioGroup":"bds230Radio-radioGroup","inputWrapper":"bds230Radio-inputWrapper","textWrapper":"bds230Radio-textWrapper","description":"bds230Radio-description","radio":"bds230Radio-radio","radioError":"bds230Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2420,7 +2420,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 var import_react19 = require("react");
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"component":"bds221RadioGroup-component","group":"bds221RadioGroup-group","legend":"bds221RadioGroup-legend","required":"bds221RadioGroup-required","items":"bds221RadioGroup-items"};
+var RadioGroup_default = {"component":"bds230RadioGroup-component","group":"bds230RadioGroup-group","legend":"bds230RadioGroup-legend","required":"bds230RadioGroup-required","items":"bds230RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2462,7 +2462,7 @@ function RadioGroup({
 var import_react20 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"component":"bds221SegmentedControl-component","control":"bds221SegmentedControl-control","thumb":"bds221SegmentedControl-thumb","indicator":"bds221SegmentedControl-indicator","item":"bds221SegmentedControl-item","--active":"bds221SegmentedControl---active","--disabled":"bds221SegmentedControl---disabled","--size_small":"bds221SegmentedControl---size_small","--size_large":"bds221SegmentedControl---size_large","--variant_outline":"bds221SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"component":"bds230SegmentedControl-component","control":"bds230SegmentedControl-control","thumb":"bds230SegmentedControl-thumb","indicator":"bds230SegmentedControl-indicator","item":"bds230SegmentedControl-item","--active":"bds230SegmentedControl---active","--disabled":"bds230SegmentedControl---disabled","--size_small":"bds230SegmentedControl---size_small","--size_large":"bds230SegmentedControl---size_large","--variant_outline":"bds230SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2518,7 +2518,7 @@ function SegmentedControl({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"component":"bds221Select-component","formGroup":"bds221Select-formGroup","selectWrapper":"bds221Select-selectWrapper","select":"bds221Select-select","selectError":"bds221Select-selectError","chevron":"bds221Select-chevron"};
+var Select_default = {"component":"bds230Select-component","formGroup":"bds230Select-formGroup","selectWrapper":"bds230Select-selectWrapper","select":"bds230Select-select","selectError":"bds230Select-selectError","chevron":"bds230Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
@@ -2569,7 +2569,7 @@ function Select({
 var import_react22 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"component":"bds221Slider-component","formGroup":"bds221Slider-formGroup","labelRow":"bds221Slider-labelRow","value":"bds221Slider-value","slider":"bds221Slider-slider","sliderError":"bds221Slider-sliderError"};
+var Slider_default = {"component":"bds230Slider-component","formGroup":"bds230Slider-formGroup","labelRow":"bds230Slider-labelRow","value":"bds230Slider-value","slider":"bds230Slider-slider","sliderError":"bds230Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2631,7 +2631,7 @@ function Slider({
 var import_react23 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"component":"bds221Switch-component","switchGroup":"bds221Switch-switchGroup","--size_small":"bds221Switch---size_small","--size_medium":"bds221Switch---size_medium","--size_large":"bds221Switch---size_large","inputWrapper":"bds221Switch-inputWrapper","trackWrapper":"bds221Switch-trackWrapper","switch":"bds221Switch-switch","track":"bds221Switch-track","thumb":"bds221Switch-thumb","switchError":"bds221Switch-switchError"};
+var Switch_default = {"component":"bds230Switch-component","switchGroup":"bds230Switch-switchGroup","--size_small":"bds230Switch---size_small","--size_medium":"bds230Switch---size_medium","--size_large":"bds230Switch---size_large","inputWrapper":"bds230Switch-inputWrapper","trackWrapper":"bds230Switch-trackWrapper","switch":"bds230Switch-switch","track":"bds230Switch-track","thumb":"bds230Switch-thumb","switchError":"bds230Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -2679,7 +2679,7 @@ function Switch({
 var import_react24 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"component":"bds221Textarea-component","formGroup":"bds221Textarea-formGroup","textarea":"bds221Textarea-textarea","textareaError":"bds221Textarea-textareaError"};
+var Textarea_default = {"component":"bds230Textarea-component","formGroup":"bds230Textarea-formGroup","textarea":"bds230Textarea-textarea","textareaError":"bds230Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -2718,7 +2718,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"component":"bds221ButtonGroup-component","buttonGroup":"bds221ButtonGroup-buttonGroup","container":"bds221ButtonGroup-container","--variant_card":"bds221ButtonGroup---variant_card","--variant_flow":"bds221ButtonGroup---variant_flow","--variant_modal":"bds221ButtonGroup---variant_modal","--variant_content":"bds221ButtonGroup---variant_content","--variant_grid":"bds221ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"component":"bds230ButtonGroup-component","buttonGroup":"bds230ButtonGroup-buttonGroup","container":"bds230ButtonGroup-container","--variant_card":"bds230ButtonGroup---variant_card","--variant_flow":"bds230ButtonGroup---variant_flow","--variant_modal":"bds230ButtonGroup---variant_modal","--variant_content":"bds230ButtonGroup---variant_content","--variant_grid":"bds230ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
@@ -2737,7 +2737,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
 var ButtonGroup = ButtonContainer;
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"component":"bds221Card-component","card":"bds221Card-card","--default":"bds221Card---default","--elevated":"bds221Card---elevated","--outlined":"bds221Card---outlined","--clickable":"bds221Card---clickable","--padding-none":"bds221Card---padding-none","--padding-small":"bds221Card---padding-small","--padding-medium":"bds221Card---padding-medium","--padding-large":"bds221Card---padding-large","--padding-extra-large":"bds221Card---padding-extra-large","--text-start":"bds221Card---text-start","--text-center":"bds221Card---text-center","--text-end":"bds221Card---text-end"};
+var Card_default = {"component":"bds230Card-component","card":"bds230Card-card","--default":"bds230Card---default","--elevated":"bds230Card---elevated","--outlined":"bds230Card---outlined","--clickable":"bds230Card---clickable","--padding-none":"bds230Card---padding-none","--padding-small":"bds230Card---padding-small","--padding-medium":"bds230Card---padding-medium","--padding-large":"bds230Card---padding-large","--padding-extra-large":"bds230Card---padding-extra-large","--text-start":"bds230Card---text-start","--text-center":"bds230Card---text-center","--text-end":"bds230Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -2777,7 +2777,7 @@ function Card({
 var import_react26 = require("react");
 
 // src/components/layout/Grid/Grid.module.css
-var Grid_default = {"component":"bds221Grid-component","grid":"bds221Grid-grid","--main":"bds221Grid---main","--page":"bds221Grid---page","--funnel":"bds221Grid---funnel","--custom":"bds221Grid---custom","--centered":"bds221Grid---centered","item":"bds221Grid-item","w3":"bds221Grid-w3","org":"bds221Grid-org","ts":"bds221Grid-ts","--masonry":"bds221Grid---masonry"};
+var Grid_default = {"component":"bds230Grid-component","grid":"bds230Grid-grid","--main":"bds230Grid---main","--page":"bds230Grid---page","--funnel":"bds230Grid---funnel","--custom":"bds230Grid---custom","--centered":"bds230Grid---centered","item":"bds230Grid-item","w3":"bds230Grid-w3","org":"bds230Grid-org","ts":"bds230Grid-ts","--masonry":"bds230Grid---masonry"};
 
 // src/components/layout/Grid/Grid.tsx
 var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
@@ -2789,7 +2789,7 @@ function supportsNativeMasonry() {
   if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return false;
   return CSS.supports("display", "grid-lanes") || CSS.supports("grid-template-rows", "masonry");
 }
-function applyMasonryLayout(container, rawChildren) {
+function applyMasonryLayout(container, rawChildren, options = {}) {
   const cs = window.getComputedStyle(container);
   const targetGap = parseFloat(cs.columnGap) || 0;
   container.style.gridAutoRows = `${ROW_UNIT_PX}px`;
@@ -2804,12 +2804,49 @@ function applyMasonryLayout(container, rawChildren) {
     child.style.gridRowEnd = "";
     child.style.alignSelf = "start";
   }
+  const preferred = options.preferredColumnSpan ?? 0;
+  if (preferred >= 2) {
+    const totalCols = countGridColumns(container);
+    if (totalCols > 0) {
+      let col = 0;
+      for (const child of children) {
+        if (child.hasAttribute("data-column-span-auto")) {
+          const remaining = totalCols - col;
+          const span = Math.max(1, Math.min(preferred, remaining));
+          child.style.gridColumn = `span ${span}`;
+          col = (col + span) % totalCols;
+        } else {
+          const consumed = Math.min(totalCols, readExplicitSpan(child, totalCols));
+          col = (col + consumed) % totalCols;
+        }
+      }
+    }
+  }
   const heights = children.map((child) => child.offsetHeight);
   for (let i = 0; i < children.length; i++) {
     const span = Math.max(1, Math.ceil(heights[i] + targetGap));
     children[i].style.gridRowEnd = `span ${span}`;
   }
 }
+function countGridColumns(container) {
+  const value = window.getComputedStyle(container).gridTemplateColumns.trim();
+  if (!value || value === "none") return 0;
+  return value.split(/\s+/).length;
+}
+function readExplicitSpan(el, totalCols) {
+  const inline = el.style.gridColumn || el.style.gridColumnEnd;
+  const fromInline = parseSpan(inline, totalCols);
+  if (fromInline !== null) return fromInline;
+  const computed = window.getComputedStyle(el).gridColumn;
+  return parseSpan(computed, totalCols) ?? 1;
+}
+function parseSpan(value, totalCols) {
+  if (!value) return null;
+  const match = value.match(/^\s*span\s+(\d+)/);
+  if (match) return Math.max(1, Math.min(totalCols, parseInt(match[1], 10)));
+  if (/\/\s*-1\b/.test(value)) return totalCols;
+  return null;
+}
 function clearMasonryLayout(container, rawChildren) {
   container.style.gridAutoRows = "";
   container.style.gridAutoFlow = "";
@@ -2820,9 +2857,13 @@ function clearMasonryLayout(container, rawChildren) {
     child.style.gridRowStart = "";
     child.style.gridRowEnd = "";
     child.style.alignSelf = "";
+    if (child.hasAttribute("data-column-span-auto")) {
+      child.style.gridColumn = "";
+    }
   }
 }
-function useMasonry(ref, enabled) {
+function useMasonry(ref, enabled, options = {}) {
+  const { preferredColumnSpan } = options;
   (0, import_react25.useLayoutEffect)(() => {
     const container = ref.current;
     if (!container || !enabled) return;
@@ -2831,7 +2872,9 @@ function useMasonry(ref, enabled) {
     const schedule = () => {
       cancelAnimationFrame(frame);
       frame = requestAnimationFrame(() => {
-        applyMasonryLayout(container, Array.from(container.children));
+        applyMasonryLayout(container, Array.from(container.children), {
+          preferredColumnSpan
+        });
       });
     };
     schedule();
@@ -2850,7 +2893,7 @@ function useMasonry(ref, enabled) {
       mo?.disconnect();
       clearMasonryLayout(container, Array.from(container.children));
     };
-  }, [ref, enabled]);
+  }, [ref, enabled, preferredColumnSpan]);
 }
 
 // src/components/layout/Grid/Grid.tsx
@@ -2868,12 +2911,13 @@ function Grid({
   isCentered = false,
   isMasonry = false,
   autoSpanMedia = false,
+  masonryPreferredColumnSpan,
   as,
   style,
   ...rest
 }) {
   const ref = (0, import_react26.useRef)(null);
-  useMasonry(ref, isMasonry);
+  useMasonry(ref, isMasonry, { preferredColumnSpan: masonryPreferredColumnSpan });
   const classNames = (0, import_design_system_foundation49.cn)(
     Grid_default.grid,
     Grid_default[`--${variant}`],
@@ -3003,11 +3047,13 @@ function GridItem({
     ...rowSpan !== void 0 ? { gridRow: `span ${rowSpan}` } : {}
   };
   const Component = as ?? "div";
+  const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Component,
     {
       ref,
       ...rest,
+      "data-column-span-auto": isColumnSpanAuto ? "" : void 0,
       className: (0, import_design_system_foundation50.cn)(Grid_default.item, className),
       style: composedStyle,
       children
@@ -3016,7 +3062,7 @@ function GridItem({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"component":"bds221SectionHeader-component","sectionHeader":"bds221SectionHeader-sectionHeader","title":"bds221SectionHeader-title","subtitle":"bds221SectionHeader-subtitle","--start":"bds221SectionHeader---start","--center":"bds221SectionHeader---center","--end":"bds221SectionHeader---end","--medium":"bds221SectionHeader---medium","--xs":"bds221SectionHeader---xs","--small":"bds221SectionHeader---small","--large":"bds221SectionHeader---large"};
+var SectionHeader_default = {"component":"bds230SectionHeader-component","sectionHeader":"bds230SectionHeader-sectionHeader","title":"bds230SectionHeader-title","subtitle":"bds230SectionHeader-subtitle","--start":"bds230SectionHeader---start","--center":"bds230SectionHeader---center","--end":"bds230SectionHeader---end","--medium":"bds230SectionHeader---medium","--xs":"bds230SectionHeader---xs","--small":"bds230SectionHeader---small","--large":"bds230SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
@@ -3038,7 +3084,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"component":"bds221IconWrapper-component","wrapper":"bds221IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds230IconWrapper-component","wrapper":"bds230IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 var import_design_system_foundation52 = require("@boostdev/design-system-foundation");