npm - @boostdev/design-system-components - Versions diffs - 1.0.3 → 1.1.0 - Mend

@boostdev/design-system-components 1.0.3 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (225) hide show

package/dist/client.cjs CHANGED Viewed

@@ -1,8 +1,10 @@
 'use client';
 "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)
@@ -16,6 +18,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/client.ts
@@ -68,7 +78,7 @@ __export(client_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   Typography: () => Typography,
-  cn: () => import_design_system_foundation48.cn,
+  cn: () => import_design_system_foundation51.cn,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(client_exports);
@@ -77,7 +87,7 @@ module.exports = __toCommonJS(client_exports);
 var import_react = require("react");
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds103Accordion-accordion","item":"bds103Accordion-item","heading":"bds103Accordion-heading","trigger":"bds103Accordion-trigger","triggerLabel":"bds103Accordion-triggerLabel","chevron":"bds103Accordion-chevron","--open":"bds103Accordion---open","panel":"bds103Accordion-panel","panelContent":"bds103Accordion-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");
@@ -145,7 +155,7 @@ function Accordion({
 }
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds103Alert-alert","--variant_info":"bds103Alert---variant_info","--variant_success":"bds103Alert---variant_success","--variant_warning":"bds103Alert---variant_warning","--variant_error":"bds103Alert---variant_error","icon":"bds103Alert-icon","content":"bds103Alert-content","title":"bds103Alert-title","dismiss":"bds103Alert-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");
@@ -188,7 +198,7 @@ function Alert({
 }
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds103Avatar-avatar","--fallback":"bds103Avatar---fallback","--size_small":"bds103Avatar---size_small","--size_medium":"bds103Avatar---size_medium","--size_large":"bds103Avatar---size_large","image":"bds103Avatar-image","initials":"bds103Avatar-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");
@@ -214,7 +224,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds103Badge-badge","--variant_primary":"bds103Badge---variant_primary","--variant_secondary":"bds103Badge---variant_secondary","--variant_success":"bds103Badge---variant_success","--variant_error":"bds103Badge---variant_error","--variant_warning":"bds103Badge---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");
@@ -224,7 +234,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds103Breadcrumb-breadcrumb","list":"bds103Breadcrumb-list","item":"bds103Breadcrumb-item","link":"bds103Breadcrumb-link","separator":"bds103Breadcrumb-separator","current":"bds103Breadcrumb-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");
@@ -240,7 +250,7 @@ function Breadcrumb({ items, className }) {
 }
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds103Collapsible-collapsible","summary":"bds103Collapsible-summary","summaryContent":"bds103Collapsible-summaryContent","icon":"bds103Collapsible-icon","content":"bds103Collapsible-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");
@@ -281,7 +291,7 @@ function Collapsible({
 var import_react2 = require("react");
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds103Calendar-calendar","header":"bds103Calendar-header","monthYear":"bds103Calendar-monthYear","navBtn":"bds103Calendar-navBtn","grid":"bds103Calendar-grid","weekday":"bds103Calendar-weekday","empty":"bds103Calendar-empty","day":"bds103Calendar-day","disabled":"bds103Calendar-disabled","selected":"bds103Calendar-selected","today":"bds103Calendar-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");
@@ -456,7 +466,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":"bds103Carousel-carousel","track":"bds103Carousel-track","slide":"bds103Carousel-slide","navBtn":"bds103Carousel-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");
@@ -509,7 +519,7 @@ function Carousel({ items, label, className }) {
 }
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds103DescriptionList-list","group":"bds103DescriptionList-group","term":"bds103DescriptionList-term","details":"bds103DescriptionList-details","--layout_inline":"bds103DescriptionList---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");
@@ -522,7 +532,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds103Link-link","--variant_default":"bds103Link---variant_default","--variant_subtle":"bds103Link---variant_subtle","--variant_standalone":"bds103Link---variant_standalone","externalLabel":"bds103Link-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");
@@ -553,7 +563,7 @@ function Link({
 }
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds103Loading-loading","spinner":"bds103Loading-spinner","--size_small":"bds103Loading---size_small","--size_large":"bds103Loading---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");
@@ -563,7 +573,7 @@ function Loading({ size = "medium", className }) {
 }
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds103NotificationBanner-banner","--variant_info":"bds103NotificationBanner---variant_info","--variant_success":"bds103NotificationBanner---variant_success","--variant_warning":"bds103NotificationBanner---variant_warning","--variant_error":"bds103NotificationBanner---variant_error","content":"bds103NotificationBanner-content","action":"bds103NotificationBanner-action","dismiss":"bds103NotificationBanner-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");
@@ -602,7 +612,7 @@ function NotificationBanner({
 }
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds103Pagination-pagination","list":"bds103Pagination-list","button":"bds103Pagination-button","--active":"bds103Pagination---active","--nav":"bds103Pagination---nav","ellipsis":"bds103Pagination-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");
@@ -666,7 +676,7 @@ function Pagination({
 }
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds103Progress-container","labelRow":"bds103Progress-labelRow","value":"bds103Progress-value","track":"bds103Progress-track","--size_small":"bds103Progress---size_small","--size_medium":"bds103Progress---size_medium","--size_large":"bds103Progress---size_large","fill":"bds103Progress-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");
@@ -704,7 +714,7 @@ function Progress({
 }
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds103ProgressCircle-wrapper","svg":"bds103ProgressCircle-svg","track":"bds103ProgressCircle-track","fill":"bds103ProgressCircle-fill","value":"bds103ProgressCircle-value","--size_small":"bds103ProgressCircle---size_small","--size_medium":"bds103ProgressCircle---size_medium","--size_large":"bds103ProgressCircle---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");
@@ -783,7 +793,7 @@ function ProgressCircle({
 }
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds103Separator-separator","--horizontal":"bds103Separator---horizontal","--vertical":"bds103Separator---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");
@@ -806,7 +816,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":"bds103Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds110Skeleton-skeleton"};
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -815,19 +825,20 @@ function Skeleton({ className }) {
 }
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds103SkipLink-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":"bds103Table-wrapper","table":"bds103Table-table","caption":"bds103Table-caption","thead":"bds103Table-thead","th":"bds103Table-th","--sortable":"bds103Table---sortable","sortButton":"bds103Table-sortButton","sortIcon":"bds103Table-sortIcon","--sort-active":"bds103Table---sort-active","--sort-desc":"bds103Table---sort-desc","tbody":"bds103Table-tbody","tr":"bds103Table-tr","td":"bds103Table-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,
@@ -847,14 +858,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",
           {
@@ -868,7 +879,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
@@ -894,10 +905,10 @@ function Table({
 var import_react4 = require("react");
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds103Tabs-tabs","tabList":"bds103Tabs-tabList","tab":"bds103Tabs-tab","--active":"bds103Tabs---active","panel":"bds103Tabs-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)();
@@ -924,7 +935,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}`;
@@ -942,7 +953,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
@@ -974,10 +985,10 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("react");
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds103Tooltip-wrapper","tooltip":"bds103Tooltip-tooltip","--placement_top":"bds103Tooltip---placement_top","--placement_bottom":"bds103Tooltip---placement_bottom","--placement_left":"bds103Tooltip---placement_left","--placement_right":"bds103Tooltip---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,
@@ -993,7 +1004,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),
@@ -1006,7 +1017,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
           }
         )
@@ -1016,10 +1027,10 @@ function Tooltip({
 }
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds103Typography-typography","--h1":"bds103Typography---h1","--h2":"bds103Typography---h2","--h3":"bds103Typography---h3","--body":"bds103Typography---body","--body_s":"bds103Typography---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",
@@ -1030,14 +1041,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":"bds103Button-button","--default":"bds103Button---default","--ghost":"bds103Button---ghost","--size_small":"bds103Button---size_small","--size_medium":"bds103Button---size_medium","--size_large":"bds103Button---size_large","--hasPulse":"bds103Button---hasPulse","iconStart":"bds103Button-iconStart","iconEnd":"bds103Button-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,
@@ -1055,7 +1066,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}`],
@@ -1110,10 +1121,10 @@ function Button({
 var import_react6 = require("react");
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds103Command-dialog","palette":"bds103Command-palette","searchRow":"bds103Command-searchRow","searchIcon":"bds103Command-searchIcon","search":"bds103Command-search","escHint":"bds103Command-escHint","list":"bds103Command-list","groupList":"bds103Command-groupList","group":"bds103Command-group","item":"bds103Command-item","itemActive":"bds103Command-itemActive","itemLabel":"bds103Command-itemLabel","itemDesc":"bds103Command-itemDesc","shortcut":"bds103Command-shortcut","empty":"bds103Command-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,
@@ -1193,7 +1204,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,
@@ -1232,7 +1243,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: [
@@ -1258,10 +1269,10 @@ function Command({
 var import_react7 = require("react");
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds103Dialog-dialog","dialogContent":"bds103Dialog-dialogContent","closeForm":"bds103Dialog-closeForm","closeButton":"bds103Dialog-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 }) {
@@ -1314,7 +1325,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,
@@ -1340,10 +1351,10 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 var import_react8 = require("react");
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds103Drawer-drawer","panel":"bds103Drawer-panel","--side_right":"bds103Drawer---side_right","--side_left":"bds103Drawer---side_left","header":"bds103Drawer-header","closeButton":"bds103Drawer-closeButton","body":"bds103Drawer-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,
@@ -1383,7 +1394,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,
@@ -1412,10 +1423,10 @@ function Drawer({
 var import_react9 = require("react");
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds103DropdownMenu-wrapper","menu":"bds103DropdownMenu-menu","--placement_bottom-start":"bds103DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds103DropdownMenu---placement_bottom-end","separator":"bds103DropdownMenu-separator","item":"bds103DropdownMenu-item","icon":"bds103DropdownMenu-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,
@@ -1484,14 +1495,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)(
@@ -1525,11 +1536,16 @@ function DropdownMenu({
 var import_react10 = require("react");
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds103Popover-wrapper","panel":"bds103Popover-panel","--placement_bottom":"bds103Popover---placement_bottom","--placement_top":"bds103Popover---placement_top","--placement_right":"bds103Popover---placement_right","--placement_left":"bds103Popover---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,
@@ -1539,43 +1555,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
       }
     )
@@ -1583,23 +1641,23 @@ function Popover({
 }
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds103Rating-rating","star":"bds103Rating-star","--filled":"bds103Rating---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" })
@@ -1614,14 +1672,15 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("react");
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds103Toast-toastContainer","toast":"bds103Toast-toast","--variant_success":"bds103Toast---variant_success","--variant_warning":"bds103Toast---variant_warning","--variant_info":"bds103Toast---variant_info","--variant_error":"bds103Toast---variant_error","message":"bds103Toast-message","closeButton":"bds103Toast-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 }]);
@@ -1629,17 +1688,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 }) {
@@ -1647,7 +1728,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" }) }) })
   ] });
@@ -1664,38 +1745,40 @@ function useToast() {
 var import_react12 = require("react");
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds103Checkbox-checkboxGroup","inputWrapper":"bds103Checkbox-inputWrapper","checkbox":"bds103Checkbox-checkbox","checkboxError":"bds103Checkbox-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":"bds103Message-error","hint":"bds103Message-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":"bds103Label-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":"bds103InputContainer-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
@@ -1705,7 +1788,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",
@@ -1715,7 +1798,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
         }
       ),
@@ -1730,10 +1813,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":"bds103CheckboxGroup-group","legend":"bds103CheckboxGroup-legend","required":"bds103CheckboxGroup-required","items":"bds103CheckboxGroup-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,
@@ -1751,7 +1834,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,
@@ -1772,10 +1855,10 @@ function CheckboxGroup({
 var import_react14 = require("react");
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds103Combobox-formGroup","inputWrapper":"bds103Combobox-inputWrapper","input":"bds103Combobox-input","inputError":"bds103Combobox-inputError","chevron":"bds103Combobox-chevron","listbox":"bds103Combobox-listbox","option":"bds103Combobox-option","--highlighted":"bds103Combobox---highlighted","--selected":"bds103Combobox---selected","--disabled":"bds103Combobox---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,
@@ -1854,7 +1937,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)(
@@ -1876,7 +1959,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)
@@ -1896,7 +1979,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,
@@ -1922,10 +2005,10 @@ function Combobox({
 var import_react15 = require("react");
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds103FileInput-formGroup","fieldLabel":"bds103FileInput-fieldLabel","dropZone":"bds103FileInput-dropZone","isDragging":"bds103FileInput-isDragging","hasError":"bds103FileInput-hasError","isDisabled":"bds103FileInput-isDisabled","icon":"bds103FileInput-icon","prompt":"bds103FileInput-prompt","acceptHint":"bds103FileInput-acceptHint","hiddenInput":"bds103FileInput-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,
@@ -1975,12 +2058,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,
@@ -2022,10 +2105,10 @@ function FileInput({
 var import_react16 = require("react");
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds103FormInput-formGroup","input":"bds103FormInput-input","inputError":"bds103FormInput-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,
@@ -2041,7 +2124,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",
@@ -2053,7 +2136,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
       }
     ),
@@ -2066,10 +2149,10 @@ function FormInput({
 var import_react17 = require("react");
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds103NumberInput-formGroup","inputRow":"bds103NumberInput-inputRow","input":"bds103NumberInput-input","inputError":"bds103NumberInput-inputError","stepper":"bds103NumberInput-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,
@@ -2108,7 +2191,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)(
@@ -2138,7 +2221,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;
@@ -2170,17 +2253,17 @@ function NumberInput({
 var import_react18 = require("react");
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds103Radio-radioGroup","inputWrapper":"bds103Radio-inputWrapper","textWrapper":"bds103Radio-textWrapper","description":"bds103Radio-description","radio":"bds103Radio-radio","radioError":"bds103Radio-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",
@@ -2190,7 +2273,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
         }
       ),
@@ -2208,10 +2291,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":"bds103RadioGroup-group","legend":"bds103RadioGroup-legend","required":"bds103RadioGroup-required","items":"bds103RadioGroup-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,
@@ -2229,7 +2312,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,
@@ -2250,10 +2333,10 @@ function RadioGroup({
 var import_react20 = require("react");
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds103SegmentedControl-control","thumb":"bds103SegmentedControl-thumb","item":"bds103SegmentedControl-item","--disabled":"bds103SegmentedControl---disabled","radio":"bds103SegmentedControl-radio","label":"bds103SegmentedControl-label","--size_small":"bds103SegmentedControl---size_small","--size_large":"bds103SegmentedControl---size_large","--active":"bds103SegmentedControl---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,
@@ -2282,7 +2365,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)
@@ -2297,7 +2380,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",
@@ -2328,10 +2411,10 @@ function SegmentedControl({
 var import_react21 = require("react");
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds103Select-formGroup","selectWrapper":"bds103Select-selectWrapper","select":"bds103Select-select","selectError":"bds103Select-selectError","chevron":"bds103Select-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,
@@ -2348,7 +2431,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)(
@@ -2360,7 +2443,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 }),
@@ -2379,10 +2462,10 @@ function Select({
 var import_react22 = require("react");
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds103Slider-formGroup","labelRow":"bds103Slider-labelRow","value":"bds103Slider-value","slider":"bds103Slider-slider","sliderError":"bds103Slider-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,
@@ -2408,7 +2491,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 })
@@ -2426,7 +2509,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
@@ -2441,10 +2524,10 @@ function Slider({
 var import_react23 = require("react");
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds103Switch-switchGroup","--size_small":"bds103Switch---size_small","--size_medium":"bds103Switch---size_medium","--size_large":"bds103Switch---size_large","inputWrapper":"bds103Switch-inputWrapper","trackWrapper":"bds103Switch-trackWrapper","switch":"bds103Switch-switch","track":"bds103Switch-track","thumb":"bds103Switch-thumb","switchError":"bds103Switch-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,
@@ -2460,7 +2543,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: [
@@ -2472,7 +2555,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
           }
         ),
@@ -2489,10 +2572,10 @@ function Switch({
 var import_react24 = require("react");
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds103Textarea-formGroup","textarea":"bds103Textarea-textarea","textareaError":"bds103Textarea-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,
@@ -2507,7 +2590,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",
@@ -2518,7 +2601,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
       }
     ),
@@ -2528,10 +2611,10 @@ function Textarea({
 }
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds103ButtonGroup-buttonGroup","container":"bds103ButtonGroup-container","--variant_card":"bds103ButtonGroup---variant_card","--variant_flow":"bds103ButtonGroup---variant_flow","--variant_modal":"bds103ButtonGroup---variant_modal","--variant_content":"bds103ButtonGroup---variant_content","--variant_grid":"bds103ButtonGroup---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)(
@@ -2539,17 +2622,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":"bds103Card-card","--default":"bds103Card---default","--elevated":"bds103Card---elevated","--outlined":"bds103Card---outlined","--clickable":"bds103Card---clickable","--padding-none":"bds103Card---padding-none","--padding-small":"bds103Card---padding-small","--padding-medium":"bds103Card---padding-medium","--padding-large":"bds103Card---padding-large","--text-start":"bds103Card---text-start","--text-center":"bds103Card---text-center","--text-end":"bds103Card---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,
@@ -2561,7 +2644,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}`],
@@ -2584,10 +2667,10 @@ function Card({
 }
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds103SectionHeader-sectionHeader","title":"bds103SectionHeader-title","subtitle":"bds103SectionHeader-subtitle","--start":"bds103SectionHeader---start","--center":"bds103SectionHeader---center","--end":"bds103SectionHeader---end","--small":"bds103SectionHeader---small","--medium":"bds103SectionHeader---medium","--large":"bds103SectionHeader---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,
@@ -2598,24 +2681,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":"bds103IconWrapper-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,