@boostdev/design-system-components 1.0.3 → 1.1.1

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "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":"bds111Accordion-accordion","item":"bds111Accordion-item","heading":"bds111Accordion-heading","trigger":"bds111Accordion-trigger","triggerLabel":"bds111Accordion-triggerLabel","chevron":"bds111Accordion-chevron","--open":"bds111Accordion---open","panel":"bds111Accordion-panel","panelContent":"bds111Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -70,7 +70,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":"bds111Alert-alert","--variant_info":"bds111Alert---variant_info","--variant_success":"bds111Alert---variant_success","--variant_warning":"bds111Alert---variant_warning","--variant_error":"bds111Alert---variant_error","icon":"bds111Alert-icon","content":"bds111Alert-content","title":"bds111Alert-title","dismiss":"bds111Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -113,7 +113,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":"bds111Avatar-avatar","--fallback":"bds111Avatar---fallback","--size_small":"bds111Avatar---size_small","--size_medium":"bds111Avatar---size_medium","--size_large":"bds111Avatar---size_large","image":"bds111Avatar-image","initials":"bds111Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -139,7 +139,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":"bds111Badge-badge","--variant_primary":"bds111Badge---variant_primary","--variant_secondary":"bds111Badge---variant_secondary","--variant_success":"bds111Badge---variant_success","--variant_error":"bds111Badge---variant_error","--variant_warning":"bds111Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -149,7 +149,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":"bds111Breadcrumb-breadcrumb","list":"bds111Breadcrumb-list","item":"bds111Breadcrumb-item","link":"bds111Breadcrumb-link","separator":"bds111Breadcrumb-separator","current":"bds111Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -165,7 +165,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":"bds111Collapsible-collapsible","summary":"bds111Collapsible-summary","summaryContent":"bds111Collapsible-summaryContent","icon":"bds111Collapsible-icon","content":"bds111Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -206,7 +206,7 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "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":"bds111Calendar-calendar","header":"bds111Calendar-header","monthYear":"bds111Calendar-monthYear","navBtn":"bds111Calendar-navBtn","grid":"bds111Calendar-grid","weekday":"bds111Calendar-weekday","empty":"bds111Calendar-empty","day":"bds111Calendar-day","disabled":"bds111Calendar-disabled","selected":"bds111Calendar-selected","today":"bds111Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -381,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 import { useRef, useId as useId3 } from "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":"bds111Carousel-carousel","track":"bds111Carousel-track","slide":"bds111Carousel-slide","navBtn":"bds111Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -434,7 +434,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":"bds111DescriptionList-list","group":"bds111DescriptionList-group","term":"bds111DescriptionList-term","details":"bds111DescriptionList-details","--layout_inline":"bds111DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -447,7 +447,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":"bds111Link-link","--variant_default":"bds111Link---variant_default","--variant_subtle":"bds111Link---variant_subtle","--variant_standalone":"bds111Link---variant_standalone","externalLabel":"bds111Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -478,7 +478,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":"bds111Loading-loading","spinner":"bds111Loading-spinner","--size_small":"bds111Loading---size_small","--size_large":"bds111Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -488,7 +488,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":"bds111NotificationBanner-banner","--variant_info":"bds111NotificationBanner---variant_info","--variant_success":"bds111NotificationBanner---variant_success","--variant_warning":"bds111NotificationBanner---variant_warning","--variant_error":"bds111NotificationBanner---variant_error","content":"bds111NotificationBanner-content","action":"bds111NotificationBanner-action","dismiss":"bds111NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -527,7 +527,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":"bds111Pagination-pagination","list":"bds111Pagination-list","button":"bds111Pagination-button","--active":"bds111Pagination---active","--nav":"bds111Pagination---nav","ellipsis":"bds111Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -591,7 +591,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":"bds111Progress-container","labelRow":"bds111Progress-labelRow","value":"bds111Progress-value","track":"bds111Progress-track","--size_small":"bds111Progress---size_small","--size_medium":"bds111Progress---size_medium","--size_large":"bds111Progress---size_large","fill":"bds111Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -629,7 +629,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":"bds111ProgressCircle-wrapper","svg":"bds111ProgressCircle-svg","track":"bds111ProgressCircle-track","fill":"bds111ProgressCircle-fill","value":"bds111ProgressCircle-value","--size_small":"bds111ProgressCircle---size_small","--size_medium":"bds111ProgressCircle---size_medium","--size_large":"bds111ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -708,7 +708,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":"bds111Separator-separator","--horizontal":"bds111Separator---horizontal","--vertical":"bds111Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -731,7 +731,7 @@ function Separator({ orientation = "horizontal", className }) {
 import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds103Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds111Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -740,19 +740,20 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds103SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds111SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
+import { cn as cn18 } from "@boostdev/design-system-foundation";
 import { jsx as jsx18 } from "react/jsx-runtime";
-function SkipLink({ href = "#main", children = "Skip to main content" }) {
-  return /* @__PURE__ */ jsx18("a", { href, className: SkipLink_default.skipLink, children });
+function SkipLink({ href = "#main", children = "Skip to main content", className }) {
+  return /* @__PURE__ */ jsx18("a", { href, className: cn18(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":"bds111Table-wrapper","table":"bds111Table-table","caption":"bds111Table-caption","thead":"bds111Table-thead","th":"bds111Table-th","--sortable":"bds111Table---sortable","sortButton":"bds111Table-sortButton","sortIcon":"bds111Table-sortIcon","--sort-active":"bds111Table---sort-active","--sort-desc":"bds111Table---sort-desc","tbody":"bds111Table-tbody","tr":"bds111Table-tr","td":"bds111Table-td"};
 
 // src/components/ui/Table/Table.tsx
-import { cn as cn18 } from "@boostdev/design-system-foundation";
+import { cn as cn19 } from "@boostdev/design-system-foundation";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function Table({
   columns,
@@ -772,14 +773,14 @@ function Table({
     if (sortKey !== key) return "none";
     return sortDirection === "asc" ? "ascending" : "descending";
   };
-  return /* @__PURE__ */ jsx19("div", { className: cn18(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs13("table", { className: Table_default.table, children: [
+  return /* @__PURE__ */ jsx19("div", { className: cn19(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs13("table", { className: Table_default.table, children: [
     caption && /* @__PURE__ */ jsx19("caption", { className: Table_default.caption, children: caption }),
     /* @__PURE__ */ jsx19("thead", { className: Table_default.thead, children: /* @__PURE__ */ jsx19("tr", { children: columns.map((col) => /* @__PURE__ */ jsx19(
       "th",
       {
         scope: "col",
         "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
-        className: cn18(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+        className: cn19(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
         children: col.sortable ? /* @__PURE__ */ jsxs13(
           "button",
           {
@@ -793,7 +794,7 @@ function Table({
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: cn18(
+                  className: cn19(
                     Table_default.sortIcon,
                     sortKey === col.key ? Table_default["--sort-active"] : void 0,
                     sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
@@ -819,10 +820,10 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "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":"bds111Tabs-tabs","tabList":"bds111Tabs-tabList","tab":"bds111Tabs-tab","--active":"bds111Tabs---active","panel":"bds111Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
-import { cn as cn19 } from "@boostdev/design-system-foundation";
+import { cn as cn20 } from "@boostdev/design-system-foundation";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTab, className }) {
   const baseId = useId4();
@@ -849,7 +850,7 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ jsxs14("div", { className: cn19(Tabs_default.tabs, className), children: [
+  return /* @__PURE__ */ jsxs14("div", { className: cn20(Tabs_default.tabs, className), children: [
     /* @__PURE__ */ jsx20("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
@@ -867,7 +868,7 @@ function Tabs({ tabs, defaultTab, className }) {
           "aria-controls": panelId,
           tabIndex: isActive ? 0 : -1,
           disabled: tab.disabled,
-          className: cn19(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          className: cn20(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
           children: tab.label
@@ -899,10 +900,10 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "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":"bds111Tooltip-wrapper","tooltip":"bds111Tooltip-tooltip","--placement_top":"bds111Tooltip---placement_top","--placement_bottom":"bds111Tooltip---placement_bottom","--placement_left":"bds111Tooltip---placement_left","--placement_right":"bds111Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
-import { cn as cn20 } from "@boostdev/design-system-foundation";
+import { cn as cn21 } from "@boostdev/design-system-foundation";
 import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tooltip({
   content,
@@ -918,7 +919,7 @@ function Tooltip({
   return /* @__PURE__ */ jsxs15(
     "span",
     {
-      className: cn20(Tooltip_default.wrapper, className),
+      className: cn21(Tooltip_default.wrapper, className),
       onMouseEnter: () => setIsVisible(true),
       onMouseLeave: () => setIsVisible(false),
       onFocus: () => setIsVisible(true),
@@ -931,7 +932,7 @@ function Tooltip({
             id: tooltipId,
             role: "tooltip",
             "aria-hidden": !isVisible,
-            className: cn20(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+            className: cn21(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
             children: content
           }
         )
@@ -941,10 +942,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":"bds111Typography-typography","--h1":"bds111Typography---h1","--h2":"bds111Typography---h2","--h3":"bds111Typography---h3","--body":"bds111Typography---body","--body_s":"bds111Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
-import { cn as cn21 } from "@boostdev/design-system-foundation";
+import { cn as cn22 } from "@boostdev/design-system-foundation";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var variantToElement = {
   h1: "h1",
@@ -955,14 +956,14 @@ var variantToElement = {
 };
 function Typography({ variant = "body", component, children, className }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ jsx22(Component, { className: cn21(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ jsx22(Component, { className: cn22(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":"bds111Button-button","--default":"bds111Button---default","--ghost":"bds111Button---ghost","--size_small":"bds111Button---size_small","--size_medium":"bds111Button---size_medium","--size_large":"bds111Button---size_large","--hasPulse":"bds111Button---hasPulse","iconStart":"bds111Button-iconStart","iconEnd":"bds111Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
-import { cn as cn22 } from "@boostdev/design-system-foundation";
+import { cn as cn23 } from "@boostdev/design-system-foundation";
 import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function Button({
   children,
@@ -980,7 +981,7 @@ function Button({
   onClick,
   ...rest
 }) {
-  const classNames = cn22(
+  const classNames = cn23(
     Button_default.button,
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
@@ -1034,14 +1035,56 @@ function Button({
 // src/components/interaction/Command/Command.tsx
 import { useState as useState5, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
 
+// src/polyfill-invoker-commands.ts
+var installed = false;
+function installInvokerCommandsPolyfill() {
+  if (installed) return;
+  if (typeof window === "undefined") return;
+  if ("command" in HTMLButtonElement.prototype) return;
+  installed = true;
+  document.addEventListener("click", (e) => {
+    const button = e.target?.closest("button[commandfor]");
+    if (!button) return;
+    const targetId = button.getAttribute("commandfor");
+    const command = button.getAttribute("command");
+    if (!targetId || !command) return;
+    const target = document.getElementById(targetId);
+    if (!target) return;
+    const commandEvent = new Event("command", { cancelable: true, bubbles: false });
+    Object.defineProperty(commandEvent, "command", { value: command, configurable: true });
+    Object.defineProperty(commandEvent, "source", { value: button, configurable: true });
+    const notCancelled = target.dispatchEvent(commandEvent);
+    if (!notCancelled) return;
+    if (target instanceof HTMLDialogElement) {
+      if (command === "show-modal" && !target.open) {
+        target.showModal();
+      } else if (command === "close" && target.open) {
+        target.close();
+      }
+    } else if (target.hasAttribute("popover") && "showPopover" in target) {
+      const popover = target;
+      if (command === "toggle-popover") {
+        popover.togglePopover();
+      } else if (command === "show-popover") {
+        popover.showPopover();
+      } else if (command === "hide-popover") {
+        popover.hidePopover();
+      }
+    }
+  });
+}
+
 // 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":"bds111Command-dialog","palette":"bds111Command-palette","searchRow":"bds111Command-searchRow","searchIcon":"bds111Command-searchIcon","search":"bds111Command-search","escHint":"bds111Command-escHint","list":"bds111Command-list","groupList":"bds111Command-groupList","group":"bds111Command-group","item":"bds111Command-item","itemActive":"bds111Command-itemActive","itemLabel":"bds111Command-itemLabel","itemDesc":"bds111Command-itemDesc","shortcut":"bds111Command-shortcut","empty":"bds111Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
-import { cn as cn23 } from "@boostdev/design-system-foundation";
+import { cn as cn24 } from "@boostdev/design-system-foundation";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 function Command({
+  id: idProp,
   isOpen,
+  onOpen,
   onClose,
   items,
   placeholder = "Search commands\u2026",
@@ -1049,6 +1092,8 @@ function Command({
 }) {
   const [query, setQuery] = useState5("");
   const [activeIndex, setActiveIndex] = useState5(0);
+  const generatedId = useId6();
+  const dialogId = idProp ?? generatedId;
   const dialogRef = useRef3(null);
   const inputRef = useRef3(null);
   const listboxId = useId6();
@@ -1072,14 +1117,14 @@ function Command({
   useEffect(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
       setQuery("");
       setActiveIndex(0);
       setTimeout(() => inputRef.current?.focus(), 0);
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1091,6 +1136,27 @@ function Command({
   useEffect(() => {
     setActiveIndex(0);
   }, [query]);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        setQuery("");
+        setActiveIndex(0);
+        setTimeout(() => inputRef.current?.focus(), 0);
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleCancel = (e) => {
     e.preventDefault();
     onClose();
@@ -1118,7 +1184,8 @@ function Command({
     "dialog",
     {
       ref: dialogRef,
-      className: cn23(Command_default.dialog, className),
+      id: dialogId,
+      className: cn24(Command_default.dialog, className),
       "aria-label": "Command palette",
       "aria-modal": "true",
       onCancel: handleCancel,
@@ -1157,7 +1224,7 @@ function Command({
                 id: `cmd-${item.id}`,
                 role: "option",
                 "aria-selected": isActive,
-                className: cn23(Command_default.item, isActive && Command_default.itemActive),
+                className: cn24(Command_default.item, isActive && Command_default.itemActive),
                 onPointerDown: (e) => e.preventDefault(),
                 onClick: () => selectItem(item),
                 children: [
@@ -1180,26 +1247,29 @@ function Command({
 }
 
 // src/components/interaction/Dialog/Dialog.tsx
-import { useEffect as useEffect2, useRef as useRef4 } from "react";
+import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "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":"bds111Dialog-dialog","dialogContent":"bds111Dialog-dialogContent","closeButton":"bds111Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
-import { cn as cn24 } from "@boostdev/design-system-foundation";
+import { cn as cn25 } from "@boostdev/design-system-foundation";
 import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-function Dialog({ children, isOpen = false, className, onClose }) {
+function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose }) {
+  const generatedId = useId7();
+  const id = idProp ?? generatedId;
   const dialogRef = useRef4(null);
   const triggerRef = useRef4(null);
   useEffect2(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1208,6 +1278,24 @@ function Dialog({ children, isOpen = false, className, onClose }) {
       document.body.style.overflow = "";
     };
   }, [isOpen]);
+  useEffect2(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose?.();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleBackdropClick = (e) => {
     if (e.target === dialogRef.current) onClose?.();
   };
@@ -1239,22 +1327,24 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     "dialog",
     {
       ref: dialogRef,
-      className: cn24(className, Dialog_default.dialog),
+      id,
+      className: cn25(className, Dialog_default.dialog),
       "aria-modal": "true",
       onClick: handleBackdropClick,
       onCancel: handleCancel,
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx25("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx25(
           "button",
           {
-            type: "submit",
+            type: "button",
             className: Dialog_default.closeButton,
-            onClick: onClose,
+            commandfor: id,
+            command: "close",
             "aria-label": "Close dialog",
             children: /* @__PURE__ */ jsx25("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsx25("div", { className: Dialog_default.dialogContent, children })
       ]
     }
@@ -1262,16 +1352,19 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 }
 
 // src/components/interaction/Drawer/Drawer.tsx
-import { useEffect as useEffect3, useRef as useRef5 } from "react";
+import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "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":"bds111Drawer-drawer","panel":"bds111Drawer-panel","--side_right":"bds111Drawer---side_right","--side_left":"bds111Drawer---side_left","header":"bds111Drawer-header","closeButton":"bds111Drawer-closeButton","body":"bds111Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
-import { cn as cn25 } from "@boostdev/design-system-foundation";
+import { cn as cn26 } from "@boostdev/design-system-foundation";
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 function Drawer({
+  id: idProp,
   isOpen,
+  onOpen,
   onClose,
   title,
   children,
@@ -1279,16 +1372,18 @@ function Drawer({
   ariaLabel,
   className
 }) {
+  const generatedId = useId8();
+  const id = idProp ?? generatedId;
   const dialogRef = useRef5(null);
   const triggerRef = useRef5(null);
   useEffect3(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1297,6 +1392,24 @@ function Drawer({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
+  useEffect3(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleClick = (e) => {
     if (e.target === dialogRef.current) onClose();
   };
@@ -1308,7 +1421,8 @@ function Drawer({
     "dialog",
     {
       ref: dialogRef,
-      className: cn25(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      id,
+      className: cn26(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
       "aria-label": ariaLabel,
       "aria-modal": "true",
       onClick: handleClick,
@@ -1321,7 +1435,8 @@ function Drawer({
             {
               type: "button",
               className: Drawer_default.closeButton,
-              onClick: onClose,
+              commandfor: id,
+              command: "close",
               "aria-label": "Close drawer",
               children: /* @__PURE__ */ jsx26("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
             }
@@ -1338,16 +1453,16 @@ import {
   cloneElement as cloneElement2,
   isValidElement as isValidElement2,
   useEffect as useEffect4,
-  useId as useId7,
+  useId as useId9,
   useRef as useRef6,
   useState as useState6
 } from "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":"bds111DropdownMenu-wrapper","menu":"bds111DropdownMenu-menu","--placement_bottom-start":"bds111DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds111DropdownMenu---placement_bottom-end","separator":"bds111DropdownMenu-separator","item":"bds111DropdownMenu-item","icon":"bds111DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-import { cn as cn26 } from "@boostdev/design-system-foundation";
+import { cn as cn27 } from "@boostdev/design-system-foundation";
 import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function DropdownMenu({
   trigger,
@@ -1357,7 +1472,7 @@ function DropdownMenu({
 }) {
   const [isOpen, setIsOpen] = useState6(false);
   const containerRef = useRef6(null);
-  const menuId = useId7();
+  const menuId = useId9();
   const itemRefs = useRef6([]);
   const open = () => {
     setIsOpen(true);
@@ -1416,14 +1531,14 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: cn26(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: cn27(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
     isOpen && /* @__PURE__ */ jsx27(
       "ul",
       {
         id: menuId,
         role: "menu",
-        className: cn26(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
+        className: cn27(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
         children: items.map((item, index) => /* @__PURE__ */ jsxs20("li", { role: "presentation", children: [
           item.separator && /* @__PURE__ */ jsx27("hr", { className: DropdownMenu_default.separator, role: "separator" }),
           /* @__PURE__ */ jsxs20(
@@ -1458,17 +1573,22 @@ import {
   cloneElement as cloneElement3,
   isValidElement as isValidElement3,
   useEffect as useEffect5,
-  useId as useId8,
+  useId as useId10,
   useRef as useRef7,
   useState as useState7
 } from "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":"bds111Popover-wrapper","panel":"bds111Popover-panel","g":"bds111Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
-import { cn as cn27 } from "@boostdev/design-system-foundation";
+import { cn as cn28 } from "@boostdev/design-system-foundation";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
+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,
@@ -1478,43 +1598,64 @@ function Popover({
 }) {
   const [isOpen, setIsOpen] = useState7(false);
   const containerRef = useRef7(null);
-  const panelId = useId8();
+  const panelRef = useRef7(null);
+  const rawId = useId10();
+  const anchorName = `--popover-${rawId.replace(/\W/g, "") || "a"}`;
+  const panelId = rawId;
+  useEffect5(() => {
+    const panel = panelRef.current;
+    if (!panel) return;
+    const handleToggle = (e) => {
+      setIsOpen(e.newState === "open");
+    };
+    panel.addEventListener("toggle", handleToggle);
+    return () => panel.removeEventListener("toggle", handleToggle);
+  }, []);
   useEffect5(() => {
     if (!isOpen) return;
-    const handlePointerDown = (e) => {
-      if (!containerRef.current?.contains(e.target)) {
-        setIsOpen(false);
+    const handleScroll = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const { innerWidth: vw, innerHeight: vh } = window;
+      if (rect.bottom < 0 || rect.top > vh || rect.right < 0 || rect.left > vw) {
+        panelRef.current?.hidePopover();
       }
     };
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") setIsOpen(false);
-    };
-    document.addEventListener("pointerdown", handlePointerDown);
-    document.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("scroll", handleScroll, { capture: true, passive: true });
+    window.addEventListener("resize", handleScroll, { passive: true });
     return () => {
-      document.removeEventListener("pointerdown", handlePointerDown);
-      document.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("scroll", handleScroll, { capture: true });
+      window.removeEventListener("resize", handleScroll);
     };
   }, [isOpen]);
   const trigger = isValidElement3(children) ? cloneElement3(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
     "aria-haspopup": true,
-    onClick: (e) => {
-      setIsOpen((prev) => !prev);
-      const existingOnClick = children.props.onClick;
-      if (typeof existingOnClick === "function") existingOnClick(e);
-    }
+    commandfor: panelId,
+    command: "toggle-popover",
+    style: {
+      ...children.props.style,
+      anchorName
+    },
+    // Forward any existing onClick on the child (for custom side-effects).
+    // Do NOT add our own toggle here — commandfor/command handles it to
+    // avoid a double-toggle when both onClick and invoker fire.
+    onClick: children.props.onClick
   }) : children;
-  return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn27(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn28(Popover_default.wrapper, className), children: [
     trigger,
-    isOpen && /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx28(
       "div",
       {
+        ref: panelRef,
         id: panelId,
+        popover: "auto",
+        "data-placement": placement,
         role: ariaLabel ? "region" : void 0,
         "aria-label": ariaLabel,
-        className: cn27(Popover_default.panel, Popover_default[`--placement_${placement}`]),
+        className: Popover_default.panel,
+        style: { positionAnchor: anchorName },
         children: content
       }
     )
@@ -1522,23 +1663,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":"bds111Rating-rating","star":"bds111Rating-star","--filled":"bds111Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
-import { cn as cn28 } from "@boostdev/design-system-foundation";
+import { cn as cn29 } from "@boostdev/design-system-foundation";
 import { jsx as jsx29 } from "react/jsx-runtime";
 function Rating({ value, max = 5, className }) {
   return /* @__PURE__ */ jsx29(
     "div",
     {
-      className: cn28(Rating_default.rating, className),
+      className: cn29(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
       children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx29(
         "svg",
         {
           "aria-hidden": "true",
-          className: cn28(Rating_default.star, i < value && Rating_default["--filled"]),
+          className: cn29(Rating_default.star, i < value && Rating_default["--filled"]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
           children: /* @__PURE__ */ jsx29("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" })
@@ -1550,17 +1691,18 @@ function Rating({ value, max = 5, className }) {
 }
 
 // src/components/interaction/Toast/Toast.tsx
-import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
+import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"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":"bds111Toast-toastContainer","toast":"bds111Toast-toast","--variant_success":"bds111Toast---variant_success","--variant_warning":"bds111Toast---variant_warning","--variant_info":"bds111Toast---variant_info","--variant_error":"bds111Toast---variant_error","message":"bds111Toast-message","closeButton":"bds111Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
-import { cn as cn29 } from "@boostdev/design-system-foundation";
+import { cn as cn30 } from "@boostdev/design-system-foundation";
 import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var ToastContext = createContext(void 0);
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState8([]);
+  const containerRef = useRef8(null);
   const showToast = useCallback((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
@@ -1568,17 +1710,39 @@ function ToastProvider({ children }) {
   const removeToast = useCallback((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
+  useEffect6(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    if (toasts.length > 0) {
+      container.showPopover?.();
+    } else {
+      try {
+        container.hidePopover?.();
+      } catch {
+      }
+    }
+  }, [toasts.length]);
   const value = useMemo2(() => ({ showToast }), [showToast]);
   return /* @__PURE__ */ jsxs22(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx30("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx30(
-      ToastItem,
+    /* @__PURE__ */ jsx30(
+      "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__ */ jsx30(
+          ToastItem,
+          {
+            toast,
+            onRemove: () => removeToast(toast.id)
+          },
+          toast.id
+        ))
+      }
+    )
   ] });
 }
 function ToastItem({ toast, onRemove }) {
@@ -1586,7 +1750,7 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ jsxs22("div", { className: cn29(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: cn30(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
     /* @__PURE__ */ jsx30("span", { className: Toast_default.message, children: toast.message }),
     /* @__PURE__ */ jsx30("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx30("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
   ] });
@@ -1600,51 +1764,53 @@ function useToast() {
 }
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { useId as useId9 } from "react";
+import { useId as useId11 } from "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":"bds111Checkbox-checkboxGroup","inputWrapper":"bds111Checkbox-inputWrapper","checkbox":"bds111Checkbox-checkbox","checkboxError":"bds111Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds103Message-error","hint":"bds103Message-hint"};
+var Message_default = {"error":"bds111Message-error","hint":"bds111Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
+import { cn as cn31 } from "@boostdev/design-system-foundation";
 import { jsx as jsx31 } from "react/jsx-runtime";
-var Message = ({ message, type, inputId }) => {
+var Message = ({ message, type, inputId, className }) => {
   if (!message) return null;
-  return /* @__PURE__ */ jsx31("p", { id: inputId + type, className: Message_default[type], children: message });
+  return /* @__PURE__ */ jsx31("p", { id: inputId + type, className: cn31(Message_default[type], className), children: message });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds103Label-label"};
+var Label_default = {"label":"bds111Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
+import { cn as cn32 } from "@boostdev/design-system-foundation";
 import { jsx as jsx32 } from "react/jsx-runtime";
-var Label = ({ label, id }) => {
-  return /* @__PURE__ */ jsx32("label", { htmlFor: id, className: Label_default.label, children: label });
+var Label = ({ label, id, className }) => {
+  return /* @__PURE__ */ jsx32("label", { htmlFor: id, className: cn32(Label_default.label, className), children: label });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { cn as cn31 } from "@boostdev/design-system-foundation";
+import { cn as cn34 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds103InputContainer-container"};
+var InputContainer_default = {"container":"bds111InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
-import { cn as cn30 } from "@boostdev/design-system-foundation";
+import { cn as cn33 } from "@boostdev/design-system-foundation";
 import { jsx as jsx33 } from "react/jsx-runtime";
 var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx33("div", { className: cn30(InputContainer_default.container, className), children });
+  return /* @__PURE__ */ jsx33("div", { className: cn33(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
 import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function Checkbox({ label, name, error, hint, className, ...props }) {
-  const id = name + useId9();
+  const id = name + useId11();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Checkbox_default.checkboxGroup, className), children: [
+  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn34(Checkbox_default.checkboxGroup, className), children: [
     /* @__PURE__ */ jsxs23("div", { className: Checkbox_default.inputWrapper, children: [
       /* @__PURE__ */ jsx34(
         "input",
@@ -1654,7 +1820,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
           type: "checkbox",
           id,
           name,
-          className: cn31(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
+          className: cn34(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
@@ -1666,13 +1832,13 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 }
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-import { useId as useId10 } from "react";
+import { useId as useId12 } from "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":"bds111CheckboxGroup-group","legend":"bds111CheckboxGroup-legend","required":"bds111CheckboxGroup-required","items":"bds111CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-import { cn as cn32 } from "@boostdev/design-system-foundation";
+import { cn as cn35 } from "@boostdev/design-system-foundation";
 import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 function CheckboxGroup({
   legend,
@@ -1683,14 +1849,14 @@ function CheckboxGroup({
   disabled,
   className
 }) {
-  const id = useId10();
+  const id = useId12();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ jsxs24(
     "fieldset",
     {
-      className: cn32(CheckboxGroup_default.group, className),
+      className: cn35(CheckboxGroup_default.group, className),
       disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
@@ -1710,17 +1876,17 @@ function CheckboxGroup({
 // src/components/interaction/form/Combobox/Combobox.tsx
 import {
   useEffect as useEffect7,
-  useId as useId11,
-  useRef as useRef8,
+  useId as useId13,
+  useRef as useRef9,
   useState as useState9,
   useMemo as useMemo3
 } from "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":"bds111Combobox-formGroup","inputWrapper":"bds111Combobox-inputWrapper","input":"bds111Combobox-input","inputError":"bds111Combobox-inputError","chevron":"bds111Combobox-chevron","listbox":"bds111Combobox-listbox","option":"bds111Combobox-option","--highlighted":"bds111Combobox---highlighted","--selected":"bds111Combobox---selected","--disabled":"bds111Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-import { cn as cn33 } from "@boostdev/design-system-foundation";
+import { cn as cn36 } from "@boostdev/design-system-foundation";
 import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function Combobox({
   label,
@@ -1734,7 +1900,7 @@ function Combobox({
   hint,
   className
 }) {
-  const id = name + useId11();
+  const id = name + useId13();
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
@@ -1746,8 +1912,8 @@ function Combobox({
   }, [selectedOption]);
   const [isOpen, setIsOpen] = useState9(false);
   const [highlightedIndex, setHighlightedIndex] = useState9(-1);
-  const containerRef = useRef8(null);
-  const inputRef = useRef8(null);
+  const containerRef = useRef9(null);
+  const inputRef = useRef9(null);
   const filtered = options.filter(
     (o) => o.label.toLowerCase().includes(inputValue.toLowerCase())
   );
@@ -1799,7 +1965,7 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(Combobox_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn36(Combobox_default.formGroup, className), children: [
     /* @__PURE__ */ jsx36(Label, { id, label }),
     /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
       /* @__PURE__ */ jsx36(
@@ -1821,7 +1987,7 @@ function Combobox({
           placeholder,
           value: inputValue,
           disabled,
-          className: cn33(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: cn36(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
@@ -1841,7 +2007,7 @@ function Combobox({
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: cn33(
+              className: cn36(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1864,13 +2030,13 @@ function Combobox({
 }
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { useId as useId12, useRef as useRef9, useState as useState10 } from "react";
+import { useId as useId14, useRef as useRef10, useState as useState10 } from "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":"bds111FileInput-formGroup","fieldLabel":"bds111FileInput-fieldLabel","dropZone":"bds111FileInput-dropZone","isDragging":"bds111FileInput-isDragging","hasError":"bds111FileInput-hasError","isDisabled":"bds111FileInput-isDisabled","icon":"bds111FileInput-icon","prompt":"bds111FileInput-prompt","acceptHint":"bds111FileInput-acceptHint","hiddenInput":"bds111FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { cn as cn34 } from "@boostdev/design-system-foundation";
+import { cn as cn37 } from "@boostdev/design-system-foundation";
 import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 function FileInput({
   label,
@@ -1884,11 +2050,11 @@ function FileInput({
   onChange,
   className
 }) {
-  const uid = name + useId12();
+  const uid = name + useId14();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = useRef9(null);
+  const inputRef = useRef10(null);
   const [isDragging, setIsDragging] = useState10(false);
   const [fileNames, setFileNames] = useState10([]);
   const isFileAccepted = (file) => {
@@ -1920,12 +2086,12 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(FileInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn37(FileInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsxs26(
       "label",
       {
         htmlFor: uid,
-        className: cn34(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: cn37(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
@@ -1964,13 +2130,13 @@ function FileInput({
 }
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { useId as useId13 } from "react";
+import { useId as useId15 } from "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":"bds111FormInput-formGroup","input":"bds111FormInput-input","inputError":"bds111FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { cn as cn35 } from "@boostdev/design-system-foundation";
+import { cn as cn38 } from "@boostdev/design-system-foundation";
 import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function FormInput({
   label,
@@ -1982,11 +2148,11 @@ function FormInput({
   required,
   ...props
 }) {
-  const id = name + useId13();
+  const id = name + useId15();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(FormInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn38(FormInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsx38(Label, { id, label }),
     /* @__PURE__ */ jsx38(
       "input",
@@ -1998,7 +2164,7 @@ function FormInput({
         id,
         name,
         required,
-        className: cn35(FormInput_default.input, error && FormInput_default.inputError),
+        className: cn38(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
@@ -2008,13 +2174,13 @@ function FormInput({
 }
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { useId as useId14, useRef as useRef10, useState as useState11 } from "react";
+import { useId as useId16, useRef as useRef11, useState as useState11 } from "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":"bds111NumberInput-formGroup","inputRow":"bds111NumberInput-inputRow","input":"bds111NumberInput-input","inputError":"bds111NumberInput-inputError","stepper":"bds111NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { cn as cn36 } from "@boostdev/design-system-foundation";
+import { cn as cn39 } from "@boostdev/design-system-foundation";
 import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 function NumberInput({
   label,
@@ -2030,11 +2196,11 @@ function NumberInput({
   onChange,
   className
 }) {
-  const uid = name + useId14();
+  const uid = name + useId16();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = useRef10(null);
+  const inputRef = useRef11(null);
   const isControlled = value !== void 0;
   const [internalValue, setInternalValue] = useState11(defaultValue ?? 0);
   const currentValue = isControlled ? value : internalValue;
@@ -2053,7 +2219,7 @@ function NumberInput({
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(NumberInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(NumberInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsx39(Label, { id: uid, label }),
     /* @__PURE__ */ jsxs28("div", { className: NumberInput_default.inputRow, children: [
       /* @__PURE__ */ jsx39(
@@ -2083,7 +2249,7 @@ function NumberInput({
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: cn36(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: cn39(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
             const v = parseFloat(e.target.value);
             const safe = isNaN(v) ? 0 : v;
@@ -2112,20 +2278,20 @@ function NumberInput({
 }
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { useId as useId15 } from "react";
+import { useId as useId17 } from "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":"bds111Radio-radioGroup","inputWrapper":"bds111Radio-inputWrapper","textWrapper":"bds111Radio-textWrapper","description":"bds111Radio-description","radio":"bds111Radio-radio","radioError":"bds111Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { cn as cn37 } from "@boostdev/design-system-foundation";
+import { cn as cn40 } from "@boostdev/design-system-foundation";
 import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function Radio({ label, name, description, error, hint, className, ...props }) {
-  const id = name + useId15();
+  const id = name + useId17();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Radio_default.radioGroup, className), children: [
+  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn40(Radio_default.radioGroup, className), children: [
     /* @__PURE__ */ jsxs29("div", { className: Radio_default.inputWrapper, children: [
       /* @__PURE__ */ jsx40(
         "input",
@@ -2135,7 +2301,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: cn37(Radio_default.radio, error && Radio_default.radioError),
+          className: cn40(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
@@ -2150,13 +2316,13 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 }
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-import { useId as useId16 } from "react";
+import { useId as useId18 } from "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":"bds111RadioGroup-group","legend":"bds111RadioGroup-legend","required":"bds111RadioGroup-required","items":"bds111RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-import { cn as cn38 } from "@boostdev/design-system-foundation";
+import { cn as cn41 } from "@boostdev/design-system-foundation";
 import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function RadioGroup({
   legend,
@@ -2167,14 +2333,14 @@ function RadioGroup({
   disabled,
   className
 }) {
-  const id = useId16();
+  const id = useId18();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ jsxs30(
     "fieldset",
     {
-      className: cn38(RadioGroup_default.group, className),
+      className: cn41(RadioGroup_default.group, className),
       disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
@@ -2192,13 +2358,13 @@ function RadioGroup({
 }
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { useId as useId17, useState as useState12 } from "react";
+import { useId as useId19, useState as useState12 } from "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":"bds111SegmentedControl-control","thumb":"bds111SegmentedControl-thumb","item":"bds111SegmentedControl-item","--disabled":"bds111SegmentedControl---disabled","radio":"bds111SegmentedControl-radio","label":"bds111SegmentedControl-label","--size_small":"bds111SegmentedControl---size_small","--size_large":"bds111SegmentedControl---size_large","--active":"bds111SegmentedControl---active"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { cn as cn39 } from "@boostdev/design-system-foundation";
+import { cn as cn42 } from "@boostdev/design-system-foundation";
 import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function SegmentedControl({
   name,
@@ -2212,7 +2378,7 @@ function SegmentedControl({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const baseId = name + useId17();
+  const baseId = name + useId19();
   const [internalValue, setInternalValue] = useState12(
     defaultValue ?? options[0]?.value ?? ""
   );
@@ -2227,7 +2393,7 @@ function SegmentedControl({
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: cn39(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
+      className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
       style: {
         "--control_count": options.length,
         "--control_selected-index": Math.max(0, selectedIndex)
@@ -2242,7 +2408,7 @@ function SegmentedControl({
             "label",
             {
               htmlFor: id,
-              className: cn39(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
+              className: cn42(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
               children: [
                 /* @__PURE__ */ jsx42(
                   "input",
@@ -2270,13 +2436,13 @@ function SegmentedControl({
 }
 
 // src/components/interaction/form/Select/Select.tsx
-import { useId as useId18 } from "react";
+import { useId as useId20 } from "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":"bds111Select-formGroup","selectWrapper":"bds111Select-selectWrapper","select":"bds111Select-select","selectError":"bds111Select-selectError","chevron":"bds111Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
-import { cn as cn40 } from "@boostdev/design-system-foundation";
+import { cn as cn43 } from "@boostdev/design-system-foundation";
 import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 function Select({
   label,
@@ -2289,11 +2455,11 @@ function Select({
   required,
   ...props
 }) {
-  const id = name + useId18();
+  const id = name + useId20();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Select_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs32(InputContainer, { className: cn43(Select_default.formGroup, className), children: [
     /* @__PURE__ */ jsx43(Label, { id, label }),
     /* @__PURE__ */ jsxs32("div", { className: Select_default.selectWrapper, children: [
       /* @__PURE__ */ jsxs32(
@@ -2305,7 +2471,7 @@ function Select({
           "aria-required": required || void 0,
           "aria-describedby": describedBy,
           required,
-          className: cn40(Select_default.select, error ? Select_default.selectError : void 0),
+          className: cn43(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
             placeholder && /* @__PURE__ */ jsx43("option", { value: "", disabled: true, hidden: true, children: placeholder }),
@@ -2321,13 +2487,13 @@ function Select({
 }
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { useId as useId19, useState as useState13 } from "react";
+import { useId as useId21, useState as useState13 } from "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":"bds111Slider-formGroup","labelRow":"bds111Slider-labelRow","value":"bds111Slider-value","slider":"bds111Slider-slider","sliderError":"bds111Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { cn as cn41 } from "@boostdev/design-system-foundation";
+import { cn as cn44 } from "@boostdev/design-system-foundation";
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function Slider({
   label,
@@ -2341,7 +2507,7 @@ function Slider({
   onChange,
   ...props
 }) {
-  const id = name + useId19();
+  const id = name + useId21();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2353,7 +2519,7 @@ function Slider({
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs33(InputContainer, { className: cn41(Slider_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Slider_default.formGroup, className), children: [
     /* @__PURE__ */ jsxs33("div", { className: Slider_default.labelRow, children: [
       /* @__PURE__ */ jsx44(Label, { id, label }),
       showValue && /* @__PURE__ */ jsx44("span", { className: Slider_default.value, children: currentValue })
@@ -2371,7 +2537,7 @@ function Slider({
         "aria-valuemax": max,
         "aria-valuenow": currentValue,
         "aria-valuetext": String(currentValue),
-        className: cn41(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        className: cn44(Slider_default.slider, error ? Slider_default.sliderError : void 0),
         style: { "--slider_fill": `${fillPct}%` },
         onChange: handleChange,
         ...props
@@ -2383,13 +2549,13 @@ function Slider({
 }
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { useId as useId20 } from "react";
+import { useId as useId22 } from "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":"bds111Switch-switchGroup","--size_small":"bds111Switch---size_small","--size_medium":"bds111Switch---size_medium","--size_large":"bds111Switch---size_large","inputWrapper":"bds111Switch-inputWrapper","trackWrapper":"bds111Switch-trackWrapper","switch":"bds111Switch-switch","track":"bds111Switch-track","thumb":"bds111Switch-thumb","switchError":"bds111Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { cn as cn42 } from "@boostdev/design-system-foundation";
+import { cn as cn45 } from "@boostdev/design-system-foundation";
 import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function Switch({
   label,
@@ -2401,11 +2567,11 @@ function Switch({
   prefix,
   ...props
 }) {
-  const id = name + useId20();
+  const id = name + useId22();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs34(InputContainer, { className: cn42(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+  return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
     /* @__PURE__ */ jsxs34("div", { className: Switch_default.inputWrapper, children: [
       prefix && /* @__PURE__ */ jsx45("span", { children: prefix }),
       /* @__PURE__ */ jsxs34("div", { className: Switch_default.trackWrapper, children: [
@@ -2417,7 +2583,7 @@ function Switch({
             id,
             name,
             "aria-describedby": describedBy,
-            className: cn42(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            className: cn45(Switch_default.switch, error ? Switch_default.switchError : void 0),
             ...props
           }
         ),
@@ -2431,13 +2597,13 @@ function Switch({
 }
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { useId as useId21 } from "react";
+import { useId as useId23 } from "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":"bds111Textarea-formGroup","textarea":"bds111Textarea-textarea","textareaError":"bds111Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { cn as cn43 } from "@boostdev/design-system-foundation";
+import { cn as cn46 } from "@boostdev/design-system-foundation";
 import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function Textarea({
   label,
@@ -2448,11 +2614,11 @@ function Textarea({
   required,
   ...props
 }) {
-  const id = name + useId21();
+  const id = name + useId23();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs35(InputContainer, { className: cn43(Textarea_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Textarea_default.formGroup, className), children: [
     /* @__PURE__ */ jsx46(Label, { id, label }),
     /* @__PURE__ */ jsx46(
       "textarea",
@@ -2463,7 +2629,7 @@ function Textarea({
         "aria-describedby": describedBy,
         "aria-required": required || void 0,
         required,
-        className: cn43(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        className: cn46(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
@@ -2473,10 +2639,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":"bds111ButtonGroup-buttonGroup","container":"bds111ButtonGroup-container","--variant_card":"bds111ButtonGroup---variant_card","--variant_flow":"bds111ButtonGroup---variant_flow","--variant_modal":"bds111ButtonGroup---variant_modal","--variant_content":"bds111ButtonGroup---variant_content","--variant_grid":"bds111ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
-import { cn as cn44 } from "@boostdev/design-system-foundation";
+import { cn as cn47 } from "@boostdev/design-system-foundation";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function ButtonGroup({ children, className, variant, "aria-label": ariaLabel }) {
   return /* @__PURE__ */ jsx47(
@@ -2484,17 +2650,17 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: cn44(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
+      className: cn47(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
       children: /* @__PURE__ */ jsx47("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":"bds111Card-card","--default":"bds111Card---default","--elevated":"bds111Card---elevated","--outlined":"bds111Card---outlined","--clickable":"bds111Card---clickable","--padding-none":"bds111Card---padding-none","--padding-small":"bds111Card---padding-small","--padding-medium":"bds111Card---padding-medium","--padding-large":"bds111Card---padding-large","--text-start":"bds111Card---text-start","--text-center":"bds111Card---text-center","--text-end":"bds111Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
-import { cn as cn45 } from "@boostdev/design-system-foundation";
+import { cn as cn48 } from "@boostdev/design-system-foundation";
 import { jsx as jsx48 } from "react/jsx-runtime";
 function Card({
   children,
@@ -2506,7 +2672,7 @@ function Card({
   onClick,
   "aria-label": ariaLabel
 }) {
-  const classNames = cn45(
+  const classNames = cn48(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2529,10 +2695,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":"bds111SectionHeader-sectionHeader","title":"bds111SectionHeader-title","subtitle":"bds111SectionHeader-subtitle","--start":"bds111SectionHeader---start","--center":"bds111SectionHeader---center","--end":"bds111SectionHeader---end","--small":"bds111SectionHeader---small","--medium":"bds111SectionHeader---medium","--large":"bds111SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-import { cn as cn46 } from "@boostdev/design-system-foundation";
+import { cn as cn49 } from "@boostdev/design-system-foundation";
 import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function SectionHeader({
   title,
@@ -2543,24 +2709,24 @@ function SectionHeader({
   titleAs = "h2"
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs36("div", { className: cn46(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ jsxs36("div", { className: cn49(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
     /* @__PURE__ */ jsx49(Title, { className: SectionHeader_default.title, children: title }),
     subtitle && /* @__PURE__ */ jsx49("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds103IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds111IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-import { cn as cn47 } from "@boostdev/design-system-foundation";
+import { cn as cn50 } from "@boostdev/design-system-foundation";
 import { jsx as jsx50 } from "react/jsx-runtime";
 function IconWrapper({ children, className, "aria-hidden": ariaHidden }) {
-  return /* @__PURE__ */ jsx50("div", { className: cn47(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
+  return /* @__PURE__ */ jsx50("div", { className: cn50(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
 }
 
 // src/index.ts
-import { cn as cn48 } from "@boostdev/design-system-foundation";
+import { cn as cn51 } from "@boostdev/design-system-foundation";
 export {
   Accordion,
   Alert,
@@ -2609,6 +2775,6 @@ export {
   ToastProvider,
   Tooltip,
   Typography,
-  cn48 as cn,
+  cn51 as cn,
   useToast
 };