@boostdev/design-system-components 0.1.13 → 0.1.15

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds0113Accordion-accordion","item":"bds0113Accordion-item","heading":"bds0113Accordion-heading","trigger":"bds0113Accordion-trigger","triggerLabel":"bds0113Accordion-triggerLabel","chevron":"bds0113Accordion-chevron","--open":"bds0113Accordion---open","panel":"bds0113Accordion-panel","panelContent":"bds0113Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds0115Accordion-accordion","item":"bds0115Accordion-item","heading":"bds0115Accordion-heading","trigger":"bds0115Accordion-trigger","triggerLabel":"bds0115Accordion-triggerLabel","chevron":"bds0115Accordion-chevron","--open":"bds0115Accordion---open","panel":"bds0115Accordion-panel","panelContent":"bds0115Accordion-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":"bds0113Alert-alert","--variant_info":"bds0113Alert---variant_info","--variant_success":"bds0113Alert---variant_success","--variant_warning":"bds0113Alert---variant_warning","--variant_error":"bds0113Alert---variant_error","icon":"bds0113Alert-icon","content":"bds0113Alert-content","title":"bds0113Alert-title","dismiss":"bds0113Alert-dismiss"};
+var Alert_default = {"alert":"bds0115Alert-alert","--variant_info":"bds0115Alert---variant_info","--variant_success":"bds0115Alert---variant_success","--variant_warning":"bds0115Alert---variant_warning","--variant_error":"bds0115Alert---variant_error","icon":"bds0115Alert-icon","content":"bds0115Alert-content","title":"bds0115Alert-title","dismiss":"bds0115Alert-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":"bds0113Avatar-avatar","--fallback":"bds0113Avatar---fallback","--size_small":"bds0113Avatar---size_small","--size_medium":"bds0113Avatar---size_medium","--size_large":"bds0113Avatar---size_large","image":"bds0113Avatar-image","initials":"bds0113Avatar-initials"};
+var Avatar_default = {"avatar":"bds0115Avatar-avatar","--fallback":"bds0115Avatar---fallback","--size_small":"bds0115Avatar---size_small","--size_medium":"bds0115Avatar---size_medium","--size_large":"bds0115Avatar---size_large","image":"bds0115Avatar-image","initials":"bds0115Avatar-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":"bds0113Badge-badge","--variant_primary":"bds0113Badge---variant_primary","--variant_secondary":"bds0113Badge---variant_secondary","--variant_success":"bds0113Badge---variant_success","--variant_error":"bds0113Badge---variant_error","--variant_warning":"bds0113Badge---variant_warning"};
+var Badge_default = {"badge":"bds0115Badge-badge","--variant_primary":"bds0115Badge---variant_primary","--variant_secondary":"bds0115Badge---variant_secondary","--variant_success":"bds0115Badge---variant_success","--variant_error":"bds0115Badge---variant_error","--variant_warning":"bds0115Badge---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":"bds0113Breadcrumb-breadcrumb","list":"bds0113Breadcrumb-list","item":"bds0113Breadcrumb-item","link":"bds0113Breadcrumb-link","separator":"bds0113Breadcrumb-separator","current":"bds0113Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds0115Breadcrumb-breadcrumb","list":"bds0115Breadcrumb-list","item":"bds0115Breadcrumb-item","link":"bds0115Breadcrumb-link","separator":"bds0115Breadcrumb-separator","current":"bds0115Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -164,15 +164,53 @@ function Breadcrumb({ items, className }) {
   }) }) });
 }
 
+// src/components/ui/Collapsible/Collapsible.module.css
+var Collapsible_default = {"collapsible":"bds0115Collapsible-collapsible","summary":"bds0115Collapsible-summary","summaryContent":"bds0115Collapsible-summaryContent","icon":"bds0115Collapsible-icon","content":"bds0115Collapsible-content"};
+
+// src/components/ui/Collapsible/Collapsible.tsx
+import { cn as cn6 } from "@boostdev/design-system-foundation";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function Collapsible({
+  summary,
+  children,
+  open,
+  defaultOpen,
+  onToggle,
+  name,
+  className,
+  ...rest
+}) {
+  const handleToggle = (e) => {
+    onToggle?.(e.currentTarget.open);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "details",
+    {
+      className: cn6(Collapsible_default.collapsible, className),
+      open: open ?? defaultOpen,
+      name,
+      onToggle: handleToggle,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs4("summary", { className: Collapsible_default.summary, children: [
+          /* @__PURE__ */ jsx6("span", { className: Collapsible_default.summaryContent, children: summary }),
+          /* @__PURE__ */ jsx6("span", { className: Collapsible_default.icon, "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: Collapsible_default.content, children })
+      ]
+    }
+  );
+}
+
 // src/components/ui/Calendar/Calendar.tsx
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds0113Calendar-calendar","header":"bds0113Calendar-header","monthYear":"bds0113Calendar-monthYear","navBtn":"bds0113Calendar-navBtn","grid":"bds0113Calendar-grid","weekday":"bds0113Calendar-weekday","empty":"bds0113Calendar-empty","day":"bds0113Calendar-day","disabled":"bds0113Calendar-disabled","selected":"bds0113Calendar-selected","today":"bds0113Calendar-today"};
+var Calendar_default = {"calendar":"bds0115Calendar-calendar","header":"bds0115Calendar-header","monthYear":"bds0115Calendar-monthYear","navBtn":"bds0115Calendar-navBtn","grid":"bds0115Calendar-grid","weekday":"bds0115Calendar-weekday","empty":"bds0115Calendar-empty","day":"bds0115Calendar-day","disabled":"bds0115Calendar-disabled","selected":"bds0115Calendar-selected","today":"bds0115Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
-import { cn as cn6 } from "@boostdev/design-system-foundation";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { cn as cn7 } from "@boostdev/design-system-foundation";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = [
   "January",
@@ -259,54 +297,54 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
     ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
   ];
   while (cells.length % 7 !== 0) cells.push(null);
-  return /* @__PURE__ */ jsxs4("div", { className: cn6(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ jsxs4("div", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs5("div", { className: cn7(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs5("div", { className: Calendar_default.header, children: [
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
           className: Calendar_default.navBtn,
           "aria-label": "Previous month",
           onClick: () => navigate(-1),
-          children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
         }
       ),
-      /* @__PURE__ */ jsxs4("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs5("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
         MONTHS[viewMonth],
         " ",
         viewYear
       ] }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
           className: Calendar_default.navBtn,
           "aria-label": "Next month",
           onClick: () => navigate(1),
-          children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5(
       "table",
       {
         className: Calendar_default.grid,
         role: "grid",
         "aria-labelledby": titleId,
         children: [
-          /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsx6("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx6("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
-          /* @__PURE__ */ jsx6("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx6("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
-            if (!cell) return /* @__PURE__ */ jsx6("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
+          /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx7("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
+          /* @__PURE__ */ jsx7("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx7("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
+            if (!cell) return /* @__PURE__ */ jsx7("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
             const date = new Date(viewYear, viewMonth, cell.day);
             const isSelected = selected ? isSameDay(date, selected) : false;
             const isToday = isSameDay(date, today);
             const disabled = isOutOfRange(date, min, max);
             const isFocused = focusedDay === cell.day;
-            return /* @__PURE__ */ jsx6("td", { role: "gridcell", children: /* @__PURE__ */ jsx6(
+            return /* @__PURE__ */ jsx7("td", { role: "gridcell", children: /* @__PURE__ */ jsx7(
               "button",
               {
                 type: "button",
-                className: cn6(
+                className: cn7(
                   Calendar_default.day,
                   isSelected && Calendar_default.selected,
                   isToday && !isSelected && Calendar_default.today,
@@ -334,11 +372,11 @@ 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":"bds0113Carousel-carousel","track":"bds0113Carousel-track","slide":"bds0113Carousel-slide","navBtn":"bds0113Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds0115Carousel-carousel","track":"bds0115Carousel-track","slide":"bds0115Carousel-slide","navBtn":"bds0115Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
-import { cn as cn7 } from "@boostdev/design-system-foundation";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { cn as cn8 } from "@boostdev/design-system-foundation";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function Carousel({ items, label, className }) {
   const trackRef = useRef(null);
   const listId = useId3();
@@ -350,61 +388,61 @@ function Carousel({ items, label, className }) {
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ jsxs5("section", { "aria-label": label, className: cn7(Carousel_default.carousel, className), children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs6("section", { "aria-label": label, className: cn8(Carousel_default.carousel, className), children: [
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
-        className: cn7(Carousel_default.navBtn, Carousel_default["--prev"]),
+        className: cn8(Carousel_default.navBtn, Carousel_default["--prev"]),
         "aria-label": "Previous",
         "aria-controls": listId,
         onClick: () => scroll("prev"),
-        children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ jsx8("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "div",
       {
         ref: trackRef,
         id: listId,
         role: "list",
         className: Carousel_default.track,
-        children: items.map((item, i) => /* @__PURE__ */ jsx7("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
+        children: items.map((item, i) => /* @__PURE__ */ jsx8("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
-        className: cn7(Carousel_default.navBtn, Carousel_default["--next"]),
+        className: cn8(Carousel_default.navBtn, Carousel_default["--next"]),
         "aria-label": "Next",
         "aria-controls": listId,
         onClick: () => scroll("next"),
-        children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsx8("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     )
   ] });
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds0113DescriptionList-list","group":"bds0113DescriptionList-group","term":"bds0113DescriptionList-term","details":"bds0113DescriptionList-details","--layout_inline":"bds0113DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds0115DescriptionList-list","group":"bds0115DescriptionList-group","term":"bds0115DescriptionList-term","details":"bds0115DescriptionList-details","--layout_inline":"bds0115DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
-import { cn as cn8 } from "@boostdev/design-system-foundation";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { cn as cn9 } from "@boostdev/design-system-foundation";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function DescriptionList({ items, layout = "stacked", className }) {
-  return /* @__PURE__ */ jsx8("dl", { className: cn8(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs6("div", { className: DescriptionList_default.group, children: [
-    /* @__PURE__ */ jsx8("dt", { className: DescriptionList_default.term, children: item.term }),
-    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: item.details })
+  return /* @__PURE__ */ jsx9("dl", { className: cn9(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs7("div", { className: DescriptionList_default.group, children: [
+    /* @__PURE__ */ jsx9("dt", { className: DescriptionList_default.term, children: item.term }),
+    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: item.details })
   ] }, i)) });
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds0113Link-link","--variant_default":"bds0113Link---variant_default","--variant_subtle":"bds0113Link---variant_subtle","--variant_standalone":"bds0113Link---variant_standalone","externalLabel":"bds0113Link-externalLabel"};
+var Link_default = {"link":"bds0115Link-link","--variant_default":"bds0115Link---variant_default","--variant_subtle":"bds0115Link---variant_subtle","--variant_standalone":"bds0115Link---variant_standalone","externalLabel":"bds0115Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
-import { cn as cn9 } from "@boostdev/design-system-foundation";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { cn as cn10 } from "@boostdev/design-system-foundation";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function Link({
   as,
   children,
@@ -416,36 +454,36 @@ function Link({
 }) {
   const Component = as ?? "a";
   const externalProps = external ? { target: "_blank", rel: "noreferrer noopener" } : {};
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Component,
     {
-      className: cn9(Link_default.link, Link_default[`--variant_${variant}`], className),
+      className: cn10(Link_default.link, Link_default[`--variant_${variant}`], className),
       ...externalProps,
       ...props,
       children: [
         children,
-        external && /* @__PURE__ */ jsx9("span", { className: Link_default.externalLabel, children: externalLabel })
+        external && /* @__PURE__ */ jsx10("span", { className: Link_default.externalLabel, children: externalLabel })
       ]
     }
   );
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds0113Loading-loading","spinner":"bds0113Loading-spinner","--size_small":"bds0113Loading---size_small","--size_large":"bds0113Loading---size_large"};
+var Loading_default = {"loading":"bds0115Loading-loading","spinner":"bds0115Loading-spinner","--size_small":"bds0115Loading---size_small","--size_large":"bds0115Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
-import { cn as cn10 } from "@boostdev/design-system-foundation";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { cn as cn11 } from "@boostdev/design-system-foundation";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Loading({ size = "medium", className }) {
-  return /* @__PURE__ */ jsx10("div", { className: cn10(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx10("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+  return /* @__PURE__ */ jsx11("div", { className: cn11(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx11("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds0113NotificationBanner-banner","--variant_info":"bds0113NotificationBanner---variant_info","--variant_success":"bds0113NotificationBanner---variant_success","--variant_warning":"bds0113NotificationBanner---variant_warning","--variant_error":"bds0113NotificationBanner---variant_error","content":"bds0113NotificationBanner-content","action":"bds0113NotificationBanner-action","dismiss":"bds0113NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds0115NotificationBanner-banner","--variant_info":"bds0115NotificationBanner---variant_info","--variant_success":"bds0115NotificationBanner---variant_success","--variant_warning":"bds0115NotificationBanner---variant_warning","--variant_error":"bds0115NotificationBanner---variant_error","content":"bds0115NotificationBanner-content","action":"bds0115NotificationBanner-action","dismiss":"bds0115NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
-import { cn as cn11 } from "@boostdev/design-system-foundation";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { cn as cn12 } from "@boostdev/design-system-foundation";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function NotificationBanner({
   variant = "info",
   children,
@@ -454,24 +492,24 @@ function NotificationBanner({
   className
 }) {
   const isUrgent = variant === "error" || variant === "warning";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: cn11(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      className: cn12(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
       children: [
-        /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.content, children }),
-        action && /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.action, children: action }),
-        onDismiss && /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12("div", { className: NotificationBanner_default.content, children }),
+        action && /* @__PURE__ */ jsx12("div", { className: NotificationBanner_default.action, children: action }),
+        onDismiss && /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
             className: NotificationBanner_default.dismiss,
             onClick: onDismiss,
             "aria-label": "Dismiss notification",
-            children: /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         )
       ]
@@ -480,11 +518,11 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds0113Pagination-pagination","list":"bds0113Pagination-list","button":"bds0113Pagination-button","--active":"bds0113Pagination---active","--nav":"bds0113Pagination---nav","ellipsis":"bds0113Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds0115Pagination-pagination","list":"bds0115Pagination-list","button":"bds0115Pagination-button","--active":"bds0115Pagination---active","--nav":"bds0115Pagination---nav","ellipsis":"bds0115Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
-import { cn as cn12 } from "@boostdev/design-system-foundation";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { cn as cn13 } from "@boostdev/design-system-foundation";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function getPageRange(current, total) {
   const delta = 1;
   const range = [];
@@ -504,24 +542,24 @@ function Pagination({
   className
 }) {
   const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ jsx12("nav", { "aria-label": "Pagination", className: cn12(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs9("ul", { className: Pagination_default.list, children: [
-    /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("nav", { "aria-label": "Pagination", className: cn13(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs10("ul", { className: Pagination_default.list, children: [
+    /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
-        className: cn12(Pagination_default.button, Pagination_default["--nav"]),
+        className: cn13(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage <= 1,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ jsx13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ) }),
     pages.map(
-      (page, index) => page === "..." ? /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+      (page, index) => page === "..." ? /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
-          className: cn12(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
+          className: cn13(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
           onClick: () => onPageChange(page),
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
@@ -529,26 +567,26 @@ function Pagination({
         }
       ) }, page)
     ),
-    /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
-        className: cn12(Pagination_default.button, Pagination_default["--nav"]),
+        className: cn13(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage >= totalPages,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsx13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     ) })
   ] }) });
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds0113Progress-container","labelRow":"bds0113Progress-labelRow","label":"bds0113Progress-label","value":"bds0113Progress-value","track":"bds0113Progress-track","--size_small":"bds0113Progress---size_small","--size_medium":"bds0113Progress---size_medium","--size_large":"bds0113Progress---size_large","fill":"bds0113Progress-fill"};
+var Progress_default = {"container":"bds0115Progress-container","labelRow":"bds0115Progress-labelRow","label":"bds0115Progress-label","value":"bds0115Progress-value","track":"bds0115Progress-track","--size_small":"bds0115Progress---size_small","--size_medium":"bds0115Progress---size_medium","--size_large":"bds0115Progress---size_large","fill":"bds0115Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
-import { cn as cn13 } from "@boostdev/design-system-foundation";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { cn as cn14 } from "@boostdev/design-system-foundation";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function Progress({
   value,
   max = 100,
@@ -558,15 +596,15 @@ function Progress({
   className
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ jsxs10("div", { className: cn13(Progress_default.container, className), children: [
-    showLabel && /* @__PURE__ */ jsxs10("div", { className: Progress_default.labelRow, children: [
-      /* @__PURE__ */ jsx13("span", { className: Progress_default.label, children: label }),
-      /* @__PURE__ */ jsxs10("span", { className: Progress_default.value, children: [
+  return /* @__PURE__ */ jsxs11("div", { className: cn14(Progress_default.container, className), children: [
+    showLabel && /* @__PURE__ */ jsxs11("div", { className: Progress_default.labelRow, children: [
+      /* @__PURE__ */ jsx14("span", { className: Progress_default.label, children: label }),
+      /* @__PURE__ */ jsxs11("span", { className: Progress_default.value, children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "div",
       {
         role: "progressbar",
@@ -574,19 +612,19 @@ function Progress({
         "aria-valuenow": value,
         "aria-valuemin": 0,
         "aria-valuemax": max,
-        className: cn13(Progress_default.track, Progress_default[`--size_${size}`]),
-        children: /* @__PURE__ */ jsx13("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
+        className: cn14(Progress_default.track, Progress_default[`--size_${size}`]),
+        children: /* @__PURE__ */ jsx14("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
       }
     )
   ] });
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds0113ProgressCircle-wrapper","svg":"bds0113ProgressCircle-svg","track":"bds0113ProgressCircle-track","fill":"bds0113ProgressCircle-fill","value":"bds0113ProgressCircle-value","--size_small":"bds0113ProgressCircle---size_small","--size_medium":"bds0113ProgressCircle---size_medium","--size_large":"bds0113ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds0115ProgressCircle-wrapper","svg":"bds0115ProgressCircle-svg","track":"bds0115ProgressCircle-track","fill":"bds0115ProgressCircle-fill","value":"bds0115ProgressCircle-value","--size_small":"bds0115ProgressCircle---size_small","--size_medium":"bds0115ProgressCircle---size_medium","--size_large":"bds0115ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
-import { cn as cn14 } from "@boostdev/design-system-foundation";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { cn as cn15 } from "@boostdev/design-system-foundation";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var SIZE_PX = { small: 40, medium: 64, large: 96 };
 var STROKE_WIDTH = 4;
 function ProgressCircle({
@@ -603,7 +641,7 @@ function ProgressCircle({
   const circumference = 2 * Math.PI * radius;
   const offset = circumference - percentage / 100 * circumference;
   const cx = px / 2;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       role: "progressbar",
@@ -611,9 +649,9 @@ function ProgressCircle({
       "aria-valuenow": value,
       "aria-valuemin": 0,
       "aria-valuemax": max,
-      className: cn14(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
+      className: cn15(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
       children: [
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs12(
           "svg",
           {
             width: px,
@@ -622,7 +660,7 @@ function ProgressCircle({
             "aria-hidden": "true",
             className: ProgressCircle_default.svg,
             children: [
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "circle",
                 {
                   className: ProgressCircle_default.track,
@@ -633,7 +671,7 @@ function ProgressCircle({
                   fill: "none"
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "circle",
                 {
                   className: ProgressCircle_default.fill,
@@ -651,7 +689,7 @@ function ProgressCircle({
             ]
           }
         ),
-        showValue && /* @__PURE__ */ jsxs11("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
+        showValue && /* @__PURE__ */ jsxs12("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
           Math.round(percentage),
           "%"
         ] })
@@ -661,52 +699,52 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds0113Separator-separator","--horizontal":"bds0113Separator---horizontal","--vertical":"bds0113Separator---vertical"};
+var Separator_default = {"separator":"bds0115Separator-separator","--horizontal":"bds0115Separator---horizontal","--vertical":"bds0115Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
-import { cn as cn15 } from "@boostdev/design-system-foundation";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { cn as cn16 } from "@boostdev/design-system-foundation";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Separator({ orientation = "horizontal", className }) {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "div",
       {
         role: "separator",
         "aria-orientation": "vertical",
-        className: cn15(Separator_default.separator, Separator_default["--vertical"], className)
+        className: cn16(Separator_default.separator, Separator_default["--vertical"], className)
       }
     );
   }
-  return /* @__PURE__ */ jsx15("hr", { className: cn15(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ jsx16("hr", { className: cn16(Separator_default.separator, Separator_default["--horizontal"], className) });
 }
 
 // src/components/ui/Skeleton/Skeleton.tsx
-import { cn as cn16 } from "@boostdev/design-system-foundation";
+import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds0113Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds0115Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Skeleton({ className }) {
-  return /* @__PURE__ */ jsx16("div", { "aria-hidden": "true", className: cn16(Skeleton_default.skeleton, className) });
+  return /* @__PURE__ */ jsx17("div", { "aria-hidden": "true", className: cn17(Skeleton_default.skeleton, className) });
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds0113SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds0115SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function SkipLink({ href = "#main", children = "Skip to main content" }) {
-  return /* @__PURE__ */ jsx17("a", { href, className: SkipLink_default.skipLink, children });
+  return /* @__PURE__ */ jsx18("a", { href, className: SkipLink_default.skipLink, children });
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds0113Table-wrapper","table":"bds0113Table-table","caption":"bds0113Table-caption","thead":"bds0113Table-thead","th":"bds0113Table-th","--sortable":"bds0113Table---sortable","sortButton":"bds0113Table-sortButton","sortIcon":"bds0113Table-sortIcon","--sort-active":"bds0113Table---sort-active","--sort-desc":"bds0113Table---sort-desc","tbody":"bds0113Table-tbody","tr":"bds0113Table-tr","td":"bds0113Table-td"};
+var Table_default = {"wrapper":"bds0115Table-wrapper","table":"bds0115Table-table","caption":"bds0115Table-caption","thead":"bds0115Table-thead","th":"bds0115Table-th","--sortable":"bds0115Table---sortable","sortButton":"bds0115Table-sortButton","sortIcon":"bds0115Table-sortIcon","--sort-active":"bds0115Table---sort-active","--sort-desc":"bds0115Table---sort-desc","tbody":"bds0115Table-tbody","tr":"bds0115Table-tr","td":"bds0115Table-td"};
 
 // src/components/ui/Table/Table.tsx
-import { cn as cn17 } from "@boostdev/design-system-foundation";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { cn as cn18 } from "@boostdev/design-system-foundation";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function Table({
   columns,
   rows,
@@ -725,15 +763,15 @@ function Table({
     if (sortKey !== key) return "none";
     return sortDirection === "asc" ? "ascending" : "descending";
   };
-  return /* @__PURE__ */ jsx18("div", { className: cn17(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs12("table", { className: Table_default.table, children: [
-    caption && /* @__PURE__ */ jsx18("caption", { className: Table_default.caption, children: caption }),
-    /* @__PURE__ */ jsx18("thead", { className: Table_default.thead, children: /* @__PURE__ */ jsx18("tr", { children: columns.map((col) => /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("div", { className: cn18(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: cn17(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
-        children: col.sortable ? /* @__PURE__ */ jsxs12(
+        className: cn18(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+        children: col.sortable ? /* @__PURE__ */ jsxs13(
           "button",
           {
             type: "button",
@@ -741,11 +779,11 @@ function Table({
             onClick: () => handleSort(col.key),
             children: [
               col.header,
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: cn17(
+                  className: cn18(
                     Table_default.sortIcon,
                     sortKey === col.key ? Table_default["--sort-active"] : void 0,
                     sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
@@ -754,7 +792,7 @@ function Table({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+                  children: /* @__PURE__ */ jsx19("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
                 }
               )
             ]
@@ -763,7 +801,7 @@ function Table({
       },
       col.key
     )) }) }),
-    /* @__PURE__ */ jsx18("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx18("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx18("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
+    /* @__PURE__ */ jsx19("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx19("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx19("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
   ] }) });
 }
 
@@ -771,11 +809,11 @@ 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":"bds0113Tabs-tabs","tabList":"bds0113Tabs-tabList","tab":"bds0113Tabs-tab","--active":"bds0113Tabs---active","panel":"bds0113Tabs-panel"};
+var Tabs_default = {"tabs":"bds0115Tabs-tabs","tabList":"bds0115Tabs-tabList","tab":"bds0115Tabs-tab","--active":"bds0115Tabs---active","panel":"bds0115Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
-import { cn as cn18 } from "@boostdev/design-system-foundation";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { cn as cn19 } from "@boostdev/design-system-foundation";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTab, className }) {
   const baseId = useId4();
   const [activeTab, setActiveTab] = useState3(defaultTab ?? tabs[0]?.id);
@@ -801,12 +839,12 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ jsxs13("div", { className: cn18(Tabs_default.tabs, className), children: [
-    /* @__PURE__ */ jsx19("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
+  return /* @__PURE__ */ jsxs14("div", { className: cn19(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}`;
       const isActive = activeTab === tab.id;
-      return /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx20(
         "button",
         {
           ref: (el) => {
@@ -819,7 +857,7 @@ function Tabs({ tabs, defaultTab, className }) {
           "aria-controls": panelId,
           tabIndex: isActive ? 0 : -1,
           disabled: tab.disabled,
-          className: cn18(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          className: cn19(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
           children: tab.label
@@ -831,7 +869,7 @@ function Tabs({ tabs, defaultTab, className }) {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
       const isActive = activeTab === tab.id;
-      return /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx20(
         "div",
         {
           id: panelId,
@@ -852,11 +890,11 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds0113Tooltip-wrapper","tooltip":"bds0113Tooltip-tooltip","--placement_top":"bds0113Tooltip---placement_top","--placement_bottom":"bds0113Tooltip---placement_bottom","--placement_left":"bds0113Tooltip---placement_left","--placement_right":"bds0113Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds0115Tooltip-wrapper","tooltip":"bds0115Tooltip-tooltip","--placement_top":"bds0115Tooltip---placement_top","--placement_bottom":"bds0115Tooltip---placement_bottom","--placement_left":"bds0115Tooltip---placement_left","--placement_right":"bds0115Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
-import { cn as cn19 } from "@boostdev/design-system-foundation";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { cn as cn20 } from "@boostdev/design-system-foundation";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tooltip({
   content,
   placement = "top",
@@ -867,14 +905,14 @@ function Tooltip({
   const trigger = isValidElement(children) ? cloneElement(children, {
     "aria-describedby": tooltipId
   }) : children;
-  return /* @__PURE__ */ jsxs14("span", { className: cn19(Tooltip_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs15("span", { className: cn20(Tooltip_default.wrapper, className), children: [
     trigger,
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       "span",
       {
         id: tooltipId,
         role: "tooltip",
-        className: cn19(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+        className: cn20(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
         children: content
       }
     )
@@ -882,11 +920,11 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds0113Typography-typography","--h1":"bds0113Typography---h1","--h2":"bds0113Typography---h2","--h3":"bds0113Typography---h3","--body":"bds0113Typography---body","--body_s":"bds0113Typography---body_s"};
+var Typography_default = {"typography":"bds0115Typography-typography","--h1":"bds0115Typography---h1","--h2":"bds0115Typography---h2","--h3":"bds0115Typography---h3","--body":"bds0115Typography---body","--body_s":"bds0115Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
-import { cn as cn20 } from "@boostdev/design-system-foundation";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { cn as cn21 } from "@boostdev/design-system-foundation";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var variantToElement = {
   h1: "h1",
   h2: "h2",
@@ -896,15 +934,15 @@ var variantToElement = {
 };
 function Typography({ variant = "body", component, children, className }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ jsx21(Component, { className: cn20(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ jsx22(Component, { className: cn21(Typography_default.typography, Typography_default[`--${variant}`], className), children });
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds0113Button-button","--primary":"bds0113Button---primary","--secondary":"bds0113Button---secondary","--size_small":"bds0113Button---size_small","--size_medium":"bds0113Button---size_medium","--size_large":"bds0113Button---size_large","--hasPulse":"bds0113Button---hasPulse","prefix":"bds0113Button-prefix","suffix":"bds0113Button-suffix"};
+var Button_default = {"button":"bds0115Button-button","--primary":"bds0115Button---primary","--secondary":"bds0115Button---secondary","--size_small":"bds0115Button---size_small","--size_medium":"bds0115Button---size_medium","--size_large":"bds0115Button---size_large","--hasPulse":"bds0115Button---hasPulse","prefix":"bds0115Button-prefix","suffix":"bds0115Button-suffix"};
 
 // src/components/interaction/Button/Button.tsx
-import { cn as cn21 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { cn as cn22 } from "@boostdev/design-system-foundation";
+import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function Button({
   children,
   className,
@@ -921,7 +959,7 @@ function Button({
   onClick,
   ...rest
 }) {
-  const classNames = cn21(
+  const classNames = cn22(
     Button_default.button,
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
@@ -938,13 +976,13 @@ function Button({
   const handleButtonClick = (e) => {
     onClick?.(e);
   };
-  const content = /* @__PURE__ */ jsxs15(Fragment2, { children: [
-    Boolean(iconStart) && /* @__PURE__ */ jsx22("span", { className: Button_default.prefix, children: iconStart }),
+  const content = /* @__PURE__ */ jsxs16(Fragment2, { children: [
+    Boolean(iconStart) && /* @__PURE__ */ jsx23("span", { className: Button_default.prefix, children: iconStart }),
     children,
-    Boolean(iconEnd) && /* @__PURE__ */ jsx22("span", { className: Button_default.suffix, children: iconEnd })
+    Boolean(iconEnd) && /* @__PURE__ */ jsx23("span", { className: Button_default.suffix, children: iconEnd })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "a",
       {
         className: classNames,
@@ -959,7 +997,7 @@ function Button({
       }
     );
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "button",
     {
       type,
@@ -976,11 +1014,11 @@ function Button({
 import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds0113Command-dialog","palette":"bds0113Command-palette","searchRow":"bds0113Command-searchRow","searchIcon":"bds0113Command-searchIcon","search":"bds0113Command-search","escHint":"bds0113Command-escHint","list":"bds0113Command-list","groupList":"bds0113Command-groupList","group":"bds0113Command-group","item":"bds0113Command-item","itemActive":"bds0113Command-itemActive","itemLabel":"bds0113Command-itemLabel","itemDesc":"bds0113Command-itemDesc","shortcut":"bds0113Command-shortcut","empty":"bds0113Command-empty"};
+var Command_default = {"dialog":"bds0115Command-dialog","palette":"bds0115Command-palette","searchRow":"bds0115Command-searchRow","searchIcon":"bds0115Command-searchIcon","search":"bds0115Command-search","escHint":"bds0115Command-escHint","list":"bds0115Command-list","groupList":"bds0115Command-groupList","group":"bds0115Command-group","item":"bds0115Command-item","itemActive":"bds0115Command-itemActive","itemLabel":"bds0115Command-itemLabel","itemDesc":"bds0115Command-itemDesc","shortcut":"bds0115Command-shortcut","empty":"bds0115Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
-import { cn as cn22 } from "@boostdev/design-system-foundation";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { cn as cn23 } from "@boostdev/design-system-foundation";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 function Command({
   isOpen,
   onClose,
@@ -1047,20 +1085,20 @@ function Command({
     item.onSelect();
     onClose();
   };
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "dialog",
     {
       ref: dialogRef,
-      className: cn22(Command_default.dialog, className),
+      className: cn23(Command_default.dialog, className),
       "aria-label": "Command palette",
       onCancel: handleCancel,
-      children: /* @__PURE__ */ jsxs16("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
-        /* @__PURE__ */ jsxs16("div", { className: Command_default.searchRow, children: [
-          /* @__PURE__ */ jsxs16("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ jsx23("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
+      children: /* @__PURE__ */ jsxs17("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ jsxs17("div", { className: Command_default.searchRow, children: [
+          /* @__PURE__ */ jsxs17("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx24("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
           ] }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "input",
             {
               ref: inputRef,
@@ -1076,32 +1114,32 @@ function Command({
               onChange: (e) => setQuery(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsx23("kbd", { className: Command_default.escHint, children: "Esc" })
+          /* @__PURE__ */ jsx24("kbd", { className: Command_default.escHint, children: "Esc" })
         ] }),
-        filtered.length > 0 ? /* @__PURE__ */ jsx23("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ jsxs16("li", { role: "presentation", children: [
-          group && /* @__PURE__ */ jsx23("div", { className: Command_default.group, role: "presentation", children: group }),
-          /* @__PURE__ */ jsx23("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
+        filtered.length > 0 ? /* @__PURE__ */ jsx24("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ jsxs17("li", { role: "presentation", children: [
+          group && /* @__PURE__ */ jsx24("div", { className: Command_default.group, role: "presentation", children: group }),
+          /* @__PURE__ */ jsx24("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
             const flatIndex = filtered.indexOf(item);
             const isActive = flatIndex === activeIndex;
-            return /* @__PURE__ */ jsxs16(
+            return /* @__PURE__ */ jsxs17(
               "li",
               {
                 id: `cmd-${item.id}`,
                 role: "option",
                 "aria-selected": isActive,
-                className: cn22(Command_default.item, isActive && Command_default.itemActive),
+                className: cn23(Command_default.item, isActive && Command_default.itemActive),
                 onPointerDown: (e) => e.preventDefault(),
                 onClick: () => selectItem(item),
                 children: [
-                  /* @__PURE__ */ jsx23("span", { className: Command_default.itemLabel, children: item.label }),
-                  item.description && /* @__PURE__ */ jsx23("span", { className: Command_default.itemDesc, children: item.description }),
-                  item.shortcut && /* @__PURE__ */ jsx23("kbd", { className: Command_default.shortcut, children: item.shortcut })
+                  /* @__PURE__ */ jsx24("span", { className: Command_default.itemLabel, children: item.label }),
+                  item.description && /* @__PURE__ */ jsx24("span", { className: Command_default.itemDesc, children: item.description }),
+                  item.shortcut && /* @__PURE__ */ jsx24("kbd", { className: Command_default.shortcut, children: item.shortcut })
                 ]
               },
               item.id
             );
           }) })
-        ] }, group)) }) : /* @__PURE__ */ jsxs16("div", { className: Command_default.empty, "aria-live": "polite", children: [
+        ] }, group)) }) : /* @__PURE__ */ jsxs17("div", { className: Command_default.empty, "aria-live": "polite", children: [
           "No results for \u201C",
           query,
           "\u201D"
@@ -1115,11 +1153,11 @@ function Command({
 import { useEffect as useEffect2, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds0113Dialog-dialog","dialogContent":"bds0113Dialog-dialogContent","closeForm":"bds0113Dialog-closeForm","closeButton":"bds0113Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds0115Dialog-dialog","dialogContent":"bds0115Dialog-dialogContent","closeForm":"bds0115Dialog-closeForm","closeButton":"bds0115Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
-import { cn as cn23 } from "@boostdev/design-system-foundation";
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { cn as cn24 } from "@boostdev/design-system-foundation";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function Dialog({ children, isOpen = false, className, onClose }) {
   const dialogRef = useRef4(null);
   useEffect2(() => {
@@ -1143,25 +1181,25 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     e.preventDefault();
     onClose?.();
   };
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "dialog",
     {
       ref: dialogRef,
-      className: cn23(className, Dialog_default.dialog),
+      className: cn24(className, Dialog_default.dialog),
       onClick: handleBackdropClick,
       onCancel: handleCancel,
       children: [
-        /* @__PURE__ */ jsx24("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx25(
           "button",
           {
             type: "submit",
             className: Dialog_default.closeButton,
             onClick: onClose,
             "aria-label": "Close dialog",
-            children: /* @__PURE__ */ jsx24("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            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__ */ jsx24("div", { className: Dialog_default.dialogContent, children })
+        /* @__PURE__ */ jsx25("div", { className: Dialog_default.dialogContent, children })
       ]
     }
   );
@@ -1171,17 +1209,18 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 import { useEffect as useEffect3, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds0113Drawer-drawer","panel":"bds0113Drawer-panel","--side_right":"bds0113Drawer---side_right","--side_left":"bds0113Drawer---side_left","header":"bds0113Drawer-header","title":"bds0113Drawer-title","closeButton":"bds0113Drawer-closeButton","body":"bds0113Drawer-body"};
+var Drawer_default = {"drawer":"bds0115Drawer-drawer","panel":"bds0115Drawer-panel","--side_right":"bds0115Drawer---side_right","--side_left":"bds0115Drawer---side_left","header":"bds0115Drawer-header","closeButton":"bds0115Drawer-closeButton","body":"bds0115Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
-import { cn as cn24 } from "@boostdev/design-system-foundation";
-import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { cn as cn25 } from "@boostdev/design-system-foundation";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 function Drawer({
   isOpen,
   onClose,
   title,
   children,
   side = "right",
+  arialLabel = "",
   className
 }) {
   const dialogRef = useRef5(null);
@@ -1201,29 +1240,29 @@ function Drawer({
     e.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "dialog",
     {
       ref: dialogRef,
-      className: cn24(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
-      "aria-label": title,
+      className: cn25(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      "aria-label": arialLabel,
       onClick: handleClick,
       onCancel: handleCancel,
-      children: /* @__PURE__ */ jsxs18("div", { className: Drawer_default.panel, children: [
-        /* @__PURE__ */ jsxs18("div", { className: Drawer_default.header, children: [
-          /* @__PURE__ */ jsx25("h2", { className: Drawer_default.title, children: title }),
-          /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsxs19("div", { className: Drawer_default.panel, children: [
+        /* @__PURE__ */ jsxs19("div", { className: Drawer_default.header, children: [
+          !!title && title,
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
               className: Drawer_default.closeButton,
               onClick: onClose,
               "aria-label": "Close drawer",
-              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" }) })
+              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" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx25("div", { className: Drawer_default.body, children })
+        /* @__PURE__ */ jsx26("div", { className: Drawer_default.body, children })
       ] })
     }
   );
@@ -1240,11 +1279,11 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds0113DropdownMenu-wrapper","menu":"bds0113DropdownMenu-menu","--placement_bottom-start":"bds0113DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0113DropdownMenu---placement_bottom-end","separator":"bds0113DropdownMenu-separator","item":"bds0113DropdownMenu-item","icon":"bds0113DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds0115DropdownMenu-wrapper","menu":"bds0115DropdownMenu-menu","--placement_bottom-start":"bds0115DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0115DropdownMenu---placement_bottom-end","separator":"bds0115DropdownMenu-separator","item":"bds0115DropdownMenu-item","icon":"bds0115DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-import { cn as cn25 } from "@boostdev/design-system-foundation";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { cn as cn26 } from "@boostdev/design-system-foundation";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function DropdownMenu({
   trigger,
   items,
@@ -1312,17 +1351,17 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ jsxs19("div", { ref: containerRef, className: cn25(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: cn26(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
-    isOpen && /* @__PURE__ */ jsx26(
+    isOpen && /* @__PURE__ */ jsx27(
       "ul",
       {
         id: menuId,
         role: "menu",
-        className: cn25(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
-        children: items.map((item, index) => /* @__PURE__ */ jsxs19("li", { role: "presentation", children: [
-          item.separator && /* @__PURE__ */ jsx26("hr", { className: DropdownMenu_default.separator, role: "separator" }),
-          /* @__PURE__ */ jsxs19(
+        className: cn26(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(
             "button",
             {
               ref: (el) => {
@@ -1338,7 +1377,7 @@ function DropdownMenu({
               },
               onKeyDown: (e) => handleItemKeyDown(e, index),
               children: [
-                item.icon && /* @__PURE__ */ jsx26("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                item.icon && /* @__PURE__ */ jsx27("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
                 item.label
               ]
             }
@@ -1360,11 +1399,11 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds0113Popover-wrapper","panel":"bds0113Popover-panel","--placement_bottom":"bds0113Popover---placement_bottom","--placement_top":"bds0113Popover---placement_top","--placement_right":"bds0113Popover---placement_right","--placement_left":"bds0113Popover---placement_left"};
+var Popover_default = {"wrapper":"bds0115Popover-wrapper","panel":"bds0115Popover-panel","--placement_bottom":"bds0115Popover---placement_bottom","--placement_top":"bds0115Popover---placement_top","--placement_right":"bds0115Popover---placement_right","--placement_left":"bds0115Popover---placement_left"};
 
 // src/components/interaction/Popover/Popover.tsx
-import { cn as cn26 } from "@boostdev/design-system-foundation";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { cn as cn27 } from "@boostdev/design-system-foundation";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function Popover({
   children,
   content,
@@ -1400,15 +1439,15 @@ function Popover({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : children;
-  return /* @__PURE__ */ jsxs20("span", { ref: containerRef, className: cn26(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn27(Popover_default.wrapper, className), children: [
     trigger,
-    isOpen && /* @__PURE__ */ jsx27(
+    isOpen && /* @__PURE__ */ jsx28(
       "div",
       {
         id: panelId,
         role: "dialog",
         "aria-modal": "false",
-        className: cn26(Popover_default.panel, Popover_default[`--placement_${placement}`]),
+        className: cn27(Popover_default.panel, Popover_default[`--placement_${placement}`]),
         children: content
       }
     )
@@ -1416,26 +1455,26 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds0113Rating-rating","star":"bds0113Rating-star","--filled":"bds0113Rating---filled"};
+var Rating_default = {"rating":"bds0115Rating-rating","star":"bds0115Rating-star","--filled":"bds0115Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
-import { cn as cn27 } from "@boostdev/design-system-foundation";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { cn as cn28 } from "@boostdev/design-system-foundation";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Rating({ value, max = 5, className }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
-      className: cn27(Rating_default.rating, className),
+      className: cn28(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
-      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx28(
+      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx29(
         "svg",
         {
           "aria-hidden": "true",
-          className: cn27(Rating_default.star, i < value && Rating_default["--filled"]),
+          className: cn28(Rating_default.star, i < value && Rating_default["--filled"]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ jsx28("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" })
+          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" })
         },
         i
       ))
@@ -1447,11 +1486,11 @@ function Rating({ value, max = 5, className }) {
 import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds0113Toast-toastContainer","toast":"bds0113Toast-toast","message":"bds0113Toast-message","closeButton":"bds0113Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds0115Toast-toastContainer","toast":"bds0115Toast-toast","--variant_success":"bds0115Toast---variant_success","--variant_warning":"bds0115Toast---variant_warning","--variant_info":"bds0115Toast---variant_info","--variant_error":"bds0115Toast---variant_error","message":"bds0115Toast-message","closeButton":"bds0115Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
-import { cn as cn28 } from "@boostdev/design-system-foundation";
-import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { cn as cn29 } 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] = useState7([]);
@@ -1463,9 +1502,9 @@ function ToastProvider({ children }) {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
   const value = useMemo2(() => ({ showToast }), [showToast]);
-  return /* @__PURE__ */ jsxs21(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs22(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx29("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx30(
       ToastItem,
       {
         toast,
@@ -1480,9 +1519,9 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ jsxs21("div", { className: cn28(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
-    /* @__PURE__ */ jsx29("span", { className: Toast_default.message, children: toast.message }),
-    /* @__PURE__ */ jsx29("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx29("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
+  return /* @__PURE__ */ jsxs22("div", { className: cn29(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", 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" }) }) })
   ] });
 }
 function useToast() {
@@ -1497,50 +1536,50 @@ function useToast() {
 import { useId as useId9 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds0113Checkbox-checkboxGroup","inputWrapper":"bds0113Checkbox-inputWrapper","checkbox":"bds0113Checkbox-checkbox","checkboxError":"bds0113Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds0115Checkbox-checkboxGroup","inputWrapper":"bds0115Checkbox-inputWrapper","checkbox":"bds0115Checkbox-checkbox","checkboxError":"bds0115Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds0113Message-error","hint":"bds0113Message-hint"};
+var Message_default = {"error":"bds0115Message-error","hint":"bds0115Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Message = ({ message, type, inputId }) => {
   if (!message) return null;
-  return /* @__PURE__ */ jsx30("p", { id: inputId + type, className: Message_default[type], children: message });
+  return /* @__PURE__ */ jsx31("p", { id: inputId + type, className: Message_default[type], children: message });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds0113Label-label"};
+var Label_default = {"label":"bds0115Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Label = ({ label, id }) => {
-  return /* @__PURE__ */ jsx31("label", { htmlFor: id, className: Label_default.label, children: label });
+  return /* @__PURE__ */ jsx32("label", { htmlFor: id, className: Label_default.label, children: label });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { cn as cn30 } from "@boostdev/design-system-foundation";
+import { cn as cn31 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds0113InputContainer-container"};
+var InputContainer_default = {"container":"bds0115InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
-import { cn as cn29 } from "@boostdev/design-system-foundation";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { cn as cn30 } from "@boostdev/design-system-foundation";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx32("div", { className: cn29(InputContainer_default.container, className), children });
+  return /* @__PURE__ */ jsx33("div", { className: cn30(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function Checkbox({ label, name, error, hint, className, ...props }) {
   const id = name + useId9();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs22(InputContainer, { className: cn30(Checkbox_default.checkboxGroup, className), children: [
-    /* @__PURE__ */ jsxs22("div", { className: Checkbox_default.inputWrapper, children: [
-      /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Checkbox_default.checkboxGroup, className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: Checkbox_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx34(
         "input",
         {
           "aria-describedby": describedBy,
@@ -1548,14 +1587,14 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
           type: "checkbox",
           id,
           name,
-          className: cn30(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
+          className: cn31(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
-      /* @__PURE__ */ jsx33(Label, { id, label })
+      /* @__PURE__ */ jsx34(Label, { id, label })
     ] }),
-    /* @__PURE__ */ jsx33(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx33(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1569,11 +1608,11 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds0113Combobox-formGroup","inputWrapper":"bds0113Combobox-inputWrapper","input":"bds0113Combobox-input","inputError":"bds0113Combobox-inputError","chevron":"bds0113Combobox-chevron","listbox":"bds0113Combobox-listbox","option":"bds0113Combobox-option","--highlighted":"bds0113Combobox---highlighted","--selected":"bds0113Combobox---selected","--disabled":"bds0113Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds0115Combobox-formGroup","inputWrapper":"bds0115Combobox-inputWrapper","input":"bds0115Combobox-input","inputError":"bds0115Combobox-inputError","chevron":"bds0115Combobox-chevron","listbox":"bds0115Combobox-listbox","option":"bds0115Combobox-option","--highlighted":"bds0115Combobox---highlighted","--selected":"bds0115Combobox---selected","--disabled":"bds0115Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-import { cn as cn31 } from "@boostdev/design-system-foundation";
-import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+import { cn as cn32 } from "@boostdev/design-system-foundation";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 function Combobox({
   label,
   name,
@@ -1651,10 +1690,10 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Combobox_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx34(Label, { id, label }),
-    /* @__PURE__ */ jsxs23("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
-      /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(Combobox_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx35(Label, { id, label }),
+    /* @__PURE__ */ jsxs24("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx35(
         "input",
         {
           ref: inputRef,
@@ -1673,28 +1712,28 @@ function Combobox({
           placeholder,
           value: inputValue,
           disabled,
-          className: cn31(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: cn32(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
         }
       ),
-      /* @__PURE__ */ jsx34("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx35("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
+      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx35(
         "ul",
         {
           id: listboxId,
           role: "listbox",
           "aria-label": String(label),
           className: Combobox_default.listbox,
-          children: filtered.map((option, index) => /* @__PURE__ */ jsx34(
+          children: filtered.map((option, index) => /* @__PURE__ */ jsx35(
             "li",
             {
               id: getOptionId(index),
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: cn31(
+              className: cn32(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1711,8 +1750,8 @@ function Combobox({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx34(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx35(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx35(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1720,11 +1759,11 @@ function Combobox({
 import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds0113FileInput-formGroup","dropZone":"bds0113FileInput-dropZone","isDragging":"bds0113FileInput-isDragging","hasError":"bds0113FileInput-hasError","isDisabled":"bds0113FileInput-isDisabled","icon":"bds0113FileInput-icon","prompt":"bds0113FileInput-prompt","acceptHint":"bds0113FileInput-acceptHint","hiddenInput":"bds0113FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds0115FileInput-formGroup","dropZone":"bds0115FileInput-dropZone","isDragging":"bds0115FileInput-isDragging","hasError":"bds0115FileInput-hasError","isDisabled":"bds0115FileInput-isDisabled","icon":"bds0115FileInput-icon","prompt":"bds0115FileInput-prompt","acceptHint":"bds0115FileInput-acceptHint","hiddenInput":"bds0115FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { cn as cn32 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { cn as cn33 } from "@boostdev/design-system-foundation";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function FileInput({
   label,
   name,
@@ -1772,24 +1811,24 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(FileInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx35(Label, { id: uid, label }),
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx36(Label, { id: uid, label }),
+    /* @__PURE__ */ jsxs25(
       "label",
       {
         htmlFor: uid,
-        className: cn32(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: cn33(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         children: [
-          /* @__PURE__ */ jsx35("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
-          /* @__PURE__ */ jsx35("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs24(Fragment3, { children: [
-            /* @__PURE__ */ jsx35("strong", { children: "Click to upload" }),
+          /* @__PURE__ */ jsx36("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
+          /* @__PURE__ */ jsx36("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs25(Fragment3, { children: [
+            /* @__PURE__ */ jsx36("strong", { children: "Click to upload" }),
             " or drag and drop"
           ] }) }),
-          accept && /* @__PURE__ */ jsx35("span", { className: FileInput_default.acceptHint, children: accept }),
-          /* @__PURE__ */ jsx35(
+          accept && /* @__PURE__ */ jsx36("span", { className: FileInput_default.acceptHint, children: accept }),
+          /* @__PURE__ */ jsx36(
             "input",
             {
               ref: inputRef,
@@ -1808,8 +1847,8 @@ function FileInput({
         ]
       }
     ),
-    /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
@@ -1817,11 +1856,11 @@ function FileInput({
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds0113FormInput-formGroup","input":"bds0113FormInput-input","inputError":"bds0113FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds0115FormInput-formGroup","input":"bds0115FormInput-input","inputError":"bds0115FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { cn as cn33 } from "@boostdev/design-system-foundation";
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { cn as cn34 } from "@boostdev/design-system-foundation";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 function FormInput({
   label,
   name,
@@ -1835,9 +1874,9 @@ function FormInput({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FormInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx36(Label, { id, label }),
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(FormInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx37(Label, { id, label }),
+    /* @__PURE__ */ jsx37(
       "input",
       {
         "aria-invalid": !!error,
@@ -1845,12 +1884,12 @@ function FormInput({
         "aria-label": ariaLabel,
         id,
         name,
-        className: cn33(FormInput_default.input, error && FormInput_default.inputError),
+        className: cn34(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx37(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx37(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1858,11 +1897,11 @@ function FormInput({
 import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds0113NumberInput-formGroup","inputRow":"bds0113NumberInput-inputRow","input":"bds0113NumberInput-input","inputError":"bds0113NumberInput-inputError","stepper":"bds0113NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds0115NumberInput-formGroup","inputRow":"bds0115NumberInput-inputRow","input":"bds0115NumberInput-input","inputError":"bds0115NumberInput-inputError","stepper":"bds0115NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { cn as cn34 } from "@boostdev/design-system-foundation";
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { cn as cn35 } from "@boostdev/design-system-foundation";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function NumberInput({
   label,
   name,
@@ -1894,10 +1933,10 @@ function NumberInput({
     if (!isControlled) setInternalValue(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(NumberInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx37(Label, { id: uid, label }),
-    /* @__PURE__ */ jsxs26("div", { className: NumberInput_default.inputRow, children: [
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(NumberInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx38(Label, { id: uid, label }),
+    /* @__PURE__ */ jsxs27("div", { className: NumberInput_default.inputRow, children: [
+      /* @__PURE__ */ jsx38(
         "button",
         {
           type: "button",
@@ -1906,10 +1945,10 @@ function NumberInput({
           disabled: disabled || min !== void 0 && currentValue <= min,
           onClick: () => adjust(-step),
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+          children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         "input",
         {
           ref: inputRef,
@@ -1923,7 +1962,7 @@ function NumberInput({
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: cn34(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: cn35(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
             const v = parseFloat(e.target.value);
             if (!isControlled) setInternalValue(isNaN(v) ? 0 : v);
@@ -1931,7 +1970,7 @@ function NumberInput({
           }
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         "button",
         {
           type: "button",
@@ -1940,12 +1979,12 @@ function NumberInput({
           disabled: disabled || max !== void 0 && currentValue >= max,
           onClick: () => adjust(step),
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+          children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
@@ -1953,19 +1992,19 @@ function NumberInput({
 import { useId as useId14 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds0113Radio-radioGroup","inputWrapper":"bds0113Radio-inputWrapper","radio":"bds0113Radio-radio","radioError":"bds0113Radio-radioError"};
+var Radio_default = {"radioGroup":"bds0115Radio-radioGroup","inputWrapper":"bds0115Radio-inputWrapper","textWrapper":"bds0115Radio-textWrapper","description":"bds0115Radio-description","radio":"bds0115Radio-radio","radioError":"bds0115Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { cn as cn35 } from "@boostdev/design-system-foundation";
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
-function Radio({ label, name, error, hint, className, ...props }) {
+import { cn as cn36 } from "@boostdev/design-system-foundation";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+function Radio({ label, name, description, error, hint, className, ...props }) {
   const id = name + useId14();
   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(Radio_default.radioGroup, className), children: [
-    /* @__PURE__ */ jsxs27("div", { className: Radio_default.inputWrapper, children: [
-      /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ jsxs28("div", { className: Radio_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx39(
         "input",
         {
           "aria-describedby": describedBy,
@@ -1973,14 +2012,17 @@ function Radio({ label, name, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: cn35(Radio_default.radio, error && Radio_default.radioError),
+          className: cn36(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
-      /* @__PURE__ */ jsx38(Label, { id, label })
+      /* @__PURE__ */ jsxs28("div", { className: Radio_default.textWrapper, children: [
+        /* @__PURE__ */ jsx39(Label, { id, label }),
+        description && /* @__PURE__ */ jsx39("span", { className: Radio_default.description, children: description })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1988,11 +2030,11 @@ function Radio({ label, name, error, hint, className, ...props }) {
 import { useId as useId15 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds0113Select-formGroup","selectWrapper":"bds0113Select-selectWrapper","select":"bds0113Select-select","selectError":"bds0113Select-selectError","chevron":"bds0113Select-chevron"};
+var Select_default = {"formGroup":"bds0115Select-formGroup","selectWrapper":"bds0115Select-selectWrapper","select":"bds0115Select-select","selectError":"bds0115Select-selectError","chevron":"bds0115Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
-import { cn as cn36 } from "@boostdev/design-system-foundation";
-import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { cn as cn37 } from "@boostdev/design-system-foundation";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function Select({
   label,
   name,
@@ -2007,28 +2049,28 @@ function Select({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Select_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx39(Label, { id, label }),
-    /* @__PURE__ */ jsxs28("div", { className: Select_default.selectWrapper, children: [
-      /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Select_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx40(Label, { id, label }),
+    /* @__PURE__ */ jsxs29("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ jsxs29(
         "select",
         {
           id,
           name,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: cn36(Select_default.select, error ? Select_default.selectError : void 0),
+          className: cn37(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
-            placeholder && /* @__PURE__ */ jsx39("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx39("option", { value, disabled, children: optLabel }, value))
+            placeholder && /* @__PURE__ */ jsx40("option", { value: "", disabled: true, hidden: true, children: placeholder }),
+            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx40("option", { value, disabled, children: optLabel }, value))
           ]
         }
       ),
-      /* @__PURE__ */ jsx39("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx39("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
+      /* @__PURE__ */ jsx40("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
     ] }),
-    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2036,11 +2078,11 @@ function Select({
 import { useId as useId16, useState as useState11 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds0113Slider-formGroup","labelRow":"bds0113Slider-labelRow","value":"bds0113Slider-value","slider":"bds0113Slider-slider","sliderError":"bds0113Slider-sliderError"};
+var Slider_default = {"formGroup":"bds0115Slider-formGroup","labelRow":"bds0115Slider-labelRow","value":"bds0115Slider-value","slider":"bds0115Slider-slider","sliderError":"bds0115Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { cn as cn37 } from "@boostdev/design-system-foundation";
-import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { cn as cn38 } from "@boostdev/design-system-foundation";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function Slider({
   label,
   name,
@@ -2065,12 +2107,12 @@ function Slider({
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Slider_default.formGroup, className), children: [
-    /* @__PURE__ */ jsxs29("div", { className: Slider_default.labelRow, children: [
-      /* @__PURE__ */ jsx40(Label, { id, label }),
-      showValue && /* @__PURE__ */ jsx40("span", { className: Slider_default.value, children: currentValue })
+  return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs30("div", { className: Slider_default.labelRow, children: [
+      /* @__PURE__ */ jsx41(Label, { id, label }),
+      showValue && /* @__PURE__ */ jsx41("span", { className: Slider_default.value, children: currentValue })
     ] }),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       "input",
       {
         type: "range",
@@ -2082,14 +2124,14 @@ function Slider({
         "aria-valuemin": min,
         "aria-valuemax": max,
         "aria-valuenow": currentValue,
-        className: cn37(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        className: cn38(Slider_default.slider, error ? Slider_default.sliderError : void 0),
         style: { "--slider_fill": `${fillPct}%` },
         onChange: handleChange,
         ...props
       }
     ),
-    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2097,11 +2139,11 @@ function Slider({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds0113Switch-switchGroup","--size_small":"bds0113Switch---size_small","--size_medium":"bds0113Switch---size_medium","--size_large":"bds0113Switch---size_large","inputWrapper":"bds0113Switch-inputWrapper","trackWrapper":"bds0113Switch-trackWrapper","switch":"bds0113Switch-switch","track":"bds0113Switch-track","thumb":"bds0113Switch-thumb","switchError":"bds0113Switch-switchError"};
+var Switch_default = {"switchGroup":"bds0115Switch-switchGroup","--size_small":"bds0115Switch---size_small","--size_medium":"bds0115Switch---size_medium","--size_large":"bds0115Switch---size_large","inputWrapper":"bds0115Switch-inputWrapper","trackWrapper":"bds0115Switch-trackWrapper","switch":"bds0115Switch-switch","track":"bds0115Switch-track","thumb":"bds0115Switch-thumb","switchError":"bds0115Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { cn as cn38 } from "@boostdev/design-system-foundation";
-import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+import { cn as cn39 } from "@boostdev/design-system-foundation";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function Switch({
   label,
   name,
@@ -2115,10 +2157,10 @@ function Switch({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
-    /* @__PURE__ */ jsxs30("div", { className: Switch_default.inputWrapper, children: [
-      /* @__PURE__ */ jsxs30("div", { className: Switch_default.trackWrapper, children: [
-        /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ jsxs31("div", { className: Switch_default.inputWrapper, children: [
+      /* @__PURE__ */ jsxs31("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ jsx42(
           "input",
           {
             type: "checkbox",
@@ -2126,16 +2168,16 @@ function Switch({
             id,
             name,
             "aria-describedby": describedBy,
-            className: cn38(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            className: cn39(Switch_default.switch, error ? Switch_default.switchError : void 0),
             ...props
           }
         ),
-        /* @__PURE__ */ jsx41("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("span", { className: Switch_default.thumb }) })
+        /* @__PURE__ */ jsx42("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx42("span", { className: Switch_default.thumb }) })
       ] }),
-      /* @__PURE__ */ jsx41(Label, { id, label })
+      /* @__PURE__ */ jsx42(Label, { id, label })
     ] }),
-    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2143,11 +2185,11 @@ function Switch({
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds0113Textarea-formGroup","textarea":"bds0113Textarea-textarea","textareaError":"bds0113Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds0115Textarea-formGroup","textarea":"bds0115Textarea-textarea","textareaError":"bds0115Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { cn as cn39 } from "@boostdev/design-system-foundation";
-import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+import { cn as cn40 } from "@boostdev/design-system-foundation";
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 function Textarea({
   label,
   name,
@@ -2160,40 +2202,40 @@ function Textarea({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Textarea_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx42(Label, { id, label }),
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Textarea_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx43(Label, { id, label }),
+    /* @__PURE__ */ jsx43(
       "textarea",
       {
         id,
         name,
         "aria-invalid": !!error,
         "aria-describedby": describedBy,
-        className: cn39(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        className: cn40(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds0113ButtonGroup-buttonGroup","container":"bds0113ButtonGroup-container","--variant__card":"bds0113ButtonGroup---variant__card","--variant__flow":"bds0113ButtonGroup---variant__flow","--variant__modal":"bds0113ButtonGroup---variant__modal","--variant__content":"bds0113ButtonGroup---variant__content","--variant__grid":"bds0113ButtonGroup---variant__grid"};
+var ButtonGroup_default = {"buttonGroup":"bds0115ButtonGroup-buttonGroup","container":"bds0115ButtonGroup-container","--variant_card":"bds0115ButtonGroup---variant_card","--variant_flow":"bds0115ButtonGroup---variant_flow","--variant_modal":"bds0115ButtonGroup---variant_modal","--variant_content":"bds0115ButtonGroup---variant_content","--variant_grid":"bds0115ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
-import { cn as cn40 } from "@boostdev/design-system-foundation";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { cn as cn41 } from "@boostdev/design-system-foundation";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function ButtonGroup({ children, className, variant }) {
-  return /* @__PURE__ */ jsx43("div", { className: cn40(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx43("div", { className: ButtonGroup_default.container, children }) });
+  return /* @__PURE__ */ jsx44("div", { className: cn41(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx44("div", { className: ButtonGroup_default.container, children }) });
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds0113Card-card","--default":"bds0113Card---default","--elevated":"bds0113Card---elevated","--outlined":"bds0113Card---outlined","--clickable":"bds0113Card---clickable","--padding-none":"bds0113Card---padding-none","--padding-small":"bds0113Card---padding-small","--padding-medium":"bds0113Card---padding-medium","--padding-large":"bds0113Card---padding-large","--text-start":"bds0113Card---text-start","--text-center":"bds0113Card---text-center","--text-end":"bds0113Card---text-end"};
+var Card_default = {"card":"bds0115Card-card","--default":"bds0115Card---default","--elevated":"bds0115Card---elevated","--outlined":"bds0115Card---outlined","--clickable":"bds0115Card---clickable","--padding-none":"bds0115Card---padding-none","--padding-small":"bds0115Card---padding-small","--padding-medium":"bds0115Card---padding-medium","--padding-large":"bds0115Card---padding-large","--text-start":"bds0115Card---text-start","--text-center":"bds0115Card---text-center","--text-end":"bds0115Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
-import { cn as cn41 } from "@boostdev/design-system-foundation";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { cn as cn42 } from "@boostdev/design-system-foundation";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Card({
   children,
   className,
@@ -2204,7 +2246,7 @@ function Card({
   onClick,
   "aria-label": ariaLabel
 }) {
-  const classNames = cn41(
+  const classNames = cn42(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2213,7 +2255,7 @@ function Card({
     className
   );
   const Component = onClick ? "button" : "div";
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Component,
     {
       className: classNames,
@@ -2227,11 +2269,11 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds0113SectionHeader-sectionHeader","title":"bds0113SectionHeader-title","subtitle":"bds0113SectionHeader-subtitle","--start":"bds0113SectionHeader---start","--center":"bds0113SectionHeader---center","--end":"bds0113SectionHeader---end","--small":"bds0113SectionHeader---small","--medium":"bds0113SectionHeader---medium","--large":"bds0113SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds0115SectionHeader-sectionHeader","title":"bds0115SectionHeader-title","subtitle":"bds0115SectionHeader-subtitle","--start":"bds0115SectionHeader---start","--center":"bds0115SectionHeader---center","--end":"bds0115SectionHeader---end","--small":"bds0115SectionHeader---small","--medium":"bds0115SectionHeader---medium","--large":"bds0115SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-import { cn as cn42 } from "@boostdev/design-system-foundation";
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { cn as cn43 } from "@boostdev/design-system-foundation";
+import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
 function SectionHeader({
   title,
   subtitle,
@@ -2241,24 +2283,24 @@ function SectionHeader({
   titleAs = "h2"
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs32("header", { className: cn42(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ jsx45(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx45("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs33("header", { className: cn43(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ jsx46(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx46("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds0113IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds0115IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-import { cn as cn43 } from "@boostdev/design-system-foundation";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { cn as cn44 } from "@boostdev/design-system-foundation";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function IconWrapper({ children, className }) {
-  return /* @__PURE__ */ jsx46("div", { className: cn43(className, IconWrapper_default.wrapper), children });
+  return /* @__PURE__ */ jsx47("div", { className: cn44(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts
-import { cn as cn44 } from "@boostdev/design-system-foundation";
+import { cn as cn45 } from "@boostdev/design-system-foundation";
 export {
   Accordion,
   Alert,
@@ -2271,6 +2313,7 @@ export {
   Card,
   Carousel,
   Checkbox,
+  Collapsible,
   Combobox,
   Command,
   DescriptionList,
@@ -2303,6 +2346,6 @@ export {
   ToastProvider,
   Tooltip,
   Typography,
-  cn44 as cn,
+  cn45 as cn,
   useToast
 };