@boostdev/design-system-components 2.15.0 → 2.17.0

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "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
 import { cn } from "@boostdev/design-system-foundation";
@@ -71,13 +71,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
 import { cn as cn2 } from "@boostdev/design-system-foundation";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Alert({
   variant = "info",
+  appearance = "default",
   icon,
   title,
   children,
@@ -93,7 +94,12 @@ function Alert({
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: cn2(Alert_default.alert, Alert_default[`--variant_${variant}`], className),
+      className: cn2(
+        Alert_default.alert,
+        Alert_default[`--variant_${variant}`],
+        appearance === "gradient" && Alert_default["--appearance_gradient"],
+        className
+      ),
       children: [
         icon && /* @__PURE__ */ jsx2("span", { className: Alert_default.icon, "aria-hidden": "true", children: icon }),
         /* @__PURE__ */ jsxs2("div", { className: Alert_default.content, children: [
@@ -116,15 +122,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
 import { cn as cn3 } from "@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
 import { jsx as jsx3 } from "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__ */ jsx3("span", { ...rest, className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
@@ -136,14 +160,14 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
       ...rest,
       role: "img",
       "aria-label": name ?? "User avatar",
-      className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
+      className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], Avatar_default[`--tone_${resolveAvatarTone(tone, name)}`], sizeClass, className),
       children: /* @__PURE__ */ jsx3("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
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -153,7 +177,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
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -169,7 +193,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
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -218,7 +242,7 @@ import { useState as useState2, useId as useId2, useRef, useEffect, useCallback
 import { cn as cn8 } from "@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
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -707,7 +731,7 @@ function CalendarRange({
 import { useRef as useRef3, useId as useId4 } from "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
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -765,7 +789,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
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -778,7 +802,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
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -809,7 +833,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
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -828,13 +852,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
 import { cn as cn14 } from "@boostdev/design-system-foundation";
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function NotificationBanner({
   variant = "info",
+  appearance = "default",
+  icon,
   children,
   action,
   onDismiss,
@@ -849,8 +875,14 @@ function NotificationBanner({
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: cn14(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      className: cn14(
+        NotificationBanner_default.banner,
+        NotificationBanner_default[`--variant_${variant}`],
+        appearance === "gradient" && NotificationBanner_default["--appearance_gradient"],
+        className
+      ),
       children: [
+        icon && /* @__PURE__ */ jsx14("span", { className: NotificationBanner_default.icon, "aria-hidden": "true", children: icon }),
         /* @__PURE__ */ jsx14("div", { className: NotificationBanner_default.content, children }),
         action && /* @__PURE__ */ jsx14("div", { className: NotificationBanner_default.action, children: action }),
         onDismiss && /* @__PURE__ */ jsx14(
@@ -869,7 +901,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
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -934,7 +966,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
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -973,7 +1005,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
 import { cn as cn17 } from "@boostdev/design-system-foundation";
@@ -1054,7 +1086,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
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -1078,7 +1110,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
 import { cn as cn19 } from "@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
 import { jsx as jsx19 } from "react/jsx-runtime";
@@ -1087,7 +1119,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
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -1100,7 +1132,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 import { useId as useId5 } from "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
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -1192,10 +1224,21 @@ function Table({
 import { useId as useId6, useRef as useRef4, useState as useState4 } from "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
 import { cn as cn22 } from "@boostdev/design-system-foundation";
+
+// src/components/ui/Tabs/getNodeText.ts
+import { isValidElement } from "react";
+function getNodeText(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getNodeText).join("");
+  if (isValidElement(node)) return getNodeText(node.props.children);
+  return "";
+}
+
+// src/components/ui/Tabs/Tabs.tsx
 import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tabs({ tabs, defaultTab, className, ...rest }) {
   const baseId = useId6();
@@ -1246,7 +1289,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
           className: cn22(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
-          children: tab.label
+          children: /* @__PURE__ */ jsx22("span", { className: Tabs_default.label, "data-label": getNodeText(tab.label), children: tab.label })
         },
         tab.id
       );
@@ -1275,13 +1318,13 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 // src/components/ui/Tooltip/Tooltip.tsx
 import {
   cloneElement,
-  isValidElement,
+  isValidElement as isValidElement2,
   useId as useId7,
   useState as useState5
 } from "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
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1302,7 +1345,7 @@ function Tooltip({
       hide();
     }
   };
-  const trigger = isValidElement(children) ? cloneElement(children, {
+  const trigger = isValidElement2(children) ? cloneElement(children, {
     "aria-describedby": tooltipId
   }) : children;
   return /* @__PURE__ */ jsxs15(
@@ -1333,7 +1376,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
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1351,7 +1394,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
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1468,7 +1511,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
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1650,7 +1693,7 @@ function Command({
 import { useEffect as useEffect4, useId as useId9, useRef as useRef6 } from "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
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1758,7 +1801,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 import { useEffect as useEffect5, useId as useId10, useRef as useRef7 } from "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
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1878,8 +1921,9 @@ function Drawer({
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import {
+  Fragment as Fragment3,
   cloneElement as cloneElement2,
-  isValidElement as isValidElement2,
+  isValidElement as isValidElement3,
   useEffect as useEffect6,
   useId as useId11,
   useRef as useRef8,
@@ -1887,11 +1931,16 @@ import {
 } from "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
 import { cn as cn29 } from "@boostdev/design-system-foundation";
 import { jsx as jsx29, jsxs as jsxs20 } from "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,
@@ -1956,7 +2005,7 @@ function DropdownMenu({
       close();
     }
   };
-  const triggerEl = isValidElement2(trigger) ? cloneElement2(trigger, {
+  const triggerEl = isValidElement3(trigger) ? cloneElement2(trigger, {
     "aria-haspopup": "menu",
     "aria-expanded": isOpen,
     "aria-controls": menuId,
@@ -1978,30 +2027,44 @@ function DropdownMenu({
         id: menuId,
         role: "menu",
         className: cn29(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
-        children: items.map((item, index) => /* @__PURE__ */ jsxs20("li", { role: "presentation", children: [
-          item.separator && /* @__PURE__ */ jsx29("hr", { className: DropdownMenu_default.separator, role: "separator" }),
-          /* @__PURE__ */ jsxs20(
-            "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__ */ jsx29("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__ */ jsx29("li", { role: "presentation", className: DropdownMenu_default.separatorRow, children: /* @__PURE__ */ jsx29("hr", { className: DropdownMenu_default.separator, role: "separator" }) });
+          const leadingSeparator = groupLabel !== void 0 && first.separator;
+          const rows = segment.map(({ item, index }, position) => /* @__PURE__ */ jsxs20(Fragment3, { children: [
+            item.separator && !(leadingSeparator && position === 0) && renderSeparator(),
+            /* @__PURE__ */ jsx29("li", { role: "presentation", children: /* @__PURE__ */ jsxs20(
+              "button",
+              {
+                ref: (el) => {
+                  itemRefs.current[index] = el;
+                },
+                type: "button",
+                role: "menuitem",
+                disabled: item.disabled,
+                className: cn29(DropdownMenu_default.item, item.destructive && DropdownMenu_default["--destructive"]),
+                onClick: () => {
+                  item.onClick?.();
+                  close(true);
+                },
+                onKeyDown: (e) => handleItemKeyDown(e, index),
+                children: [
+                  item.icon && /* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                  /* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.label, children: item.label }),
+                  item.shortcut && /* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.shortcut, "aria-hidden": "true", children: item.shortcut })
+                ]
+              }
+            ) })
+          ] }, item.id));
+          return groupLabel === void 0 ? rows : /* @__PURE__ */ jsxs20(Fragment3, { children: [
+            leadingSeparator && renderSeparator(),
+            /* @__PURE__ */ jsx29("li", { role: "presentation", children: /* @__PURE__ */ jsxs20("ul", { role: "group", "aria-labelledby": `${menuId}-group-${first.id}`, className: DropdownMenu_default.group, children: [
+              /* @__PURE__ */ jsx29("li", { role: "presentation", id: `${menuId}-group-${first.id}`, className: DropdownMenu_default.groupLabel, children: groupLabel }),
+              rows
+            ] }) })
+          ] }, `group-${first.id}`);
+        })
       }
     )
   ] });
@@ -2010,7 +2073,7 @@ function DropdownMenu({
 // src/components/interaction/Popover/Popover.tsx
 import {
   cloneElement as cloneElement3,
-  isValidElement as isValidElement3,
+  isValidElement as isValidElement4,
   useEffect as useEffect7,
   useId as useId12,
   useRef as useRef9,
@@ -2018,7 +2081,7 @@ import {
 } from "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
 import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -2068,7 +2131,7 @@ function Popover({
       window.removeEventListener("resize", handleScroll);
     };
   }, [isOpen]);
-  const trigger = isValidElement3(children) ? cloneElement3(children, {
+  const trigger = isValidElement4(children) ? cloneElement3(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
     commandfor: panelId,
@@ -2114,7 +2177,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
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -2146,7 +2209,7 @@ function Rating({ value, max = 5, className, ...rest }) {
 import { useState as useState9, useEffect as useEffect8, createContext, useContext, useCallback as useCallback3, useMemo as useMemo2, useRef as useRef10 } from "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
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -2227,21 +2290,24 @@ function useToast() {
 import { useId as useId13 } from "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
 import { cn as cn33 } from "@boostdev/design-system-foundation";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 var Message = ({ message, type, inputId, className }) => {
   if (!message) return null;
-  return /* @__PURE__ */ jsx33("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: cn33(Message_default[type], className), children: message });
+  return /* @__PURE__ */ jsxs23("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: cn33(Message_default[type], className), children: [
+    type === "error" && /* @__PURE__ */ jsx33("svg", { className: Message_default.icon, "aria-hidden": "true", viewBox: "0 0 256 256", fill: "currentColor", children: /* @__PURE__ */ jsx33("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
 import { cn as cn34 } from "@boostdev/design-system-foundation";
@@ -2254,7 +2320,7 @@ var Label = ({ label, id, className }) => {
 import { cn as cn36 } from "@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
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -2264,14 +2330,14 @@ var InputContainer = ({ children, className, ...rest }) => {
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 function Checkbox({ label, name, error, hint, className, ...props }) {
   const id = name + useId13();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs23(InputContainer, { className: cn36(Checkbox_default.checkboxGroup, className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: Checkbox_default.inputWrapper, children: [
+  return /* @__PURE__ */ jsxs24(InputContainer, { className: cn36(Checkbox_default.checkboxGroup, className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: Checkbox_default.inputWrapper, children: [
       /* @__PURE__ */ jsx36(
         "input",
         {
@@ -2295,11 +2361,11 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 import { useId as useId14 } from "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
 import { cn as cn37 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
 function CheckboxGroup({
   legend,
   children,
@@ -2313,16 +2379,16 @@ function CheckboxGroup({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "fieldset",
     {
       ...rest,
-      className: cn37(CheckboxGroup_default.group, className),
+      className: cn37(CheckboxGroup_default.group, error && CheckboxGroup_default.groupError, className),
       "aria-describedby": describedBy,
       children: [
-        /* @__PURE__ */ jsxs24("legend", { className: CheckboxGroup_default.legend, children: [
+        /* @__PURE__ */ jsxs25("legend", { className: CheckboxGroup_default.legend, children: [
           legend,
-          required && /* @__PURE__ */ jsxs24(Fragment3, { children: [
+          required && /* @__PURE__ */ jsxs25(Fragment4, { children: [
             /* @__PURE__ */ jsx37("span", { className: CheckboxGroup_default.required, "aria-hidden": "true", children: " *" }),
             " ",
             /* @__PURE__ */ jsx37("span", { className: CheckboxGroup_default.requiredLabel, children: "(required)" })
@@ -2346,11 +2412,11 @@ import {
 } from "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
 import { cn as cn38 } from "@boostdev/design-system-foundation";
-import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 function Combobox({
   label,
   name,
@@ -2442,9 +2508,9 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs25(InputContainer, { ...rest, className: cn38(Combobox_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs26(InputContainer, { ...rest, className: cn38(Combobox_default.formGroup, className), children: [
     /* @__PURE__ */ jsx38(Label, { id, label }),
-    /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+    /* @__PURE__ */ jsxs26("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
       /* @__PURE__ */ jsx38(
         "input",
         {
@@ -2517,10 +2583,10 @@ import {
 import { cn as cn39 } from "@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
-import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
 var getInlineSize = (entry) => entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
 function FieldGroup({
   variant = "horizontal",
@@ -2559,7 +2625,7 @@ function FieldGroup({
     observer.observe(probeEl);
     return () => observer.disconnect();
   }, [variant]);
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "fieldset",
     {
       ...rest,
@@ -2580,11 +2646,11 @@ function FieldGroup({
 import { useId as useId16, useRef as useRef13, useState as useState12 } from "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
 import { cn as cn40 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
 function FileInput({
   label,
   name,
@@ -2638,8 +2704,8 @@ function FileInput({
   const handleDragLeave = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) setIsDragging(false);
   };
-  return /* @__PURE__ */ jsxs27(InputContainer, { ...rest, className: cn40(FileInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(InputContainer, { ...rest, className: cn40(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs28(
       "label",
       {
         htmlFor: uid,
@@ -2650,7 +2716,7 @@ function FileInput({
         children: [
           /* @__PURE__ */ jsx40("span", { className: FileInput_default.fieldLabel, children: label }),
           /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx40("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__ */ jsx40("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs27(Fragment4, { children: [
+          /* @__PURE__ */ jsx40("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs28(Fragment5, { children: [
             /* @__PURE__ */ jsx40("strong", { children: "Click to upload" }),
             " or drag and drop"
           ] }) }),
@@ -2685,11 +2751,11 @@ function FileInput({
 import { useId as useId17 } from "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
 import { cn as cn41 } from "@boostdev/design-system-foundation";
-import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 function FormInput({
   label,
   name,
@@ -2705,7 +2771,7 @@ function FormInput({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn41(FormInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn41(FormInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsx41(Label, { id, label }),
     /* @__PURE__ */ jsx41(
       "input",
@@ -2730,11 +2796,11 @@ function FormInput({
 import { useEffect as useEffect11, useId as useId18, useRef as useRef14, useState as useState13 } from "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
 import { cn as cn42 } from "@boostdev/design-system-foundation";
-import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
 function NumberInput({
   label,
   name,
@@ -2782,9 +2848,9 @@ function NumberInput({
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs29(InputContainer, { ...rest, className: cn42(NumberInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs30(InputContainer, { ...rest, className: cn42(NumberInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsx42(Label, { id: uid, label }),
-    /* @__PURE__ */ jsxs29("div", { className: NumberInput_default.inputRow, children: [
+    /* @__PURE__ */ jsxs30("div", { className: NumberInput_default.inputRow, children: [
       /* @__PURE__ */ jsx42(
         "button",
         {
@@ -2848,19 +2914,19 @@ function NumberInput({
 import { useId as useId19 } from "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
 import { cn as cn43 } from "@boostdev/design-system-foundation";
-import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 function Radio({ label, name, description, error, hint, className, id: consumerId, ...props }) {
   const id = consumerId ?? name + useId19();
   const descriptionId = id + "description";
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [description && descriptionId, error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs30(InputContainer, { className: cn43(Radio_default.radioGroup, className), children: [
-    /* @__PURE__ */ jsxs30("div", { className: Radio_default.inputWrapper, children: [
+  return /* @__PURE__ */ jsxs31(InputContainer, { className: cn43(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ jsxs31("div", { className: Radio_default.inputWrapper, children: [
       /* @__PURE__ */ jsx43(
         "input",
         {
@@ -2873,7 +2939,7 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
           ...props
         }
       ),
-      /* @__PURE__ */ jsxs30("div", { className: Radio_default.textWrapper, children: [
+      /* @__PURE__ */ jsxs31("div", { className: Radio_default.textWrapper, children: [
         /* @__PURE__ */ jsx43(Label, { id, label }),
         description && /* @__PURE__ */ jsx43("span", { id: descriptionId, className: Radio_default.description, children: description })
       ] })
@@ -2887,11 +2953,11 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
 import { useId as useId20 } from "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
 import { cn as cn44 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
 function RadioGroup({
   legend,
   children,
@@ -2905,16 +2971,16 @@ function RadioGroup({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "fieldset",
     {
       ...rest,
-      className: cn44(RadioGroup_default.group, className),
+      className: cn44(RadioGroup_default.group, error && RadioGroup_default.groupError, className),
       "aria-describedby": describedBy,
       children: [
-        /* @__PURE__ */ jsxs31("legend", { className: RadioGroup_default.legend, children: [
+        /* @__PURE__ */ jsxs32("legend", { className: RadioGroup_default.legend, children: [
           legend,
-          required && /* @__PURE__ */ jsxs31(Fragment5, { children: [
+          required && /* @__PURE__ */ jsxs32(Fragment6, { children: [
             /* @__PURE__ */ jsx44("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" }),
             " ",
             /* @__PURE__ */ jsx44("span", { className: RadioGroup_default.requiredLabel, children: "(required)" })
@@ -2929,14 +2995,14 @@ function RadioGroup({
 }
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
+import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement5 } from "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
 import { cn as cn45 } from "@boostdev/design-system-foundation";
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var preventDisabledActivation = (event) => {
   event.preventDefault();
 };
@@ -2949,13 +3015,13 @@ function SegmentedControl({
   className,
   ...rest
 }) {
-  const validChildren = Children2.toArray(children).filter(isValidElement4);
+  const validChildren = Children2.toArray(children).filter(isValidElement5);
   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;
   }) : -1;
   const activeIndex = validChildren.length === 0 ? void 0 : selectedIndexProp !== void 0 ? Math.min(Math.max(selectedIndexProp, 0), validChildren.length - 1) : autoIndex >= 0 ? autoIndex : void 0;
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       ...rest,
@@ -3011,11 +3077,11 @@ function SegmentedControl({
 import { useId as useId21 } from "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
 import { cn as cn46 } from "@boostdev/design-system-foundation";
-import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
 function Select({
   label,
   name,
@@ -3037,10 +3103,10 @@ function Select({
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const isControlled = value !== void 0;
   const initialValueProps = isControlled ? { value } : { defaultValue: defaultValue ?? (placeholder ? "" : void 0) };
-  return /* @__PURE__ */ jsxs33(InputContainer, { className: cn46(Select_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs34(InputContainer, { className: cn46(Select_default.formGroup, className), children: [
     /* @__PURE__ */ jsx46(Label, { id: selectId, label }),
-    /* @__PURE__ */ jsxs33("div", { className: Select_default.selectWrapper, children: [
-      /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs34("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ jsxs34(
         "select",
         {
           ...rest,
@@ -3069,11 +3135,11 @@ function Select({
 import { useId as useId22, useState as useState14 } from "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
 import { cn as cn47 } from "@boostdev/design-system-foundation";
-import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 function Slider({
   label,
   name,
@@ -3100,8 +3166,8 @@ function Slider({
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs34(InputContainer, { className: cn47(Slider_default.formGroup, className), children: [
-    /* @__PURE__ */ jsxs34("div", { className: Slider_default.labelRow, children: [
+  return /* @__PURE__ */ jsxs35(InputContainer, { className: cn47(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs35("div", { className: Slider_default.labelRow, children: [
       /* @__PURE__ */ jsx47(Label, { id, label }),
       showValue && /* @__PURE__ */ jsx47("span", { className: Slider_default.value, children: currentValue })
     ] }),
@@ -3130,11 +3196,11 @@ function Slider({
 import { useId as useId23 } from "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
 import { cn as cn48 } from "@boostdev/design-system-foundation";
-import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
 function Switch({
   label,
   name,
@@ -3149,10 +3215,10 @@ function Switch({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs35(InputContainer, { className: cn48(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
-    /* @__PURE__ */ jsxs35("div", { className: Switch_default.inputWrapper, children: [
+  return /* @__PURE__ */ jsxs36(InputContainer, { className: cn48(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ jsxs36("div", { className: Switch_default.inputWrapper, children: [
       prefix && /* @__PURE__ */ jsx48("span", { children: prefix }),
-      /* @__PURE__ */ jsxs35("div", { className: Switch_default.trackWrapper, children: [
+      /* @__PURE__ */ jsxs36("div", { className: Switch_default.trackWrapper, children: [
         /* @__PURE__ */ jsx48(
           "input",
           {
@@ -3179,11 +3245,11 @@ function Switch({
 import { useId as useId24 } from "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
 import { cn as cn49 } from "@boostdev/design-system-foundation";
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 function Textarea({
   label,
   name,
@@ -3199,7 +3265,7 @@ function Textarea({
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs36(InputContainer, { className: cn49(Textarea_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs37(InputContainer, { className: cn49(Textarea_default.formGroup, className), children: [
     /* @__PURE__ */ jsx49(Label, { id, label }),
     /* @__PURE__ */ jsx49(
       "textarea",
@@ -3220,7 +3286,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
 import { cn as cn50 } from "@boostdev/design-system-foundation";
@@ -3239,7 +3305,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
 import { cn as cn51 } from "@boostdev/design-system-foundation";
@@ -3283,7 +3349,7 @@ import {
 } from "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
 import { cn as cn52 } from "@boostdev/design-system-foundation";
@@ -3695,29 +3761,30 @@ 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
 import { cn as cn54 } from "@boostdev/design-system-foundation";
-import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
 function SectionHeader({
   title,
   subtitle,
   className,
   alignment = "start",
   size = "medium",
+  appearance = "default",
   titleAs = "h2",
   ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs37("div", { ...rest, className: cn54(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ jsxs38("div", { ...rest, className: cn54(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], appearance === "gradient" && SectionHeader_default["--gradient"], className), children: [
     /* @__PURE__ */ jsx54(Title, { className: SectionHeader_default.title, children: title }),
     subtitle && /* @__PURE__ */ jsx54("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
 import { cn as cn55 } from "@boostdev/design-system-foundation";