@boostdev/design-system-components 2.14.1 → 2.16.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":"bds2141Accordion-component","accordion":"bds2141Accordion-accordion","item":"bds2141Accordion-item","heading":"bds2141Accordion-heading","trigger":"bds2141Accordion-trigger","triggerLabel":"bds2141Accordion-triggerLabel","chevron":"bds2141Accordion-chevron","--open":"bds2141Accordion---open","panel":"bds2141Accordion-panel","panelContent":"bds2141Accordion-panelContent"};
+var Accordion_default = {"component":"bds2160Accordion-component","accordion":"bds2160Accordion-accordion","item":"bds2160Accordion-item","heading":"bds2160Accordion-heading","trigger":"bds2160Accordion-trigger","triggerLabel":"bds2160Accordion-triggerLabel","chevron":"bds2160Accordion-chevron","--open":"bds2160Accordion---open","panel":"bds2160Accordion-panel","panelContent":"bds2160Accordion-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":"bds2141Alert-component","alert":"bds2141Alert-alert","--variant_info":"bds2141Alert---variant_info","--variant_success":"bds2141Alert---variant_success","--variant_warning":"bds2141Alert---variant_warning","--variant_error":"bds2141Alert---variant_error","icon":"bds2141Alert-icon","content":"bds2141Alert-content","title":"bds2141Alert-title","dismiss":"bds2141Alert-dismiss"};
+var Alert_default = {"component":"bds2160Alert-component","alert":"bds2160Alert-alert","--variant_info":"bds2160Alert---variant_info","--variant_success":"bds2160Alert---variant_success","--variant_warning":"bds2160Alert---variant_warning","--variant_error":"bds2160Alert---variant_error","--appearance_gradient":"bds2160Alert---appearance_gradient","icon":"bds2160Alert-icon","content":"bds2160Alert-content","title":"bds2160Alert-title","dismiss":"bds2160Alert-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":"bds2141Avatar-component","avatar":"bds2141Avatar-avatar","--fallback":"bds2141Avatar---fallback","--size_small":"bds2141Avatar---size_small","--size_medium":"bds2141Avatar---size_medium","--size_large":"bds2141Avatar---size_large","image":"bds2141Avatar-image","initials":"bds2141Avatar-initials"};
+var Avatar_default = {"component":"bds2160Avatar-component","avatar":"bds2160Avatar-avatar","--fallback":"bds2160Avatar---fallback","--tone_primary":"bds2160Avatar---tone_primary","--tone_secondary":"bds2160Avatar---tone_secondary","--tone_accent-1":"bds2160Avatar---tone_accent-1","--tone_accent-2":"bds2160Avatar---tone_accent-2","--tone_accent-3":"bds2160Avatar---tone_accent-3","--size_small":"bds2160Avatar---size_small","--size_medium":"bds2160Avatar---size_medium","--size_large":"bds2160Avatar---size_large","image":"bds2160Avatar-image","initials":"bds2160Avatar-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":"bds2141Badge-component","badge":"bds2141Badge-badge","--variant_primary":"bds2141Badge---variant_primary","--variant_secondary":"bds2141Badge---variant_secondary","--variant_success":"bds2141Badge---variant_success","--variant_error":"bds2141Badge---variant_error","--variant_warning":"bds2141Badge---variant_warning"};
+var Badge_default = {"component":"bds2160Badge-component","badge":"bds2160Badge-badge","--variant_primary":"bds2160Badge---variant_primary","--variant_secondary":"bds2160Badge---variant_secondary","--variant_success":"bds2160Badge---variant_success","--variant_error":"bds2160Badge---variant_error","--variant_warning":"bds2160Badge---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":"bds2141Breadcrumb-component","breadcrumb":"bds2141Breadcrumb-breadcrumb","list":"bds2141Breadcrumb-list","item":"bds2141Breadcrumb-item","link":"bds2141Breadcrumb-link","separator":"bds2141Breadcrumb-separator","text":"bds2141Breadcrumb-text","current":"bds2141Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds2160Breadcrumb-component","breadcrumb":"bds2160Breadcrumb-breadcrumb","list":"bds2160Breadcrumb-list","item":"bds2160Breadcrumb-item","link":"bds2160Breadcrumb-link","separator":"bds2160Breadcrumb-separator","text":"bds2160Breadcrumb-text","current":"bds2160Breadcrumb-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":"bds2141Collapsible-component","collapsible":"bds2141Collapsible-collapsible","summary":"bds2141Collapsible-summary","summaryContent":"bds2141Collapsible-summaryContent","icon":"bds2141Collapsible-icon","content":"bds2141Collapsible-content"};
+var Collapsible_default = {"component":"bds2160Collapsible-component","collapsible":"bds2160Collapsible-collapsible","summary":"bds2160Collapsible-summary","summaryContent":"bds2160Collapsible-summaryContent","icon":"bds2160Collapsible-icon","content":"bds2160Collapsible-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":"bds2141Calendar-component","calendar":"bds2141Calendar-calendar","months":"bds2141Calendar-months","month":"bds2141Calendar-month","monthHeader":"bds2141Calendar-monthHeader","navSlot":"bds2141Calendar-navSlot","monthYear":"bds2141Calendar-monthYear","navBtn":"bds2141Calendar-navBtn","grid":"bds2141Calendar-grid","row":"bds2141Calendar-row","weekday":"bds2141Calendar-weekday","cell":"bds2141Calendar-cell","day":"bds2141Calendar-day","disabled":"bds2141Calendar-disabled","selected":"bds2141Calendar-selected","rangeStart":"bds2141Calendar-rangeStart","rangeEnd":"bds2141Calendar-rangeEnd","outside":"bds2141Calendar-outside","today":"bds2141Calendar-today","inRange":"bds2141Calendar-inRange"};
+var Calendar_default = {"component":"bds2160Calendar-component","calendar":"bds2160Calendar-calendar","months":"bds2160Calendar-months","month":"bds2160Calendar-month","monthHeader":"bds2160Calendar-monthHeader","navSlot":"bds2160Calendar-navSlot","monthYear":"bds2160Calendar-monthYear","navBtn":"bds2160Calendar-navBtn","grid":"bds2160Calendar-grid","row":"bds2160Calendar-row","weekday":"bds2160Calendar-weekday","cell":"bds2160Calendar-cell","day":"bds2160Calendar-day","disabled":"bds2160Calendar-disabled","selected":"bds2160Calendar-selected","rangeStart":"bds2160Calendar-rangeStart","rangeEnd":"bds2160Calendar-rangeEnd","outside":"bds2160Calendar-outside","today":"bds2160Calendar-today","inRange":"bds2160Calendar-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":"bds2141Carousel-component","carousel":"bds2141Carousel-carousel","track":"bds2141Carousel-track","slide":"bds2141Carousel-slide","navBtn":"bds2141Carousel-navBtn"};
+var Carousel_default = {"component":"bds2160Carousel-component","carousel":"bds2160Carousel-carousel","track":"bds2160Carousel-track","slide":"bds2160Carousel-slide","navBtn":"bds2160Carousel-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":"bds2141DescriptionList-component","list":"bds2141DescriptionList-list","group":"bds2141DescriptionList-group","term":"bds2141DescriptionList-term","details":"bds2141DescriptionList-details","--layout_inline":"bds2141DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds2160DescriptionList-component","list":"bds2160DescriptionList-list","group":"bds2160DescriptionList-group","term":"bds2160DescriptionList-term","details":"bds2160DescriptionList-details","--layout_inline":"bds2160DescriptionList---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":"bds2141Link-component","link":"bds2141Link-link","--variant_default":"bds2141Link---variant_default","--variant_subtle":"bds2141Link---variant_subtle","--variant_standalone":"bds2141Link---variant_standalone","externalLabel":"bds2141Link-externalLabel"};
+var Link_default = {"component":"bds2160Link-component","link":"bds2160Link-link","--variant_default":"bds2160Link---variant_default","--variant_subtle":"bds2160Link---variant_subtle","--variant_standalone":"bds2160Link---variant_standalone","externalLabel":"bds2160Link-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":"bds2141Loading-component","loading":"bds2141Loading-loading","spinner":"bds2141Loading-spinner","--size_small":"bds2141Loading---size_small","--size_large":"bds2141Loading---size_large"};
+var Loading_default = {"component":"bds2160Loading-component","loading":"bds2160Loading-loading","spinner":"bds2160Loading-spinner","--size_small":"bds2160Loading---size_small","--size_large":"bds2160Loading---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":"bds2141NotificationBanner-component","banner":"bds2141NotificationBanner-banner","--variant_info":"bds2141NotificationBanner---variant_info","--variant_success":"bds2141NotificationBanner---variant_success","--variant_warning":"bds2141NotificationBanner---variant_warning","--variant_error":"bds2141NotificationBanner---variant_error","content":"bds2141NotificationBanner-content","action":"bds2141NotificationBanner-action","dismiss":"bds2141NotificationBanner-dismiss"};
+var NotificationBanner_default = {"component":"bds2160NotificationBanner-component","banner":"bds2160NotificationBanner-banner","--variant_info":"bds2160NotificationBanner---variant_info","--variant_success":"bds2160NotificationBanner---variant_success","--variant_warning":"bds2160NotificationBanner---variant_warning","--variant_error":"bds2160NotificationBanner---variant_error","--appearance_gradient":"bds2160NotificationBanner---appearance_gradient","icon":"bds2160NotificationBanner-icon","content":"bds2160NotificationBanner-content","action":"bds2160NotificationBanner-action","dismiss":"bds2160NotificationBanner-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":"bds2141Pagination-component","pagination":"bds2141Pagination-pagination","list":"bds2141Pagination-list","button":"bds2141Pagination-button","--active":"bds2141Pagination---active","--nav":"bds2141Pagination---nav","ellipsis":"bds2141Pagination-ellipsis"};
+var Pagination_default = {"component":"bds2160Pagination-component","pagination":"bds2160Pagination-pagination","list":"bds2160Pagination-list","button":"bds2160Pagination-button","--active":"bds2160Pagination---active","--nav":"bds2160Pagination---nav","ellipsis":"bds2160Pagination-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":"bds2141Progress-component","container":"bds2141Progress-container","labelRow":"bds2141Progress-labelRow","value":"bds2141Progress-value","track":"bds2141Progress-track","--size_small":"bds2141Progress---size_small","--size_medium":"bds2141Progress---size_medium","--size_large":"bds2141Progress---size_large","fill":"bds2141Progress-fill"};
+var Progress_default = {"component":"bds2160Progress-component","container":"bds2160Progress-container","labelRow":"bds2160Progress-labelRow","value":"bds2160Progress-value","track":"bds2160Progress-track","--size_small":"bds2160Progress---size_small","--size_medium":"bds2160Progress---size_medium","--size_large":"bds2160Progress---size_large","fill":"bds2160Progress-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":"bds2141ProgressCircle-component","wrapper":"bds2141ProgressCircle-wrapper","svg":"bds2141ProgressCircle-svg","track":"bds2141ProgressCircle-track","fill":"bds2141ProgressCircle-fill","value":"bds2141ProgressCircle-value","--size_small":"bds2141ProgressCircle---size_small","--size_medium":"bds2141ProgressCircle---size_medium","--size_large":"bds2141ProgressCircle---size_large"};
+var ProgressCircle_default = {"component":"bds2160ProgressCircle-component","wrapper":"bds2160ProgressCircle-wrapper","svg":"bds2160ProgressCircle-svg","track":"bds2160ProgressCircle-track","fill":"bds2160ProgressCircle-fill","value":"bds2160ProgressCircle-value","--size_small":"bds2160ProgressCircle---size_small","--size_medium":"bds2160ProgressCircle---size_medium","--size_large":"bds2160ProgressCircle---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":"bds2141Separator-component","separator":"bds2141Separator-separator","--horizontal":"bds2141Separator---horizontal","--vertical":"bds2141Separator---vertical"};
+var Separator_default = {"component":"bds2160Separator-component","separator":"bds2160Separator-separator","--horizontal":"bds2160Separator---horizontal","--vertical":"bds2160Separator---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":"bds2141Skeleton-component","skeleton":"bds2141Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds2160Skeleton-component","skeleton":"bds2160Skeleton-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":"bds2141SkipLink-component","skipLink":"bds2141SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds2160SkipLink-component","skipLink":"bds2160SkipLink-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":"bds2141Table-component","wrapper":"bds2141Table-wrapper","table":"bds2141Table-table","caption":"bds2141Table-caption","thead":"bds2141Table-thead","th":"bds2141Table-th","--sortable":"bds2141Table---sortable","sortButton":"bds2141Table-sortButton","sortIcon":"bds2141Table-sortIcon","--sort-active":"bds2141Table---sort-active","--sort-desc":"bds2141Table---sort-desc","tbody":"bds2141Table-tbody","tr":"bds2141Table-tr","td":"bds2141Table-td"};
+var Table_default = {"component":"bds2160Table-component","wrapper":"bds2160Table-wrapper","table":"bds2160Table-table","caption":"bds2160Table-caption","thead":"bds2160Table-thead","th":"bds2160Table-th","--sortable":"bds2160Table---sortable","sortButton":"bds2160Table-sortButton","sortIcon":"bds2160Table-sortIcon","--sort-active":"bds2160Table---sort-active","--sort-desc":"bds2160Table---sort-desc","tbody":"bds2160Table-tbody","tr":"bds2160Table-tr","td":"bds2160Table-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":"bds2141Tabs-component","tabs":"bds2141Tabs-tabs","tabList":"bds2141Tabs-tabList","tab":"bds2141Tabs-tab","--active":"bds2141Tabs---active","panel":"bds2141Tabs-panel"};
+var Tabs_default = {"component":"bds2160Tabs-component","tabs":"bds2160Tabs-tabs","tabList":"bds2160Tabs-tabList","tab":"bds2160Tabs-tab","label":"bds2160Tabs-label","--active":"bds2160Tabs---active","panel":"bds2160Tabs-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":"bds2141Tooltip-component","wrapper":"bds2141Tooltip-wrapper","tooltip":"bds2141Tooltip-tooltip","--visible":"bds2141Tooltip---visible","--placement_top":"bds2141Tooltip---placement_top","--placement_bottom":"bds2141Tooltip---placement_bottom","--placement_left":"bds2141Tooltip---placement_left","--placement_right":"bds2141Tooltip---placement_right"};
+var Tooltip_default = {"component":"bds2160Tooltip-component","wrapper":"bds2160Tooltip-wrapper","tooltip":"bds2160Tooltip-tooltip","--visible":"bds2160Tooltip---visible","--placement_top":"bds2160Tooltip---placement_top","--placement_bottom":"bds2160Tooltip---placement_bottom","--placement_left":"bds2160Tooltip---placement_left","--placement_right":"bds2160Tooltip---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":"bds2141Typography-component","typography":"bds2141Typography-typography","--h1":"bds2141Typography---h1","--h2":"bds2141Typography---h2","--h3":"bds2141Typography---h3","--body":"bds2141Typography---body","--body_s":"bds2141Typography---body_s"};
+var Typography_default = {"component":"bds2160Typography-component","typography":"bds2160Typography-typography","--h1":"bds2160Typography---h1","--h2":"bds2160Typography---h2","--h3":"bds2160Typography---h3","--body":"bds2160Typography---body","--body_s":"bds2160Typography---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":"bds2141Button-component","button":"bds2141Button-button","--default":"bds2141Button---default","--outline":"bds2141Button---outline","--ghost":"bds2141Button---ghost","--size_small":"bds2141Button---size_small","--size_medium":"bds2141Button---size_medium","--size_large":"bds2141Button---size_large","--hasPulse":"bds2141Button---hasPulse","iconStart":"bds2141Button-iconStart","iconEnd":"bds2141Button-iconEnd","--iconOnly":"bds2141Button---iconOnly"};
+var Button_default = {"component":"bds2160Button-component","button":"bds2160Button-button","--default":"bds2160Button---default","--outline":"bds2160Button---outline","--ghost":"bds2160Button---ghost","--size_small":"bds2160Button---size_small","--size_medium":"bds2160Button---size_medium","--size_large":"bds2160Button---size_large","--hasPulse":"bds2160Button---hasPulse","iconStart":"bds2160Button-iconStart","iconEnd":"bds2160Button-iconEnd","--iconOnly":"bds2160Button---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":"bds2141Command-component","dialog":"bds2141Command-dialog","palette":"bds2141Command-palette","searchRow":"bds2141Command-searchRow","searchIcon":"bds2141Command-searchIcon","search":"bds2141Command-search","escHint":"bds2141Command-escHint","list":"bds2141Command-list","groupList":"bds2141Command-groupList","group":"bds2141Command-group","item":"bds2141Command-item","itemActive":"bds2141Command-itemActive","itemLabel":"bds2141Command-itemLabel","itemDesc":"bds2141Command-itemDesc","shortcut":"bds2141Command-shortcut","empty":"bds2141Command-empty","srOnly":"bds2141Command-srOnly"};
+var Command_default = {"component":"bds2160Command-component","dialog":"bds2160Command-dialog","palette":"bds2160Command-palette","searchRow":"bds2160Command-searchRow","searchIcon":"bds2160Command-searchIcon","search":"bds2160Command-search","escHint":"bds2160Command-escHint","list":"bds2160Command-list","groupList":"bds2160Command-groupList","group":"bds2160Command-group","item":"bds2160Command-item","itemActive":"bds2160Command-itemActive","itemLabel":"bds2160Command-itemLabel","itemDesc":"bds2160Command-itemDesc","shortcut":"bds2160Command-shortcut","empty":"bds2160Command-empty","srOnly":"bds2160Command-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":"bds2141Dialog-component","dialog":"bds2141Dialog-dialog","dialogContent":"bds2141Dialog-dialogContent","closeButton":"bds2141Dialog-closeButton"};
+var Dialog_default = {"component":"bds2160Dialog-component","dialog":"bds2160Dialog-dialog","dialogContent":"bds2160Dialog-dialogContent","closeButton":"bds2160Dialog-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":"bds2141Drawer-component","drawer":"bds2141Drawer-drawer","--side_left":"bds2141Drawer---side_left","header":"bds2141Drawer-header","closeButton":"bds2141Drawer-closeButton","body":"bds2141Drawer-body"};
+var Drawer_default = {"component":"bds2160Drawer-component","drawer":"bds2160Drawer-drawer","--side_left":"bds2160Drawer---side_left","header":"bds2160Drawer-header","closeButton":"bds2160Drawer-closeButton","body":"bds2160Drawer-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":"bds2141DropdownMenu-component","wrapper":"bds2141DropdownMenu-wrapper","menu":"bds2141DropdownMenu-menu","--placement_bottom-start":"bds2141DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2141DropdownMenu---placement_bottom-end","separator":"bds2141DropdownMenu-separator","item":"bds2141DropdownMenu-item","icon":"bds2141DropdownMenu-icon"};
+var DropdownMenu_default = {"component":"bds2160DropdownMenu-component","wrapper":"bds2160DropdownMenu-wrapper","menu":"bds2160DropdownMenu-menu","--placement_bottom-start":"bds2160DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2160DropdownMenu---placement_bottom-end","separatorRow":"bds2160DropdownMenu-separatorRow","separator":"bds2160DropdownMenu-separator","group":"bds2160DropdownMenu-group","groupLabel":"bds2160DropdownMenu-groupLabel","item":"bds2160DropdownMenu-item","--destructive":"bds2160DropdownMenu---destructive","label":"bds2160DropdownMenu-label","shortcut":"bds2160DropdownMenu-shortcut","icon":"bds2160DropdownMenu-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":"bds2141Popover-component","wrapper":"bds2141Popover-wrapper","panel":"bds2141Popover-panel","g":"bds2141Popover-g"};
+var Popover_default = {"component":"bds2160Popover-component","wrapper":"bds2160Popover-wrapper","panel":"bds2160Popover-panel","g":"bds2160Popover-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":"bds2141Rating-component","rating":"bds2141Rating-rating","star":"bds2141Rating-star","--filled":"bds2141Rating---filled"};
+var Rating_default = {"component":"bds2160Rating-component","rating":"bds2160Rating-rating","star":"bds2160Rating-star","--filled":"bds2160Rating---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":"bds2141Toast-component","toastContainer":"bds2141Toast-toastContainer","toast":"bds2141Toast-toast","md":"bds2141Toast-md","--variant_success":"bds2141Toast---variant_success","--variant_warning":"bds2141Toast---variant_warning","--variant_info":"bds2141Toast---variant_info","--variant_error":"bds2141Toast---variant_error","message":"bds2141Toast-message","closeButton":"bds2141Toast-closeButton"};
+var Toast_default = {"component":"bds2160Toast-component","toastContainer":"bds2160Toast-toastContainer","toast":"bds2160Toast-toast","md":"bds2160Toast-md","--variant_success":"bds2160Toast---variant_success","--variant_warning":"bds2160Toast---variant_warning","--variant_info":"bds2160Toast---variant_info","--variant_error":"bds2160Toast---variant_error","message":"bds2160Toast-message","closeButton":"bds2160Toast-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":"bds2141Checkbox-component","checkboxGroup":"bds2141Checkbox-checkboxGroup","inputWrapper":"bds2141Checkbox-inputWrapper","checkbox":"bds2141Checkbox-checkbox","checkboxError":"bds2141Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds2160Checkbox-component","checkboxGroup":"bds2160Checkbox-checkboxGroup","inputWrapper":"bds2160Checkbox-inputWrapper","checkbox":"bds2160Checkbox-checkbox","checkboxError":"bds2160Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds2141Message-component","error":"bds2141Message-error","hint":"bds2141Message-hint"};
+var Message_default = {"component":"bds2160Message-component","error":"bds2160Message-error","hint":"bds2160Message-hint","icon":"bds2160Message-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":"bds2141Label-component","label":"bds2141Label-label"};
+var Label_default = {"component":"bds2160Label-component","label":"bds2160Label-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":"bds2141InputContainer-component","container":"bds2141InputContainer-container"};
+var InputContainer_default = {"component":"bds2160InputContainer-component","container":"bds2160InputContainer-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":"bds2141CheckboxGroup-component","group":"bds2141CheckboxGroup-group","legend":"bds2141CheckboxGroup-legend","required":"bds2141CheckboxGroup-required","requiredLabel":"bds2141CheckboxGroup-requiredLabel","items":"bds2141CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds2160CheckboxGroup-component","group":"bds2160CheckboxGroup-group","legend":"bds2160CheckboxGroup-legend","required":"bds2160CheckboxGroup-required","requiredLabel":"bds2160CheckboxGroup-requiredLabel","items":"bds2160CheckboxGroup-items","groupError":"bds2160CheckboxGroup-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":"bds2141Combobox-component","formGroup":"bds2141Combobox-formGroup","inputWrapper":"bds2141Combobox-inputWrapper","input":"bds2141Combobox-input","inputError":"bds2141Combobox-inputError","chevron":"bds2141Combobox-chevron","listbox":"bds2141Combobox-listbox","option":"bds2141Combobox-option","--highlighted":"bds2141Combobox---highlighted","--selected":"bds2141Combobox---selected","--disabled":"bds2141Combobox---disabled"};
+var Combobox_default = {"component":"bds2160Combobox-component","formGroup":"bds2160Combobox-formGroup","inputWrapper":"bds2160Combobox-inputWrapper","input":"bds2160Combobox-input","inputError":"bds2160Combobox-inputError","chevron":"bds2160Combobox-chevron","listbox":"bds2160Combobox-listbox","option":"bds2160Combobox-option","--highlighted":"bds2160Combobox---highlighted","--selected":"bds2160Combobox---selected","--disabled":"bds2160Combobox---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":"bds2141FieldGroup-component","fieldGroup":"bds2141FieldGroup-fieldGroup","legend":"bds2141FieldGroup-legend","fields":"bds2141FieldGroup-fields","--variant_horizontal":"bds2141FieldGroup---variant_horizontal","probe":"bds2141FieldGroup-probe","tsx":"bds2141FieldGroup-tsx","probeContainer":"bds2141FieldGroup-probeContainer"};
+var FieldGroup_default = {"component":"bds2160FieldGroup-component","fieldGroup":"bds2160FieldGroup-fieldGroup","legend":"bds2160FieldGroup-legend","fields":"bds2160FieldGroup-fields","--variant_horizontal":"bds2160FieldGroup---variant_horizontal","probe":"bds2160FieldGroup-probe","tsx":"bds2160FieldGroup-tsx","probeContainer":"bds2160FieldGroup-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":"bds2141FileInput-component","formGroup":"bds2141FileInput-formGroup","fieldLabel":"bds2141FileInput-fieldLabel","dropZone":"bds2141FileInput-dropZone","isDragging":"bds2141FileInput-isDragging","hasError":"bds2141FileInput-hasError","isDisabled":"bds2141FileInput-isDisabled","icon":"bds2141FileInput-icon","prompt":"bds2141FileInput-prompt","acceptHint":"bds2141FileInput-acceptHint","hiddenInput":"bds2141FileInput-hiddenInput"};
+var FileInput_default = {"component":"bds2160FileInput-component","formGroup":"bds2160FileInput-formGroup","fieldLabel":"bds2160FileInput-fieldLabel","dropZone":"bds2160FileInput-dropZone","isDragging":"bds2160FileInput-isDragging","hasError":"bds2160FileInput-hasError","isDisabled":"bds2160FileInput-isDisabled","icon":"bds2160FileInput-icon","prompt":"bds2160FileInput-prompt","acceptHint":"bds2160FileInput-acceptHint","hiddenInput":"bds2160FileInput-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":"bds2141FormInput-component","formGroup":"bds2141FormInput-formGroup","input":"bds2141FormInput-input","g":"bds2141FormInput-g","inputError":"bds2141FormInput-inputError"};
+var FormInput_default = {"component":"bds2160FormInput-component","formGroup":"bds2160FormInput-formGroup","input":"bds2160FormInput-input","g":"bds2160FormInput-g","inputError":"bds2160FormInput-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":"bds2141NumberInput-component","formGroup":"bds2141NumberInput-formGroup","inputRow":"bds2141NumberInput-inputRow","input":"bds2141NumberInput-input","inputError":"bds2141NumberInput-inputError","stepper":"bds2141NumberInput-stepper"};
+var NumberInput_default = {"component":"bds2160NumberInput-component","formGroup":"bds2160NumberInput-formGroup","inputRow":"bds2160NumberInput-inputRow","input":"bds2160NumberInput-input","inputError":"bds2160NumberInput-inputError","stepper":"bds2160NumberInput-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":"bds2141Radio-component","radioGroup":"bds2141Radio-radioGroup","inputWrapper":"bds2141Radio-inputWrapper","textWrapper":"bds2141Radio-textWrapper","description":"bds2141Radio-description","radio":"bds2141Radio-radio","g":"bds2141Radio-g","radioError":"bds2141Radio-radioError"};
+var Radio_default = {"component":"bds2160Radio-component","radioGroup":"bds2160Radio-radioGroup","inputWrapper":"bds2160Radio-inputWrapper","textWrapper":"bds2160Radio-textWrapper","description":"bds2160Radio-description","radio":"bds2160Radio-radio","g":"bds2160Radio-g","radioError":"bds2160Radio-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":"bds2141RadioGroup-component","group":"bds2141RadioGroup-group","legend":"bds2141RadioGroup-legend","required":"bds2141RadioGroup-required","requiredLabel":"bds2141RadioGroup-requiredLabel","items":"bds2141RadioGroup-items"};
+var RadioGroup_default = {"component":"bds2160RadioGroup-component","group":"bds2160RadioGroup-group","legend":"bds2160RadioGroup-legend","required":"bds2160RadioGroup-required","requiredLabel":"bds2160RadioGroup-requiredLabel","items":"bds2160RadioGroup-items","groupError":"bds2160RadioGroup-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":"bds2141SegmentedControl-component","control":"bds2141SegmentedControl-control","thumb":"bds2141SegmentedControl-thumb","indicator":"bds2141SegmentedControl-indicator","item":"bds2141SegmentedControl-item","--active":"bds2141SegmentedControl---active","--disabled":"bds2141SegmentedControl---disabled","--size_small":"bds2141SegmentedControl---size_small","--size_large":"bds2141SegmentedControl---size_large","--variant_outline":"bds2141SegmentedControl---variant_outline","--no-selection":"bds2141SegmentedControl---no-selection"};
+var SegmentedControl_default = {"component":"bds2160SegmentedControl-component","control":"bds2160SegmentedControl-control","thumb":"bds2160SegmentedControl-thumb","indicator":"bds2160SegmentedControl-indicator","item":"bds2160SegmentedControl-item","--active":"bds2160SegmentedControl---active","--disabled":"bds2160SegmentedControl---disabled","--size_small":"bds2160SegmentedControl---size_small","--size_large":"bds2160SegmentedControl---size_large","--variant_outline":"bds2160SegmentedControl---variant_outline","--no-selection":"bds2160SegmentedControl---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":"bds2141Select-component","formGroup":"bds2141Select-formGroup","selectWrapper":"bds2141Select-selectWrapper","select":"bds2141Select-select","selectError":"bds2141Select-selectError","chevron":"bds2141Select-chevron"};
+var Select_default = {"component":"bds2160Select-component","formGroup":"bds2160Select-formGroup","selectWrapper":"bds2160Select-selectWrapper","select":"bds2160Select-select","selectError":"bds2160Select-selectError","chevron":"bds2160Select-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":"bds2141Slider-component","formGroup":"bds2141Slider-formGroup","labelRow":"bds2141Slider-labelRow","value":"bds2141Slider-value","slider":"bds2141Slider-slider","sliderError":"bds2141Slider-sliderError"};
+var Slider_default = {"component":"bds2160Slider-component","formGroup":"bds2160Slider-formGroup","labelRow":"bds2160Slider-labelRow","value":"bds2160Slider-value","slider":"bds2160Slider-slider","sliderError":"bds2160Slider-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":"bds2141Switch-component","switchGroup":"bds2141Switch-switchGroup","--size_small":"bds2141Switch---size_small","--size_medium":"bds2141Switch---size_medium","--size_large":"bds2141Switch---size_large","inputWrapper":"bds2141Switch-inputWrapper","trackWrapper":"bds2141Switch-trackWrapper","switch":"bds2141Switch-switch","track":"bds2141Switch-track","thumb":"bds2141Switch-thumb","switchError":"bds2141Switch-switchError"};
+var Switch_default = {"component":"bds2160Switch-component","switchGroup":"bds2160Switch-switchGroup","--size_small":"bds2160Switch---size_small","--size_medium":"bds2160Switch---size_medium","--size_large":"bds2160Switch---size_large","inputWrapper":"bds2160Switch-inputWrapper","trackWrapper":"bds2160Switch-trackWrapper","switch":"bds2160Switch-switch","track":"bds2160Switch-track","thumb":"bds2160Switch-thumb","switchError":"bds2160Switch-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":"bds2141Textarea-component","formGroup":"bds2141Textarea-formGroup","textarea":"bds2141Textarea-textarea","textareaError":"bds2141Textarea-textareaError"};
+var Textarea_default = {"component":"bds2160Textarea-component","formGroup":"bds2160Textarea-formGroup","textarea":"bds2160Textarea-textarea","textareaError":"bds2160Textarea-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":"bds2141ButtonGroup-component","buttonGroup":"bds2141ButtonGroup-buttonGroup","container":"bds2141ButtonGroup-container","--variant_card":"bds2141ButtonGroup---variant_card","--variant_flow":"bds2141ButtonGroup---variant_flow","--variant_modal":"bds2141ButtonGroup---variant_modal","--variant_content":"bds2141ButtonGroup---variant_content"};
+var ButtonGroup_default = {"component":"bds2160ButtonGroup-component","buttonGroup":"bds2160ButtonGroup-buttonGroup","container":"bds2160ButtonGroup-container","--variant_card":"bds2160ButtonGroup---variant_card","--variant_flow":"bds2160ButtonGroup---variant_flow","--variant_modal":"bds2160ButtonGroup---variant_modal","--variant_content":"bds2160ButtonGroup---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":"bds2141Card-component","card":"bds2141Card-card","--default":"bds2141Card---default","--elevated":"bds2141Card---elevated","--outlined":"bds2141Card---outlined","--clickable":"bds2141Card---clickable","--padding-none":"bds2141Card---padding-none","--padding-small":"bds2141Card---padding-small","--padding-medium":"bds2141Card---padding-medium","--padding-large":"bds2141Card---padding-large","--padding-extra-large":"bds2141Card---padding-extra-large","--text-start":"bds2141Card---text-start","--text-center":"bds2141Card---text-center","--text-end":"bds2141Card---text-end"};
+var Card_default = {"component":"bds2160Card-component","card":"bds2160Card-card","--default":"bds2160Card---default","--elevated":"bds2160Card---elevated","--outlined":"bds2160Card---outlined","--clickable":"bds2160Card---clickable","--padding-none":"bds2160Card---padding-none","--padding-small":"bds2160Card---padding-small","--padding-medium":"bds2160Card---padding-medium","--padding-large":"bds2160Card---padding-large","--padding-extra-large":"bds2160Card---padding-extra-large","--text-start":"bds2160Card---text-start","--text-center":"bds2160Card---text-center","--text-end":"bds2160Card---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":"bds2141Grid-component","grid":"bds2141Grid-grid","--main":"bds2141Grid---main","--page":"bds2141Grid---page","--funnel":"bds2141Grid---funnel","--custom":"bds2141Grid---custom","--centered":"bds2141Grid---centered","item":"bds2141Grid-item","w3":"bds2141Grid-w3","org":"bds2141Grid-org","ts":"bds2141Grid-ts","--masonry":"bds2141Grid---masonry"};
+var Grid_default = {"component":"bds2160Grid-component","grid":"bds2160Grid-grid","--main":"bds2160Grid---main","--page":"bds2160Grid---page","--funnel":"bds2160Grid---funnel","--custom":"bds2160Grid---custom","--centered":"bds2160Grid---centered","item":"bds2160Grid-item","w3":"bds2160Grid-w3","org":"bds2160Grid-org","ts":"bds2160Grid-ts","--masonry":"bds2160Grid---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":"bds2141SectionHeader-component","sectionHeader":"bds2141SectionHeader-sectionHeader","title":"bds2141SectionHeader-title","subtitle":"bds2141SectionHeader-subtitle","--start":"bds2141SectionHeader---start","--center":"bds2141SectionHeader---center","--end":"bds2141SectionHeader---end","--medium":"bds2141SectionHeader---medium","--xs":"bds2141SectionHeader---xs","--small":"bds2141SectionHeader---small","--large":"bds2141SectionHeader---large"};
+var SectionHeader_default = {"component":"bds2160SectionHeader-component","sectionHeader":"bds2160SectionHeader-sectionHeader","title":"bds2160SectionHeader-title","subtitle":"bds2160SectionHeader-subtitle","--start":"bds2160SectionHeader---start","--center":"bds2160SectionHeader---center","--end":"bds2160SectionHeader---end","--medium":"bds2160SectionHeader---medium","--xs":"bds2160SectionHeader---xs","--small":"bds2160SectionHeader---small","--large":"bds2160SectionHeader---large","--gradient":"bds2160SectionHeader---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":"bds2141IconWrapper-component","wrapper":"bds2141IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds2160IconWrapper-component","wrapper":"bds2160IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 import { cn as cn55 } from "@boostdev/design-system-foundation";