@boostdev/design-system-components 2.15.0 → 2.17.0

package/dist/index.cjs

@@ -92,7 +92,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"component":"bds2150Accordion-component","accordion":"bds2150Accordion-accordion","item":"bds2150Accordion-item","heading":"bds2150Accordion-heading","trigger":"bds2150Accordion-trigger","triggerLabel":"bds2150Accordion-triggerLabel","chevron":"bds2150Accordion-chevron","--open":"bds2150Accordion---open","panel":"bds2150Accordion-panel","panelContent":"bds2150Accordion-panelContent"};
+var Accordion_default = {"component":"bds2170Accordion-component","accordion":"bds2170Accordion-accordion","item":"bds2170Accordion-item","heading":"bds2170Accordion-heading","trigger":"bds2170Accordion-trigger","triggerLabel":"bds2170Accordion-triggerLabel","chevron":"bds2170Accordion-chevron","--open":"bds2170Accordion---open","panel":"bds2170Accordion-panel","panelContent":"bds2170Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -161,13 +161,14 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"component":"bds2150Alert-component","alert":"bds2150Alert-alert","--variant_info":"bds2150Alert---variant_info","--variant_success":"bds2150Alert---variant_success","--variant_warning":"bds2150Alert---variant_warning","--variant_error":"bds2150Alert---variant_error","icon":"bds2150Alert-icon","content":"bds2150Alert-content","title":"bds2150Alert-title","dismiss":"bds2150Alert-dismiss"};
+var Alert_default = {"component":"bds2170Alert-component","alert":"bds2170Alert-alert","--variant_info":"bds2170Alert---variant_info","--variant_success":"bds2170Alert---variant_success","--variant_warning":"bds2170Alert---variant_warning","--variant_error":"bds2170Alert---variant_error","--appearance_gradient":"bds2170Alert---appearance_gradient","icon":"bds2170Alert-icon","content":"bds2170Alert-content","title":"bds2170Alert-title","dismiss":"bds2170Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Alert({
   variant = "info",
+  appearance = "default",
   icon,
   title,
   children,
@@ -183,7 +184,12 @@ function Alert({
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: (0, import_design_system_foundation2.cn)(Alert_default.alert, Alert_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation2.cn)(
+        Alert_default.alert,
+        Alert_default[`--variant_${variant}`],
+        appearance === "gradient" && Alert_default["--appearance_gradient"],
+        className
+      ),
       children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Alert_default.icon, "aria-hidden": "true", children: icon }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Alert_default.content, children: [
@@ -206,15 +212,33 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"component":"bds2150Avatar-component","avatar":"bds2150Avatar-avatar","--fallback":"bds2150Avatar---fallback","--size_small":"bds2150Avatar---size_small","--size_medium":"bds2150Avatar---size_medium","--size_large":"bds2150Avatar---size_large","image":"bds2150Avatar-image","initials":"bds2150Avatar-initials"};
+var Avatar_default = {"component":"bds2170Avatar-component","avatar":"bds2170Avatar-avatar","--fallback":"bds2170Avatar---fallback","--tone_primary":"bds2170Avatar---tone_primary","--tone_secondary":"bds2170Avatar---tone_secondary","--tone_accent-1":"bds2170Avatar---tone_accent-1","--tone_accent-2":"bds2170Avatar---tone_accent-2","--tone_accent-3":"bds2170Avatar---tone_accent-3","--size_small":"bds2170Avatar---size_small","--size_medium":"bds2170Avatar---size_medium","--size_large":"bds2170Avatar---size_large","image":"bds2170Avatar-image","initials":"bds2170Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
+
+// src/components/ui/Avatar/avatarTone.ts
+var AVATAR_TONES = ["primary", "accent-1", "accent-2", "accent-3", "secondary"];
+function toneFromName(name) {
+  const normalised = (name ?? "").trim().toLowerCase();
+  if (!normalised) return "primary";
+  const hash = [...normalised].reduce(
+    (h, ch) => Math.imul(h, 31) + (ch.codePointAt(0) ?? 0) >>> 0,
+    0
+  );
+  return AVATAR_TONES[hash % AVATAR_TONES.length];
+}
+function resolveAvatarTone(tone, name) {
+  const isKnownTone = (value) => AVATAR_TONES.some((known) => known === value);
+  return tone && isKnownTone(tone) ? tone : toneFromName(name);
+}
+
+// src/components/ui/Avatar/Avatar.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function getInitials(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
 }
-function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
+function Avatar({ src, alt, name, size = "medium", tone = "auto", className, ...rest }) {
   const sizeClass = Avatar_default[`--size_${size}`];
   if (src) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { ...rest, className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
@@ -226,14 +250,14 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
       ...rest,
       role: "img",
       "aria-label": name ?? "User avatar",
-      className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
+      className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, Avatar_default["--fallback"], Avatar_default[`--tone_${resolveAvatarTone(tone, name)}`], sizeClass, className),
       children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials })
     }
   );
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"component":"bds2150Badge-component","badge":"bds2150Badge-badge","--variant_primary":"bds2150Badge---variant_primary","--variant_secondary":"bds2150Badge---variant_secondary","--variant_success":"bds2150Badge---variant_success","--variant_error":"bds2150Badge---variant_error","--variant_warning":"bds2150Badge---variant_warning"};
+var Badge_default = {"component":"bds2170Badge-component","badge":"bds2170Badge-badge","--variant_primary":"bds2170Badge---variant_primary","--variant_secondary":"bds2170Badge---variant_secondary","--variant_success":"bds2170Badge---variant_success","--variant_error":"bds2170Badge---variant_error","--variant_warning":"bds2170Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -243,7 +267,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"component":"bds2150Breadcrumb-component","breadcrumb":"bds2150Breadcrumb-breadcrumb","list":"bds2150Breadcrumb-list","item":"bds2150Breadcrumb-item","link":"bds2150Breadcrumb-link","separator":"bds2150Breadcrumb-separator","text":"bds2150Breadcrumb-text","current":"bds2150Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds2170Breadcrumb-component","breadcrumb":"bds2170Breadcrumb-breadcrumb","list":"bds2170Breadcrumb-list","item":"bds2170Breadcrumb-item","link":"bds2170Breadcrumb-link","separator":"bds2170Breadcrumb-separator","text":"bds2170Breadcrumb-text","current":"bds2170Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -259,7 +283,7 @@ function Breadcrumb({ items, className, ...rest }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"component":"bds2150Collapsible-component","collapsible":"bds2150Collapsible-collapsible","summary":"bds2150Collapsible-summary","summaryContent":"bds2150Collapsible-summaryContent","icon":"bds2150Collapsible-icon","content":"bds2150Collapsible-content"};
+var Collapsible_default = {"component":"bds2170Collapsible-component","collapsible":"bds2170Collapsible-collapsible","summary":"bds2170Collapsible-summary","summaryContent":"bds2170Collapsible-summaryContent","icon":"bds2170Collapsible-icon","content":"bds2170Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -308,7 +332,7 @@ var import_react2 = require("react");
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"component":"bds2150Calendar-component","calendar":"bds2150Calendar-calendar","months":"bds2150Calendar-months","month":"bds2150Calendar-month","monthHeader":"bds2150Calendar-monthHeader","navSlot":"bds2150Calendar-navSlot","monthYear":"bds2150Calendar-monthYear","navBtn":"bds2150Calendar-navBtn","grid":"bds2150Calendar-grid","row":"bds2150Calendar-row","weekday":"bds2150Calendar-weekday","cell":"bds2150Calendar-cell","day":"bds2150Calendar-day","disabled":"bds2150Calendar-disabled","selected":"bds2150Calendar-selected","rangeStart":"bds2150Calendar-rangeStart","rangeEnd":"bds2150Calendar-rangeEnd","outside":"bds2150Calendar-outside","today":"bds2150Calendar-today","inRange":"bds2150Calendar-inRange"};
+var Calendar_default = {"component":"bds2170Calendar-component","calendar":"bds2170Calendar-calendar","months":"bds2170Calendar-months","month":"bds2170Calendar-month","monthHeader":"bds2170Calendar-monthHeader","navSlot":"bds2170Calendar-navSlot","monthYear":"bds2170Calendar-monthYear","navBtn":"bds2170Calendar-navBtn","grid":"bds2170Calendar-grid","row":"bds2170Calendar-row","weekday":"bds2170Calendar-weekday","cell":"bds2170Calendar-cell","day":"bds2170Calendar-day","disabled":"bds2170Calendar-disabled","selected":"bds2170Calendar-selected","rangeStart":"bds2170Calendar-rangeStart","rangeEnd":"bds2170Calendar-rangeEnd","outside":"bds2170Calendar-outside","today":"bds2170Calendar-today","inRange":"bds2170Calendar-inRange"};
 
 // src/components/ui/Calendar/MonthGrid.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -797,7 +821,7 @@ function CalendarRange({
 var import_react4 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"component":"bds2150Carousel-component","carousel":"bds2150Carousel-carousel","track":"bds2150Carousel-track","slide":"bds2150Carousel-slide","navBtn":"bds2150Carousel-navBtn"};
+var Carousel_default = {"component":"bds2170Carousel-component","carousel":"bds2170Carousel-carousel","track":"bds2170Carousel-track","slide":"bds2170Carousel-slide","navBtn":"bds2170Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -855,7 +879,7 @@ function Carousel({ items, label, className, ...rest }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"component":"bds2150DescriptionList-component","list":"bds2150DescriptionList-list","group":"bds2150DescriptionList-group","term":"bds2150DescriptionList-term","details":"bds2150DescriptionList-details","--layout_inline":"bds2150DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds2170DescriptionList-component","list":"bds2170DescriptionList-list","group":"bds2170DescriptionList-group","term":"bds2170DescriptionList-term","details":"bds2170DescriptionList-details","--layout_inline":"bds2170DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -868,7 +892,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"component":"bds2150Link-component","link":"bds2150Link-link","--variant_default":"bds2150Link---variant_default","--variant_subtle":"bds2150Link---variant_subtle","--variant_standalone":"bds2150Link---variant_standalone","externalLabel":"bds2150Link-externalLabel"};
+var Link_default = {"component":"bds2170Link-component","link":"bds2170Link-link","--variant_default":"bds2170Link---variant_default","--variant_subtle":"bds2170Link---variant_subtle","--variant_standalone":"bds2170Link---variant_standalone","externalLabel":"bds2170Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -899,7 +923,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"component":"bds2150Loading-component","loading":"bds2150Loading-loading","spinner":"bds2150Loading-spinner","--size_small":"bds2150Loading---size_small","--size_large":"bds2150Loading---size_large"};
+var Loading_default = {"component":"bds2170Loading-component","loading":"bds2170Loading-loading","spinner":"bds2170Loading-spinner","--size_small":"bds2170Loading---size_small","--size_large":"bds2170Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -918,13 +942,15 @@ function Loading({ size = "medium", className, "aria-label": ariaLabel, ...rest
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"component":"bds2150NotificationBanner-component","banner":"bds2150NotificationBanner-banner","--variant_info":"bds2150NotificationBanner---variant_info","--variant_success":"bds2150NotificationBanner---variant_success","--variant_warning":"bds2150NotificationBanner---variant_warning","--variant_error":"bds2150NotificationBanner---variant_error","content":"bds2150NotificationBanner-content","action":"bds2150NotificationBanner-action","dismiss":"bds2150NotificationBanner-dismiss"};
+var NotificationBanner_default = {"component":"bds2170NotificationBanner-component","banner":"bds2170NotificationBanner-banner","--variant_info":"bds2170NotificationBanner---variant_info","--variant_success":"bds2170NotificationBanner---variant_success","--variant_warning":"bds2170NotificationBanner---variant_warning","--variant_error":"bds2170NotificationBanner---variant_error","--appearance_gradient":"bds2170NotificationBanner---appearance_gradient","icon":"bds2170NotificationBanner-icon","content":"bds2170NotificationBanner-content","action":"bds2170NotificationBanner-action","dismiss":"bds2170NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function NotificationBanner({
   variant = "info",
+  appearance = "default",
+  icon,
   children,
   action,
   onDismiss,
@@ -939,8 +965,14 @@ function NotificationBanner({
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: (0, import_design_system_foundation14.cn)(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation14.cn)(
+        NotificationBanner_default.banner,
+        NotificationBanner_default[`--variant_${variant}`],
+        appearance === "gradient" && NotificationBanner_default["--appearance_gradient"],
+        className
+      ),
       children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: NotificationBanner_default.icon, "aria-hidden": "true", children: icon }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: NotificationBanner_default.content, children }),
         action && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: NotificationBanner_default.action, children: action }),
         onDismiss && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -959,7 +991,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"component":"bds2150Pagination-component","pagination":"bds2150Pagination-pagination","list":"bds2150Pagination-list","button":"bds2150Pagination-button","--active":"bds2150Pagination---active","--nav":"bds2150Pagination---nav","ellipsis":"bds2150Pagination-ellipsis"};
+var Pagination_default = {"component":"bds2170Pagination-component","pagination":"bds2170Pagination-pagination","list":"bds2170Pagination-list","button":"bds2170Pagination-button","--active":"bds2170Pagination---active","--nav":"bds2170Pagination---nav","ellipsis":"bds2170Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -1024,7 +1056,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"component":"bds2150Progress-component","container":"bds2150Progress-container","labelRow":"bds2150Progress-labelRow","value":"bds2150Progress-value","track":"bds2150Progress-track","--size_small":"bds2150Progress---size_small","--size_medium":"bds2150Progress---size_medium","--size_large":"bds2150Progress---size_large","fill":"bds2150Progress-fill"};
+var Progress_default = {"component":"bds2170Progress-component","container":"bds2170Progress-container","labelRow":"bds2170Progress-labelRow","value":"bds2170Progress-value","track":"bds2170Progress-track","--size_small":"bds2170Progress---size_small","--size_medium":"bds2170Progress---size_medium","--size_large":"bds2170Progress---size_large","fill":"bds2170Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -1063,7 +1095,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"component":"bds2150ProgressCircle-component","wrapper":"bds2150ProgressCircle-wrapper","svg":"bds2150ProgressCircle-svg","track":"bds2150ProgressCircle-track","fill":"bds2150ProgressCircle-fill","value":"bds2150ProgressCircle-value","--size_small":"bds2150ProgressCircle---size_small","--size_medium":"bds2150ProgressCircle---size_medium","--size_large":"bds2150ProgressCircle---size_large"};
+var ProgressCircle_default = {"component":"bds2170ProgressCircle-component","wrapper":"bds2170ProgressCircle-wrapper","svg":"bds2170ProgressCircle-svg","track":"bds2170ProgressCircle-track","fill":"bds2170ProgressCircle-fill","value":"bds2170ProgressCircle-value","--size_small":"bds2170ProgressCircle---size_small","--size_medium":"bds2170ProgressCircle---size_medium","--size_large":"bds2170ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
@@ -1144,7 +1176,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"component":"bds2150Separator-component","separator":"bds2150Separator-separator","--horizontal":"bds2150Separator---horizontal","--vertical":"bds2150Separator---vertical"};
+var Separator_default = {"component":"bds2170Separator-component","separator":"bds2170Separator-separator","--horizontal":"bds2170Separator---horizontal","--vertical":"bds2170Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -1168,7 +1200,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"component":"bds2150Skeleton-component","skeleton":"bds2150Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds2170Skeleton-component","skeleton":"bds2170Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -1177,7 +1209,7 @@ function Skeleton({ className, ...rest }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"component":"bds2150SkipLink-component","skipLink":"bds2150SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds2170SkipLink-component","skipLink":"bds2170SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -1190,7 +1222,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 var import_react5 = require("react");
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"component":"bds2150Table-component","wrapper":"bds2150Table-wrapper","table":"bds2150Table-table","caption":"bds2150Table-caption","thead":"bds2150Table-thead","th":"bds2150Table-th","--sortable":"bds2150Table---sortable","sortButton":"bds2150Table-sortButton","sortIcon":"bds2150Table-sortIcon","--sort-active":"bds2150Table---sort-active","--sort-desc":"bds2150Table---sort-desc","tbody":"bds2150Table-tbody","tr":"bds2150Table-tr","td":"bds2150Table-td"};
+var Table_default = {"component":"bds2170Table-component","wrapper":"bds2170Table-wrapper","table":"bds2170Table-table","caption":"bds2170Table-caption","thead":"bds2170Table-thead","th":"bds2170Table-th","--sortable":"bds2170Table---sortable","sortButton":"bds2170Table-sortButton","sortIcon":"bds2170Table-sortIcon","--sort-active":"bds2170Table---sort-active","--sort-desc":"bds2170Table---sort-desc","tbody":"bds2170Table-tbody","tr":"bds2170Table-tr","td":"bds2170Table-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1279,21 +1311,32 @@ function Table({
 }
 
 // src/components/ui/Tabs/Tabs.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"component":"bds2150Tabs-component","tabs":"bds2150Tabs-tabs","tabList":"bds2150Tabs-tabList","tab":"bds2150Tabs-tab","--active":"bds2150Tabs---active","panel":"bds2150Tabs-panel"};
+var Tabs_default = {"component":"bds2170Tabs-component","tabs":"bds2170Tabs-tabs","tabList":"bds2170Tabs-tabList","tab":"bds2170Tabs-tab","label":"bds2170Tabs-label","--active":"bds2170Tabs---active","panel":"bds2170Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
+
+// src/components/ui/Tabs/getNodeText.ts
+var import_react6 = require("react");
+function getNodeText(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getNodeText).join("");
+  if ((0, import_react6.isValidElement)(node)) return getNodeText(node.props.children);
+  return "";
+}
+
+// src/components/ui/Tabs/Tabs.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function Tabs({ tabs, defaultTab, className, ...rest }) {
-  const baseId = (0, import_react6.useId)();
-  const [activeTab, setActiveTab] = (0, import_react6.useState)(() => {
+  const baseId = (0, import_react7.useId)();
+  const [activeTab, setActiveTab] = (0, import_react7.useState)(() => {
     const initialTab = tabs.find((tab) => tab.id === defaultTab && !tab.disabled) ?? tabs.find((tab) => !tab.disabled);
     return initialTab?.id;
   });
-  const tabRefs = (0, import_react6.useRef)([]);
+  const tabRefs = (0, import_react7.useRef)([]);
   const enabledIndexes = tabs.map((tab, i) => ({ tab, i })).filter(({ tab }) => !tab.disabled).map(({ i }) => i);
   const handleKeyDown = (e, index) => {
     const pos = enabledIndexes.indexOf(index);
@@ -1336,7 +1379,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
           className: (0, import_design_system_foundation22.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
-          children: tab.label
+          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Tabs_default.label, "data-label": getNodeText(tab.label), children: tab.label })
         },
         tab.id
       );
@@ -1363,10 +1406,10 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 }
 
 // src/components/ui/Tooltip/Tooltip.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"component":"bds2150Tooltip-component","wrapper":"bds2150Tooltip-wrapper","tooltip":"bds2150Tooltip-tooltip","--visible":"bds2150Tooltip---visible","--placement_top":"bds2150Tooltip---placement_top","--placement_bottom":"bds2150Tooltip---placement_bottom","--placement_left":"bds2150Tooltip---placement_left","--placement_right":"bds2150Tooltip---placement_right"};
+var Tooltip_default = {"component":"bds2170Tooltip-component","wrapper":"bds2170Tooltip-wrapper","tooltip":"bds2170Tooltip-tooltip","--visible":"bds2170Tooltip---visible","--placement_top":"bds2170Tooltip---placement_top","--placement_bottom":"bds2170Tooltip---placement_bottom","--placement_left":"bds2170Tooltip---placement_left","--placement_right":"bds2170Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1378,8 +1421,8 @@ function Tooltip({
   className,
   ...rest
 }) {
-  const tooltipId = (0, import_react7.useId)();
-  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const tooltipId = (0, import_react8.useId)();
+  const [isVisible, setIsVisible] = (0, import_react8.useState)(false);
   const show = () => setIsVisible(true);
   const hide = () => setIsVisible(false);
   const handleKeyDown = (event) => {
@@ -1387,7 +1430,7 @@ function Tooltip({
       hide();
     }
   };
-  const trigger = (0, import_react7.isValidElement)(children) ? (0, import_react7.cloneElement)(children, {
+  const trigger = (0, import_react8.isValidElement)(children) ? (0, import_react8.cloneElement)(children, {
     "aria-describedby": tooltipId
   }) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
@@ -1418,7 +1461,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"component":"bds2150Typography-component","typography":"bds2150Typography-typography","--h1":"bds2150Typography---h1","--h2":"bds2150Typography---h2","--h3":"bds2150Typography---h3","--body":"bds2150Typography---body","--body_s":"bds2150Typography---body_s"};
+var Typography_default = {"component":"bds2170Typography-component","typography":"bds2170Typography-typography","--h1":"bds2170Typography---h1","--h2":"bds2170Typography---h2","--h3":"bds2170Typography---h3","--body":"bds2170Typography---body","--body_s":"bds2170Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1436,7 +1479,7 @@ function Typography({ variant = "body", component, children, className, ...rest
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"component":"bds2150Button-component","button":"bds2150Button-button","--default":"bds2150Button---default","--outline":"bds2150Button---outline","--ghost":"bds2150Button---ghost","--size_small":"bds2150Button---size_small","--size_medium":"bds2150Button---size_medium","--size_large":"bds2150Button---size_large","--hasPulse":"bds2150Button---hasPulse","iconStart":"bds2150Button-iconStart","iconEnd":"bds2150Button-iconEnd","--iconOnly":"bds2150Button---iconOnly"};
+var Button_default = {"component":"bds2170Button-component","button":"bds2170Button-button","--default":"bds2170Button---default","--outline":"bds2170Button---outline","--ghost":"bds2170Button---ghost","--size_small":"bds2170Button---size_small","--size_medium":"bds2170Button---size_medium","--size_large":"bds2170Button---size_large","--hasPulse":"bds2170Button---hasPulse","iconStart":"bds2170Button-iconStart","iconEnd":"bds2170Button-iconEnd","--iconOnly":"bds2170Button---iconOnly"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1511,7 +1554,7 @@ function Button({
 }
 
 // src/components/interaction/Command/Command.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/polyfill-invoker-commands.ts
 var installed = false;
@@ -1553,7 +1596,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"component":"bds2150Command-component","dialog":"bds2150Command-dialog","palette":"bds2150Command-palette","searchRow":"bds2150Command-searchRow","searchIcon":"bds2150Command-searchIcon","search":"bds2150Command-search","escHint":"bds2150Command-escHint","list":"bds2150Command-list","groupList":"bds2150Command-groupList","group":"bds2150Command-group","item":"bds2150Command-item","itemActive":"bds2150Command-itemActive","itemLabel":"bds2150Command-itemLabel","itemDesc":"bds2150Command-itemDesc","shortcut":"bds2150Command-shortcut","empty":"bds2150Command-empty","srOnly":"bds2150Command-srOnly"};
+var Command_default = {"component":"bds2170Command-component","dialog":"bds2170Command-dialog","palette":"bds2170Command-palette","searchRow":"bds2170Command-searchRow","searchIcon":"bds2170Command-searchIcon","search":"bds2170Command-search","escHint":"bds2170Command-escHint","list":"bds2170Command-list","groupList":"bds2170Command-groupList","group":"bds2170Command-group","item":"bds2170Command-item","itemActive":"bds2170Command-itemActive","itemLabel":"bds2170Command-itemLabel","itemDesc":"bds2170Command-itemDesc","shortcut":"bds2170Command-shortcut","empty":"bds2170Command-empty","srOnly":"bds2170Command-srOnly"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1569,20 +1612,20 @@ function Command({
   className,
   ...rest
 }) {
-  const [query, setQuery] = (0, import_react8.useState)("");
-  const [activeIndex, setActiveIndex] = (0, import_react8.useState)(0);
-  const generatedId = (0, import_react8.useId)();
+  const [query, setQuery] = (0, import_react9.useState)("");
+  const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
+  const generatedId = (0, import_react9.useId)();
   const dialogId = idProp ?? generatedId;
-  const dialogRef = (0, import_react8.useRef)(null);
-  const inputRef = (0, import_react8.useRef)(null);
-  const listboxId = (0, import_react8.useId)();
-  const filtered = (0, import_react8.useMemo)(() => {
+  const dialogRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react9.useRef)(null);
+  const listboxId = (0, import_react9.useId)();
+  const filtered = (0, import_react9.useMemo)(() => {
     const q = query.toLowerCase().trim();
     return q ? items.filter(
       (item) => item.label.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q)
     ) : items;
   }, [query, items]);
-  const groups = (0, import_react8.useMemo)(() => {
+  const groups = (0, import_react9.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     filtered.forEach((item) => {
       const g = item.group ?? "";
@@ -1592,8 +1635,8 @@ function Command({
     });
     return map;
   }, [filtered]);
-  const triggerRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const triggerRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1612,10 +1655,10 @@ function Command({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setActiveIndex(0);
   }, [query]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1732,10 +1775,10 @@ function Command({
 }
 
 // src/components/interaction/Dialog/Dialog.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"component":"bds2150Dialog-component","dialog":"bds2150Dialog-dialog","dialogContent":"bds2150Dialog-dialogContent","closeButton":"bds2150Dialog-closeButton"};
+var Dialog_default = {"component":"bds2170Dialog-component","dialog":"bds2170Dialog-dialog","dialogContent":"bds2170Dialog-dialogContent","closeButton":"bds2170Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1743,11 +1786,11 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose, ...rest }) {
-  const generatedId = (0, import_react9.useId)();
+  const generatedId = (0, import_react10.useId)();
   const id = idProp ?? generatedId;
-  const dialogRef = (0, import_react9.useRef)(null);
-  const triggerRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const dialogRef = (0, import_react10.useRef)(null);
+  const triggerRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1763,7 +1806,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1840,10 +1883,10 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 }
 
 // src/components/interaction/Drawer/Drawer.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"component":"bds2150Drawer-component","drawer":"bds2150Drawer-drawer","--side_left":"bds2150Drawer---side_left","header":"bds2150Drawer-header","closeButton":"bds2150Drawer-closeButton","body":"bds2150Drawer-body"};
+var Drawer_default = {"component":"bds2170Drawer-component","drawer":"bds2170Drawer-drawer","--side_left":"bds2170Drawer---side_left","header":"bds2170Drawer-header","closeButton":"bds2170Drawer-closeButton","body":"bds2170Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1861,13 +1904,13 @@ function Drawer({
   className,
   ...rest
 }) {
-  const generatedId = (0, import_react10.useId)();
+  const generatedId = (0, import_react11.useId)();
   const id = idProp ?? generatedId;
-  const titleId = (0, import_react10.useId)();
+  const titleId = (0, import_react11.useId)();
   const hasCustomLabel = "aria-label" in rest || "aria-labelledby" in rest;
-  const dialogRef = (0, import_react10.useRef)(null);
-  const triggerRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const dialogRef = (0, import_react11.useRef)(null);
+  const triggerRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1883,7 +1926,7 @@ function Drawer({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1962,14 +2005,19 @@ function Drawer({
 }
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"component":"bds2150DropdownMenu-component","wrapper":"bds2150DropdownMenu-wrapper","menu":"bds2150DropdownMenu-menu","--placement_bottom-start":"bds2150DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2150DropdownMenu---placement_bottom-end","separator":"bds2150DropdownMenu-separator","item":"bds2150DropdownMenu-item","icon":"bds2150DropdownMenu-icon"};
+var DropdownMenu_default = {"component":"bds2170DropdownMenu-component","wrapper":"bds2170DropdownMenu-wrapper","menu":"bds2170DropdownMenu-menu","--placement_bottom-start":"bds2170DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2170DropdownMenu---placement_bottom-end","separatorRow":"bds2170DropdownMenu-separatorRow","separator":"bds2170DropdownMenu-separator","group":"bds2170DropdownMenu-group","groupLabel":"bds2170DropdownMenu-groupLabel","item":"bds2170DropdownMenu-item","--destructive":"bds2170DropdownMenu---destructive","label":"bds2170DropdownMenu-label","shortcut":"bds2170DropdownMenu-shortcut","icon":"bds2170DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime29 = require("react/jsx-runtime");
+var toSegments = (items) => items.reduce((segments, item, index) => {
+  const last = segments[segments.length - 1];
+  const startsNewSegment = !last || item.group === void 0 || last[0].item.group !== item.group;
+  return startsNewSegment ? [...segments, [{ item, index }]] : [...segments.slice(0, -1), [...last, { item, index }]];
+}, []);
 function DropdownMenu({
   trigger,
   items,
@@ -1977,11 +2025,11 @@ function DropdownMenu({
   className,
   ...rest
 }) {
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const containerRef = (0, import_react11.useRef)(null);
-  const menuId = (0, import_react11.useId)();
-  const itemRefs = (0, import_react11.useRef)([]);
-  const triggerRef = (0, import_react11.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const containerRef = (0, import_react12.useRef)(null);
+  const menuId = (0, import_react12.useId)();
+  const itemRefs = (0, import_react12.useRef)([]);
+  const triggerRef = (0, import_react12.useRef)(null);
   const open = () => {
     triggerRef.current = document.activeElement;
     setIsOpen(true);
@@ -1992,7 +2040,7 @@ function DropdownMenu({
       triggerRef.current?.focus();
     }
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isOpen) {
       const firstEnabledIndex = items.findIndex((item) => !item.disabled);
       if (firstEnabledIndex !== -1) {
@@ -2000,7 +2048,7 @@ function DropdownMenu({
       }
     }
   }, [isOpen]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (e) => {
       if (!containerRef.current?.contains(e.target)) close();
@@ -2034,7 +2082,7 @@ function DropdownMenu({
       close();
     }
   };
-  const triggerEl = (0, import_react11.isValidElement)(trigger) ? (0, import_react11.cloneElement)(trigger, {
+  const triggerEl = (0, import_react12.isValidElement)(trigger) ? (0, import_react12.cloneElement)(trigger, {
     "aria-haspopup": "menu",
     "aria-expanded": isOpen,
     "aria-controls": menuId,
@@ -2056,40 +2104,54 @@ function DropdownMenu({
         id: menuId,
         role: "menu",
         className: (0, import_design_system_foundation29.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
-        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("li", { role: "presentation", children: [
-          item.separator && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-            "button",
-            {
-              ref: (el) => {
-                itemRefs.current[index] = el;
-              },
-              type: "button",
-              role: "menuitem",
-              disabled: item.disabled,
-              className: DropdownMenu_default.item,
-              onClick: () => {
-                item.onClick?.();
-                close(true);
-              },
-              onKeyDown: (e) => handleItemKeyDown(e, index),
-              children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
-                item.label
-              ]
-            }
-          )
-        ] }, item.id))
+        children: toSegments(items).map((segment) => {
+          const { item: first } = segment[0];
+          const groupLabel = first.group;
+          const renderSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { role: "presentation", className: DropdownMenu_default.separatorRow, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }) });
+          const leadingSeparator = groupLabel !== void 0 && first.separator;
+          const rows = segment.map(({ item, index }, position) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react12.Fragment, { children: [
+            item.separator && !(leadingSeparator && position === 0) && renderSeparator(),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              "button",
+              {
+                ref: (el) => {
+                  itemRefs.current[index] = el;
+                },
+                type: "button",
+                role: "menuitem",
+                disabled: item.disabled,
+                className: (0, import_design_system_foundation29.cn)(DropdownMenu_default.item, item.destructive && DropdownMenu_default["--destructive"]),
+                onClick: () => {
+                  item.onClick?.();
+                  close(true);
+                },
+                onKeyDown: (e) => handleItemKeyDown(e, index),
+                children: [
+                  item.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DropdownMenu_default.label, children: item.label }),
+                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DropdownMenu_default.shortcut, "aria-hidden": "true", children: item.shortcut })
+                ]
+              }
+            ) })
+          ] }, item.id));
+          return groupLabel === void 0 ? rows : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react12.Fragment, { children: [
+            leadingSeparator && renderSeparator(),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("ul", { role: "group", "aria-labelledby": `${menuId}-group-${first.id}`, className: DropdownMenu_default.group, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { role: "presentation", id: `${menuId}-group-${first.id}`, className: DropdownMenu_default.groupLabel, children: groupLabel }),
+              rows
+            ] }) })
+          ] }, `group-${first.id}`);
+        })
       }
     )
   ] });
 }
 
 // src/components/interaction/Popover/Popover.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"component":"bds2150Popover-component","wrapper":"bds2150Popover-wrapper","panel":"bds2150Popover-panel","g":"bds2150Popover-g"};
+var Popover_default = {"component":"bds2170Popover-component","wrapper":"bds2170Popover-wrapper","panel":"bds2170Popover-panel","g":"bds2170Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -2107,13 +2169,13 @@ function Popover({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
-  const containerRef = (0, import_react12.useRef)(null);
-  const panelRef = (0, import_react12.useRef)(null);
-  const rawId = (0, import_react12.useId)();
+  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const containerRef = (0, import_react13.useRef)(null);
+  const panelRef = (0, import_react13.useRef)(null);
+  const rawId = (0, import_react13.useId)();
   const anchorName = `--popover-${rawId.replace(/\W/g, "") || "a"}`;
   const panelId = rawId;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const handleToggle = (e) => {
@@ -2122,7 +2184,7 @@ function Popover({
     panel.addEventListener("toggle", handleToggle);
     return () => panel.removeEventListener("toggle", handleToggle);
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isOpen) return;
     const handleScroll = () => {
       const rect = containerRef.current?.getBoundingClientRect();
@@ -2139,7 +2201,7 @@ function Popover({
       window.removeEventListener("resize", handleScroll);
     };
   }, [isOpen]);
-  const trigger = (0, import_react12.isValidElement)(children) ? (0, import_react12.cloneElement)(children, {
+  const trigger = (0, import_react13.isValidElement)(children) ? (0, import_react13.cloneElement)(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
     commandfor: panelId,
@@ -2185,7 +2247,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"component":"bds2150Rating-component","rating":"bds2150Rating-rating","star":"bds2150Rating-star","--filled":"bds2150Rating---filled"};
+var Rating_default = {"component":"bds2170Rating-component","rating":"bds2170Rating-rating","star":"bds2170Rating-star","--filled":"bds2170Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -2214,31 +2276,31 @@ function Rating({ value, max = 5, className, ...rest }) {
 }
 
 // src/components/interaction/Toast/Toast.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"component":"bds2150Toast-component","toastContainer":"bds2150Toast-toastContainer","toast":"bds2150Toast-toast","md":"bds2150Toast-md","--variant_success":"bds2150Toast---variant_success","--variant_warning":"bds2150Toast---variant_warning","--variant_info":"bds2150Toast---variant_info","--variant_error":"bds2150Toast---variant_error","message":"bds2150Toast-message","closeButton":"bds2150Toast-closeButton"};
+var Toast_default = {"component":"bds2170Toast-component","toastContainer":"bds2170Toast-toastContainer","toast":"bds2170Toast-toast","md":"bds2170Toast-md","--variant_success":"bds2170Toast---variant_success","--variant_warning":"bds2170Toast---variant_warning","--variant_info":"bds2170Toast---variant_info","--variant_error":"bds2170Toast---variant_error","message":"bds2170Toast-message","closeButton":"bds2170Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var _ToastContext;
 function getToastContext() {
-  _ToastContext ??= (0, import_react13.createContext)(void 0);
+  _ToastContext ??= (0, import_react14.createContext)(void 0);
   return _ToastContext;
 }
 function ToastProvider({ children }) {
   const ToastContext = getToastContext();
-  const [toasts, setToasts] = (0, import_react13.useState)([]);
-  const containerRef = (0, import_react13.useRef)(null);
-  const showToast = (0, import_react13.useCallback)((message, variant) => {
+  const [toasts, setToasts] = (0, import_react14.useState)([]);
+  const containerRef = (0, import_react14.useRef)(null);
+  const showToast = (0, import_react14.useCallback)((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
   }, []);
-  const removeToast = (0, import_react13.useCallback)((id) => {
+  const removeToast = (0, import_react14.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     if (toasts.length > 0) {
@@ -2253,7 +2315,7 @@ function ToastProvider({ children }) {
       }
     }
   }, [toasts.length]);
-  const value = (0, import_react13.useMemo)(() => ({ showToast }), [showToast]);
+  const value = (0, import_react14.useMemo)(() => ({ showToast }), [showToast]);
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(ToastContext.Provider, { value, children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -2277,7 +2339,7 @@ function ToastProvider({ children }) {
   ] });
 }
 function ToastItem({ toast, onRemove }) {
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const timer = setTimeout(() => onRemove(toast.id), 5e3);
     return () => clearTimeout(timer);
   }, [onRemove, toast.id]);
@@ -2287,7 +2349,7 @@ function ToastItem({ toast, onRemove }) {
   ] });
 }
 function useToast() {
-  const context = (0, import_react13.useContext)(getToastContext());
+  const context = (0, import_react14.useContext)(getToastContext());
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -2295,24 +2357,27 @@ function useToast() {
 }
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"component":"bds2150Checkbox-component","checkboxGroup":"bds2150Checkbox-checkboxGroup","inputWrapper":"bds2150Checkbox-inputWrapper","checkbox":"bds2150Checkbox-checkbox","checkboxError":"bds2150Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds2170Checkbox-component","checkboxGroup":"bds2170Checkbox-checkboxGroup","inputWrapper":"bds2170Checkbox-inputWrapper","checkbox":"bds2170Checkbox-checkbox","checkboxError":"bds2170Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds2150Message-component","error":"bds2150Message-error","hint":"bds2150Message-hint"};
+var Message_default = {"component":"bds2170Message-component","error":"bds2170Message-error","hint":"bds2170Message-hint","icon":"bds2170Message-icon"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var Message = ({ message, type, inputId, className }) => {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: (0, import_design_system_foundation33.cn)(Message_default[type], className), children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: (0, import_design_system_foundation33.cn)(Message_default[type], className), children: [
+    type === "error" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { className: Message_default.icon, "aria-hidden": "true", viewBox: "0 0 256 256", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }) }),
+    message
+  ] });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"component":"bds2150Label-component","label":"bds2150Label-label"};
+var Label_default = {"component":"bds2170Label-component","label":"bds2170Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
@@ -2325,7 +2390,7 @@ var Label = ({ label, id, className }) => {
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"component":"bds2150InputContainer-component","container":"bds2150InputContainer-container"};
+var InputContainer_default = {"component":"bds2170InputContainer-component","container":"bds2170InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -2337,7 +2402,7 @@ var InputContainer = ({ children, className, ...rest }) => {
 // src/components/interaction/form/Checkbox/Checkbox.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function Checkbox({ label, name, error, hint, className, ...props }) {
-  const id = name + (0, import_react14.useId)();
+  const id = name + (0, import_react15.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2363,10 +2428,10 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 }
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"component":"bds2150CheckboxGroup-component","group":"bds2150CheckboxGroup-group","legend":"bds2150CheckboxGroup-legend","required":"bds2150CheckboxGroup-required","requiredLabel":"bds2150CheckboxGroup-requiredLabel","items":"bds2150CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds2170CheckboxGroup-component","group":"bds2170CheckboxGroup-group","legend":"bds2170CheckboxGroup-legend","required":"bds2170CheckboxGroup-required","requiredLabel":"bds2170CheckboxGroup-requiredLabel","items":"bds2170CheckboxGroup-items","groupError":"bds2170CheckboxGroup-groupError"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2380,7 +2445,7 @@ function CheckboxGroup({
   className,
   ...rest
 }) {
-  const id = (0, import_react15.useId)();
+  const id = (0, import_react16.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2388,7 +2453,7 @@ function CheckboxGroup({
     "fieldset",
     {
       ...rest,
-      className: (0, import_design_system_foundation37.cn)(CheckboxGroup_default.group, className),
+      className: (0, import_design_system_foundation37.cn)(CheckboxGroup_default.group, error && CheckboxGroup_default.groupError, className),
       "aria-describedby": describedBy,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("legend", { className: CheckboxGroup_default.legend, children: [
@@ -2408,10 +2473,10 @@ function CheckboxGroup({
 }
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"component":"bds2150Combobox-component","formGroup":"bds2150Combobox-formGroup","inputWrapper":"bds2150Combobox-inputWrapper","input":"bds2150Combobox-input","inputError":"bds2150Combobox-inputError","chevron":"bds2150Combobox-chevron","listbox":"bds2150Combobox-listbox","option":"bds2150Combobox-option","--highlighted":"bds2150Combobox---highlighted","--selected":"bds2150Combobox---selected","--disabled":"bds2150Combobox---disabled"};
+var Combobox_default = {"component":"bds2170Combobox-component","formGroup":"bds2170Combobox-formGroup","inputWrapper":"bds2170Combobox-inputWrapper","input":"bds2170Combobox-input","inputError":"bds2170Combobox-inputError","chevron":"bds2170Combobox-chevron","listbox":"bds2170Combobox-listbox","option":"bds2170Combobox-option","--highlighted":"bds2170Combobox---highlighted","--selected":"bds2170Combobox---selected","--disabled":"bds2170Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2429,25 +2494,25 @@ function Combobox({
   className,
   ...rest
 }) {
-  const id = name + (0, import_react16.useId)();
+  const id = name + (0, import_react17.useId)();
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const selectedOption = (0, import_react16.useMemo)(() => options.find((o) => o.value === value), [options, value]);
-  const [inputValue, setInputValue] = (0, import_react16.useState)(selectedOption?.label ?? "");
-  (0, import_react16.useEffect)(() => {
+  const selectedOption = (0, import_react17.useMemo)(() => options.find((o) => o.value === value), [options, value]);
+  const [inputValue, setInputValue] = (0, import_react17.useState)(selectedOption?.label ?? "");
+  (0, import_react17.useEffect)(() => {
     setInputValue(selectedOption?.label ?? "");
   }, [selectedOption]);
-  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react16.useState)(-1);
-  const containerRef = (0, import_react16.useRef)(null);
-  const inputRef = (0, import_react16.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react17.useState)(-1);
+  const containerRef = (0, import_react17.useRef)(null);
+  const inputRef = (0, import_react17.useRef)(null);
   const filtered = options.filter(
     (o) => o.label.toLowerCase().includes(inputValue.toLowerCase())
   );
   const getOptionId = (index) => `${id}-option-${index}`;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (e) => {
       if (!containerRef.current?.contains(e.target)) setIsOpen(false);
@@ -2573,11 +2638,11 @@ function Combobox({
 }
 
 // src/components/interaction/form/FieldGroup/FieldGroup.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/FieldGroup/FieldGroup.module.css
-var FieldGroup_default = {"component":"bds2150FieldGroup-component","fieldGroup":"bds2150FieldGroup-fieldGroup","legend":"bds2150FieldGroup-legend","fields":"bds2150FieldGroup-fields","--variant_horizontal":"bds2150FieldGroup---variant_horizontal","probe":"bds2150FieldGroup-probe","tsx":"bds2150FieldGroup-tsx","probeContainer":"bds2150FieldGroup-probeContainer"};
+var FieldGroup_default = {"component":"bds2170FieldGroup-component","fieldGroup":"bds2170FieldGroup-fieldGroup","legend":"bds2170FieldGroup-legend","fields":"bds2170FieldGroup-fields","--variant_horizontal":"bds2170FieldGroup---variant_horizontal","probe":"bds2170FieldGroup-probe","tsx":"bds2170FieldGroup-tsx","probeContainer":"bds2170FieldGroup-probeContainer"};
 
 // src/components/interaction/form/FieldGroup/FieldGroup.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -2590,15 +2655,15 @@ function FieldGroup({
   style,
   ...rest
 }) {
-  const fieldCount = import_react17.Children.toArray(children).length;
+  const fieldCount = import_react18.Children.toArray(children).length;
   const styleWithCount = {
     ...style,
     "--fieldGroup_field-count": fieldCount
   };
-  const fieldsetRef = (0, import_react17.useRef)(null);
-  const probeRef = (0, import_react17.useRef)(null);
-  const [isCollapsed, setIsCollapsed] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const fieldsetRef = (0, import_react18.useRef)(null);
+  const probeRef = (0, import_react18.useRef)(null);
+  const [isCollapsed, setIsCollapsed] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     const fieldsetEl = fieldsetRef.current;
     const probeEl = probeRef.current;
     if (variant !== "horizontal" || !fieldsetEl || !probeEl || typeof ResizeObserver === "undefined") {
@@ -2637,10 +2702,10 @@ function FieldGroup({
 }
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"component":"bds2150FileInput-component","formGroup":"bds2150FileInput-formGroup","fieldLabel":"bds2150FileInput-fieldLabel","dropZone":"bds2150FileInput-dropZone","isDragging":"bds2150FileInput-isDragging","hasError":"bds2150FileInput-hasError","isDisabled":"bds2150FileInput-isDisabled","icon":"bds2150FileInput-icon","prompt":"bds2150FileInput-prompt","acceptHint":"bds2150FileInput-acceptHint","hiddenInput":"bds2150FileInput-hiddenInput"};
+var FileInput_default = {"component":"bds2170FileInput-component","formGroup":"bds2170FileInput-formGroup","fieldLabel":"bds2170FileInput-fieldLabel","dropZone":"bds2170FileInput-dropZone","isDragging":"bds2170FileInput-isDragging","hasError":"bds2170FileInput-hasError","isDisabled":"bds2170FileInput-isDisabled","icon":"bds2170FileInput-icon","prompt":"bds2170FileInput-prompt","acceptHint":"bds2170FileInput-acceptHint","hiddenInput":"bds2170FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2658,13 +2723,13 @@ function FileInput({
   className,
   ...rest
 }) {
-  const uid = name + (0, import_react18.useId)();
+  const uid = name + (0, import_react19.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = (0, import_react18.useRef)(null);
-  const [isDragging, setIsDragging] = (0, import_react18.useState)(false);
-  const [fileNames, setFileNames] = (0, import_react18.useState)([]);
+  const inputRef = (0, import_react19.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react19.useState)(false);
+  const [fileNames, setFileNames] = (0, import_react19.useState)([]);
   const isFileAccepted = (file) => {
     if (!accept) return true;
     return accept.split(",").some((token) => {
@@ -2742,10 +2807,10 @@ function FileInput({
 }
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"component":"bds2150FormInput-component","formGroup":"bds2150FormInput-formGroup","input":"bds2150FormInput-input","g":"bds2150FormInput-g","inputError":"bds2150FormInput-inputError"};
+var FormInput_default = {"component":"bds2170FormInput-component","formGroup":"bds2170FormInput-formGroup","input":"bds2170FormInput-input","g":"bds2170FormInput-g","inputError":"bds2170FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2761,7 +2826,7 @@ function FormInput({
   "aria-label": nativeAriaLabel,
   ...props
 }) {
-  const id = name + (0, import_react19.useId)();
+  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;
@@ -2787,10 +2852,10 @@ function FormInput({
 }
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"component":"bds2150NumberInput-component","formGroup":"bds2150NumberInput-formGroup","inputRow":"bds2150NumberInput-inputRow","input":"bds2150NumberInput-input","inputError":"bds2150NumberInput-inputError","stepper":"bds2150NumberInput-stepper"};
+var NumberInput_default = {"component":"bds2170NumberInput-component","formGroup":"bds2170NumberInput-formGroup","inputRow":"bds2170NumberInput-inputRow","input":"bds2170NumberInput-input","inputError":"bds2170NumberInput-inputError","stepper":"bds2170NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2812,16 +2877,16 @@ function NumberInput({
   increaseLabel = "Increase",
   ...rest
 }) {
-  const uid = name + (0, import_react20.useId)();
+  const uid = name + (0, import_react21.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = (0, import_react20.useRef)(null);
+  const inputRef = (0, import_react21.useRef)(null);
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react20.useState)(defaultValue ?? 0);
+  const [internalValue, setInternalValue] = (0, import_react21.useState)(defaultValue ?? 0);
   const currentValue = isControlled ? value : internalValue;
-  const [controlledDraft, setControlledDraft] = (0, import_react20.useState)(() => isControlled ? String(value) : "");
-  (0, import_react20.useEffect)(() => {
+  const [controlledDraft, setControlledDraft] = (0, import_react21.useState)(() => isControlled ? String(value) : "");
+  (0, import_react21.useEffect)(() => {
     if (!isControlled) return;
     setControlledDraft((prev) => parseFloat(prev) === value ? prev : String(value));
   }, [isControlled, value]);
@@ -2905,16 +2970,16 @@ function NumberInput({
 }
 
 // src/components/interaction/form/Radio/Radio.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"component":"bds2150Radio-component","radioGroup":"bds2150Radio-radioGroup","inputWrapper":"bds2150Radio-inputWrapper","textWrapper":"bds2150Radio-textWrapper","description":"bds2150Radio-description","radio":"bds2150Radio-radio","g":"bds2150Radio-g","radioError":"bds2150Radio-radioError"};
+var Radio_default = {"component":"bds2170Radio-component","radioGroup":"bds2170Radio-radioGroup","inputWrapper":"bds2170Radio-inputWrapper","textWrapper":"bds2170Radio-textWrapper","description":"bds2170Radio-description","radio":"bds2170Radio-radio","g":"bds2170Radio-g","radioError":"bds2170Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Radio({ label, name, description, error, hint, className, id: consumerId, ...props }) {
-  const id = consumerId ?? name + (0, import_react21.useId)();
+  const id = consumerId ?? name + (0, import_react22.useId)();
   const descriptionId = id + "description";
   const hintId = id + "hint";
   const errorId = id + "error";
@@ -2944,10 +3009,10 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
 }
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"component":"bds2150RadioGroup-component","group":"bds2150RadioGroup-group","legend":"bds2150RadioGroup-legend","required":"bds2150RadioGroup-required","requiredLabel":"bds2150RadioGroup-requiredLabel","items":"bds2150RadioGroup-items"};
+var RadioGroup_default = {"component":"bds2170RadioGroup-component","group":"bds2170RadioGroup-group","legend":"bds2170RadioGroup-legend","required":"bds2170RadioGroup-required","requiredLabel":"bds2170RadioGroup-requiredLabel","items":"bds2170RadioGroup-items","groupError":"bds2170RadioGroup-groupError"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2961,7 +3026,7 @@ function RadioGroup({
   className,
   ...rest
 }) {
-  const id = (0, import_react22.useId)();
+  const id = (0, import_react23.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2969,7 +3034,7 @@ function RadioGroup({
     "fieldset",
     {
       ...rest,
-      className: (0, import_design_system_foundation44.cn)(RadioGroup_default.group, className),
+      className: (0, import_design_system_foundation44.cn)(RadioGroup_default.group, error && RadioGroup_default.groupError, className),
       "aria-describedby": describedBy,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("legend", { className: RadioGroup_default.legend, children: [
@@ -2989,10 +3054,10 @@ function RadioGroup({
 }
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"component":"bds2150SegmentedControl-component","control":"bds2150SegmentedControl-control","thumb":"bds2150SegmentedControl-thumb","indicator":"bds2150SegmentedControl-indicator","item":"bds2150SegmentedControl-item","--active":"bds2150SegmentedControl---active","--disabled":"bds2150SegmentedControl---disabled","--size_small":"bds2150SegmentedControl---size_small","--size_large":"bds2150SegmentedControl---size_large","--variant_outline":"bds2150SegmentedControl---variant_outline","--no-selection":"bds2150SegmentedControl---no-selection"};
+var SegmentedControl_default = {"component":"bds2170SegmentedControl-component","control":"bds2170SegmentedControl-control","thumb":"bds2170SegmentedControl-thumb","indicator":"bds2170SegmentedControl-indicator","item":"bds2170SegmentedControl-item","--active":"bds2170SegmentedControl---active","--disabled":"bds2170SegmentedControl---disabled","--size_small":"bds2170SegmentedControl---size_small","--size_large":"bds2170SegmentedControl---size_large","--variant_outline":"bds2170SegmentedControl---variant_outline","--no-selection":"bds2170SegmentedControl---no-selection"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -3009,7 +3074,7 @@ function SegmentedControl({
   className,
   ...rest
 }) {
-  const validChildren = import_react23.Children.toArray(children).filter(import_react23.isValidElement);
+  const validChildren = import_react24.Children.toArray(children).filter(import_react24.isValidElement);
   const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
     const p = child.props;
     return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
@@ -3051,7 +3116,7 @@ function SegmentedControl({
           } else if (isActive && selectedIndexProp !== void 0 && !hasAriaState) {
             stateProps[child.type === "a" ? "aria-current" : "aria-pressed"] = child.type === "a" ? "page" : true;
           }
-          return (0, import_react23.cloneElement)(child, {
+          return (0, import_react24.cloneElement)(child, {
             key: child.key ?? index,
             ...stateProps,
             className: (0, import_design_system_foundation45.cn)(
@@ -3068,10 +3133,10 @@ function SegmentedControl({
 }
 
 // src/components/interaction/form/Select/Select.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"component":"bds2150Select-component","formGroup":"bds2150Select-formGroup","selectWrapper":"bds2150Select-selectWrapper","select":"bds2150Select-select","selectError":"bds2150Select-selectError","chevron":"bds2150Select-chevron"};
+var Select_default = {"component":"bds2170Select-component","formGroup":"bds2170Select-formGroup","selectWrapper":"bds2170Select-selectWrapper","select":"bds2170Select-select","selectError":"bds2170Select-selectError","chevron":"bds2170Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -3090,7 +3155,7 @@ function Select({
   defaultValue,
   ...rest
 }) {
-  const generatedId = name + (0, import_react24.useId)();
+  const generatedId = name + (0, import_react25.useId)();
   const selectId = id ?? generatedId;
   const hintId = selectId + "hint";
   const errorId = selectId + "error";
@@ -3126,10 +3191,10 @@ function Select({
 }
 
 // src/components/interaction/form/Slider/Slider.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"component":"bds2150Slider-component","formGroup":"bds2150Slider-formGroup","labelRow":"bds2150Slider-labelRow","value":"bds2150Slider-value","slider":"bds2150Slider-slider","sliderError":"bds2150Slider-sliderError"};
+var Slider_default = {"component":"bds2170Slider-component","formGroup":"bds2170Slider-formGroup","labelRow":"bds2170Slider-labelRow","value":"bds2170Slider-value","slider":"bds2170Slider-slider","sliderError":"bds2170Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
@@ -3146,12 +3211,12 @@ function Slider({
   onChange,
   ...props
 }) {
-  const id = name + (0, import_react25.useId)();
+  const id = name + (0, import_react26.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const isControlled = props.value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react25.useState)(
+  const [internalValue, setInternalValue] = (0, import_react26.useState)(
     Number(props.defaultValue ?? min + (max - min) / 2)
   );
   const currentValue = isControlled ? Number(props.value) : internalValue;
@@ -3187,10 +3252,10 @@ function Slider({
 }
 
 // src/components/interaction/form/Switch/Switch.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"component":"bds2150Switch-component","switchGroup":"bds2150Switch-switchGroup","--size_small":"bds2150Switch---size_small","--size_medium":"bds2150Switch---size_medium","--size_large":"bds2150Switch---size_large","inputWrapper":"bds2150Switch-inputWrapper","trackWrapper":"bds2150Switch-trackWrapper","switch":"bds2150Switch-switch","track":"bds2150Switch-track","thumb":"bds2150Switch-thumb","switchError":"bds2150Switch-switchError"};
+var Switch_default = {"component":"bds2170Switch-component","switchGroup":"bds2170Switch-switchGroup","--size_small":"bds2170Switch---size_small","--size_medium":"bds2170Switch---size_medium","--size_large":"bds2170Switch---size_large","inputWrapper":"bds2170Switch-inputWrapper","trackWrapper":"bds2170Switch-trackWrapper","switch":"bds2170Switch-switch","track":"bds2170Switch-track","thumb":"bds2170Switch-thumb","switchError":"bds2170Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -3205,7 +3270,7 @@ function Switch({
   prefix,
   ...props
 }) {
-  const id = name + (0, import_react26.useId)();
+  const id = name + (0, import_react27.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -3236,10 +3301,10 @@ function Switch({
 }
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"component":"bds2150Textarea-component","formGroup":"bds2150Textarea-formGroup","textarea":"bds2150Textarea-textarea","textareaError":"bds2150Textarea-textareaError"};
+var Textarea_default = {"component":"bds2170Textarea-component","formGroup":"bds2170Textarea-formGroup","textarea":"bds2170Textarea-textarea","textareaError":"bds2170Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
@@ -3254,7 +3319,7 @@ function Textarea({
   id: idProp,
   ...props
 }) {
-  const generatedId = (0, import_react27.useId)();
+  const generatedId = (0, import_react28.useId)();
   const id = idProp ?? name + generatedId;
   const hintId = id + "hint";
   const errorId = id + "error";
@@ -3280,7 +3345,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"component":"bds2150ButtonGroup-component","buttonGroup":"bds2150ButtonGroup-buttonGroup","container":"bds2150ButtonGroup-container","--variant_card":"bds2150ButtonGroup---variant_card","--variant_flow":"bds2150ButtonGroup---variant_flow","--variant_modal":"bds2150ButtonGroup---variant_modal","--variant_content":"bds2150ButtonGroup---variant_content"};
+var ButtonGroup_default = {"component":"bds2170ButtonGroup-component","buttonGroup":"bds2170ButtonGroup-buttonGroup","container":"bds2170ButtonGroup-container","--variant_card":"bds2170ButtonGroup---variant_card","--variant_flow":"bds2170ButtonGroup---variant_flow","--variant_modal":"bds2170ButtonGroup---variant_modal","--variant_content":"bds2170ButtonGroup---variant_content"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
@@ -3299,7 +3364,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
 var ButtonGroup = ButtonContainer;
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"component":"bds2150Card-component","card":"bds2150Card-card","--default":"bds2150Card---default","--elevated":"bds2150Card---elevated","--outlined":"bds2150Card---outlined","--clickable":"bds2150Card---clickable","--padding-none":"bds2150Card---padding-none","--padding-small":"bds2150Card---padding-small","--padding-medium":"bds2150Card---padding-medium","--padding-large":"bds2150Card---padding-large","--padding-extra-large":"bds2150Card---padding-extra-large","--text-start":"bds2150Card---text-start","--text-center":"bds2150Card---text-center","--text-end":"bds2150Card---text-end"};
+var Card_default = {"component":"bds2170Card-component","card":"bds2170Card-card","--default":"bds2170Card---default","--elevated":"bds2170Card---elevated","--outlined":"bds2170Card---outlined","--clickable":"bds2170Card---clickable","--padding-none":"bds2170Card---padding-none","--padding-small":"bds2170Card---padding-small","--padding-medium":"bds2170Card---padding-medium","--padding-large":"bds2170Card---padding-large","--padding-extra-large":"bds2170Card---padding-extra-large","--text-start":"bds2170Card---text-start","--text-center":"bds2170Card---text-center","--text-end":"bds2170Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
@@ -3336,17 +3401,17 @@ function Card({
 }
 
 // src/components/layout/Grid/Grid.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/layout/Grid/Grid.module.css
-var Grid_default = {"component":"bds2150Grid-component","grid":"bds2150Grid-grid","--main":"bds2150Grid---main","--page":"bds2150Grid---page","--funnel":"bds2150Grid---funnel","--custom":"bds2150Grid---custom","--centered":"bds2150Grid---centered","item":"bds2150Grid-item","w3":"bds2150Grid-w3","org":"bds2150Grid-org","ts":"bds2150Grid-ts","--masonry":"bds2150Grid---masonry"};
+var Grid_default = {"component":"bds2170Grid-component","grid":"bds2170Grid-grid","--main":"bds2170Grid---main","--page":"bds2170Grid---page","--funnel":"bds2170Grid---funnel","--custom":"bds2170Grid---custom","--centered":"bds2170Grid---centered","item":"bds2170Grid-item","w3":"bds2170Grid-w3","org":"bds2170Grid-org","ts":"bds2170Grid-ts","--masonry":"bds2170Grid---masonry"};
 
 // src/components/layout/Grid/Grid.tsx
 var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
 
 // src/components/layout/Grid/useIsomorphicLayoutEffect.ts
-var import_react28 = require("react");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react28.useLayoutEffect : import_react28.useEffect;
+var import_react29 = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react29.useLayoutEffect : import_react29.useEffect;
 
 // src/components/layout/Grid/masonry.ts
 var NAMED_SPAN_VAR = {
@@ -3581,7 +3646,7 @@ function useMasonry(ref, enabled, options = {}) {
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var _GridContext;
 function getGridContext() {
-  _GridContext ??= (0, import_react29.createContext)({ autoSpanMedia: false });
+  _GridContext ??= (0, import_react30.createContext)({ autoSpanMedia: false });
   return _GridContext;
 }
 function Grid({
@@ -3598,7 +3663,7 @@ function Grid({
   style,
   ...rest
 }) {
-  const ref = (0, import_react29.useRef)(null);
+  const ref = (0, import_react30.useRef)(null);
   useMasonry(ref, isMasonry, {
     preferredColumnSpan: masonryPreferredColumnSpan,
     rowUnitPx: masonryRowUnitPx
@@ -3613,12 +3678,12 @@ function Grid({
   const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
   const Component = as ?? "div";
   const GridContext = getGridContext();
-  const ctx = (0, import_react29.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
+  const ctx = (0, import_react30.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(GridContext.Provider, { value: ctx, children }) });
 }
 
 // src/components/layout/Grid/GridItem.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
 
 // src/components/layout/Grid/autoSpan.ts
@@ -3684,10 +3749,10 @@ function GridItem({
   style,
   ...rest
 }) {
-  const { autoSpanMedia } = (0, import_react30.useContext)(getGridContext());
+  const { autoSpanMedia } = (0, import_react31.useContext)(getGridContext());
   const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
-  const ref = (0, import_react30.useRef)(null);
-  const [autoSpan, setAutoSpan] = (0, import_react30.useState)("one-quarter");
+  const ref = (0, import_react31.useRef)(null);
+  const [autoSpan, setAutoSpan] = (0, import_react31.useState)("one-quarter");
   useIsomorphicLayoutEffect(() => {
     if (effectiveSpan !== "auto") return;
     const el = ref.current;
@@ -3747,7 +3812,7 @@ function GridItem({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"component":"bds2150SectionHeader-component","sectionHeader":"bds2150SectionHeader-sectionHeader","title":"bds2150SectionHeader-title","subtitle":"bds2150SectionHeader-subtitle","--start":"bds2150SectionHeader---start","--center":"bds2150SectionHeader---center","--end":"bds2150SectionHeader---end","--medium":"bds2150SectionHeader---medium","--xs":"bds2150SectionHeader---xs","--small":"bds2150SectionHeader---small","--large":"bds2150SectionHeader---large"};
+var SectionHeader_default = {"component":"bds2170SectionHeader-component","sectionHeader":"bds2170SectionHeader-sectionHeader","title":"bds2170SectionHeader-title","subtitle":"bds2170SectionHeader-subtitle","--start":"bds2170SectionHeader---start","--center":"bds2170SectionHeader---center","--end":"bds2170SectionHeader---end","--medium":"bds2170SectionHeader---medium","--xs":"bds2170SectionHeader---xs","--small":"bds2170SectionHeader---small","--large":"bds2170SectionHeader---large","--gradient":"bds2170SectionHeader---gradient"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 var import_design_system_foundation54 = require("@boostdev/design-system-foundation");
@@ -3758,18 +3823,19 @@ function SectionHeader({
   className,
   alignment = "start",
   size = "medium",
+  appearance = "default",
   titleAs = "h2",
   ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { ...rest, className: (0, import_design_system_foundation54.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { ...rest, className: (0, import_design_system_foundation54.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], appearance === "gradient" && SectionHeader_default["--gradient"], className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Title, { className: SectionHeader_default.title, children: title }),
     subtitle && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"component":"bds2150IconWrapper-component","wrapper":"bds2150IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds2170IconWrapper-component","wrapper":"bds2170IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 var import_design_system_foundation55 = require("@boostdev/design-system-foundation");