@boostdev/design-system-components 0.1.13 → 0.1.15

package/dist/index.cjs

@@ -31,6 +31,7 @@ __export(index_exports, {
   Card: () => Card,
   Carousel: () => Carousel,
   Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
   Combobox: () => Combobox,
   Command: () => Command,
   DescriptionList: () => DescriptionList,
@@ -63,7 +64,7 @@ __export(index_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   Typography: () => Typography,
-  cn: () => import_design_system_foundation44.cn,
+  cn: () => import_design_system_foundation45.cn,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -72,7 +73,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("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
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -140,7 +141,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
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -183,7 +184,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
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -209,7 +210,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
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -219,7 +220,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
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -234,15 +235,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
+var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Collapsible({
+  summary,
+  children,
+  open,
+  defaultOpen,
+  onToggle,
+  name,
+  className,
+  ...rest
+}) {
+  const handleToggle = (e) => {
+    onToggle?.(e.currentTarget.open);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "details",
+    {
+      className: (0, import_design_system_foundation6.cn)(Collapsible_default.collapsible, className),
+      open: open ?? defaultOpen,
+      name,
+      onToggle: handleToggle,
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { className: Collapsible_default.summary, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Collapsible_default.summaryContent, children: summary }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Collapsible_default.icon, "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: Collapsible_default.content, children })
+      ]
+    }
+  );
+}
+
 // src/components/ui/Calendar/Calendar.tsx
 var import_react2 = require("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
-var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = [
   "January",
@@ -329,54 +368,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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_design_system_foundation6.cn)(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_design_system_foundation7.cn)(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "button",
         {
           type: "button",
           className: Calendar_default.navBtn,
           "aria-label": "Previous month",
           onClick: () => navigate(-1),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
         MONTHS[viewMonth],
         " ",
         viewYear
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "button",
         {
           type: "button",
           className: Calendar_default.navBtn,
           "aria-label": "Next month",
           onClick: () => navigate(1),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "table",
       {
         className: Calendar_default.grid,
         role: "grid",
         "aria-labelledby": titleId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tr", { children: DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
-            if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
+            if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("td", { role: "gridcell", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { role: "gridcell", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
-                className: (0, import_design_system_foundation6.cn)(
+                className: (0, import_design_system_foundation7.cn)(
                   Calendar_default.day,
                   isSelected && Calendar_default.selected,
                   isToday && !isSelected && Calendar_default.today,
@@ -404,11 +443,11 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 var import_react3 = require("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
-var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Carousel({ items, label, className }) {
   const trackRef = (0, import_react3.useRef)(null);
   const listId = (0, import_react3.useId)();
@@ -420,61 +459,61 @@ function Carousel({ items, label, className }) {
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { "aria-label": label, className: (0, import_design_system_foundation7.cn)(Carousel_default.carousel, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { "aria-label": label, className: (0, import_design_system_foundation8.cn)(Carousel_default.carousel, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation7.cn)(Carousel_default.navBtn, Carousel_default["--prev"]),
+        className: (0, import_design_system_foundation8.cn)(Carousel_default.navBtn, Carousel_default["--prev"]),
         "aria-label": "Previous",
         "aria-controls": listId,
         onClick: () => scroll("prev"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       {
         ref: trackRef,
         id: listId,
         role: "list",
         className: Carousel_default.track,
-        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
+        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation7.cn)(Carousel_default.navBtn, Carousel_default["--next"]),
+        className: (0, import_design_system_foundation8.cn)(Carousel_default.navBtn, Carousel_default["--next"]),
         "aria-label": "Next",
         "aria-controls": listId,
         onClick: () => scroll("next"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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
-var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function DescriptionList({ items, layout = "stacked", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dl", { className: (0, import_design_system_foundation8.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: DescriptionList_default.group, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
-    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("dd", { className: DescriptionList_default.details, children: item.details })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { className: (0, import_design_system_foundation9.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: DescriptionList_default.group, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
+    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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
-var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Link({
   as,
   children,
@@ -486,36 +525,36 @@ function Link({
 }) {
   const Component = as ?? "a";
   const externalProps = external ? { target: "_blank", rel: "noreferrer noopener" } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     Component,
     {
-      className: (0, import_design_system_foundation9.cn)(Link_default.link, Link_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation10.cn)(Link_default.link, Link_default[`--variant_${variant}`], className),
       ...externalProps,
       ...props,
       children: [
         children,
-        external && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Link_default.externalLabel, children: externalLabel })
+        external && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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
-var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Loading({ size = "medium", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_design_system_foundation10.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_design_system_foundation11.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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
-var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function NotificationBanner({
   variant = "info",
   children,
@@ -524,24 +563,24 @@ function NotificationBanner({
   className
 }) {
   const isUrgent = variant === "error" || variant === "warning";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: (0, import_design_system_foundation11.cn)(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation12.cn)(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: NotificationBanner_default.content, children }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: NotificationBanner_default.action, children: action }),
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: NotificationBanner_default.content, children }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: NotificationBanner_default.action, children: action }),
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "button",
             className: NotificationBanner_default.dismiss,
             onClick: onDismiss,
             "aria-label": "Dismiss notification",
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         )
       ]
@@ -550,11 +589,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
-var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function getPageRange(current, total) {
   const delta = 1;
   const range = [];
@@ -574,24 +613,24 @@ function Pagination({
   className
 }) {
   const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { "aria-label": "Pagination", className: (0, import_design_system_foundation12.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("ul", { className: Pagination_default.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": "Pagination", className: (0, import_design_system_foundation13.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: Pagination_default.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation12.cn)(Pagination_default.button, Pagination_default["--nav"]),
+        className: (0, import_design_system_foundation13.cn)(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage <= 1,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ) }),
     pages.map(
-      (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           type: "button",
-          className: (0, import_design_system_foundation12.cn)(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
+          className: (0, import_design_system_foundation13.cn)(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
           onClick: () => onPageChange(page),
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
@@ -599,26 +638,26 @@ function Pagination({
         }
       ) }, page)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation12.cn)(Pagination_default.button, Pagination_default["--nav"]),
+        className: (0, import_design_system_foundation13.cn)(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage >= totalPages,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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
-var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Progress({
   value,
   max = 100,
@@ -628,15 +667,15 @@ function Progress({
   className
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_design_system_foundation13.cn)(Progress_default.container, className), children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: Progress_default.labelRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: Progress_default.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: Progress_default.value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_design_system_foundation14.cn)(Progress_default.container, className), children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: Progress_default.labelRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: Progress_default.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: Progress_default.value, children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         role: "progressbar",
@@ -644,19 +683,19 @@ function Progress({
         "aria-valuenow": value,
         "aria-valuemin": 0,
         "aria-valuemax": max,
-        className: (0, import_design_system_foundation13.cn)(Progress_default.track, Progress_default[`--size_${size}`]),
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
+        className: (0, import_design_system_foundation14.cn)(Progress_default.track, Progress_default[`--size_${size}`]),
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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
-var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var SIZE_PX = { small: 40, medium: 64, large: 96 };
 var STROKE_WIDTH = 4;
 function ProgressCircle({
@@ -673,7 +712,7 @@ function ProgressCircle({
   const circumference = 2 * Math.PI * radius;
   const offset = circumference - percentage / 100 * circumference;
   const cx = px / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       role: "progressbar",
@@ -681,9 +720,9 @@ function ProgressCircle({
       "aria-valuenow": value,
       "aria-valuemin": 0,
       "aria-valuemax": max,
-      className: (0, import_design_system_foundation14.cn)(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
+      className: (0, import_design_system_foundation15.cn)(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "svg",
           {
             width: px,
@@ -692,7 +731,7 @@ function ProgressCircle({
             "aria-hidden": "true",
             className: ProgressCircle_default.svg,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "circle",
                 {
                   className: ProgressCircle_default.track,
@@ -703,7 +742,7 @@ function ProgressCircle({
                   fill: "none"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "circle",
                 {
                   className: ProgressCircle_default.fill,
@@ -721,7 +760,7 @@ function ProgressCircle({
             ]
           }
         ),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
           Math.round(percentage),
           "%"
         ] })
@@ -731,52 +770,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
-var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Separator({ orientation = "horizontal", className }) {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         role: "separator",
         "aria-orientation": "vertical",
-        className: (0, import_design_system_foundation15.cn)(Separator_default.separator, Separator_default["--vertical"], className)
+        className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--vertical"], className)
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", { className: (0, import_design_system_foundation15.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("hr", { className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
 }
 
 // src/components/ui/Skeleton/Skeleton.tsx
-var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation17 = require("@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
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Skeleton({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "aria-hidden": "true", className: (0, import_design_system_foundation16.cn)(Skeleton_default.skeleton, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "aria-hidden": "true", className: (0, import_design_system_foundation17.cn)(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
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function SkipLink({ href = "#main", children = "Skip to main content" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("a", { href, className: SkipLink_default.skipLink, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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
-var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Table({
   columns,
   rows,
@@ -795,15 +834,15 @@ function Table({
     if (sortKey !== key) return "none";
     return sortDirection === "asc" ? "ascending" : "descending";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: (0, import_design_system_foundation17.cn)(Table_default.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: Table_default.table, children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("caption", { className: Table_default.caption, children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { className: Table_default.thead, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_design_system_foundation18.cn)(Table_default.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: Table_default.table, children: [
+    caption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("caption", { className: Table_default.caption, children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { className: Table_default.thead, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "th",
       {
         scope: "col",
         "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
-        className: (0, import_design_system_foundation17.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
-        children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        className: (0, import_design_system_foundation18.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+        children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "button",
           {
             type: "button",
@@ -811,11 +850,11 @@ function Table({
             onClick: () => handleSort(col.key),
             children: [
               col.header,
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "svg",
                 {
                   "aria-hidden": "true",
-                  className: (0, import_design_system_foundation17.cn)(
+                  className: (0, import_design_system_foundation18.cn)(
                     Table_default.sortIcon,
                     sortKey === col.key ? Table_default["--sort-active"] : void 0,
                     sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
@@ -824,7 +863,7 @@ function Table({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "2",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
                 }
               )
             ]
@@ -833,7 +872,7 @@ function Table({
       },
       col.key
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
   ] }) });
 }
 
@@ -841,11 +880,11 @@ function Table({
 var import_react4 = require("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
-var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Tabs({ tabs, defaultTab, className }) {
   const baseId = (0, import_react4.useId)();
   const [activeTab, setActiveTab] = (0, import_react4.useState)(defaultTab ?? tabs[0]?.id);
@@ -871,12 +910,12 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_design_system_foundation18.cn)(Tabs_default.tabs, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_design_system_foundation19.cn)(Tabs_default.tabs, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
       const isActive = activeTab === tab.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "button",
         {
           ref: (el) => {
@@ -889,7 +928,7 @@ function Tabs({ tabs, defaultTab, className }) {
           "aria-controls": panelId,
           tabIndex: isActive ? 0 : -1,
           disabled: tab.disabled,
-          className: (0, import_design_system_foundation18.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          className: (0, import_design_system_foundation19.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
           children: tab.label
@@ -901,7 +940,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__ */ (0, import_jsx_runtime19.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "div",
         {
           id: panelId,
@@ -922,11 +961,11 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("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
-var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Tooltip({
   content,
   placement = "top",
@@ -937,14 +976,14 @@ function Tooltip({
   const trigger = (0, import_react5.isValidElement)(children) ? (0, import_react5.cloneElement)(children, {
     "aria-describedby": tooltipId
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: (0, import_design_system_foundation19.cn)(Tooltip_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: (0, import_design_system_foundation20.cn)(Tooltip_default.wrapper, className), children: [
     trigger,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "span",
       {
         id: tooltipId,
         role: "tooltip",
-        className: (0, import_design_system_foundation19.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+        className: (0, import_design_system_foundation20.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
         children: content
       }
     )
@@ -952,11 +991,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
-var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var variantToElement = {
   h1: "h1",
   h2: "h2",
@@ -966,15 +1005,15 @@ var variantToElement = {
 };
 function Typography({ variant = "body", component, children, className }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Component, { className: (0, import_design_system_foundation20.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { className: (0, import_design_system_foundation21.cn)(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
-var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Button({
   children,
   className,
@@ -991,7 +1030,7 @@ function Button({
   onClick,
   ...rest
 }) {
-  const classNames = (0, import_design_system_foundation21.cn)(
+  const classNames = (0, import_design_system_foundation22.cn)(
     Button_default.button,
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
@@ -1008,13 +1047,13 @@ function Button({
   const handleButtonClick = (e) => {
     onClick?.(e);
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    Boolean(iconStart) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.prefix, children: iconStart }),
+  const content = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    Boolean(iconStart) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Button_default.prefix, children: iconStart }),
     children,
-    Boolean(iconEnd) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.suffix, children: iconEnd })
+    Boolean(iconEnd) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Button_default.suffix, children: iconEnd })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "a",
       {
         className: classNames,
@@ -1029,7 +1068,7 @@ function Button({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "button",
     {
       type,
@@ -1046,11 +1085,11 @@ function Button({
 var import_react6 = require("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
-var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Command({
   isOpen,
   onClose,
@@ -1117,20 +1156,20 @@ function Command({
     item.onSelect();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation22.cn)(Command_default.dialog, className),
+      className: (0, import_design_system_foundation23.cn)(Command_default.dialog, className),
       "aria-label": "Command palette",
       onCancel: handleCancel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: Command_default.searchRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.searchRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "input",
             {
               ref: inputRef,
@@ -1146,32 +1185,32 @@ function Command({
               onChange: (e) => setQuery(e.target.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("kbd", { className: Command_default.escHint, children: "Esc" })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: Command_default.escHint, children: "Esc" })
         ] }),
-        filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { role: "presentation", children: [
-          group && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: Command_default.group, role: "presentation", children: group }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
+        filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { role: "presentation", children: [
+          group && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: Command_default.group, role: "presentation", children: group }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "li",
               {
                 id: `cmd-${item.id}`,
                 role: "option",
                 "aria-selected": isActive,
-                className: (0, import_design_system_foundation22.cn)(Command_default.item, isActive && Command_default.itemActive),
+                className: (0, import_design_system_foundation23.cn)(Command_default.item, isActive && Command_default.itemActive),
                 onPointerDown: (e) => e.preventDefault(),
                 onClick: () => selectItem(item),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Command_default.itemLabel, children: item.label }),
-                  item.description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Command_default.itemDesc, children: item.description }),
-                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("kbd", { className: Command_default.shortcut, children: item.shortcut })
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: Command_default.itemLabel, children: item.label }),
+                  item.description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: Command_default.itemDesc, children: item.description }),
+                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: Command_default.shortcut, children: item.shortcut })
                 ]
               },
               item.id
             );
           }) })
-        ] }, group)) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: Command_default.empty, "aria-live": "polite", children: [
+        ] }, group)) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.empty, "aria-live": "polite", children: [
           "No results for \u201C",
           query,
           "\u201D"
@@ -1185,11 +1224,11 @@ function Command({
 var import_react7 = require("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
-var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Dialog({ children, isOpen = false, className, onClose }) {
   const dialogRef = (0, import_react7.useRef)(null);
   (0, import_react7.useEffect)(() => {
@@ -1213,25 +1252,25 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     e.preventDefault();
     onClose?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation23.cn)(className, Dialog_default.dialog),
+      className: (0, import_design_system_foundation24.cn)(className, Dialog_default.dialog),
       onClick: handleBackdropClick,
       onCancel: handleCancel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "button",
           {
             type: "submit",
             className: Dialog_default.closeButton,
             onClick: onClose,
             "aria-label": "Close dialog",
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: Dialog_default.dialogContent, children })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: Dialog_default.dialogContent, children })
       ]
     }
   );
@@ -1241,17 +1280,18 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 var import_react8 = require("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
-var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Drawer({
   isOpen,
   onClose,
   title,
   children,
   side = "right",
+  arialLabel = "",
   className
 }) {
   const dialogRef = (0, import_react8.useRef)(null);
@@ -1271,29 +1311,29 @@ function Drawer({
     e.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "dialog",
     {
       ref: dialogRef,
-      className: (0, import_design_system_foundation24.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
-      "aria-label": title,
+      className: (0, import_design_system_foundation25.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      "aria-label": arialLabel,
       onClick: handleClick,
       onCancel: handleCancel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: Drawer_default.panel, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: Drawer_default.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: Drawer_default.title, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.panel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.header, children: [
+          !!title && title,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "button",
             {
               type: "button",
               className: Drawer_default.closeButton,
               onClick: onClose,
               "aria-label": "Close drawer",
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: Drawer_default.body, children })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Drawer_default.body, children })
       ] })
     }
   );
@@ -1303,11 +1343,11 @@ function Drawer({
 var import_react9 = require("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
-var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DropdownMenu({
   trigger,
   items,
@@ -1375,17 +1415,17 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { ref: containerRef, className: (0, import_design_system_foundation25.cn)(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref: containerRef, className: (0, import_design_system_foundation26.cn)(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "ul",
       {
         id: menuId,
         role: "menu",
-        className: (0, import_design_system_foundation25.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
-        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("li", { role: "presentation", children: [
-          item.separator && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        className: (0, import_design_system_foundation26.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
+        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { role: "presentation", children: [
+          item.separator && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "button",
             {
               ref: (el) => {
@@ -1401,7 +1441,7 @@ function DropdownMenu({
               },
               onKeyDown: (e) => handleItemKeyDown(e, index),
               children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
                 item.label
               ]
             }
@@ -1416,11 +1456,11 @@ function DropdownMenu({
 var import_react10 = require("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
-var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Popover({
   children,
   content,
@@ -1456,15 +1496,15 @@ function Popover({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { ref: containerRef, className: (0, import_design_system_foundation26.cn)(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ref: containerRef, className: (0, import_design_system_foundation27.cn)(Popover_default.wrapper, className), children: [
     trigger,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         id: panelId,
         role: "dialog",
         "aria-modal": "false",
-        className: (0, import_design_system_foundation26.cn)(Popover_default.panel, Popover_default[`--placement_${placement}`]),
+        className: (0, import_design_system_foundation27.cn)(Popover_default.panel, Popover_default[`--placement_${placement}`]),
         children: content
       }
     )
@@ -1472,26 +1512,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
-var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Rating({ value, max = 5, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
-      className: (0, import_design_system_foundation27.cn)(Rating_default.rating, className),
+      className: (0, import_design_system_foundation28.cn)(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
-      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "svg",
         {
           "aria-hidden": "true",
-          className: (0, import_design_system_foundation27.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
+          className: (0, import_design_system_foundation28.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
         },
         i
       ))
@@ -1503,11 +1543,11 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("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
-var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ToastContext = (0, import_react11.createContext)(void 0);
 function ToastProvider({ children }) {
   const [toasts, setToasts] = (0, import_react11.useState)([]);
@@ -1519,9 +1559,9 @@ function ToastProvider({ children }) {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
   const value = (0, import_react11.useMemo)(() => ({ showToast }), [showToast]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       ToastItem,
       {
         toast,
@@ -1536,9 +1576,9 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: (0, import_design_system_foundation28.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: Toast_default.message, children: toast.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_design_system_foundation29.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: Toast_default.message, children: toast.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
   ] });
 }
 function useToast() {
@@ -1553,50 +1593,50 @@ function useToast() {
 var import_react12 = require("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
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Message = ({ message, type, inputId }) => {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: inputId + type, className: Message_default[type], children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Label = ({ label, id }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: id, className: Label_default.label, children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { htmlFor: id, className: Label_default.label, children: label });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation31 = require("@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
-var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_design_system_foundation29.cn)(InputContainer_default.container, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_design_system_foundation30.cn)(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Checkbox({ label, name, error, hint, className, ...props }) {
   const id = name + (0, import_react12.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(InputContainer, { className: (0, import_design_system_foundation30.cn)(Checkbox_default.checkboxGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(InputContainer, { className: (0, import_design_system_foundation31.cn)(Checkbox_default.checkboxGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
@@ -1604,14 +1644,14 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
           type: "checkbox",
           id,
           name,
-          className: (0, import_design_system_foundation30.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
+          className: (0, import_design_system_foundation31.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Label, { id, label })
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label, { id, label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1619,11 +1659,11 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("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
-var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Combobox({
   label,
   name,
@@ -1701,10 +1741,10 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(InputContainer, { className: (0, import_design_system_foundation31.cn)(Combobox_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(InputContainer, { className: (0, import_design_system_foundation32.cn)(Combobox_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "input",
         {
           ref: inputRef,
@@ -1723,28 +1763,28 @@ function Combobox({
           placeholder,
           value: inputValue,
           disabled,
-          className: (0, import_design_system_foundation31.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: (0, import_design_system_foundation32.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
+      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "ul",
         {
           id: listboxId,
           role: "listbox",
           "aria-label": String(label),
           className: Combobox_default.listbox,
-          children: filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          children: filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "li",
             {
               id: getOptionId(index),
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: (0, import_design_system_foundation31.cn)(
+              className: (0, import_design_system_foundation32.cn)(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1761,8 +1801,8 @@ function Combobox({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1770,11 +1810,11 @@ function Combobox({
 var import_react14 = require("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
-var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function FileInput({
   label,
   name,
@@ -1822,24 +1862,24 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(InputContainer, { className: (0, import_design_system_foundation32.cn)(FileInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Label, { id: uid, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation33.cn)(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id: uid, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "label",
       {
         htmlFor: uid,
-        className: (0, import_design_system_foundation32.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: (0, import_design_system_foundation33.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { children: "Click to upload" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { children: "Click to upload" }),
             " or drag and drop"
           ] }) }),
-          accept && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          accept && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "input",
             {
               ref: inputRef,
@@ -1858,8 +1898,8 @@ function FileInput({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
@@ -1867,11 +1907,11 @@ function FileInput({
 var import_react15 = require("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
-var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function FormInput({
   label,
   name,
@@ -1885,9 +1925,9 @@ function FormInput({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation33.cn)(FormInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(FormInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "input",
       {
         "aria-invalid": !!error,
@@ -1895,12 +1935,12 @@ function FormInput({
         "aria-label": ariaLabel,
         id,
         name,
-        className: (0, import_design_system_foundation33.cn)(FormInput_default.input, error && FormInput_default.inputError),
+        className: (0, import_design_system_foundation34.cn)(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -1908,11 +1948,11 @@ function FormInput({
 var import_react16 = require("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
-var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function NumberInput({
   label,
   name,
@@ -1944,10 +1984,10 @@ function NumberInput({
     if (!isControlled) setInternalValue(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(NumberInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Label, { id: uid, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: NumberInput_default.inputRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation35.cn)(NumberInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id: uid, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: NumberInput_default.inputRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
@@ -1956,10 +1996,10 @@ function NumberInput({
           disabled: disabled || min !== void 0 && currentValue <= min,
           onClick: () => adjust(-step),
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "input",
         {
           ref: inputRef,
@@ -1973,7 +2013,7 @@ function NumberInput({
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: (0, import_design_system_foundation34.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: (0, import_design_system_foundation35.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
             const v = parseFloat(e.target.value);
             if (!isControlled) setInternalValue(isNaN(v) ? 0 : v);
@@ -1981,7 +2021,7 @@ function NumberInput({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
@@ -1990,12 +2030,12 @@ function NumberInput({
           disabled: disabled || max !== void 0 && currentValue >= max,
           onClick: () => adjust(step),
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
@@ -2003,19 +2043,19 @@ function NumberInput({
 var import_react17 = require("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
-var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-function Radio({ label, name, error, hint, className, ...props }) {
+var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function Radio({ label, name, description, error, hint, className, ...props }) {
   const id = name + (0, import_react17.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation35.cn)(Radio_default.radioGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Radio_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: Radio_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
@@ -2023,14 +2063,17 @@ function Radio({ label, name, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: (0, import_design_system_foundation35.cn)(Radio_default.radio, error && Radio_default.radioError),
+          className: (0, import_design_system_foundation36.cn)(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: Radio_default.textWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: Radio_default.description, children: description })
+      ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2038,11 +2081,11 @@ function Radio({ label, name, error, hint, className, ...props }) {
 var import_react18 = require("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
-var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Select({
   label,
   name,
@@ -2057,28 +2100,28 @@ function Select({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Select_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: Select_default.selectWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(Select_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         "select",
         {
           id,
           name,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: (0, import_design_system_foundation36.cn)(Select_default.select, error ? Select_default.selectError : void 0),
+          className: (0, import_design_system_foundation37.cn)(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
-            placeholder && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value, disabled, children: optLabel }, value))
+            placeholder && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
+            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value, disabled, children: optLabel }, value))
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2086,11 +2129,11 @@ function Select({
 var import_react19 = require("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
-var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Slider({
   label,
   name,
@@ -2115,12 +2158,12 @@ function Slider({
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(Slider_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: Slider_default.labelRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id, label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: Slider_default.value, children: currentValue })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Slider_default.labelRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Slider_default.value, children: currentValue })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "input",
       {
         type: "range",
@@ -2132,14 +2175,14 @@ function Slider({
         "aria-valuemin": min,
         "aria-valuemax": max,
         "aria-valuenow": currentValue,
-        className: (0, import_design_system_foundation37.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        className: (0, import_design_system_foundation38.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
         style: { "--slider_fill": `${fillPct}%` },
         onChange: handleChange,
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2147,11 +2190,11 @@ function Slider({
 var import_react20 = require("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
-var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Switch({
   label,
   name,
@@ -2165,10 +2208,10 @@ function Switch({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Switch_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Switch_default.trackWrapper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: Switch_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "checkbox",
@@ -2176,16 +2219,16 @@ function Switch({
             id,
             name,
             "aria-describedby": describedBy,
-            className: (0, import_design_system_foundation38.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            className: (0, import_design_system_foundation39.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
             ...props
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Switch_default.thumb }) })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: Switch_default.thumb }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label })
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id, label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
@@ -2193,11 +2236,11 @@ function Switch({
 var import_react21 = require("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
-var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Textarea({
   label,
   name,
@@ -2210,40 +2253,40 @@ function Textarea({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(Textarea_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation40.cn)(Textarea_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "textarea",
       {
         id,
         name,
         "aria-invalid": !!error,
         "aria-describedby": describedBy,
-        className: (0, import_design_system_foundation39.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        className: (0, import_design_system_foundation40.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(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
-var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function ButtonGroup({ children, className, variant }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: (0, import_design_system_foundation40.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: ButtonGroup_default.container, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: (0, import_design_system_foundation41.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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
-var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Card({
   children,
   className,
@@ -2254,7 +2297,7 @@ function Card({
   onClick,
   "aria-label": ariaLabel
 }) {
-  const classNames = (0, import_design_system_foundation41.cn)(
+  const classNames = (0, import_design_system_foundation42.cn)(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2263,7 +2306,7 @@ function Card({
     className
   );
   const Component = onClick ? "button" : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Component,
     {
       className: classNames,
@@ -2277,11 +2320,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
-var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function SectionHeader({
   title,
   subtitle,
@@ -2291,24 +2334,24 @@ function SectionHeader({
   titleAs = "h2"
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("header", { className: (0, import_design_system_foundation42.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("header", { className: (0, import_design_system_foundation43.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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
-var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function IconWrapper({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: (0, import_design_system_foundation43.cn)(className, IconWrapper_default.wrapper), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: (0, import_design_system_foundation44.cn)(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts
-var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -2322,6 +2365,7 @@ var import_design_system_foundation44 = require("@boostdev/design-system-foundat
   Card,
   Carousel,
   Checkbox,
+  Collapsible,
   Combobox,
   Command,
   DescriptionList,