@boostdev/design-system-components 0.1.14 → 0.1.16

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":"bds0114Accordion-accordion","item":"bds0114Accordion-item","heading":"bds0114Accordion-heading","trigger":"bds0114Accordion-trigger","triggerLabel":"bds0114Accordion-triggerLabel","chevron":"bds0114Accordion-chevron","--open":"bds0114Accordion---open","panel":"bds0114Accordion-panel","panelContent":"bds0114Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds0116Accordion-accordion","item":"bds0116Accordion-item","heading":"bds0116Accordion-heading","trigger":"bds0116Accordion-trigger","triggerLabel":"bds0116Accordion-triggerLabel","chevron":"bds0116Accordion-chevron","--open":"bds0116Accordion---open","panel":"bds0116Accordion-panel","panelContent":"bds0116Accordion-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":"bds0114Alert-alert","--variant_info":"bds0114Alert---variant_info","--variant_success":"bds0114Alert---variant_success","--variant_warning":"bds0114Alert---variant_warning","--variant_error":"bds0114Alert---variant_error","icon":"bds0114Alert-icon","content":"bds0114Alert-content","title":"bds0114Alert-title","dismiss":"bds0114Alert-dismiss"};
+var Alert_default = {"alert":"bds0116Alert-alert","--variant_info":"bds0116Alert---variant_info","--variant_success":"bds0116Alert---variant_success","--variant_warning":"bds0116Alert---variant_warning","--variant_error":"bds0116Alert---variant_error","icon":"bds0116Alert-icon","content":"bds0116Alert-content","title":"bds0116Alert-title","dismiss":"bds0116Alert-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":"bds0114Avatar-avatar","--fallback":"bds0114Avatar---fallback","--size_small":"bds0114Avatar---size_small","--size_medium":"bds0114Avatar---size_medium","--size_large":"bds0114Avatar---size_large","image":"bds0114Avatar-image","initials":"bds0114Avatar-initials"};
+var Avatar_default = {"avatar":"bds0116Avatar-avatar","--fallback":"bds0116Avatar---fallback","--size_small":"bds0116Avatar---size_small","--size_medium":"bds0116Avatar---size_medium","--size_large":"bds0116Avatar---size_large","image":"bds0116Avatar-image","initials":"bds0116Avatar-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":"bds0114Badge-badge","--variant_primary":"bds0114Badge---variant_primary","--variant_secondary":"bds0114Badge---variant_secondary","--variant_success":"bds0114Badge---variant_success","--variant_error":"bds0114Badge---variant_error","--variant_warning":"bds0114Badge---variant_warning"};
+var Badge_default = {"badge":"bds0116Badge-badge","--variant_primary":"bds0116Badge---variant_primary","--variant_secondary":"bds0116Badge---variant_secondary","--variant_success":"bds0116Badge---variant_success","--variant_error":"bds0116Badge---variant_error","--variant_warning":"bds0116Badge---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":"bds0114Breadcrumb-breadcrumb","list":"bds0114Breadcrumb-list","item":"bds0114Breadcrumb-item","link":"bds0114Breadcrumb-link","separator":"bds0114Breadcrumb-separator","current":"bds0114Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds0116Breadcrumb-breadcrumb","list":"bds0116Breadcrumb-list","item":"bds0116Breadcrumb-item","link":"bds0116Breadcrumb-link","separator":"bds0116Breadcrumb-separator","current":"bds0116Breadcrumb-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":"bds0116Collapsible-collapsible","summary":"bds0116Collapsible-summary","summaryContent":"bds0116Collapsible-summaryContent","icon":"bds0116Collapsible-icon","content":"bds0116Collapsible-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":"bds0114Calendar-calendar","header":"bds0114Calendar-header","monthYear":"bds0114Calendar-monthYear","navBtn":"bds0114Calendar-navBtn","grid":"bds0114Calendar-grid","weekday":"bds0114Calendar-weekday","empty":"bds0114Calendar-empty","day":"bds0114Calendar-day","disabled":"bds0114Calendar-disabled","selected":"bds0114Calendar-selected","today":"bds0114Calendar-today"};
+var Calendar_default = {"calendar":"bds0116Calendar-calendar","header":"bds0116Calendar-header","monthYear":"bds0116Calendar-monthYear","navBtn":"bds0116Calendar-navBtn","grid":"bds0116Calendar-grid","weekday":"bds0116Calendar-weekday","empty":"bds0116Calendar-empty","day":"bds0116Calendar-day","disabled":"bds0116Calendar-disabled","selected":"bds0116Calendar-selected","today":"bds0116Calendar-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":"bds0114Carousel-carousel","track":"bds0114Carousel-track","slide":"bds0114Carousel-slide","navBtn":"bds0114Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds0116Carousel-carousel","track":"bds0116Carousel-track","slide":"bds0116Carousel-slide","navBtn":"bds0116Carousel-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":"bds0114DescriptionList-list","group":"bds0114DescriptionList-group","term":"bds0114DescriptionList-term","details":"bds0114DescriptionList-details","--layout_inline":"bds0114DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds0116DescriptionList-list","group":"bds0116DescriptionList-group","term":"bds0116DescriptionList-term","details":"bds0116DescriptionList-details","--layout_inline":"bds0116DescriptionList---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":"bds0114Link-link","--variant_default":"bds0114Link---variant_default","--variant_subtle":"bds0114Link---variant_subtle","--variant_standalone":"bds0114Link---variant_standalone","externalLabel":"bds0114Link-externalLabel"};
+var Link_default = {"link":"bds0116Link-link","--variant_default":"bds0116Link---variant_default","--variant_subtle":"bds0116Link---variant_subtle","--variant_standalone":"bds0116Link---variant_standalone","externalLabel":"bds0116Link-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":"bds0114Loading-loading","spinner":"bds0114Loading-spinner","--size_small":"bds0114Loading---size_small","--size_large":"bds0114Loading---size_large"};
+var Loading_default = {"loading":"bds0116Loading-loading","spinner":"bds0116Loading-spinner","--size_small":"bds0116Loading---size_small","--size_large":"bds0116Loading---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":"bds0114NotificationBanner-banner","--variant_info":"bds0114NotificationBanner---variant_info","--variant_success":"bds0114NotificationBanner---variant_success","--variant_warning":"bds0114NotificationBanner---variant_warning","--variant_error":"bds0114NotificationBanner---variant_error","content":"bds0114NotificationBanner-content","action":"bds0114NotificationBanner-action","dismiss":"bds0114NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds0116NotificationBanner-banner","--variant_info":"bds0116NotificationBanner---variant_info","--variant_success":"bds0116NotificationBanner---variant_success","--variant_warning":"bds0116NotificationBanner---variant_warning","--variant_error":"bds0116NotificationBanner---variant_error","content":"bds0116NotificationBanner-content","action":"bds0116NotificationBanner-action","dismiss":"bds0116NotificationBanner-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":"bds0114Pagination-pagination","list":"bds0114Pagination-list","button":"bds0114Pagination-button","--active":"bds0114Pagination---active","--nav":"bds0114Pagination---nav","ellipsis":"bds0114Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds0116Pagination-pagination","list":"bds0116Pagination-list","button":"bds0116Pagination-button","--active":"bds0116Pagination---active","--nav":"bds0116Pagination---nav","ellipsis":"bds0116Pagination-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":"bds0114Progress-container","labelRow":"bds0114Progress-labelRow","label":"bds0114Progress-label","value":"bds0114Progress-value","track":"bds0114Progress-track","--size_small":"bds0114Progress---size_small","--size_medium":"bds0114Progress---size_medium","--size_large":"bds0114Progress---size_large","fill":"bds0114Progress-fill"};
+var Progress_default = {"container":"bds0116Progress-container","labelRow":"bds0116Progress-labelRow","value":"bds0116Progress-value","track":"bds0116Progress-track","--size_small":"bds0116Progress---size_small","--size_medium":"bds0116Progress---size_medium","--size_large":"bds0116Progress---size_large","fill":"bds0116Progress-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":"bds0114ProgressCircle-wrapper","svg":"bds0114ProgressCircle-svg","track":"bds0114ProgressCircle-track","fill":"bds0114ProgressCircle-fill","value":"bds0114ProgressCircle-value","--size_small":"bds0114ProgressCircle---size_small","--size_medium":"bds0114ProgressCircle---size_medium","--size_large":"bds0114ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds0116ProgressCircle-wrapper","svg":"bds0116ProgressCircle-svg","track":"bds0116ProgressCircle-track","fill":"bds0116ProgressCircle-fill","value":"bds0116ProgressCircle-value","--size_small":"bds0116ProgressCircle---size_small","--size_medium":"bds0116ProgressCircle---size_medium","--size_large":"bds0116ProgressCircle---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":"bds0114Separator-separator","--horizontal":"bds0114Separator---horizontal","--vertical":"bds0114Separator---vertical"};
+var Separator_default = {"separator":"bds0116Separator-separator","--horizontal":"bds0116Separator---horizontal","--vertical":"bds0116Separator---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":"bds0114Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds0116Skeleton-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":"bds0114SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds0116SkipLink-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":"bds0114Table-wrapper","table":"bds0114Table-table","caption":"bds0114Table-caption","thead":"bds0114Table-thead","th":"bds0114Table-th","--sortable":"bds0114Table---sortable","sortButton":"bds0114Table-sortButton","sortIcon":"bds0114Table-sortIcon","--sort-active":"bds0114Table---sort-active","--sort-desc":"bds0114Table---sort-desc","tbody":"bds0114Table-tbody","tr":"bds0114Table-tr","td":"bds0114Table-td"};
+var Table_default = {"wrapper":"bds0116Table-wrapper","table":"bds0116Table-table","caption":"bds0116Table-caption","thead":"bds0116Table-thead","th":"bds0116Table-th","--sortable":"bds0116Table---sortable","sortButton":"bds0116Table-sortButton","sortIcon":"bds0116Table-sortIcon","--sort-active":"bds0116Table---sort-active","--sort-desc":"bds0116Table---sort-desc","tbody":"bds0116Table-tbody","tr":"bds0116Table-tr","td":"bds0116Table-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":"bds0114Tabs-tabs","tabList":"bds0114Tabs-tabList","tab":"bds0114Tabs-tab","--active":"bds0114Tabs---active","panel":"bds0114Tabs-panel"};
+var Tabs_default = {"tabs":"bds0116Tabs-tabs","tabList":"bds0116Tabs-tabList","tab":"bds0116Tabs-tab","--active":"bds0116Tabs---active","panel":"bds0116Tabs-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":"bds0114Tooltip-wrapper","tooltip":"bds0114Tooltip-tooltip","--placement_top":"bds0114Tooltip---placement_top","--placement_bottom":"bds0114Tooltip---placement_bottom","--placement_left":"bds0114Tooltip---placement_left","--placement_right":"bds0114Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds0116Tooltip-wrapper","tooltip":"bds0116Tooltip-tooltip","--placement_top":"bds0116Tooltip---placement_top","--placement_bottom":"bds0116Tooltip---placement_bottom","--placement_left":"bds0116Tooltip---placement_left","--placement_right":"bds0116Tooltip---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":"bds0114Typography-typography","--h1":"bds0114Typography---h1","--h2":"bds0114Typography---h2","--h3":"bds0114Typography---h3","--body":"bds0114Typography---body","--body_s":"bds0114Typography---body_s"};
+var Typography_default = {"typography":"bds0116Typography-typography","--h1":"bds0116Typography---h1","--h2":"bds0116Typography---h2","--h3":"bds0116Typography---h3","--body":"bds0116Typography---body","--body_s":"bds0116Typography---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":"bds0114Button-button","--primary":"bds0114Button---primary","--secondary":"bds0114Button---secondary","--size_small":"bds0114Button---size_small","--size_medium":"bds0114Button---size_medium","--size_large":"bds0114Button---size_large","--hasPulse":"bds0114Button---hasPulse","prefix":"bds0114Button-prefix","suffix":"bds0114Button-suffix"};
+var Button_default = {"button":"bds0116Button-button","--primary":"bds0116Button---primary","--secondary":"bds0116Button---secondary","--size_small":"bds0116Button---size_small","--size_medium":"bds0116Button---size_medium","--size_large":"bds0116Button---size_large","--hasPulse":"bds0116Button---hasPulse","prefix":"bds0116Button-prefix","suffix":"bds0116Button-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":"bds0114Command-dialog","palette":"bds0114Command-palette","searchRow":"bds0114Command-searchRow","searchIcon":"bds0114Command-searchIcon","search":"bds0114Command-search","escHint":"bds0114Command-escHint","list":"bds0114Command-list","groupList":"bds0114Command-groupList","group":"bds0114Command-group","item":"bds0114Command-item","itemActive":"bds0114Command-itemActive","itemLabel":"bds0114Command-itemLabel","itemDesc":"bds0114Command-itemDesc","shortcut":"bds0114Command-shortcut","empty":"bds0114Command-empty"};
+var Command_default = {"dialog":"bds0116Command-dialog","palette":"bds0116Command-palette","searchRow":"bds0116Command-searchRow","searchIcon":"bds0116Command-searchIcon","search":"bds0116Command-search","escHint":"bds0116Command-escHint","list":"bds0116Command-list","groupList":"bds0116Command-groupList","group":"bds0116Command-group","item":"bds0116Command-item","itemActive":"bds0116Command-itemActive","itemLabel":"bds0116Command-itemLabel","itemDesc":"bds0116Command-itemDesc","shortcut":"bds0116Command-shortcut","empty":"bds0116Command-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":"bds0114Dialog-dialog","dialogContent":"bds0114Dialog-dialogContent","closeForm":"bds0114Dialog-closeForm","closeButton":"bds0114Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds0116Dialog-dialog","dialogContent":"bds0116Dialog-dialogContent","closeForm":"bds0116Dialog-closeForm","closeButton":"bds0116Dialog-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,11 +1280,11 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds0114Drawer-drawer","panel":"bds0114Drawer-panel","--side_right":"bds0114Drawer---side_right","--side_left":"bds0114Drawer---side_left","header":"bds0114Drawer-header","closeButton":"bds0114Drawer-closeButton","body":"bds0114Drawer-body"};
+var Drawer_default = {"drawer":"bds0116Drawer-drawer","panel":"bds0116Drawer-panel","--side_right":"bds0116Drawer---side_right","--side_left":"bds0116Drawer---side_left","header":"bds0116Drawer-header","closeButton":"bds0116Drawer-closeButton","body":"bds0116Drawer-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,
@@ -1272,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),
+      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: [
+      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_runtime25.jsx)(
+          /* @__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 })
       ] })
     }
   );
@@ -1304,11 +1343,11 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds0114DropdownMenu-wrapper","menu":"bds0114DropdownMenu-menu","--placement_bottom-start":"bds0114DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0114DropdownMenu---placement_bottom-end","separator":"bds0114DropdownMenu-separator","item":"bds0114DropdownMenu-item","icon":"bds0114DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds0116DropdownMenu-wrapper","menu":"bds0116DropdownMenu-menu","--placement_bottom-start":"bds0116DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0116DropdownMenu---placement_bottom-end","separator":"bds0116DropdownMenu-separator","item":"bds0116DropdownMenu-item","icon":"bds0116DropdownMenu-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,
@@ -1376,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) => {
@@ -1402,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
               ]
             }
@@ -1417,11 +1456,11 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds0114Popover-wrapper","panel":"bds0114Popover-panel","--placement_bottom":"bds0114Popover---placement_bottom","--placement_top":"bds0114Popover---placement_top","--placement_right":"bds0114Popover---placement_right","--placement_left":"bds0114Popover---placement_left"};
+var Popover_default = {"wrapper":"bds0116Popover-wrapper","panel":"bds0116Popover-panel","--placement_bottom":"bds0116Popover---placement_bottom","--placement_top":"bds0116Popover---placement_top","--placement_right":"bds0116Popover---placement_right","--placement_left":"bds0116Popover---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,
@@ -1457,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
       }
     )
@@ -1473,26 +1512,26 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds0114Rating-rating","star":"bds0114Rating-star","--filled":"bds0114Rating---filled"};
+var Rating_default = {"rating":"bds0116Rating-rating","star":"bds0116Rating-star","--filled":"bds0116Rating---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
       ))
@@ -1504,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":"bds0114Toast-toastContainer","toast":"bds0114Toast-toast","--variant_success":"bds0114Toast---variant_success","--variant_warning":"bds0114Toast---variant_warning","--variant_info":"bds0114Toast---variant_info","--variant_error":"bds0114Toast---variant_error","message":"bds0114Toast-message","closeButton":"bds0114Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds0116Toast-toastContainer","toast":"bds0116Toast-toast","--variant_success":"bds0116Toast---variant_success","--variant_warning":"bds0116Toast---variant_warning","--variant_info":"bds0116Toast---variant_info","--variant_error":"bds0116Toast---variant_error","message":"bds0116Toast-message","closeButton":"bds0116Toast-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)([]);
@@ -1520,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,
@@ -1537,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() {
@@ -1554,50 +1593,50 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds0114Checkbox-checkboxGroup","inputWrapper":"bds0114Checkbox-inputWrapper","checkbox":"bds0114Checkbox-checkbox","checkboxError":"bds0114Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds0116Checkbox-checkboxGroup","inputWrapper":"bds0116Checkbox-inputWrapper","checkbox":"bds0116Checkbox-checkbox","checkboxError":"bds0116Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds0114Message-error","hint":"bds0114Message-hint"};
+var Message_default = {"error":"bds0116Message-error","hint":"bds0116Message-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":"bds0114Label-label"};
+var Label_default = {"label":"bds0116Label-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":"bds0114InputContainer-container"};
+var InputContainer_default = {"container":"bds0116InputContainer-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,
@@ -1605,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 })
   ] });
 }
 
@@ -1620,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":"bds0114Combobox-formGroup","inputWrapper":"bds0114Combobox-inputWrapper","input":"bds0114Combobox-input","inputError":"bds0114Combobox-inputError","chevron":"bds0114Combobox-chevron","listbox":"bds0114Combobox-listbox","option":"bds0114Combobox-option","--highlighted":"bds0114Combobox---highlighted","--selected":"bds0114Combobox---selected","--disabled":"bds0114Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds0116Combobox-formGroup","inputWrapper":"bds0116Combobox-inputWrapper","input":"bds0116Combobox-input","inputError":"bds0116Combobox-inputError","chevron":"bds0116Combobox-chevron","listbox":"bds0116Combobox-listbox","option":"bds0116Combobox-option","--highlighted":"bds0116Combobox---highlighted","--selected":"bds0116Combobox---selected","--disabled":"bds0116Combobox---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,
@@ -1702,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,
@@ -1724,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,
@@ -1762,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 })
   ] });
 }
 
@@ -1771,11 +1810,11 @@ function Combobox({
 var import_react14 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds0114FileInput-formGroup","dropZone":"bds0114FileInput-dropZone","isDragging":"bds0114FileInput-isDragging","hasError":"bds0114FileInput-hasError","isDisabled":"bds0114FileInput-isDisabled","icon":"bds0114FileInput-icon","prompt":"bds0114FileInput-prompt","acceptHint":"bds0114FileInput-acceptHint","hiddenInput":"bds0114FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds0116FileInput-formGroup","dropZone":"bds0116FileInput-dropZone","isDragging":"bds0116FileInput-isDragging","hasError":"bds0116FileInput-hasError","isDisabled":"bds0116FileInput-isDisabled","icon":"bds0116FileInput-icon","prompt":"bds0116FileInput-prompt","acceptHint":"bds0116FileInput-acceptHint","hiddenInput":"bds0116FileInput-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,
@@ -1823,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,
@@ -1859,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 })
   ] });
 }
 
@@ -1868,11 +1907,11 @@ function FileInput({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds0114FormInput-formGroup","input":"bds0114FormInput-input","inputError":"bds0114FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds0116FormInput-formGroup","input":"bds0116FormInput-input","inputError":"bds0116FormInput-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,
@@ -1886,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,
@@ -1896,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 })
   ] });
 }
 
@@ -1909,11 +1948,11 @@ function FormInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds0114NumberInput-formGroup","inputRow":"bds0114NumberInput-inputRow","input":"bds0114NumberInput-input","inputError":"bds0114NumberInput-inputError","stepper":"bds0114NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds0116NumberInput-formGroup","inputRow":"bds0116NumberInput-inputRow","input":"bds0116NumberInput-input","inputError":"bds0116NumberInput-inputError","stepper":"bds0116NumberInput-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,
@@ -1945,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",
@@ -1957,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,
@@ -1974,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);
@@ -1982,7 +2021,7 @@ function NumberInput({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
@@ -1991,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 })
   ] });
 }
 
@@ -2004,19 +2043,19 @@ function NumberInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds0114Radio-radioGroup","inputWrapper":"bds0114Radio-inputWrapper","textWrapper":"bds0114Radio-textWrapper","description":"bds0114Radio-description","radio":"bds0114Radio-radio","radioError":"bds0114Radio-radioError"};
+var Radio_default = {"radioGroup":"bds0116Radio-radioGroup","inputWrapper":"bds0116Radio-inputWrapper","textWrapper":"bds0116Radio-textWrapper","description":"bds0116Radio-description","radio":"bds0116Radio-radio","radioError":"bds0116Radio-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");
+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,
@@ -2024,17 +2063,17 @@ function Radio({ label, name, description, 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.jsxs)("div", { className: Radio_default.textWrapper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: Radio_default.description, children: description })
+      /* @__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 })
   ] });
 }
 
@@ -2042,11 +2081,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 var import_react18 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds0114Select-formGroup","selectWrapper":"bds0114Select-selectWrapper","select":"bds0114Select-select","selectError":"bds0114Select-selectError","chevron":"bds0114Select-chevron"};
+var Select_default = {"formGroup":"bds0116Select-formGroup","selectWrapper":"bds0116Select-selectWrapper","select":"bds0116Select-select","selectError":"bds0116Select-selectError","chevron":"bds0116Select-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,
@@ -2061,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 })
   ] });
 }
 
@@ -2090,11 +2129,11 @@ function Select({
 var import_react19 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds0114Slider-formGroup","labelRow":"bds0114Slider-labelRow","value":"bds0114Slider-value","slider":"bds0114Slider-slider","sliderError":"bds0114Slider-sliderError"};
+var Slider_default = {"formGroup":"bds0116Slider-formGroup","labelRow":"bds0116Slider-labelRow","value":"bds0116Slider-value","slider":"bds0116Slider-slider","sliderError":"bds0116Slider-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,
@@ -2119,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",
@@ -2136,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 })
   ] });
 }
 
@@ -2151,11 +2190,11 @@ function Slider({
 var import_react20 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds0114Switch-switchGroup","--size_small":"bds0114Switch---size_small","--size_medium":"bds0114Switch---size_medium","--size_large":"bds0114Switch---size_large","inputWrapper":"bds0114Switch-inputWrapper","trackWrapper":"bds0114Switch-trackWrapper","switch":"bds0114Switch-switch","track":"bds0114Switch-track","thumb":"bds0114Switch-thumb","switchError":"bds0114Switch-switchError"};
+var Switch_default = {"switchGroup":"bds0116Switch-switchGroup","--size_small":"bds0116Switch---size_small","--size_medium":"bds0116Switch---size_medium","--size_large":"bds0116Switch---size_large","inputWrapper":"bds0116Switch-inputWrapper","trackWrapper":"bds0116Switch-trackWrapper","switch":"bds0116Switch-switch","track":"bds0116Switch-track","thumb":"bds0116Switch-thumb","switchError":"bds0116Switch-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,
@@ -2163,16 +2202,18 @@ function Switch({
   error,
   hint,
   className,
+  prefix,
   ...props
 }) {
   const id = name + (0, import_react20.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_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: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id, label: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "input",
           {
             type: "checkbox",
@@ -2180,16 +2221,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 })
   ] });
 }
 
@@ -2197,11 +2238,11 @@ function Switch({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds0114Textarea-formGroup","textarea":"bds0114Textarea-textarea","textareaError":"bds0114Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds0116Textarea-formGroup","textarea":"bds0116Textarea-textarea","textareaError":"bds0116Textarea-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,
@@ -2214,40 +2255,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":"bds0114ButtonGroup-buttonGroup","container":"bds0114ButtonGroup-container","--variant_card":"bds0114ButtonGroup---variant_card","--variant_flow":"bds0114ButtonGroup---variant_flow","--variant_modal":"bds0114ButtonGroup---variant_modal","--variant_content":"bds0114ButtonGroup---variant_content","--variant_grid":"bds0114ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds0116ButtonGroup-buttonGroup","container":"bds0116ButtonGroup-container","--variant_card":"bds0116ButtonGroup---variant_card","--variant_flow":"bds0116ButtonGroup---variant_flow","--variant_modal":"bds0116ButtonGroup---variant_modal","--variant_content":"bds0116ButtonGroup---variant_content","--variant_grid":"bds0116ButtonGroup---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":"bds0114Card-card","--default":"bds0114Card---default","--elevated":"bds0114Card---elevated","--outlined":"bds0114Card---outlined","--clickable":"bds0114Card---clickable","--padding-none":"bds0114Card---padding-none","--padding-small":"bds0114Card---padding-small","--padding-medium":"bds0114Card---padding-medium","--padding-large":"bds0114Card---padding-large","--text-start":"bds0114Card---text-start","--text-center":"bds0114Card---text-center","--text-end":"bds0114Card---text-end"};
+var Card_default = {"card":"bds0116Card-card","--default":"bds0116Card---default","--elevated":"bds0116Card---elevated","--outlined":"bds0116Card---outlined","--clickable":"bds0116Card---clickable","--padding-none":"bds0116Card---padding-none","--padding-small":"bds0116Card---padding-small","--padding-medium":"bds0116Card---padding-medium","--padding-large":"bds0116Card---padding-large","--text-start":"bds0116Card---text-start","--text-center":"bds0116Card---text-center","--text-end":"bds0116Card---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,
@@ -2258,7 +2299,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}`],
@@ -2267,7 +2308,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,
@@ -2281,11 +2322,11 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds0114SectionHeader-sectionHeader","title":"bds0114SectionHeader-title","subtitle":"bds0114SectionHeader-subtitle","--start":"bds0114SectionHeader---start","--center":"bds0114SectionHeader---center","--end":"bds0114SectionHeader---end","--small":"bds0114SectionHeader---small","--medium":"bds0114SectionHeader---medium","--large":"bds0114SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds0116SectionHeader-sectionHeader","title":"bds0116SectionHeader-title","subtitle":"bds0116SectionHeader-subtitle","--start":"bds0116SectionHeader---start","--center":"bds0116SectionHeader---center","--end":"bds0116SectionHeader---end","--small":"bds0116SectionHeader---small","--medium":"bds0116SectionHeader---medium","--large":"bds0116SectionHeader---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,
@@ -2295,24 +2336,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":"bds0114IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds0116IconWrapper-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,
@@ -2326,6 +2367,7 @@ var import_design_system_foundation44 = require("@boostdev/design-system-foundat
   Card,
   Carousel,
   Checkbox,
+  Collapsible,
   Combobox,
   Command,
   DescriptionList,