@boostdev/design-system-components 2.0.0 → 2.2.0

package/dist/index.cjs

@@ -52,6 +52,9 @@ __export(index_exports, {
   DropdownMenu: () => DropdownMenu,
   FileInput: () => FileInput,
   FormInput: () => FormInput,
+  Grid: () => Grid,
+  GridItem: () => GridItem,
+  GridItemSpan: () => GridItemSpan,
   IconWrapper: () => IconWrapper,
   Link: () => Link,
   Loading: () => Loading,
@@ -78,7 +81,7 @@ __export(index_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   Typography: () => Typography,
-  cn: () => import_design_system_foundation51.cn,
+  cn: () => import_design_system_foundation53.cn,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -87,7 +90,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"component":"bds200Accordion-component","accordion":"bds200Accordion-accordion","item":"bds200Accordion-item","heading":"bds200Accordion-heading","trigger":"bds200Accordion-trigger","triggerLabel":"bds200Accordion-triggerLabel","chevron":"bds200Accordion-chevron","--open":"bds200Accordion---open","panel":"bds200Accordion-panel","panelContent":"bds200Accordion-panelContent"};
+var Accordion_default = {"component":"bds220Accordion-component","accordion":"bds220Accordion-accordion","item":"bds220Accordion-item","heading":"bds220Accordion-heading","trigger":"bds220Accordion-trigger","triggerLabel":"bds220Accordion-triggerLabel","chevron":"bds220Accordion-chevron","--open":"bds220Accordion---open","panel":"bds220Accordion-panel","panelContent":"bds220Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -156,7 +159,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"component":"bds200Alert-component","alert":"bds200Alert-alert","--variant_info":"bds200Alert---variant_info","--variant_success":"bds200Alert---variant_success","--variant_warning":"bds200Alert---variant_warning","--variant_error":"bds200Alert---variant_error","icon":"bds200Alert-icon","content":"bds200Alert-content","title":"bds200Alert-title","dismiss":"bds200Alert-dismiss"};
+var Alert_default = {"component":"bds220Alert-component","alert":"bds220Alert-alert","--variant_info":"bds220Alert---variant_info","--variant_success":"bds220Alert---variant_success","--variant_warning":"bds220Alert---variant_warning","--variant_error":"bds220Alert---variant_error","icon":"bds220Alert-icon","content":"bds220Alert-content","title":"bds220Alert-title","dismiss":"bds220Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -201,7 +204,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"component":"bds200Avatar-component","avatar":"bds200Avatar-avatar","--fallback":"bds200Avatar---fallback","--size_small":"bds200Avatar---size_small","--size_medium":"bds200Avatar---size_medium","--size_large":"bds200Avatar---size_large","image":"bds200Avatar-image","initials":"bds200Avatar-initials"};
+var Avatar_default = {"component":"bds220Avatar-component","avatar":"bds220Avatar-avatar","--fallback":"bds220Avatar---fallback","--size_small":"bds220Avatar---size_small","--size_medium":"bds220Avatar---size_medium","--size_large":"bds220Avatar---size_large","image":"bds220Avatar-image","initials":"bds220Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -228,7 +231,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"component":"bds200Badge-component","badge":"bds200Badge-badge","--variant_primary":"bds200Badge---variant_primary","--variant_secondary":"bds200Badge---variant_secondary","--variant_success":"bds200Badge---variant_success","--variant_error":"bds200Badge---variant_error","--variant_warning":"bds200Badge---variant_warning"};
+var Badge_default = {"component":"bds220Badge-component","badge":"bds220Badge-badge","--variant_primary":"bds220Badge---variant_primary","--variant_secondary":"bds220Badge---variant_secondary","--variant_success":"bds220Badge---variant_success","--variant_error":"bds220Badge---variant_error","--variant_warning":"bds220Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -238,7 +241,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"component":"bds200Breadcrumb-component","breadcrumb":"bds200Breadcrumb-breadcrumb","list":"bds200Breadcrumb-list","item":"bds200Breadcrumb-item","link":"bds200Breadcrumb-link","separator":"bds200Breadcrumb-separator","current":"bds200Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds220Breadcrumb-component","breadcrumb":"bds220Breadcrumb-breadcrumb","list":"bds220Breadcrumb-list","item":"bds220Breadcrumb-item","link":"bds220Breadcrumb-link","separator":"bds220Breadcrumb-separator","current":"bds220Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -254,7 +257,7 @@ function Breadcrumb({ items, className, ...rest }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"component":"bds200Collapsible-component","collapsible":"bds200Collapsible-collapsible","summary":"bds200Collapsible-summary","summaryContent":"bds200Collapsible-summaryContent","icon":"bds200Collapsible-icon","content":"bds200Collapsible-content"};
+var Collapsible_default = {"component":"bds220Collapsible-component","collapsible":"bds220Collapsible-collapsible","summary":"bds220Collapsible-summary","summaryContent":"bds220Collapsible-summaryContent","icon":"bds220Collapsible-icon","content":"bds220Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -295,7 +298,7 @@ function Collapsible({
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"component":"bds200Calendar-component","calendar":"bds200Calendar-calendar","header":"bds200Calendar-header","monthYear":"bds200Calendar-monthYear","navBtn":"bds200Calendar-navBtn","grid":"bds200Calendar-grid","weekday":"bds200Calendar-weekday","empty":"bds200Calendar-empty","day":"bds200Calendar-day","disabled":"bds200Calendar-disabled","selected":"bds200Calendar-selected","today":"bds200Calendar-today"};
+var Calendar_default = {"component":"bds220Calendar-component","calendar":"bds220Calendar-calendar","header":"bds220Calendar-header","monthYear":"bds220Calendar-monthYear","navBtn":"bds220Calendar-navBtn","grid":"bds220Calendar-grid","weekday":"bds220Calendar-weekday","empty":"bds220Calendar-empty","day":"bds220Calendar-day","disabled":"bds220Calendar-disabled","selected":"bds220Calendar-selected","today":"bds220Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -470,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":"bds200Carousel-component","carousel":"bds200Carousel-carousel","track":"bds200Carousel-track","slide":"bds200Carousel-slide","navBtn":"bds200Carousel-navBtn"};
+var Carousel_default = {"component":"bds220Carousel-component","carousel":"bds220Carousel-carousel","track":"bds220Carousel-track","slide":"bds220Carousel-slide","navBtn":"bds220Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -523,7 +526,7 @@ function Carousel({ items, label, className, ...rest }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"component":"bds200DescriptionList-component","list":"bds200DescriptionList-list","group":"bds200DescriptionList-group","term":"bds200DescriptionList-term","details":"bds200DescriptionList-details","--layout_inline":"bds200DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds220DescriptionList-component","list":"bds220DescriptionList-list","group":"bds220DescriptionList-group","term":"bds220DescriptionList-term","details":"bds220DescriptionList-details","--layout_inline":"bds220DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -536,7 +539,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"component":"bds200Link-component","link":"bds200Link-link","--variant_default":"bds200Link---variant_default","--variant_subtle":"bds200Link---variant_subtle","--variant_standalone":"bds200Link---variant_standalone","externalLabel":"bds200Link-externalLabel"};
+var Link_default = {"component":"bds220Link-component","link":"bds220Link-link","--variant_default":"bds220Link---variant_default","--variant_subtle":"bds220Link---variant_subtle","--variant_standalone":"bds220Link---variant_standalone","externalLabel":"bds220Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -567,7 +570,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"component":"bds200Loading-component","loading":"bds200Loading-loading","spinner":"bds200Loading-spinner","--size_small":"bds200Loading---size_small","--size_large":"bds200Loading---size_large"};
+var Loading_default = {"component":"bds220Loading-component","loading":"bds220Loading-loading","spinner":"bds220Loading-spinner","--size_small":"bds220Loading---size_small","--size_large":"bds220Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -577,7 +580,7 @@ function Loading({ size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"component":"bds200NotificationBanner-component","banner":"bds200NotificationBanner-banner","--variant_info":"bds200NotificationBanner---variant_info","--variant_success":"bds200NotificationBanner---variant_success","--variant_warning":"bds200NotificationBanner---variant_warning","--variant_error":"bds200NotificationBanner---variant_error","content":"bds200NotificationBanner-content","action":"bds200NotificationBanner-action","dismiss":"bds200NotificationBanner-dismiss"};
+var NotificationBanner_default = {"component":"bds220NotificationBanner-component","banner":"bds220NotificationBanner-banner","--variant_info":"bds220NotificationBanner---variant_info","--variant_success":"bds220NotificationBanner---variant_success","--variant_warning":"bds220NotificationBanner---variant_warning","--variant_error":"bds220NotificationBanner---variant_error","content":"bds220NotificationBanner-content","action":"bds220NotificationBanner-action","dismiss":"bds220NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -618,7 +621,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"component":"bds200Pagination-component","pagination":"bds200Pagination-pagination","list":"bds200Pagination-list","button":"bds200Pagination-button","--active":"bds200Pagination---active","--nav":"bds200Pagination---nav","ellipsis":"bds200Pagination-ellipsis"};
+var Pagination_default = {"component":"bds220Pagination-component","pagination":"bds220Pagination-pagination","list":"bds220Pagination-list","button":"bds220Pagination-button","--active":"bds220Pagination---active","--nav":"bds220Pagination---nav","ellipsis":"bds220Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -683,7 +686,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"component":"bds200Progress-component","container":"bds200Progress-container","labelRow":"bds200Progress-labelRow","value":"bds200Progress-value","track":"bds200Progress-track","--size_small":"bds200Progress---size_small","--size_medium":"bds200Progress---size_medium","--size_large":"bds200Progress---size_large","fill":"bds200Progress-fill"};
+var Progress_default = {"component":"bds220Progress-component","container":"bds220Progress-container","labelRow":"bds220Progress-labelRow","value":"bds220Progress-value","track":"bds220Progress-track","--size_small":"bds220Progress---size_small","--size_medium":"bds220Progress---size_medium","--size_large":"bds220Progress---size_large","fill":"bds220Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -722,7 +725,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"component":"bds200ProgressCircle-component","wrapper":"bds200ProgressCircle-wrapper","svg":"bds200ProgressCircle-svg","track":"bds200ProgressCircle-track","fill":"bds200ProgressCircle-fill","value":"bds200ProgressCircle-value","--size_small":"bds200ProgressCircle---size_small","--size_medium":"bds200ProgressCircle---size_medium","--size_large":"bds200ProgressCircle---size_large"};
+var ProgressCircle_default = {"component":"bds220ProgressCircle-component","wrapper":"bds220ProgressCircle-wrapper","svg":"bds220ProgressCircle-svg","track":"bds220ProgressCircle-track","fill":"bds220ProgressCircle-fill","value":"bds220ProgressCircle-value","--size_small":"bds220ProgressCircle---size_small","--size_medium":"bds220ProgressCircle---size_medium","--size_large":"bds220ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -803,7 +806,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"component":"bds200Separator-component","separator":"bds200Separator-separator","--horizontal":"bds200Separator---horizontal","--vertical":"bds200Separator---vertical"};
+var Separator_default = {"component":"bds220Separator-component","separator":"bds220Separator-separator","--horizontal":"bds220Separator---horizontal","--vertical":"bds220Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -827,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":"bds200Skeleton-component","skeleton":"bds200Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds220Skeleton-component","skeleton":"bds220Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -836,7 +839,7 @@ function Skeleton({ className, ...rest }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"component":"bds200SkipLink-component","skipLink":"bds200SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds220SkipLink-component","skipLink":"bds220SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -846,7 +849,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"component":"bds200Table-component","wrapper":"bds200Table-wrapper","table":"bds200Table-table","caption":"bds200Table-caption","thead":"bds200Table-thead","th":"bds200Table-th","--sortable":"bds200Table---sortable","sortButton":"bds200Table-sortButton","sortIcon":"bds200Table-sortIcon","--sort-active":"bds200Table---sort-active","--sort-desc":"bds200Table---sort-desc","tbody":"bds200Table-tbody","tr":"bds200Table-tr","td":"bds200Table-td"};
+var Table_default = {"component":"bds220Table-component","wrapper":"bds220Table-wrapper","table":"bds220Table-table","caption":"bds220Table-caption","thead":"bds220Table-thead","th":"bds220Table-th","--sortable":"bds220Table---sortable","sortButton":"bds220Table-sortButton","sortIcon":"bds220Table-sortIcon","--sort-active":"bds220Table---sort-active","--sort-desc":"bds220Table---sort-desc","tbody":"bds220Table-tbody","tr":"bds220Table-tr","td":"bds220Table-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -916,7 +919,7 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"component":"bds200Tabs-component","tabs":"bds200Tabs-tabs","tabList":"bds200Tabs-tabList","tab":"bds200Tabs-tab","--active":"bds200Tabs---active","panel":"bds200Tabs-panel"};
+var Tabs_default = {"component":"bds220Tabs-component","tabs":"bds220Tabs-tabs","tabList":"bds220Tabs-tabList","tab":"bds220Tabs-tab","--active":"bds220Tabs---active","panel":"bds220Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -996,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":"bds200Tooltip-component","wrapper":"bds200Tooltip-wrapper","tooltip":"bds200Tooltip-tooltip","--placement_top":"bds200Tooltip---placement_top","--placement_bottom":"bds200Tooltip---placement_bottom","--placement_left":"bds200Tooltip---placement_left","--placement_right":"bds200Tooltip---placement_right"};
+var Tooltip_default = {"component":"bds220Tooltip-component","wrapper":"bds220Tooltip-wrapper","tooltip":"bds220Tooltip-tooltip","--placement_top":"bds220Tooltip---placement_top","--placement_bottom":"bds220Tooltip---placement_bottom","--placement_left":"bds220Tooltip---placement_left","--placement_right":"bds220Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1040,7 +1043,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"component":"bds200Typography-component","typography":"bds200Typography-typography","--h1":"bds200Typography---h1","--h2":"bds200Typography---h2","--h3":"bds200Typography---h3","--body":"bds200Typography---body","--body_s":"bds200Typography---body_s"};
+var Typography_default = {"component":"bds220Typography-component","typography":"bds220Typography-typography","--h1":"bds220Typography---h1","--h2":"bds220Typography---h2","--h3":"bds220Typography---h3","--body":"bds220Typography---body","--body_s":"bds220Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1058,7 +1061,7 @@ function Typography({ variant = "body", component, children, className, ...rest
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"component":"bds200Button-component","button":"bds200Button-button","--default":"bds200Button---default","--outline":"bds200Button---outline","--ghost":"bds200Button---ghost","--size_small":"bds200Button---size_small","--size_medium":"bds200Button---size_medium","--size_large":"bds200Button---size_large","--hasPulse":"bds200Button---hasPulse","iconStart":"bds200Button-iconStart","iconEnd":"bds200Button-iconEnd"};
+var Button_default = {"component":"bds220Button-component","button":"bds220Button-button","--default":"bds220Button---default","--outline":"bds220Button---outline","--ghost":"bds220Button---ghost","--size_small":"bds220Button---size_small","--size_medium":"bds220Button---size_medium","--size_large":"bds220Button---size_large","--hasPulse":"bds220Button---hasPulse","iconStart":"bds220Button-iconStart","iconEnd":"bds220Button-iconEnd","--iconOnly":"bds220Button---iconOnly"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1072,6 +1075,7 @@ function Button({
   iconEnd,
   size = "medium",
   hasPulse = false,
+  isIconOnly = false,
   href,
   target,
   rel,
@@ -1084,6 +1088,7 @@ function Button({
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
     hasPulse && Button_default["--hasPulse"],
+    isIconOnly && Button_default["--iconOnly"],
     className
   );
   const handleAnchorClick = (e) => {
@@ -1173,7 +1178,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"component":"bds200Command-component","dialog":"bds200Command-dialog","palette":"bds200Command-palette","searchRow":"bds200Command-searchRow","searchIcon":"bds200Command-searchIcon","search":"bds200Command-search","escHint":"bds200Command-escHint","list":"bds200Command-list","groupList":"bds200Command-groupList","group":"bds200Command-group","item":"bds200Command-item","itemActive":"bds200Command-itemActive","itemLabel":"bds200Command-itemLabel","itemDesc":"bds200Command-itemDesc","shortcut":"bds200Command-shortcut","empty":"bds200Command-empty"};
+var Command_default = {"component":"bds220Command-component","dialog":"bds220Command-dialog","palette":"bds220Command-palette","searchRow":"bds220Command-searchRow","searchIcon":"bds220Command-searchIcon","search":"bds220Command-search","escHint":"bds220Command-escHint","list":"bds220Command-list","groupList":"bds220Command-groupList","group":"bds220Command-group","item":"bds220Command-item","itemActive":"bds220Command-itemActive","itemLabel":"bds220Command-itemLabel","itemDesc":"bds220Command-itemDesc","shortcut":"bds220Command-shortcut","empty":"bds220Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1350,7 +1355,7 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"component":"bds200Dialog-component","dialog":"bds200Dialog-dialog","dialogContent":"bds200Dialog-dialogContent","closeButton":"bds200Dialog-closeButton"};
+var Dialog_default = {"component":"bds220Dialog-component","dialog":"bds220Dialog-dialog","dialogContent":"bds220Dialog-dialogContent","closeButton":"bds220Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1456,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":"bds200Drawer-component","drawer":"bds200Drawer-drawer","--side_left":"bds200Drawer---side_left","header":"bds200Drawer-header","closeButton":"bds200Drawer-closeButton","body":"bds200Drawer-body"};
+var Drawer_default = {"component":"bds220Drawer-component","drawer":"bds220Drawer-drawer","--side_left":"bds220Drawer---side_left","header":"bds220Drawer-header","closeButton":"bds220Drawer-closeButton","body":"bds220Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1557,7 +1562,7 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"component":"bds200DropdownMenu-component","wrapper":"bds200DropdownMenu-wrapper","menu":"bds200DropdownMenu-menu","--placement_bottom-start":"bds200DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds200DropdownMenu---placement_bottom-end","separator":"bds200DropdownMenu-separator","item":"bds200DropdownMenu-item","icon":"bds200DropdownMenu-icon"};
+var DropdownMenu_default = {"component":"bds220DropdownMenu-component","wrapper":"bds220DropdownMenu-wrapper","menu":"bds220DropdownMenu-menu","--placement_bottom-start":"bds220DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds220DropdownMenu---placement_bottom-end","separator":"bds220DropdownMenu-separator","item":"bds220DropdownMenu-item","icon":"bds220DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1671,7 +1676,7 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"component":"bds200Popover-component","wrapper":"bds200Popover-wrapper","panel":"bds200Popover-panel","g":"bds200Popover-g"};
+var Popover_default = {"component":"bds220Popover-component","wrapper":"bds220Popover-wrapper","panel":"bds220Popover-panel","g":"bds220Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1756,7 +1761,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"component":"bds200Rating-component","rating":"bds200Rating-rating","star":"bds200Rating-star","--filled":"bds200Rating---filled"};
+var Rating_default = {"component":"bds220Rating-component","rating":"bds220Rating-rating","star":"bds220Rating-star","--filled":"bds220Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1788,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":"bds200Toast-component","toastContainer":"bds200Toast-toastContainer","toast":"bds200Toast-toast","--variant_success":"bds200Toast---variant_success","--variant_warning":"bds200Toast---variant_warning","--variant_info":"bds200Toast---variant_info","--variant_error":"bds200Toast---variant_error","message":"bds200Toast-message","closeButton":"bds200Toast-closeButton"};
+var Toast_default = {"component":"bds220Toast-component","toastContainer":"bds220Toast-toastContainer","toast":"bds220Toast-toast","--variant_success":"bds220Toast---variant_success","--variant_warning":"bds220Toast---variant_warning","--variant_info":"bds220Toast---variant_info","--variant_error":"bds220Toast---variant_error","message":"bds220Toast-message","closeButton":"bds220Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1866,10 +1871,10 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"component":"bds200Checkbox-component","checkboxGroup":"bds200Checkbox-checkboxGroup","inputWrapper":"bds200Checkbox-inputWrapper","checkbox":"bds200Checkbox-checkbox","checkboxError":"bds200Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds220Checkbox-component","checkboxGroup":"bds220Checkbox-checkboxGroup","inputWrapper":"bds220Checkbox-inputWrapper","checkbox":"bds220Checkbox-checkbox","checkboxError":"bds220Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds200Message-component","error":"bds200Message-error","hint":"bds200Message-hint"};
+var Message_default = {"component":"bds220Message-component","error":"bds220Message-error","hint":"bds220Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1880,7 +1885,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"component":"bds200Label-component","label":"bds200Label-label"};
+var Label_default = {"component":"bds220Label-component","label":"bds220Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1893,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":"bds200InputContainer-component","container":"bds200InputContainer-container"};
+var InputContainer_default = {"component":"bds220InputContainer-component","container":"bds220InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1934,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":"bds200CheckboxGroup-component","group":"bds200CheckboxGroup-group","legend":"bds200CheckboxGroup-legend","required":"bds200CheckboxGroup-required","items":"bds200CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds220CheckboxGroup-component","group":"bds220CheckboxGroup-group","legend":"bds220CheckboxGroup-legend","required":"bds220CheckboxGroup-required","items":"bds220CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1976,7 +1981,7 @@ function CheckboxGroup({
 var import_react14 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"component":"bds200Combobox-component","formGroup":"bds200Combobox-formGroup","inputWrapper":"bds200Combobox-inputWrapper","input":"bds200Combobox-input","inputError":"bds200Combobox-inputError","chevron":"bds200Combobox-chevron","listbox":"bds200Combobox-listbox","option":"bds200Combobox-option","--highlighted":"bds200Combobox---highlighted","--selected":"bds200Combobox---selected","--disabled":"bds200Combobox---disabled"};
+var Combobox_default = {"component":"bds220Combobox-component","formGroup":"bds220Combobox-formGroup","inputWrapper":"bds220Combobox-inputWrapper","input":"bds220Combobox-input","inputError":"bds220Combobox-inputError","chevron":"bds220Combobox-chevron","listbox":"bds220Combobox-listbox","option":"bds220Combobox-option","--highlighted":"bds220Combobox---highlighted","--selected":"bds220Combobox---selected","--disabled":"bds220Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2127,7 +2132,7 @@ function Combobox({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"component":"bds200FileInput-component","formGroup":"bds200FileInput-formGroup","fieldLabel":"bds200FileInput-fieldLabel","dropZone":"bds200FileInput-dropZone","isDragging":"bds200FileInput-isDragging","hasError":"bds200FileInput-hasError","isDisabled":"bds200FileInput-isDisabled","icon":"bds200FileInput-icon","prompt":"bds200FileInput-prompt","acceptHint":"bds200FileInput-acceptHint","hiddenInput":"bds200FileInput-hiddenInput"};
+var FileInput_default = {"component":"bds220FileInput-component","formGroup":"bds220FileInput-formGroup","fieldLabel":"bds220FileInput-fieldLabel","dropZone":"bds220FileInput-dropZone","isDragging":"bds220FileInput-isDragging","hasError":"bds220FileInput-hasError","isDisabled":"bds220FileInput-isDisabled","icon":"bds220FileInput-icon","prompt":"bds220FileInput-prompt","acceptHint":"bds220FileInput-acceptHint","hiddenInput":"bds220FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2228,7 +2233,7 @@ function FileInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"component":"bds200FormInput-component","formGroup":"bds200FormInput-formGroup","input":"bds200FormInput-input","inputError":"bds200FormInput-inputError"};
+var FormInput_default = {"component":"bds220FormInput-component","formGroup":"bds220FormInput-formGroup","input":"bds220FormInput-input","inputError":"bds220FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2272,7 +2277,7 @@ function FormInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"component":"bds200NumberInput-component","formGroup":"bds200NumberInput-formGroup","inputRow":"bds200NumberInput-inputRow","input":"bds200NumberInput-input","inputError":"bds200NumberInput-inputError","stepper":"bds200NumberInput-stepper"};
+var NumberInput_default = {"component":"bds220NumberInput-component","formGroup":"bds220NumberInput-formGroup","inputRow":"bds220NumberInput-inputRow","input":"bds220NumberInput-input","inputError":"bds220NumberInput-inputError","stepper":"bds220NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2377,7 +2382,7 @@ function NumberInput({
 var import_react18 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"component":"bds200Radio-component","radioGroup":"bds200Radio-radioGroup","inputWrapper":"bds200Radio-inputWrapper","textWrapper":"bds200Radio-textWrapper","description":"bds200Radio-description","radio":"bds200Radio-radio","radioError":"bds200Radio-radioError"};
+var Radio_default = {"component":"bds220Radio-component","radioGroup":"bds220Radio-radioGroup","inputWrapper":"bds220Radio-inputWrapper","textWrapper":"bds220Radio-textWrapper","description":"bds220Radio-description","radio":"bds220Radio-radio","radioError":"bds220Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2415,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":"bds200RadioGroup-component","group":"bds200RadioGroup-group","legend":"bds200RadioGroup-legend","required":"bds200RadioGroup-required","items":"bds200RadioGroup-items"};
+var RadioGroup_default = {"component":"bds220RadioGroup-component","group":"bds220RadioGroup-group","legend":"bds220RadioGroup-legend","required":"bds220RadioGroup-required","items":"bds220RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2457,7 +2462,7 @@ function RadioGroup({
 var import_react20 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"component":"bds200SegmentedControl-component","control":"bds200SegmentedControl-control","thumb":"bds200SegmentedControl-thumb","indicator":"bds200SegmentedControl-indicator","item":"bds200SegmentedControl-item","--active":"bds200SegmentedControl---active","--disabled":"bds200SegmentedControl---disabled","--size_small":"bds200SegmentedControl---size_small","--size_large":"bds200SegmentedControl---size_large","--variant_outline":"bds200SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"component":"bds220SegmentedControl-component","control":"bds220SegmentedControl-control","thumb":"bds220SegmentedControl-thumb","indicator":"bds220SegmentedControl-indicator","item":"bds220SegmentedControl-item","--active":"bds220SegmentedControl---active","--disabled":"bds220SegmentedControl---disabled","--size_small":"bds220SegmentedControl---size_small","--size_large":"bds220SegmentedControl---size_large","--variant_outline":"bds220SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2513,7 +2518,7 @@ function SegmentedControl({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"component":"bds200Select-component","formGroup":"bds200Select-formGroup","selectWrapper":"bds200Select-selectWrapper","select":"bds200Select-select","selectError":"bds200Select-selectError","chevron":"bds200Select-chevron"};
+var Select_default = {"component":"bds220Select-component","formGroup":"bds220Select-formGroup","selectWrapper":"bds220Select-selectWrapper","select":"bds220Select-select","selectError":"bds220Select-selectError","chevron":"bds220Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
@@ -2564,7 +2569,7 @@ function Select({
 var import_react22 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"component":"bds200Slider-component","formGroup":"bds200Slider-formGroup","labelRow":"bds200Slider-labelRow","value":"bds200Slider-value","slider":"bds200Slider-slider","sliderError":"bds200Slider-sliderError"};
+var Slider_default = {"component":"bds220Slider-component","formGroup":"bds220Slider-formGroup","labelRow":"bds220Slider-labelRow","value":"bds220Slider-value","slider":"bds220Slider-slider","sliderError":"bds220Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2626,7 +2631,7 @@ function Slider({
 var import_react23 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"component":"bds200Switch-component","switchGroup":"bds200Switch-switchGroup","--size_small":"bds200Switch---size_small","--size_medium":"bds200Switch---size_medium","--size_large":"bds200Switch---size_large","inputWrapper":"bds200Switch-inputWrapper","trackWrapper":"bds200Switch-trackWrapper","switch":"bds200Switch-switch","track":"bds200Switch-track","thumb":"bds200Switch-thumb","switchError":"bds200Switch-switchError"};
+var Switch_default = {"component":"bds220Switch-component","switchGroup":"bds220Switch-switchGroup","--size_small":"bds220Switch---size_small","--size_medium":"bds220Switch---size_medium","--size_large":"bds220Switch---size_large","inputWrapper":"bds220Switch-inputWrapper","trackWrapper":"bds220Switch-trackWrapper","switch":"bds220Switch-switch","track":"bds220Switch-track","thumb":"bds220Switch-thumb","switchError":"bds220Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -2674,7 +2679,7 @@ function Switch({
 var import_react24 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"component":"bds200Textarea-component","formGroup":"bds200Textarea-formGroup","textarea":"bds200Textarea-textarea","textareaError":"bds200Textarea-textareaError"};
+var Textarea_default = {"component":"bds220Textarea-component","formGroup":"bds220Textarea-formGroup","textarea":"bds220Textarea-textarea","textareaError":"bds220Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -2713,7 +2718,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"component":"bds200ButtonGroup-component","buttonGroup":"bds200ButtonGroup-buttonGroup","container":"bds200ButtonGroup-container","--variant_card":"bds200ButtonGroup---variant_card","--variant_flow":"bds200ButtonGroup---variant_flow","--variant_modal":"bds200ButtonGroup---variant_modal","--variant_content":"bds200ButtonGroup---variant_content","--variant_grid":"bds200ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"component":"bds220ButtonGroup-component","buttonGroup":"bds220ButtonGroup-buttonGroup","container":"bds220ButtonGroup-container","--variant_card":"bds220ButtonGroup---variant_card","--variant_flow":"bds220ButtonGroup---variant_flow","--variant_modal":"bds220ButtonGroup---variant_modal","--variant_content":"bds220ButtonGroup---variant_content","--variant_grid":"bds220ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
@@ -2732,7 +2737,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
 var ButtonGroup = ButtonContainer;
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"component":"bds200Card-component","card":"bds200Card-card","--default":"bds200Card---default","--elevated":"bds200Card---elevated","--outlined":"bds200Card---outlined","--clickable":"bds200Card---clickable","--padding-none":"bds200Card---padding-none","--padding-small":"bds200Card---padding-small","--padding-medium":"bds200Card---padding-medium","--padding-large":"bds200Card---padding-large","--padding-extra-large":"bds200Card---padding-extra-large","--text-start":"bds200Card---text-start","--text-center":"bds200Card---text-center","--text-end":"bds200Card---text-end"};
+var Card_default = {"component":"bds220Card-component","card":"bds220Card-card","--default":"bds220Card---default","--elevated":"bds220Card---elevated","--outlined":"bds220Card---outlined","--clickable":"bds220Card---clickable","--padding-none":"bds220Card---padding-none","--padding-small":"bds220Card---padding-small","--padding-medium":"bds220Card---padding-medium","--padding-large":"bds220Card---padding-large","--padding-extra-large":"bds220Card---padding-extra-large","--text-start":"bds220Card---text-start","--text-center":"bds220Card---text-center","--text-end":"bds220Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -2768,12 +2773,249 @@ function Card({
   );
 }
 
-// src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"component":"bds200SectionHeader-component","sectionHeader":"bds200SectionHeader-sectionHeader","title":"bds200SectionHeader-title","subtitle":"bds200SectionHeader-subtitle","--start":"bds200SectionHeader---start","--center":"bds200SectionHeader---center","--end":"bds200SectionHeader---end","--medium":"bds200SectionHeader---medium","--xs":"bds200SectionHeader---xs","--small":"bds200SectionHeader---small","--large":"bds200SectionHeader---large"};
+// src/components/layout/Grid/Grid.tsx
+var import_react26 = require("react");
 
-// src/components/layout/SectionHeader/SectionHeader.tsx
+// src/components/layout/Grid/Grid.module.css
+var Grid_default = {"component":"bds220Grid-component","grid":"bds220Grid-grid","--main":"bds220Grid---main","--page":"bds220Grid---page","--funnel":"bds220Grid---funnel","--custom":"bds220Grid---custom","--centered":"bds220Grid---centered","item":"bds220Grid-item","w3":"bds220Grid-w3","org":"bds220Grid-org","ts":"bds220Grid-ts","--masonry":"bds220Grid---masonry"};
+
+// src/components/layout/Grid/Grid.tsx
 var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
+
+// src/components/layout/Grid/masonry.ts
+var import_react25 = require("react");
+var ROW_UNIT_PX = 1;
+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) {
+  const cs = window.getComputedStyle(container);
+  const targetGap = parseFloat(cs.columnGap) || 0;
+  container.style.gridAutoRows = `${ROW_UNIT_PX}px`;
+  container.style.rowGap = "0px";
+  container.style.gridAutoFlow = "dense";
+  const children = rawChildren.filter(
+    (el) => el.nodeType === 1 && window.getComputedStyle(el).display !== "none"
+  );
+  for (const child of children) {
+    child.style.gridRow = "";
+    child.style.gridRowStart = "";
+    child.style.gridRowEnd = "";
+  }
+  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 clearMasonryLayout(container, rawChildren) {
+  container.style.gridAutoRows = "";
+  container.style.gridAutoFlow = "";
+  container.style.rowGap = "";
+  for (const child of rawChildren) {
+    if (child.nodeType !== 1) continue;
+    child.style.gridRow = "";
+    child.style.gridRowStart = "";
+    child.style.gridRowEnd = "";
+  }
+}
+function useMasonry(ref, enabled) {
+  (0, import_react25.useLayoutEffect)(() => {
+    const container = ref.current;
+    if (!container || !enabled) return;
+    if (supportsNativeMasonry()) return;
+    let frame = 0;
+    const schedule = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => {
+        applyMasonryLayout(container, Array.from(container.children));
+      });
+    };
+    schedule();
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(schedule) : null;
+    if (ro) {
+      for (const child of Array.from(container.children)) ro.observe(child);
+    }
+    const mo = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
+      if (ro) for (const child of Array.from(container.children)) ro.observe(child);
+      schedule();
+    }) : null;
+    mo?.observe(container, { childList: true });
+    return () => {
+      cancelAnimationFrame(frame);
+      ro?.disconnect();
+      mo?.disconnect();
+      clearMasonryLayout(container, Array.from(container.children));
+    };
+  }, [ref, enabled]);
+}
+
+// src/components/layout/Grid/Grid.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
+var GridContext = (0, import_react26.createContext)({
+  autoSpanMedia: false
+});
+function Grid({
+  children,
+  className,
+  variant = "main",
+  columns,
+  isCentered = false,
+  isMasonry = false,
+  autoSpanMedia = false,
+  as,
+  style,
+  ...rest
+}) {
+  const ref = (0, import_react26.useRef)(null);
+  useMasonry(ref, isMasonry);
+  const classNames = (0, import_design_system_foundation49.cn)(
+    Grid_default.grid,
+    Grid_default[`--${variant}`],
+    isCentered && Grid_default["--centered"],
+    isMasonry && Grid_default["--masonry"],
+    className
+  );
+  const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
+  const Component = as ?? "div";
+  const ctx = (0, import_react26.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(GridContext.Provider, { value: ctx, children }) });
+}
+
+// src/components/layout/Grid/GridItem.tsx
+var import_react27 = require("react");
+var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
+
+// src/components/layout/Grid/autoSpan.ts
+function aspectToColumnSpan(ratio) {
+  if (!Number.isFinite(ratio) || ratio <= 0) return "one-quarter";
+  if (ratio > 3.5) return "full";
+  if (ratio > 2.2) return "three-quarters";
+  if (ratio > 1.5) return "half";
+  return "one-quarter";
+}
+function findMediaChild(root) {
+  return root.querySelector("img, video");
+}
+function readMediaAspect(media) {
+  if (media instanceof HTMLImageElement) {
+    if (media.naturalWidth > 0 && media.naturalHeight > 0) {
+      return media.naturalWidth / media.naturalHeight;
+    }
+    return null;
+  }
+  if (media.videoWidth > 0 && media.videoHeight > 0) {
+    return media.videoWidth / media.videoHeight;
+  }
+  return null;
+}
+function mediaReadyEvent(media) {
+  if (media instanceof HTMLImageElement) return media.complete ? null : "load";
+  if (media.readyState < 1) return "loadedmetadata";
+  return null;
+}
+
+// src/components/layout/Grid/GridItem.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var GridItemSpan = {
+  full: "full",
+  threeQuarters: "three-quarters",
+  twoThirds: "two-thirds",
+  half: "half",
+  oneThird: "one-third",
+  oneQuarter: "one-quarter",
+  auto: "auto"
+};
+var SPAN_VAR = {
+  full: "var(--bds-grid_span-100)",
+  "three-quarters": "span var(--bds-grid_columns-75)",
+  "two-thirds": "span var(--bds-grid_columns-66)",
+  half: "span var(--bds-grid_columns-50)",
+  "one-third": "span var(--bds-grid_columns-33)",
+  "one-quarter": "span var(--bds-grid_columns-25)"
+};
+function resolveSpan(value) {
+  if (typeof value === "number") return `span ${value}`;
+  return SPAN_VAR[value];
+}
+function GridItem({
+  children,
+  className,
+  columnSpan,
+  rowSpan,
+  startColumn,
+  endColumn,
+  as,
+  style,
+  ...rest
+}) {
+  const { autoSpanMedia } = (0, import_react27.useContext)(GridContext);
+  const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
+  const ref = (0, import_react27.useRef)(null);
+  const [autoSpan, setAutoSpan] = (0, import_react27.useState)("one-quarter");
+  (0, import_react27.useLayoutEffect)(() => {
+    if (effectiveSpan !== "auto") return;
+    const el = ref.current;
+    if (!el) return;
+    let cancelled = false;
+    let cleanup;
+    const resolve = () => {
+      if (cancelled) return;
+      const media = findMediaChild(el);
+      if (!media) {
+        setAutoSpan("one-quarter");
+        return;
+      }
+      const aspect = readMediaAspect(media);
+      if (aspect !== null) {
+        setAutoSpan(aspectToColumnSpan(aspect));
+        return;
+      }
+      const event = mediaReadyEvent(media);
+      if (!event) {
+        setAutoSpan("one-quarter");
+        return;
+      }
+      const handler = () => {
+        const a = readMediaAspect(media);
+        if (a !== null) setAutoSpan(aspectToColumnSpan(a));
+      };
+      media.addEventListener(event, handler, { once: true });
+      cleanup = () => media.removeEventListener(event, handler);
+    };
+    resolve();
+    return () => {
+      cancelled = true;
+      cleanup?.();
+    };
+  }, [effectiveSpan, children]);
+  const hasExplicitRange = startColumn !== void 0 || endColumn !== void 0;
+  const gridColumn = hasExplicitRange ? `${startColumn ?? "auto"} / ${endColumn ?? "auto"}` : resolveSpan(effectiveSpan === "auto" ? autoSpan : effectiveSpan);
+  const composedStyle = {
+    ...style,
+    gridColumn,
+    ...rowSpan !== void 0 ? { gridRow: `span ${rowSpan}` } : {}
+  };
+  const Component = as ?? "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    Component,
+    {
+      ref,
+      ...rest,
+      className: (0, import_design_system_foundation50.cn)(Grid_default.item, className),
+      style: composedStyle,
+      children
+    }
+  );
+}
+
+// src/components/layout/SectionHeader/SectionHeader.module.css
+var SectionHeader_default = {"component":"bds220SectionHeader-component","sectionHeader":"bds220SectionHeader-sectionHeader","title":"bds220SectionHeader-title","subtitle":"bds220SectionHeader-subtitle","--start":"bds220SectionHeader---start","--center":"bds220SectionHeader---center","--end":"bds220SectionHeader---end","--medium":"bds220SectionHeader---medium","--xs":"bds220SectionHeader---xs","--small":"bds220SectionHeader---small","--large":"bds220SectionHeader---large"};
+
+// src/components/layout/SectionHeader/SectionHeader.tsx
+var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function SectionHeader({
   title,
   subtitle,
@@ -2784,24 +3026,24 @@ function SectionHeader({
   ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ...rest, className: (0, import_design_system_foundation49.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ...rest, className: (0, import_design_system_foundation51.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"component":"bds200IconWrapper-component","wrapper":"bds200IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds220IconWrapper-component","wrapper":"bds220IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function IconWrapper({ children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...rest, className: (0, import_design_system_foundation50.cn)(className, IconWrapper_default.wrapper), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...rest, className: (0, import_design_system_foundation52.cn)(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts
-var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -2826,6 +3068,9 @@ var import_design_system_foundation51 = require("@boostdev/design-system-foundat
   DropdownMenu,
   FileInput,
   FormInput,
+  Grid,
+  GridItem,
+  GridItemSpan,
   IconWrapper,
   Link,
   Loading,