@boostdev/design-system-components 2.1.0 → 2.2.1

package/dist/client.js

@@ -4,7 +4,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"component":"bds210Accordion-component","accordion":"bds210Accordion-accordion","item":"bds210Accordion-item","heading":"bds210Accordion-heading","trigger":"bds210Accordion-trigger","triggerLabel":"bds210Accordion-triggerLabel","chevron":"bds210Accordion-chevron","--open":"bds210Accordion---open","panel":"bds210Accordion-panel","panelContent":"bds210Accordion-panelContent"};
+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"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -73,7 +73,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"component":"bds210Alert-component","alert":"bds210Alert-alert","--variant_info":"bds210Alert---variant_info","--variant_success":"bds210Alert---variant_success","--variant_warning":"bds210Alert---variant_warning","--variant_error":"bds210Alert---variant_error","icon":"bds210Alert-icon","content":"bds210Alert-content","title":"bds210Alert-title","dismiss":"bds210Alert-dismiss"};
+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"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -118,7 +118,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"component":"bds210Avatar-component","avatar":"bds210Avatar-avatar","--fallback":"bds210Avatar---fallback","--size_small":"bds210Avatar---size_small","--size_medium":"bds210Avatar---size_medium","--size_large":"bds210Avatar---size_large","image":"bds210Avatar-image","initials":"bds210Avatar-initials"};
+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"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -145,7 +145,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"component":"bds210Badge-component","badge":"bds210Badge-badge","--variant_primary":"bds210Badge---variant_primary","--variant_secondary":"bds210Badge---variant_secondary","--variant_success":"bds210Badge---variant_success","--variant_error":"bds210Badge---variant_error","--variant_warning":"bds210Badge---variant_warning"};
+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"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -155,7 +155,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"component":"bds210Breadcrumb-component","breadcrumb":"bds210Breadcrumb-breadcrumb","list":"bds210Breadcrumb-list","item":"bds210Breadcrumb-item","link":"bds210Breadcrumb-link","separator":"bds210Breadcrumb-separator","current":"bds210Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds221Breadcrumb-component","breadcrumb":"bds221Breadcrumb-breadcrumb","list":"bds221Breadcrumb-list","item":"bds221Breadcrumb-item","link":"bds221Breadcrumb-link","separator":"bds221Breadcrumb-separator","current":"bds221Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -171,7 +171,7 @@ function Breadcrumb({ items, className, ...rest }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"component":"bds210Collapsible-component","collapsible":"bds210Collapsible-collapsible","summary":"bds210Collapsible-summary","summaryContent":"bds210Collapsible-summaryContent","icon":"bds210Collapsible-icon","content":"bds210Collapsible-content"};
+var Collapsible_default = {"component":"bds221Collapsible-component","collapsible":"bds221Collapsible-collapsible","summary":"bds221Collapsible-summary","summaryContent":"bds221Collapsible-summaryContent","icon":"bds221Collapsible-icon","content":"bds221Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -212,7 +212,7 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"component":"bds210Calendar-component","calendar":"bds210Calendar-calendar","header":"bds210Calendar-header","monthYear":"bds210Calendar-monthYear","navBtn":"bds210Calendar-navBtn","grid":"bds210Calendar-grid","weekday":"bds210Calendar-weekday","empty":"bds210Calendar-empty","day":"bds210Calendar-day","disabled":"bds210Calendar-disabled","selected":"bds210Calendar-selected","today":"bds210Calendar-today"};
+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"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -387,7 +387,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
 import { useRef, useId as useId3 } from "react";
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"component":"bds210Carousel-component","carousel":"bds210Carousel-carousel","track":"bds210Carousel-track","slide":"bds210Carousel-slide","navBtn":"bds210Carousel-navBtn"};
+var Carousel_default = {"component":"bds221Carousel-component","carousel":"bds221Carousel-carousel","track":"bds221Carousel-track","slide":"bds221Carousel-slide","navBtn":"bds221Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -440,7 +440,7 @@ function Carousel({ items, label, className, ...rest }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"component":"bds210DescriptionList-component","list":"bds210DescriptionList-list","group":"bds210DescriptionList-group","term":"bds210DescriptionList-term","details":"bds210DescriptionList-details","--layout_inline":"bds210DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds221DescriptionList-component","list":"bds221DescriptionList-list","group":"bds221DescriptionList-group","term":"bds221DescriptionList-term","details":"bds221DescriptionList-details","--layout_inline":"bds221DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -453,7 +453,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"component":"bds210Link-component","link":"bds210Link-link","--variant_default":"bds210Link---variant_default","--variant_subtle":"bds210Link---variant_subtle","--variant_standalone":"bds210Link---variant_standalone","externalLabel":"bds210Link-externalLabel"};
+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"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -484,7 +484,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"component":"bds210Loading-component","loading":"bds210Loading-loading","spinner":"bds210Loading-spinner","--size_small":"bds210Loading---size_small","--size_large":"bds210Loading---size_large"};
+var Loading_default = {"component":"bds221Loading-component","loading":"bds221Loading-loading","spinner":"bds221Loading-spinner","--size_small":"bds221Loading---size_small","--size_large":"bds221Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -494,7 +494,7 @@ function Loading({ size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"component":"bds210NotificationBanner-component","banner":"bds210NotificationBanner-banner","--variant_info":"bds210NotificationBanner---variant_info","--variant_success":"bds210NotificationBanner---variant_success","--variant_warning":"bds210NotificationBanner---variant_warning","--variant_error":"bds210NotificationBanner---variant_error","content":"bds210NotificationBanner-content","action":"bds210NotificationBanner-action","dismiss":"bds210NotificationBanner-dismiss"};
+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"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -535,7 +535,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"component":"bds210Pagination-component","pagination":"bds210Pagination-pagination","list":"bds210Pagination-list","button":"bds210Pagination-button","--active":"bds210Pagination---active","--nav":"bds210Pagination---nav","ellipsis":"bds210Pagination-ellipsis"};
+var Pagination_default = {"component":"bds221Pagination-component","pagination":"bds221Pagination-pagination","list":"bds221Pagination-list","button":"bds221Pagination-button","--active":"bds221Pagination---active","--nav":"bds221Pagination---nav","ellipsis":"bds221Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -600,7 +600,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"component":"bds210Progress-component","container":"bds210Progress-container","labelRow":"bds210Progress-labelRow","value":"bds210Progress-value","track":"bds210Progress-track","--size_small":"bds210Progress---size_small","--size_medium":"bds210Progress---size_medium","--size_large":"bds210Progress---size_large","fill":"bds210Progress-fill"};
+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"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -639,7 +639,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"component":"bds210ProgressCircle-component","wrapper":"bds210ProgressCircle-wrapper","svg":"bds210ProgressCircle-svg","track":"bds210ProgressCircle-track","fill":"bds210ProgressCircle-fill","value":"bds210ProgressCircle-value","--size_small":"bds210ProgressCircle---size_small","--size_medium":"bds210ProgressCircle---size_medium","--size_large":"bds210ProgressCircle---size_large"};
+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"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -720,7 +720,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"component":"bds210Separator-component","separator":"bds210Separator-separator","--horizontal":"bds210Separator---horizontal","--vertical":"bds210Separator---vertical"};
+var Separator_default = {"component":"bds221Separator-component","separator":"bds221Separator-separator","--horizontal":"bds221Separator---horizontal","--vertical":"bds221Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -744,7 +744,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
 import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"component":"bds210Skeleton-component","skeleton":"bds210Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds221Skeleton-component","skeleton":"bds221Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -753,7 +753,7 @@ function Skeleton({ className, ...rest }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"component":"bds210SkipLink-component","skipLink":"bds210SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds221SkipLink-component","skipLink":"bds221SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -763,7 +763,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"component":"bds210Table-component","wrapper":"bds210Table-wrapper","table":"bds210Table-table","caption":"bds210Table-caption","thead":"bds210Table-thead","th":"bds210Table-th","--sortable":"bds210Table---sortable","sortButton":"bds210Table-sortButton","sortIcon":"bds210Table-sortIcon","--sort-active":"bds210Table---sort-active","--sort-desc":"bds210Table---sort-desc","tbody":"bds210Table-tbody","tr":"bds210Table-tr","td":"bds210Table-td"};
+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"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -833,7 +833,7 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"component":"bds210Tabs-component","tabs":"bds210Tabs-tabs","tabList":"bds210Tabs-tabList","tab":"bds210Tabs-tab","--active":"bds210Tabs---active","panel":"bds210Tabs-panel"};
+var Tabs_default = {"component":"bds221Tabs-component","tabs":"bds221Tabs-tabs","tabList":"bds221Tabs-tabList","tab":"bds221Tabs-tab","--active":"bds221Tabs---active","panel":"bds221Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -913,7 +913,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"component":"bds210Tooltip-component","wrapper":"bds210Tooltip-wrapper","tooltip":"bds210Tooltip-tooltip","--placement_top":"bds210Tooltip---placement_top","--placement_bottom":"bds210Tooltip---placement_bottom","--placement_left":"bds210Tooltip---placement_left","--placement_right":"bds210Tooltip---placement_right"};
+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"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -957,7 +957,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"component":"bds210Typography-component","typography":"bds210Typography-typography","--h1":"bds210Typography---h1","--h2":"bds210Typography---h2","--h3":"bds210Typography---h3","--body":"bds210Typography---body","--body_s":"bds210Typography---body_s"};
+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"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -975,7 +975,7 @@ function Typography({ variant = "body", component, children, className, ...rest
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"component":"bds210Button-component","button":"bds210Button-button","--default":"bds210Button---default","--outline":"bds210Button---outline","--ghost":"bds210Button---ghost","--size_small":"bds210Button---size_small","--size_medium":"bds210Button---size_medium","--size_large":"bds210Button---size_large","--hasPulse":"bds210Button---hasPulse","iconStart":"bds210Button-iconStart","iconEnd":"bds210Button-iconEnd","--iconOnly":"bds210Button---iconOnly"};
+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"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1092,7 +1092,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"component":"bds210Command-component","dialog":"bds210Command-dialog","palette":"bds210Command-palette","searchRow":"bds210Command-searchRow","searchIcon":"bds210Command-searchIcon","search":"bds210Command-search","escHint":"bds210Command-escHint","list":"bds210Command-list","groupList":"bds210Command-groupList","group":"bds210Command-group","item":"bds210Command-item","itemActive":"bds210Command-itemActive","itemLabel":"bds210Command-itemLabel","itemDesc":"bds210Command-itemDesc","shortcut":"bds210Command-shortcut","empty":"bds210Command-empty"};
+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"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1269,7 +1269,7 @@ function Command({
 import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"component":"bds210Dialog-component","dialog":"bds210Dialog-dialog","dialogContent":"bds210Dialog-dialogContent","closeButton":"bds210Dialog-closeButton"};
+var Dialog_default = {"component":"bds221Dialog-component","dialog":"bds221Dialog-dialog","dialogContent":"bds221Dialog-dialogContent","closeButton":"bds221Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1375,7 +1375,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"component":"bds210Drawer-component","drawer":"bds210Drawer-drawer","--side_left":"bds210Drawer---side_left","header":"bds210Drawer-header","closeButton":"bds210Drawer-closeButton","body":"bds210Drawer-body"};
+var Drawer_default = {"component":"bds221Drawer-component","drawer":"bds221Drawer-drawer","--side_left":"bds221Drawer---side_left","header":"bds221Drawer-header","closeButton":"bds221Drawer-closeButton","body":"bds221Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1483,7 +1483,7 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"component":"bds210DropdownMenu-component","wrapper":"bds210DropdownMenu-wrapper","menu":"bds210DropdownMenu-menu","--placement_bottom-start":"bds210DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds210DropdownMenu---placement_bottom-end","separator":"bds210DropdownMenu-separator","item":"bds210DropdownMenu-item","icon":"bds210DropdownMenu-icon"};
+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"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1604,7 +1604,7 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"component":"bds210Popover-component","wrapper":"bds210Popover-wrapper","panel":"bds210Popover-panel","g":"bds210Popover-g"};
+var Popover_default = {"component":"bds221Popover-component","wrapper":"bds221Popover-wrapper","panel":"bds221Popover-panel","g":"bds221Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1689,7 +1689,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"component":"bds210Rating-component","rating":"bds210Rating-rating","star":"bds210Rating-star","--filled":"bds210Rating---filled"};
+var Rating_default = {"component":"bds221Rating-component","rating":"bds221Rating-rating","star":"bds221Rating-star","--filled":"bds221Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1721,7 +1721,7 @@ function Rating({ value, max = 5, className, ...rest }) {
 import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"component":"bds210Toast-component","toastContainer":"bds210Toast-toastContainer","toast":"bds210Toast-toast","--variant_success":"bds210Toast---variant_success","--variant_warning":"bds210Toast---variant_warning","--variant_info":"bds210Toast---variant_info","--variant_error":"bds210Toast---variant_error","message":"bds210Toast-message","closeButton":"bds210Toast-closeButton"};
+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"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1799,10 +1799,10 @@ function useToast() {
 import { useId as useId11 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"component":"bds210Checkbox-component","checkboxGroup":"bds210Checkbox-checkboxGroup","inputWrapper":"bds210Checkbox-inputWrapper","checkbox":"bds210Checkbox-checkbox","checkboxError":"bds210Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds221Checkbox-component","checkboxGroup":"bds221Checkbox-checkboxGroup","inputWrapper":"bds221Checkbox-inputWrapper","checkbox":"bds221Checkbox-checkbox","checkboxError":"bds221Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds210Message-component","error":"bds210Message-error","hint":"bds210Message-hint"};
+var Message_default = {"component":"bds221Message-component","error":"bds221Message-error","hint":"bds221Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1813,7 +1813,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"component":"bds210Label-component","label":"bds210Label-label"};
+var Label_default = {"component":"bds221Label-component","label":"bds221Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1826,7 +1826,7 @@ var Label = ({ label, id, className }) => {
 import { cn as cn34 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"component":"bds210InputContainer-component","container":"bds210InputContainer-container"};
+var InputContainer_default = {"component":"bds221InputContainer-component","container":"bds221InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1867,7 +1867,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"component":"bds210CheckboxGroup-component","group":"bds210CheckboxGroup-group","legend":"bds210CheckboxGroup-legend","required":"bds210CheckboxGroup-required","items":"bds210CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds221CheckboxGroup-component","group":"bds221CheckboxGroup-group","legend":"bds221CheckboxGroup-legend","required":"bds221CheckboxGroup-required","items":"bds221CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1915,7 +1915,7 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"component":"bds210Combobox-component","formGroup":"bds210Combobox-formGroup","inputWrapper":"bds210Combobox-inputWrapper","input":"bds210Combobox-input","inputError":"bds210Combobox-inputError","chevron":"bds210Combobox-chevron","listbox":"bds210Combobox-listbox","option":"bds210Combobox-option","--highlighted":"bds210Combobox---highlighted","--selected":"bds210Combobox---selected","--disabled":"bds210Combobox---disabled"};
+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"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2066,7 +2066,7 @@ function Combobox({
 import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"component":"bds210FileInput-component","formGroup":"bds210FileInput-formGroup","fieldLabel":"bds210FileInput-fieldLabel","dropZone":"bds210FileInput-dropZone","isDragging":"bds210FileInput-isDragging","hasError":"bds210FileInput-hasError","isDisabled":"bds210FileInput-isDisabled","icon":"bds210FileInput-icon","prompt":"bds210FileInput-prompt","acceptHint":"bds210FileInput-acceptHint","hiddenInput":"bds210FileInput-hiddenInput"};
+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"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2167,7 +2167,7 @@ function FileInput({
 import { useId as useId15 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"component":"bds210FormInput-component","formGroup":"bds210FormInput-formGroup","input":"bds210FormInput-input","inputError":"bds210FormInput-inputError"};
+var FormInput_default = {"component":"bds221FormInput-component","formGroup":"bds221FormInput-formGroup","input":"bds221FormInput-input","inputError":"bds221FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2211,7 +2211,7 @@ function FormInput({
 import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"component":"bds210NumberInput-component","formGroup":"bds210NumberInput-formGroup","inputRow":"bds210NumberInput-inputRow","input":"bds210NumberInput-input","inputError":"bds210NumberInput-inputError","stepper":"bds210NumberInput-stepper"};
+var NumberInput_default = {"component":"bds221NumberInput-component","formGroup":"bds221NumberInput-formGroup","inputRow":"bds221NumberInput-inputRow","input":"bds221NumberInput-input","inputError":"bds221NumberInput-inputError","stepper":"bds221NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2316,7 +2316,7 @@ function NumberInput({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"component":"bds210Radio-component","radioGroup":"bds210Radio-radioGroup","inputWrapper":"bds210Radio-inputWrapper","textWrapper":"bds210Radio-textWrapper","description":"bds210Radio-description","radio":"bds210Radio-radio","radioError":"bds210Radio-radioError"};
+var Radio_default = {"component":"bds221Radio-component","radioGroup":"bds221Radio-radioGroup","inputWrapper":"bds221Radio-inputWrapper","textWrapper":"bds221Radio-textWrapper","description":"bds221Radio-description","radio":"bds221Radio-radio","radioError":"bds221Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2354,7 +2354,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"component":"bds210RadioGroup-component","group":"bds210RadioGroup-group","legend":"bds210RadioGroup-legend","required":"bds210RadioGroup-required","items":"bds210RadioGroup-items"};
+var RadioGroup_default = {"component":"bds221RadioGroup-component","group":"bds221RadioGroup-group","legend":"bds221RadioGroup-legend","required":"bds221RadioGroup-required","items":"bds221RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2396,7 +2396,7 @@ function RadioGroup({
 import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"component":"bds210SegmentedControl-component","control":"bds210SegmentedControl-control","thumb":"bds210SegmentedControl-thumb","indicator":"bds210SegmentedControl-indicator","item":"bds210SegmentedControl-item","--active":"bds210SegmentedControl---active","--disabled":"bds210SegmentedControl---disabled","--size_small":"bds210SegmentedControl---size_small","--size_large":"bds210SegmentedControl---size_large","--variant_outline":"bds210SegmentedControl---variant_outline"};
+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"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2452,7 +2452,7 @@ function SegmentedControl({
 import { useId as useId19 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"component":"bds210Select-component","formGroup":"bds210Select-formGroup","selectWrapper":"bds210Select-selectWrapper","select":"bds210Select-select","selectError":"bds210Select-selectError","chevron":"bds210Select-chevron"};
+var Select_default = {"component":"bds221Select-component","formGroup":"bds221Select-formGroup","selectWrapper":"bds221Select-selectWrapper","select":"bds221Select-select","selectError":"bds221Select-selectError","chevron":"bds221Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2503,7 +2503,7 @@ function Select({
 import { useId as useId20, useState as useState12 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"component":"bds210Slider-component","formGroup":"bds210Slider-formGroup","labelRow":"bds210Slider-labelRow","value":"bds210Slider-value","slider":"bds210Slider-slider","sliderError":"bds210Slider-sliderError"};
+var Slider_default = {"component":"bds221Slider-component","formGroup":"bds221Slider-formGroup","labelRow":"bds221Slider-labelRow","value":"bds221Slider-value","slider":"bds221Slider-slider","sliderError":"bds221Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2565,7 +2565,7 @@ function Slider({
 import { useId as useId21 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"component":"bds210Switch-component","switchGroup":"bds210Switch-switchGroup","--size_small":"bds210Switch---size_small","--size_medium":"bds210Switch---size_medium","--size_large":"bds210Switch---size_large","inputWrapper":"bds210Switch-inputWrapper","trackWrapper":"bds210Switch-trackWrapper","switch":"bds210Switch-switch","track":"bds210Switch-track","thumb":"bds210Switch-thumb","switchError":"bds210Switch-switchError"};
+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"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2613,7 +2613,7 @@ function Switch({
 import { useId as useId22 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"component":"bds210Textarea-component","formGroup":"bds210Textarea-formGroup","textarea":"bds210Textarea-textarea","textareaError":"bds210Textarea-textareaError"};
+var Textarea_default = {"component":"bds221Textarea-component","formGroup":"bds221Textarea-formGroup","textarea":"bds221Textarea-textarea","textareaError":"bds221Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2652,7 +2652,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"component":"bds210ButtonGroup-component","buttonGroup":"bds210ButtonGroup-buttonGroup","container":"bds210ButtonGroup-container","--variant_card":"bds210ButtonGroup---variant_card","--variant_flow":"bds210ButtonGroup---variant_flow","--variant_modal":"bds210ButtonGroup---variant_modal","--variant_content":"bds210ButtonGroup---variant_content","--variant_grid":"bds210ButtonGroup---variant_grid"};
+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"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn47 } from "@boostdev/design-system-foundation";
@@ -2671,7 +2671,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
 var ButtonGroup = ButtonContainer;
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"component":"bds210Card-component","card":"bds210Card-card","--default":"bds210Card---default","--elevated":"bds210Card---elevated","--outlined":"bds210Card---outlined","--clickable":"bds210Card---clickable","--padding-none":"bds210Card---padding-none","--padding-small":"bds210Card---padding-small","--padding-medium":"bds210Card---padding-medium","--padding-large":"bds210Card---padding-large","--padding-extra-large":"bds210Card---padding-extra-large","--text-start":"bds210Card---text-start","--text-center":"bds210Card---text-center","--text-end":"bds210Card---text-end"};
+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"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2707,12 +2707,263 @@ function Card({
   );
 }
 
+// src/components/layout/Grid/Grid.tsx
+import {
+  createContext as createContext2,
+  useMemo as useMemo4,
+  useRef as useRef12
+} from "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"};
+
+// src/components/layout/Grid/Grid.tsx
+import { cn as cn49 } from "@boostdev/design-system-foundation";
+
+// src/components/layout/Grid/masonry.ts
+import { useLayoutEffect } from "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 = "";
+    child.style.alignSelf = "start";
+  }
+  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 = "";
+    child.style.alignSelf = "";
+  }
+}
+function useMasonry(ref, enabled) {
+  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
+import { jsx as jsx49 } from "react/jsx-runtime";
+var _GridContext;
+function getGridContext() {
+  _GridContext ??= createContext2({ autoSpanMedia: false });
+  return _GridContext;
+}
+function Grid({
+  children,
+  className,
+  variant = "main",
+  columns,
+  isCentered = false,
+  isMasonry = false,
+  autoSpanMedia = false,
+  as,
+  style,
+  ...rest
+}) {
+  const ref = useRef12(null);
+  useMasonry(ref, isMasonry);
+  const classNames = cn49(
+    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 GridContext = getGridContext();
+  const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
+  return /* @__PURE__ */ jsx49(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx49(GridContext.Provider, { value: ctx, children }) });
+}
+
+// src/components/layout/Grid/GridItem.tsx
+import {
+  useContext as useContext2,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef13,
+  useState as useState13
+} from "react";
+import { cn as cn50 } from "@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
+import { jsx as jsx50 } from "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 } = useContext2(getGridContext());
+  const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
+  const ref = useRef13(null);
+  const [autoSpan, setAutoSpan] = useState13("one-quarter");
+  useLayoutEffect2(() => {
+    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__ */ jsx50(
+    Component,
+    {
+      ref,
+      ...rest,
+      className: cn50(Grid_default.item, className),
+      style: composedStyle,
+      children
+    }
+  );
+}
+
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"component":"bds210SectionHeader-component","sectionHeader":"bds210SectionHeader-sectionHeader","title":"bds210SectionHeader-title","subtitle":"bds210SectionHeader-subtitle","--start":"bds210SectionHeader---start","--center":"bds210SectionHeader---center","--end":"bds210SectionHeader---end","--medium":"bds210SectionHeader---medium","--xs":"bds210SectionHeader---xs","--small":"bds210SectionHeader---small","--large":"bds210SectionHeader---large"};
+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"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-import { cn as cn49 } from "@boostdev/design-system-foundation";
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { cn as cn51 } from "@boostdev/design-system-foundation";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function SectionHeader({
   title,
   subtitle,
@@ -2723,24 +2974,24 @@ function SectionHeader({
   ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs36("div", { ...rest, className: cn49(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ jsx49(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx49("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs36("div", { ...rest, className: cn51(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ jsx51(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx51("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"component":"bds210IconWrapper-component","wrapper":"bds210IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds221IconWrapper-component","wrapper":"bds221IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-import { cn as cn50 } from "@boostdev/design-system-foundation";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { cn as cn52 } from "@boostdev/design-system-foundation";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function IconWrapper({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx50("div", { ...rest, className: cn50(className, IconWrapper_default.wrapper), children });
+  return /* @__PURE__ */ jsx52("div", { ...rest, className: cn52(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts
-import { cn as cn51 } from "@boostdev/design-system-foundation";
+import { cn as cn53 } from "@boostdev/design-system-foundation";
 export {
   Accordion,
   Alert,
@@ -2764,6 +3015,9 @@ export {
   DropdownMenu,
   FileInput,
   FormInput,
+  Grid,
+  GridItem,
+  GridItemSpan,
   IconWrapper,
   Link,
   Loading,
@@ -2790,6 +3044,6 @@ export {
   ToastProvider,
   Tooltip,
   Typography,
-  cn51 as cn,
+  cn53 as cn,
   useToast
 };