@boostdev/design-system-components 1.0.2 → 1.1.0

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -67,7 +77,7 @@ __export(index_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   Typography: () => Typography,
-  cn: () => import_design_system_foundation48.cn,
+  cn: () => import_design_system_foundation51.cn,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -76,7 +86,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds102Accordion-accordion","item":"bds102Accordion-item","heading":"bds102Accordion-heading","trigger":"bds102Accordion-trigger","triggerLabel":"bds102Accordion-triggerLabel","chevron":"bds102Accordion-chevron","--open":"bds102Accordion---open","panel":"bds102Accordion-panel","panelContent":"bds102Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds110Accordion-accordion","item":"bds110Accordion-item","heading":"bds110Accordion-heading","trigger":"bds110Accordion-trigger","triggerLabel":"bds110Accordion-triggerLabel","chevron":"bds110Accordion-chevron","--open":"bds110Accordion---open","panel":"bds110Accordion-panel","panelContent":"bds110Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -144,7 +154,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds102Alert-alert","--variant_info":"bds102Alert---variant_info","--variant_success":"bds102Alert---variant_success","--variant_warning":"bds102Alert---variant_warning","--variant_error":"bds102Alert---variant_error","icon":"bds102Alert-icon","content":"bds102Alert-content","title":"bds102Alert-title","dismiss":"bds102Alert-dismiss"};
+var Alert_default = {"alert":"bds110Alert-alert","--variant_info":"bds110Alert---variant_info","--variant_success":"bds110Alert---variant_success","--variant_warning":"bds110Alert---variant_warning","--variant_error":"bds110Alert---variant_error","icon":"bds110Alert-icon","content":"bds110Alert-content","title":"bds110Alert-title","dismiss":"bds110Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -187,7 +197,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds102Avatar-avatar","--fallback":"bds102Avatar---fallback","--size_small":"bds102Avatar---size_small","--size_medium":"bds102Avatar---size_medium","--size_large":"bds102Avatar---size_large","image":"bds102Avatar-image","initials":"bds102Avatar-initials"};
+var Avatar_default = {"avatar":"bds110Avatar-avatar","--fallback":"bds110Avatar---fallback","--size_small":"bds110Avatar---size_small","--size_medium":"bds110Avatar---size_medium","--size_large":"bds110Avatar---size_large","image":"bds110Avatar-image","initials":"bds110Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -213,7 +223,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds102Badge-badge","--variant_primary":"bds102Badge---variant_primary","--variant_secondary":"bds102Badge---variant_secondary","--variant_success":"bds102Badge---variant_success","--variant_error":"bds102Badge---variant_error","--variant_warning":"bds102Badge---variant_warning"};
+var Badge_default = {"badge":"bds110Badge-badge","--variant_primary":"bds110Badge---variant_primary","--variant_secondary":"bds110Badge---variant_secondary","--variant_success":"bds110Badge---variant_success","--variant_error":"bds110Badge---variant_error","--variant_warning":"bds110Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -223,7 +233,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds102Breadcrumb-breadcrumb","list":"bds102Breadcrumb-list","item":"bds102Breadcrumb-item","link":"bds102Breadcrumb-link","separator":"bds102Breadcrumb-separator","current":"bds102Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds110Breadcrumb-breadcrumb","list":"bds110Breadcrumb-list","item":"bds110Breadcrumb-item","link":"bds110Breadcrumb-link","separator":"bds110Breadcrumb-separator","current":"bds110Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -239,7 +249,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds102Collapsible-collapsible","summary":"bds102Collapsible-summary","summaryContent":"bds102Collapsible-summaryContent","icon":"bds102Collapsible-icon","content":"bds102Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds110Collapsible-collapsible","summary":"bds110Collapsible-summary","summaryContent":"bds110Collapsible-summaryContent","icon":"bds110Collapsible-icon","content":"bds110Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -280,7 +290,7 @@ function Collapsible({
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds102Calendar-calendar","header":"bds102Calendar-header","monthYear":"bds102Calendar-monthYear","navBtn":"bds102Calendar-navBtn","grid":"bds102Calendar-grid","weekday":"bds102Calendar-weekday","empty":"bds102Calendar-empty","day":"bds102Calendar-day","disabled":"bds102Calendar-disabled","selected":"bds102Calendar-selected","today":"bds102Calendar-today"};
+var Calendar_default = {"calendar":"bds110Calendar-calendar","header":"bds110Calendar-header","monthYear":"bds110Calendar-monthYear","navBtn":"bds110Calendar-navBtn","grid":"bds110Calendar-grid","weekday":"bds110Calendar-weekday","empty":"bds110Calendar-empty","day":"bds110Calendar-day","disabled":"bds110Calendar-disabled","selected":"bds110Calendar-selected","today":"bds110Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -455,7 +465,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 var import_react3 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds102Carousel-carousel","track":"bds102Carousel-track","slide":"bds102Carousel-slide","navBtn":"bds102Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds110Carousel-carousel","track":"bds110Carousel-track","slide":"bds110Carousel-slide","navBtn":"bds110Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -508,7 +518,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds102DescriptionList-list","group":"bds102DescriptionList-group","term":"bds102DescriptionList-term","details":"bds102DescriptionList-details","--layout_inline":"bds102DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds110DescriptionList-list","group":"bds110DescriptionList-group","term":"bds110DescriptionList-term","details":"bds110DescriptionList-details","--layout_inline":"bds110DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -521,7 +531,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds102Link-link","--variant_default":"bds102Link---variant_default","--variant_subtle":"bds102Link---variant_subtle","--variant_standalone":"bds102Link---variant_standalone","externalLabel":"bds102Link-externalLabel"};
+var Link_default = {"link":"bds110Link-link","--variant_default":"bds110Link---variant_default","--variant_subtle":"bds110Link---variant_subtle","--variant_standalone":"bds110Link---variant_standalone","externalLabel":"bds110Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -552,7 +562,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds102Loading-loading","spinner":"bds102Loading-spinner","--size_small":"bds102Loading---size_small","--size_large":"bds102Loading---size_large"};
+var Loading_default = {"loading":"bds110Loading-loading","spinner":"bds110Loading-spinner","--size_small":"bds110Loading---size_small","--size_large":"bds110Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -562,7 +572,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds102NotificationBanner-banner","--variant_info":"bds102NotificationBanner---variant_info","--variant_success":"bds102NotificationBanner---variant_success","--variant_warning":"bds102NotificationBanner---variant_warning","--variant_error":"bds102NotificationBanner---variant_error","content":"bds102NotificationBanner-content","action":"bds102NotificationBanner-action","dismiss":"bds102NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds110NotificationBanner-banner","--variant_info":"bds110NotificationBanner---variant_info","--variant_success":"bds110NotificationBanner---variant_success","--variant_warning":"bds110NotificationBanner---variant_warning","--variant_error":"bds110NotificationBanner---variant_error","content":"bds110NotificationBanner-content","action":"bds110NotificationBanner-action","dismiss":"bds110NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -601,7 +611,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds102Pagination-pagination","list":"bds102Pagination-list","button":"bds102Pagination-button","--active":"bds102Pagination---active","--nav":"bds102Pagination---nav","ellipsis":"bds102Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds110Pagination-pagination","list":"bds110Pagination-list","button":"bds110Pagination-button","--active":"bds110Pagination---active","--nav":"bds110Pagination---nav","ellipsis":"bds110Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -665,7 +675,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds102Progress-container","labelRow":"bds102Progress-labelRow","value":"bds102Progress-value","track":"bds102Progress-track","--size_small":"bds102Progress---size_small","--size_medium":"bds102Progress---size_medium","--size_large":"bds102Progress---size_large","fill":"bds102Progress-fill"};
+var Progress_default = {"container":"bds110Progress-container","labelRow":"bds110Progress-labelRow","value":"bds110Progress-value","track":"bds110Progress-track","--size_small":"bds110Progress---size_small","--size_medium":"bds110Progress---size_medium","--size_large":"bds110Progress---size_large","fill":"bds110Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -703,7 +713,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds102ProgressCircle-wrapper","svg":"bds102ProgressCircle-svg","track":"bds102ProgressCircle-track","fill":"bds102ProgressCircle-fill","value":"bds102ProgressCircle-value","--size_small":"bds102ProgressCircle---size_small","--size_medium":"bds102ProgressCircle---size_medium","--size_large":"bds102ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds110ProgressCircle-wrapper","svg":"bds110ProgressCircle-svg","track":"bds110ProgressCircle-track","fill":"bds110ProgressCircle-fill","value":"bds110ProgressCircle-value","--size_small":"bds110ProgressCircle---size_small","--size_medium":"bds110ProgressCircle---size_medium","--size_large":"bds110ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -782,7 +792,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds102Separator-separator","--horizontal":"bds102Separator---horizontal","--vertical":"bds102Separator---vertical"};
+var Separator_default = {"separator":"bds110Separator-separator","--horizontal":"bds110Separator---horizontal","--vertical":"bds110Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -805,7 +815,7 @@ function Separator({ orientation = "horizontal", className }) {
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds102Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds110Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -814,19 +824,20 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds102SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds110SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
+var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function SkipLink({ href = "#main", children = "Skip to main content" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href, className: SkipLink_default.skipLink, children });
+function SkipLink({ href = "#main", children = "Skip to main content", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href, className: (0, import_design_system_foundation18.cn)(SkipLink_default.skipLink, className), children });
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds102Table-wrapper","table":"bds102Table-table","caption":"bds102Table-caption","thead":"bds102Table-thead","th":"bds102Table-th","--sortable":"bds102Table---sortable","sortButton":"bds102Table-sortButton","sortIcon":"bds102Table-sortIcon","--sort-active":"bds102Table---sort-active","--sort-desc":"bds102Table---sort-desc","tbody":"bds102Table-tbody","tr":"bds102Table-tr","td":"bds102Table-td"};
+var Table_default = {"wrapper":"bds110Table-wrapper","table":"bds110Table-table","caption":"bds110Table-caption","thead":"bds110Table-thead","th":"bds110Table-th","--sortable":"bds110Table---sortable","sortButton":"bds110Table-sortButton","sortIcon":"bds110Table-sortIcon","--sort-active":"bds110Table---sort-active","--sort-desc":"bds110Table---sort-desc","tbody":"bds110Table-tbody","tr":"bds110Table-tr","td":"bds110Table-td"};
 
 // src/components/ui/Table/Table.tsx
-var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function Table({
   columns,
@@ -846,14 +857,14 @@ function Table({
     if (sortKey !== key) return "none";
     return sortDirection === "asc" ? "ascending" : "descending";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_design_system_foundation18.cn)(Table_default.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: Table_default.table, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_design_system_foundation19.cn)(Table_default.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: Table_default.table, children: [
     caption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("caption", { className: Table_default.caption, children: caption }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { className: Table_default.thead, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "th",
       {
         scope: "col",
         "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
-        className: (0, import_design_system_foundation18.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+        className: (0, import_design_system_foundation19.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
         children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "button",
           {
@@ -867,7 +878,7 @@ function Table({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: (0, import_design_system_foundation18.cn)(
+                  className: (0, import_design_system_foundation19.cn)(
                     Table_default.sortIcon,
                     sortKey === col.key ? Table_default["--sort-active"] : void 0,
                     sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
@@ -893,10 +904,10 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds102Tabs-tabs","tabList":"bds102Tabs-tabList","tab":"bds102Tabs-tab","--active":"bds102Tabs---active","panel":"bds102Tabs-panel"};
+var Tabs_default = {"tabs":"bds110Tabs-tabs","tabList":"bds110Tabs-tabList","tab":"bds110Tabs-tab","--active":"bds110Tabs---active","panel":"bds110Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
-var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function Tabs({ tabs, defaultTab, className }) {
   const baseId = (0, import_react4.useId)();
@@ -923,7 +934,7 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_design_system_foundation19.cn)(Tabs_default.tabs, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_design_system_foundation20.cn)(Tabs_default.tabs, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
@@ -941,7 +952,7 @@ function Tabs({ tabs, defaultTab, className }) {
           "aria-controls": panelId,
           tabIndex: isActive ? 0 : -1,
           disabled: tab.disabled,
-          className: (0, import_design_system_foundation19.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          className: (0, import_design_system_foundation20.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
           children: tab.label
@@ -973,10 +984,10 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds102Tooltip-wrapper","tooltip":"bds102Tooltip-tooltip","--placement_top":"bds102Tooltip---placement_top","--placement_bottom":"bds102Tooltip---placement_bottom","--placement_left":"bds102Tooltip---placement_left","--placement_right":"bds102Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds110Tooltip-wrapper","tooltip":"bds110Tooltip-tooltip","--placement_top":"bds110Tooltip---placement_top","--placement_bottom":"bds110Tooltip---placement_bottom","--placement_left":"bds110Tooltip---placement_left","--placement_right":"bds110Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
-var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function Tooltip({
   content,
@@ -992,7 +1003,7 @@ function Tooltip({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "span",
     {
-      className: (0, import_design_system_foundation20.cn)(Tooltip_default.wrapper, className),
+      className: (0, import_design_system_foundation21.cn)(Tooltip_default.wrapper, className),
       onMouseEnter: () => setIsVisible(true),
       onMouseLeave: () => setIsVisible(false),
       onFocus: () => setIsVisible(true),
@@ -1005,7 +1016,7 @@ function Tooltip({
             id: tooltipId,
             role: "tooltip",
             "aria-hidden": !isVisible,
-            className: (0, import_design_system_foundation20.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+            className: (0, import_design_system_foundation21.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
             children: content
           }
         )
@@ -1015,10 +1026,10 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds102Typography-typography","--h1":"bds102Typography---h1","--h2":"bds102Typography---h2","--h3":"bds102Typography---h3","--body":"bds102Typography---body","--body_s":"bds102Typography---body_s"};
+var Typography_default = {"typography":"bds110Typography-typography","--h1":"bds110Typography---h1","--h2":"bds110Typography---h2","--h3":"bds110Typography---h3","--body":"bds110Typography---body","--body_s":"bds110Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
-var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var variantToElement = {
   h1: "h1",
@@ -1029,14 +1040,14 @@ var variantToElement = {
 };
 function Typography({ variant = "body", component, children, className }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { className: (0, import_design_system_foundation21.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { className: (0, import_design_system_foundation22.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds102Button-button","--default":"bds102Button---default","--ghost":"bds102Button---ghost","--size_small":"bds102Button---size_small","--size_medium":"bds102Button---size_medium","--size_large":"bds102Button---size_large","--hasPulse":"bds102Button---hasPulse","iconStart":"bds102Button-iconStart","iconEnd":"bds102Button-iconEnd"};
+var Button_default = {"button":"bds110Button-button","--default":"bds110Button---default","--ghost":"bds110Button---ghost","--size_small":"bds110Button---size_small","--size_medium":"bds110Button---size_medium","--size_large":"bds110Button---size_large","--hasPulse":"bds110Button---hasPulse","iconStart":"bds110Button-iconStart","iconEnd":"bds110Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
-var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function Button({
   children,
@@ -1054,7 +1065,7 @@ function Button({
   onClick,
   ...rest
 }) {
-  const classNames = (0, import_design_system_foundation22.cn)(
+  const classNames = (0, import_design_system_foundation23.cn)(
     Button_default.button,
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
@@ -1109,10 +1120,10 @@ function Button({
 var import_react6 = require("react");
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds102Command-dialog","palette":"bds102Command-palette","searchRow":"bds102Command-searchRow","searchIcon":"bds102Command-searchIcon","search":"bds102Command-search","escHint":"bds102Command-escHint","list":"bds102Command-list","groupList":"bds102Command-groupList","group":"bds102Command-group","item":"bds102Command-item","itemActive":"bds102Command-itemActive","itemLabel":"bds102Command-itemLabel","itemDesc":"bds102Command-itemDesc","shortcut":"bds102Command-shortcut","empty":"bds102Command-empty"};
+var Command_default = {"dialog":"bds110Command-dialog","palette":"bds110Command-palette","searchRow":"bds110Command-searchRow","searchIcon":"bds110Command-searchIcon","search":"bds110Command-search","escHint":"bds110Command-escHint","list":"bds110Command-list","groupList":"bds110Command-groupList","group":"bds110Command-group","item":"bds110Command-item","itemActive":"bds110Command-itemActive","itemLabel":"bds110Command-itemLabel","itemDesc":"bds110Command-itemDesc","shortcut":"bds110Command-shortcut","empty":"bds110Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
-var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function Command({
   isOpen,
@@ -1192,7 +1203,7 @@ function Command({
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation23.cn)(Command_default.dialog, className),
+      className: (0, import_design_system_foundation24.cn)(Command_default.dialog, className),
       "aria-label": "Command palette",
       "aria-modal": "true",
       onCancel: handleCancel,
@@ -1231,7 +1242,7 @@ function Command({
                 id: `cmd-${item.id}`,
                 role: "option",
                 "aria-selected": isActive,
-                className: (0, import_design_system_foundation23.cn)(Command_default.item, isActive && Command_default.itemActive),
+                className: (0, import_design_system_foundation24.cn)(Command_default.item, isActive && Command_default.itemActive),
                 onPointerDown: (e) => e.preventDefault(),
                 onClick: () => selectItem(item),
                 children: [
@@ -1257,10 +1268,10 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds102Dialog-dialog","dialogContent":"bds102Dialog-dialogContent","closeForm":"bds102Dialog-closeForm","closeButton":"bds102Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds110Dialog-dialog","dialogContent":"bds110Dialog-dialogContent","closeForm":"bds110Dialog-closeForm","closeButton":"bds110Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
-var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function Dialog({ children, isOpen = false, className, onClose }) {
@@ -1313,7 +1324,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation24.cn)(className, Dialog_default.dialog),
+      className: (0, import_design_system_foundation25.cn)(className, Dialog_default.dialog),
       "aria-modal": "true",
       onClick: handleBackdropClick,
       onCancel: handleCancel,
@@ -1339,10 +1350,10 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds102Drawer-drawer","panel":"bds102Drawer-panel","--side_right":"bds102Drawer---side_right","--side_left":"bds102Drawer---side_left","header":"bds102Drawer-header","closeButton":"bds102Drawer-closeButton","body":"bds102Drawer-body"};
+var Drawer_default = {"drawer":"bds110Drawer-drawer","panel":"bds110Drawer-panel","--side_right":"bds110Drawer---side_right","--side_left":"bds110Drawer---side_left","header":"bds110Drawer-header","closeButton":"bds110Drawer-closeButton","body":"bds110Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
-var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function Drawer({
   isOpen,
@@ -1382,7 +1393,7 @@ function Drawer({
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation25.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      className: (0, import_design_system_foundation26.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
       "aria-label": ariaLabel,
       "aria-modal": "true",
       onClick: handleClick,
@@ -1411,10 +1422,10 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds102DropdownMenu-wrapper","menu":"bds102DropdownMenu-menu","--placement_bottom-start":"bds102DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds102DropdownMenu---placement_bottom-end","separator":"bds102DropdownMenu-separator","item":"bds102DropdownMenu-item","icon":"bds102DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds110DropdownMenu-wrapper","menu":"bds110DropdownMenu-menu","--placement_bottom-start":"bds110DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds110DropdownMenu---placement_bottom-end","separator":"bds110DropdownMenu-separator","item":"bds110DropdownMenu-item","icon":"bds110DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function DropdownMenu({
   trigger,
@@ -1483,14 +1494,14 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref: containerRef, className: (0, import_design_system_foundation26.cn)(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref: containerRef, className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "ul",
       {
         id: menuId,
         role: "menu",
-        className: (0, import_design_system_foundation26.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
+        className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
         children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { role: "presentation", children: [
           item.separator && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
@@ -1524,11 +1535,16 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds102Popover-wrapper","panel":"bds102Popover-panel","--placement_bottom":"bds102Popover---placement_bottom","--placement_top":"bds102Popover---placement_top","--placement_right":"bds102Popover---placement_right","--placement_left":"bds102Popover---placement_left"};
+var Popover_default = {"wrapper":"bds110Popover-wrapper","panel":"bds110Popover-panel"};
 
 // src/components/interaction/Popover/Popover.tsx
-var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime28 = require("react/jsx-runtime");
+var GAP = 8;
+if (typeof window !== "undefined" && !(typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --a"))) {
+  import("@oddbird/css-anchor-positioning").catch(() => {
+  });
+}
 function Popover({
   children,
   content,
@@ -1538,43 +1554,85 @@ function Popover({
 }) {
   const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
   const containerRef = (0, import_react10.useRef)(null);
-  const panelId = (0, import_react10.useId)();
+  const dialogRef = (0, import_react10.useRef)(null);
+  const rawId = (0, import_react10.useId)();
+  const anchorName = `--popover-${rawId.replace(/\W/g, "") || "a"}`;
+  const panelId = rawId;
   (0, import_react10.useEffect)(() => {
     if (!isOpen) return;
-    const handlePointerDown = (e) => {
-      if (!containerRef.current?.contains(e.target)) {
+    const handleMouseDown = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
       }
     };
     const handleKeyDown = (e) => {
       if (e.key === "Escape") setIsOpen(false);
     };
-    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("mousedown", handleMouseDown);
     document.addEventListener("keydown", handleKeyDown);
     return () => {
-      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("mousedown", handleMouseDown);
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [isOpen]);
+  const constrainPanel = (0, import_react10.useCallback)(() => {
+    const dialog = dialogRef.current;
+    const container = containerRef.current;
+    if (!dialog || !container) return;
+    const rect = container.getBoundingClientRect();
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    dialog.style.maxHeight = "";
+    dialog.style.maxWidth = "";
+    if (placement === "bottom") {
+      dialog.style.maxHeight = `${Math.max(0, vh - rect.bottom - GAP * 2)}px`;
+      dialog.style.maxWidth = `${Math.max(0, vw - rect.left - GAP)}px`;
+    } else if (placement === "top") {
+      dialog.style.maxHeight = `${Math.max(0, rect.top - GAP * 2)}px`;
+      dialog.style.maxWidth = `${Math.max(0, vw - rect.left - GAP)}px`;
+    } else if (placement === "right") {
+      dialog.style.maxHeight = `${Math.max(0, vh - rect.top - GAP)}px`;
+      dialog.style.maxWidth = `${Math.max(0, vw - rect.right - GAP * 2)}px`;
+    } else {
+      dialog.style.maxHeight = `${Math.max(0, vh - rect.top - GAP)}px`;
+      dialog.style.maxWidth = `${Math.max(0, rect.left - GAP * 2)}px`;
+    }
+  }, [placement]);
+  const toggle = (0, import_react10.useCallback)(() => {
+    if (isOpen) {
+      setIsOpen(false);
+    } else {
+      constrainPanel();
+      setIsOpen(true);
+    }
+  }, [isOpen, constrainPanel]);
   const trigger = (0, import_react10.isValidElement)(children) ? (0, import_react10.cloneElement)(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
     "aria-haspopup": true,
+    style: {
+      ...children.props.style,
+      anchorName
+    },
     onClick: (e) => {
-      setIsOpen((prev) => !prev);
+      toggle();
       const existingOnClick = children.props.onClick;
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ref: containerRef, className: (0, import_design_system_foundation27.cn)(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ref: containerRef, className: (0, import_design_system_foundation28.cn)(Popover_default.wrapper, className), children: [
     trigger,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      "div",
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "dialog",
       {
+        ref: dialogRef,
         id: panelId,
+        open: isOpen,
+        "data-placement": placement,
         role: ariaLabel ? "region" : void 0,
         "aria-label": ariaLabel,
-        className: (0, import_design_system_foundation27.cn)(Popover_default.panel, Popover_default[`--placement_${placement}`]),
+        className: Popover_default.panel,
+        style: { positionAnchor: anchorName },
         children: content
       }
     )
@@ -1582,23 +1640,23 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds102Rating-rating","star":"bds102Rating-star","--filled":"bds102Rating---filled"};
+var Rating_default = {"rating":"bds110Rating-rating","star":"bds110Rating-star","--filled":"bds110Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
-var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function Rating({ value, max = 5, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
-      className: (0, import_design_system_foundation28.cn)(Rating_default.rating, className),
+      className: (0, import_design_system_foundation29.cn)(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
       children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "svg",
         {
           "aria-hidden": "true",
-          className: (0, import_design_system_foundation28.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
+          className: (0, import_design_system_foundation29.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
           children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
@@ -1613,14 +1671,15 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds102Toast-toastContainer","toast":"bds102Toast-toast","--variant_success":"bds102Toast---variant_success","--variant_warning":"bds102Toast---variant_warning","--variant_info":"bds102Toast---variant_info","--variant_error":"bds102Toast---variant_error","message":"bds102Toast-message","closeButton":"bds102Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds110Toast-toastContainer","toast":"bds110Toast-toast","--variant_success":"bds110Toast---variant_success","--variant_warning":"bds110Toast---variant_warning","--variant_info":"bds110Toast---variant_info","--variant_error":"bds110Toast---variant_error","message":"bds110Toast-message","closeButton":"bds110Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
-var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(void 0);
 function ToastProvider({ children }) {
   const [toasts, setToasts] = (0, import_react11.useState)([]);
+  const containerRef = (0, import_react11.useRef)(null);
   const showToast = (0, import_react11.useCallback)((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
@@ -1628,17 +1687,39 @@ function ToastProvider({ children }) {
   const removeToast = (0, import_react11.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
+  (0, import_react11.useEffect)(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    if (toasts.length > 0) {
+      container.showPopover?.();
+    } else {
+      try {
+        container.hidePopover?.();
+      } catch {
+      }
+    }
+  }, [toasts.length]);
   const value = (0, import_react11.useMemo)(() => ({ showToast }), [showToast]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-      ToastItem,
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "div",
       {
-        toast,
-        onRemove: () => removeToast(toast.id)
-      },
-      toast.id
-    )) })
+        ref: containerRef,
+        popover: "manual",
+        role: "region",
+        "aria-label": "Notifications",
+        className: Toast_default.toastContainer,
+        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          ToastItem,
+          {
+            toast,
+            onRemove: () => removeToast(toast.id)
+          },
+          toast.id
+        ))
+      }
+    )
   ] });
 }
 function ToastItem({ toast, onRemove }) {
@@ -1646,7 +1727,7 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_design_system_foundation29.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_design_system_foundation30.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: Toast_default.message, children: toast.message }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
   ] });
@@ -1663,38 +1744,40 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds102Checkbox-checkboxGroup","inputWrapper":"bds102Checkbox-inputWrapper","checkbox":"bds102Checkbox-checkbox","checkboxError":"bds102Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds110Checkbox-checkboxGroup","inputWrapper":"bds110Checkbox-inputWrapper","checkbox":"bds110Checkbox-checkbox","checkboxError":"bds110Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds102Message-error","hint":"bds102Message-hint"};
+var Message_default = {"error":"bds110Message-error","hint":"bds110Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
+var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Message = ({ message, type, inputId }) => {
+var Message = ({ message, type, inputId, className }) => {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { id: inputId + type, className: Message_default[type], children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { id: inputId + type, className: (0, import_design_system_foundation31.cn)(Message_default[type], className), children: message });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds102Label-label"};
+var Label_default = {"label":"bds110Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
+var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var Label = ({ label, id }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { htmlFor: id, className: Label_default.label, children: label });
+var Label = ({ label, id, className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { htmlFor: id, className: (0, import_design_system_foundation32.cn)(Label_default.label, className), children: label });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds102InputContainer-container"};
+var InputContainer_default = {"container":"bds110InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
-var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_design_system_foundation30.cn)(InputContainer_default.container, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_design_system_foundation33.cn)(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
@@ -1704,7 +1787,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(InputContainer, { className: (0, import_design_system_foundation31.cn)(Checkbox_default.checkboxGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(Checkbox_default.checkboxGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "input",
@@ -1714,7 +1797,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
           type: "checkbox",
           id,
           name,
-          className: (0, import_design_system_foundation31.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
+          className: (0, import_design_system_foundation34.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
@@ -1729,10 +1812,10 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds102CheckboxGroup-group","legend":"bds102CheckboxGroup-legend","required":"bds102CheckboxGroup-required","items":"bds102CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds110CheckboxGroup-group","legend":"bds110CheckboxGroup-legend","required":"bds110CheckboxGroup-required","items":"bds110CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function CheckboxGroup({
   legend,
@@ -1750,7 +1833,7 @@ function CheckboxGroup({
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "fieldset",
     {
-      className: (0, import_design_system_foundation32.cn)(CheckboxGroup_default.group, className),
+      className: (0, import_design_system_foundation35.cn)(CheckboxGroup_default.group, className),
       disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
@@ -1771,10 +1854,10 @@ function CheckboxGroup({
 var import_react14 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds102Combobox-formGroup","inputWrapper":"bds102Combobox-inputWrapper","input":"bds102Combobox-input","inputError":"bds102Combobox-inputError","chevron":"bds102Combobox-chevron","listbox":"bds102Combobox-listbox","option":"bds102Combobox-option","--highlighted":"bds102Combobox---highlighted","--selected":"bds102Combobox---selected","--disabled":"bds102Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds110Combobox-formGroup","inputWrapper":"bds110Combobox-inputWrapper","input":"bds110Combobox-input","inputError":"bds110Combobox-inputError","chevron":"bds110Combobox-chevron","listbox":"bds110Combobox-listbox","option":"bds110Combobox-option","--highlighted":"bds110Combobox---highlighted","--selected":"bds110Combobox---selected","--disabled":"bds110Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function Combobox({
   label,
@@ -1853,7 +1936,7 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation33.cn)(Combobox_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Combobox_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -1875,7 +1958,7 @@ function Combobox({
           placeholder,
           value: inputValue,
           disabled,
-          className: (0, import_design_system_foundation33.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: (0, import_design_system_foundation36.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
@@ -1895,7 +1978,7 @@ function Combobox({
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: (0, import_design_system_foundation33.cn)(
+              className: (0, import_design_system_foundation36.cn)(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1921,10 +2004,10 @@ function Combobox({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds102FileInput-formGroup","fieldLabel":"bds102FileInput-fieldLabel","dropZone":"bds102FileInput-dropZone","isDragging":"bds102FileInput-isDragging","hasError":"bds102FileInput-hasError","isDisabled":"bds102FileInput-isDisabled","icon":"bds102FileInput-icon","prompt":"bds102FileInput-prompt","acceptHint":"bds102FileInput-acceptHint","hiddenInput":"bds102FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds110FileInput-formGroup","fieldLabel":"bds110FileInput-fieldLabel","dropZone":"bds110FileInput-dropZone","isDragging":"bds110FileInput-isDragging","hasError":"bds110FileInput-hasError","isDisabled":"bds110FileInput-isDisabled","icon":"bds110FileInput-icon","prompt":"bds110FileInput-prompt","acceptHint":"bds110FileInput-acceptHint","hiddenInput":"bds110FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function FileInput({
   label,
@@ -1974,12 +2057,12 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(FileInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(FileInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "label",
       {
         htmlFor: uid,
-        className: (0, import_design_system_foundation34.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: (0, import_design_system_foundation37.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
@@ -2021,10 +2104,10 @@ function FileInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds102FormInput-formGroup","input":"bds102FormInput-input","inputError":"bds102FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds110FormInput-formGroup","input":"bds110FormInput-input","inputError":"bds110FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function FormInput({
   label,
@@ -2040,7 +2123,7 @@ function FormInput({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation35.cn)(FormInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(FormInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "input",
@@ -2052,7 +2135,7 @@ function FormInput({
         id,
         name,
         required,
-        className: (0, import_design_system_foundation35.cn)(FormInput_default.input, error && FormInput_default.inputError),
+        className: (0, import_design_system_foundation38.cn)(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
@@ -2065,10 +2148,10 @@ function FormInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds102NumberInput-formGroup","inputRow":"bds102NumberInput-inputRow","input":"bds102NumberInput-input","inputError":"bds102NumberInput-inputError","stepper":"bds102NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds110NumberInput-formGroup","inputRow":"bds110NumberInput-inputRow","input":"bds110NumberInput-input","inputError":"bds110NumberInput-inputError","stepper":"bds110NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function NumberInput({
   label,
@@ -2107,7 +2190,7 @@ function NumberInput({
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(NumberInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(NumberInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id: uid, label }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: NumberInput_default.inputRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -2137,7 +2220,7 @@ function NumberInput({
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: (0, import_design_system_foundation36.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: (0, import_design_system_foundation39.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
             const v = parseFloat(e.target.value);
             const safe = isNaN(v) ? 0 : v;
@@ -2169,17 +2252,17 @@ function NumberInput({
 var import_react18 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds102Radio-radioGroup","inputWrapper":"bds102Radio-inputWrapper","textWrapper":"bds102Radio-textWrapper","description":"bds102Radio-description","radio":"bds102Radio-radio","radioError":"bds102Radio-radioError"};
+var Radio_default = {"radioGroup":"bds110Radio-radioGroup","inputWrapper":"bds110Radio-inputWrapper","textWrapper":"bds110Radio-textWrapper","description":"bds110Radio-description","radio":"bds110Radio-radio","radioError":"bds110Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
-var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function Radio({ label, name, description, error, hint, className, ...props }) {
   const id = name + (0, import_react18.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(Radio_default.radioGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation40.cn)(Radio_default.radioGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: Radio_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "input",
@@ -2189,7 +2272,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: (0, import_design_system_foundation37.cn)(Radio_default.radio, error && Radio_default.radioError),
+          className: (0, import_design_system_foundation40.cn)(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
@@ -2207,10 +2290,10 @@ 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 = {"group":"bds102RadioGroup-group","legend":"bds102RadioGroup-legend","required":"bds102RadioGroup-required","items":"bds102RadioGroup-items"};
+var RadioGroup_default = {"group":"bds110RadioGroup-group","legend":"bds110RadioGroup-legend","required":"bds110RadioGroup-required","items":"bds110RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function RadioGroup({
   legend,
@@ -2228,7 +2311,7 @@ function RadioGroup({
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "fieldset",
     {
-      className: (0, import_design_system_foundation38.cn)(RadioGroup_default.group, className),
+      className: (0, import_design_system_foundation41.cn)(RadioGroup_default.group, className),
       disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
@@ -2249,10 +2332,10 @@ function RadioGroup({
 var import_react20 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds102SegmentedControl-control","thumb":"bds102SegmentedControl-thumb","item":"bds102SegmentedControl-item","--disabled":"bds102SegmentedControl---disabled","radio":"bds102SegmentedControl-radio","label":"bds102SegmentedControl-label","--size_small":"bds102SegmentedControl---size_small","--size_large":"bds102SegmentedControl---size_large","--active":"bds102SegmentedControl---active"};
+var SegmentedControl_default = {"control":"bds110SegmentedControl-control","thumb":"bds110SegmentedControl-thumb","item":"bds110SegmentedControl-item","--disabled":"bds110SegmentedControl---disabled","radio":"bds110SegmentedControl-radio","label":"bds110SegmentedControl-label","--size_small":"bds110SegmentedControl---size_small","--size_large":"bds110SegmentedControl---size_large","--active":"bds110SegmentedControl---active"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function SegmentedControl({
   name,
@@ -2281,7 +2364,7 @@ function SegmentedControl({
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: (0, import_design_system_foundation39.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
+      className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
       style: {
         "--control_count": options.length,
         "--control_selected-index": Math.max(0, selectedIndex)
@@ -2296,7 +2379,7 @@ function SegmentedControl({
             "label",
             {
               htmlFor: id,
-              className: (0, import_design_system_foundation39.cn)(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
+              className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   "input",
@@ -2327,10 +2410,10 @@ function SegmentedControl({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds102Select-formGroup","selectWrapper":"bds102Select-selectWrapper","select":"bds102Select-select","selectError":"bds102Select-selectError","chevron":"bds102Select-chevron"};
+var Select_default = {"formGroup":"bds110Select-formGroup","selectWrapper":"bds110Select-selectWrapper","select":"bds110Select-select","selectError":"bds110Select-selectError","chevron":"bds110Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
-var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Select({
   label,
@@ -2347,7 +2430,7 @@ function Select({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation40.cn)(Select_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation43.cn)(Select_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Select_default.selectWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -2359,7 +2442,7 @@ function Select({
           "aria-required": required || void 0,
           "aria-describedby": describedBy,
           required,
-          className: (0, import_design_system_foundation40.cn)(Select_default.select, error ? Select_default.selectError : void 0),
+          className: (0, import_design_system_foundation43.cn)(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
             placeholder && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
@@ -2378,10 +2461,10 @@ function Select({
 var import_react22 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds102Slider-formGroup","labelRow":"bds102Slider-labelRow","value":"bds102Slider-value","slider":"bds102Slider-slider","sliderError":"bds102Slider-sliderError"};
+var Slider_default = {"formGroup":"bds110Slider-formGroup","labelRow":"bds110Slider-labelRow","value":"bds110Slider-value","slider":"bds110Slider-slider","sliderError":"bds110Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
-var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function Slider({
   label,
@@ -2407,7 +2490,7 @@ function Slider({
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(Slider_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation44.cn)(Slider_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: Slider_default.labelRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
       showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: Slider_default.value, children: currentValue })
@@ -2425,7 +2508,7 @@ function Slider({
         "aria-valuemax": max,
         "aria-valuenow": currentValue,
         "aria-valuetext": String(currentValue),
-        className: (0, import_design_system_foundation41.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        className: (0, import_design_system_foundation44.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
         style: { "--slider_fill": `${fillPct}%` },
         onChange: handleChange,
         ...props
@@ -2440,10 +2523,10 @@ function Slider({
 var import_react23 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds102Switch-switchGroup","--size_small":"bds102Switch---size_small","--size_medium":"bds102Switch---size_medium","--size_large":"bds102Switch---size_large","inputWrapper":"bds102Switch-inputWrapper","trackWrapper":"bds102Switch-trackWrapper","switch":"bds102Switch-switch","track":"bds102Switch-track","thumb":"bds102Switch-thumb","switchError":"bds102Switch-switchError"};
+var Switch_default = {"switchGroup":"bds110Switch-switchGroup","--size_small":"bds110Switch---size_small","--size_medium":"bds110Switch---size_medium","--size_large":"bds110Switch---size_large","inputWrapper":"bds110Switch-inputWrapper","trackWrapper":"bds110Switch-trackWrapper","switch":"bds110Switch-switch","track":"bds110Switch-track","thumb":"bds110Switch-thumb","switchError":"bds110Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
-var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function Switch({
   label,
@@ -2459,7 +2542,7 @@ function Switch({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation42.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation45.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Switch_default.inputWrapper, children: [
       prefix && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Switch_default.trackWrapper, children: [
@@ -2471,7 +2554,7 @@ function Switch({
             id,
             name,
             "aria-describedby": describedBy,
-            className: (0, import_design_system_foundation42.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            className: (0, import_design_system_foundation45.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
             ...props
           }
         ),
@@ -2488,10 +2571,10 @@ function Switch({
 var import_react24 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds102Textarea-formGroup","textarea":"bds102Textarea-textarea","textareaError":"bds102Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds110Textarea-formGroup","textarea":"bds110Textarea-textarea","textareaError":"bds110Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Textarea({
   label,
@@ -2506,7 +2589,7 @@ function Textarea({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation43.cn)(Textarea_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Textarea_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "textarea",
@@ -2517,7 +2600,7 @@ function Textarea({
         "aria-describedby": describedBy,
         "aria-required": required || void 0,
         required,
-        className: (0, import_design_system_foundation43.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        className: (0, import_design_system_foundation46.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
@@ -2527,10 +2610,10 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds102ButtonGroup-buttonGroup","container":"bds102ButtonGroup-container","--variant_card":"bds102ButtonGroup---variant_card","--variant_flow":"bds102ButtonGroup---variant_flow","--variant_modal":"bds102ButtonGroup---variant_modal","--variant_content":"bds102ButtonGroup---variant_content","--variant_grid":"bds102ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds110ButtonGroup-buttonGroup","container":"bds110ButtonGroup-container","--variant_card":"bds110ButtonGroup---variant_card","--variant_flow":"bds110ButtonGroup---variant_flow","--variant_modal":"bds110ButtonGroup---variant_modal","--variant_content":"bds110ButtonGroup---variant_content","--variant_grid":"bds110ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
-var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function ButtonGroup({ children, className, variant, "aria-label": ariaLabel }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -2538,17 +2621,17 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: (0, import_design_system_foundation44.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
+      className: (0, import_design_system_foundation47.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
       children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: ButtonGroup_default.container, children })
     }
   );
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds102Card-card","--default":"bds102Card---default","--elevated":"bds102Card---elevated","--outlined":"bds102Card---outlined","--clickable":"bds102Card---clickable","--padding-none":"bds102Card---padding-none","--padding-small":"bds102Card---padding-small","--padding-medium":"bds102Card---padding-medium","--padding-large":"bds102Card---padding-large","--text-start":"bds102Card---text-start","--text-center":"bds102Card---text-center","--text-end":"bds102Card---text-end"};
+var Card_default = {"card":"bds110Card-card","--default":"bds110Card---default","--elevated":"bds110Card---elevated","--outlined":"bds110Card---outlined","--clickable":"bds110Card---clickable","--padding-none":"bds110Card---padding-none","--padding-small":"bds110Card---padding-small","--padding-medium":"bds110Card---padding-medium","--padding-large":"bds110Card---padding-large","--text-start":"bds110Card---text-start","--text-center":"bds110Card---text-center","--text-end":"bds110Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
-var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function Card({
   children,
@@ -2560,7 +2643,7 @@ function Card({
   onClick,
   "aria-label": ariaLabel
 }) {
-  const classNames = (0, import_design_system_foundation45.cn)(
+  const classNames = (0, import_design_system_foundation48.cn)(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2583,10 +2666,10 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds102SectionHeader-sectionHeader","title":"bds102SectionHeader-title","subtitle":"bds102SectionHeader-subtitle","--start":"bds102SectionHeader---start","--center":"bds102SectionHeader---center","--end":"bds102SectionHeader---end","--small":"bds102SectionHeader---small","--medium":"bds102SectionHeader---medium","--large":"bds102SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds110SectionHeader-sectionHeader","title":"bds110SectionHeader-title","subtitle":"bds110SectionHeader-subtitle","--start":"bds110SectionHeader---start","--center":"bds110SectionHeader---center","--end":"bds110SectionHeader---end","--small":"bds110SectionHeader---small","--medium":"bds110SectionHeader---medium","--large":"bds110SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function SectionHeader({
   title,
@@ -2597,24 +2680,24 @@ function SectionHeader({
   titleAs = "h2"
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: (0, import_design_system_foundation46.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { 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 })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds102IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds110IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function IconWrapper({ children, className, "aria-hidden": ariaHidden }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: (0, import_design_system_foundation47.cn)(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: (0, import_design_system_foundation50.cn)(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
 }
 
 // src/index.ts
-var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,