@boostdev/design-system-components 0.1.18 → 1.0.1

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds0118Accordion-accordion","item":"bds0118Accordion-item","heading":"bds0118Accordion-heading","trigger":"bds0118Accordion-trigger","triggerLabel":"bds0118Accordion-triggerLabel","chevron":"bds0118Accordion-chevron","--open":"bds0118Accordion---open","panel":"bds0118Accordion-panel","panelContent":"bds0118Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds101Accordion-accordion","item":"bds101Accordion-item","heading":"bds101Accordion-heading","trigger":"bds101Accordion-trigger","triggerLabel":"bds101Accordion-triggerLabel","chevron":"bds101Accordion-chevron","--open":"bds101Accordion---open","panel":"bds101Accordion-panel","panelContent":"bds101Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -70,7 +70,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds0118Alert-alert","--variant_info":"bds0118Alert---variant_info","--variant_success":"bds0118Alert---variant_success","--variant_warning":"bds0118Alert---variant_warning","--variant_error":"bds0118Alert---variant_error","icon":"bds0118Alert-icon","content":"bds0118Alert-content","title":"bds0118Alert-title","dismiss":"bds0118Alert-dismiss"};
+var Alert_default = {"alert":"bds101Alert-alert","--variant_info":"bds101Alert---variant_info","--variant_success":"bds101Alert---variant_success","--variant_warning":"bds101Alert---variant_warning","--variant_error":"bds101Alert---variant_error","icon":"bds101Alert-icon","content":"bds101Alert-content","title":"bds101Alert-title","dismiss":"bds101Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -113,7 +113,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds0118Avatar-avatar","--fallback":"bds0118Avatar---fallback","--size_small":"bds0118Avatar---size_small","--size_medium":"bds0118Avatar---size_medium","--size_large":"bds0118Avatar---size_large","image":"bds0118Avatar-image","initials":"bds0118Avatar-initials"};
+var Avatar_default = {"avatar":"bds101Avatar-avatar","--fallback":"bds101Avatar---fallback","--size_small":"bds101Avatar---size_small","--size_medium":"bds101Avatar---size_medium","--size_large":"bds101Avatar---size_large","image":"bds101Avatar-image","initials":"bds101Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -124,7 +124,7 @@ function getInitials(name) {
 function Avatar({ src, alt, name, size = "medium", className }) {
   const sizeClass = Avatar_default[`--size_${size}`];
   if (src) {
-    return /* @__PURE__ */ jsx3("span", { className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "", className: Avatar_default.image }) });
+    return /* @__PURE__ */ jsx3("span", { className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
   }
   const initials = name ? getInitials(name) : "";
   return /* @__PURE__ */ jsx3(
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds0118Badge-badge","--variant_primary":"bds0118Badge---variant_primary","--variant_secondary":"bds0118Badge---variant_secondary","--variant_success":"bds0118Badge---variant_success","--variant_error":"bds0118Badge---variant_error","--variant_warning":"bds0118Badge---variant_warning"};
+var Badge_default = {"badge":"bds101Badge-badge","--variant_primary":"bds101Badge---variant_primary","--variant_secondary":"bds101Badge---variant_secondary","--variant_success":"bds101Badge---variant_success","--variant_error":"bds101Badge---variant_error","--variant_warning":"bds101Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds0118Breadcrumb-breadcrumb","list":"bds0118Breadcrumb-list","item":"bds0118Breadcrumb-item","link":"bds0118Breadcrumb-link","separator":"bds0118Breadcrumb-separator","current":"bds0118Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds101Breadcrumb-breadcrumb","list":"bds101Breadcrumb-list","item":"bds101Breadcrumb-item","link":"bds101Breadcrumb-link","separator":"bds101Breadcrumb-separator","current":"bds101Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -165,7 +165,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds0118Collapsible-collapsible","summary":"bds0118Collapsible-summary","summaryContent":"bds0118Collapsible-summaryContent","icon":"bds0118Collapsible-icon","content":"bds0118Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds101Collapsible-collapsible","summary":"bds101Collapsible-summary","summaryContent":"bds101Collapsible-summaryContent","icon":"bds101Collapsible-icon","content":"bds101Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -206,12 +206,21 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds0118Calendar-calendar","header":"bds0118Calendar-header","monthYear":"bds0118Calendar-monthYear","navBtn":"bds0118Calendar-navBtn","grid":"bds0118Calendar-grid","weekday":"bds0118Calendar-weekday","empty":"bds0118Calendar-empty","day":"bds0118Calendar-day","disabled":"bds0118Calendar-disabled","selected":"bds0118Calendar-selected","today":"bds0118Calendar-today"};
+var Calendar_default = {"calendar":"bds101Calendar-calendar","header":"bds101Calendar-header","monthYear":"bds101Calendar-monthYear","navBtn":"bds101Calendar-navBtn","grid":"bds101Calendar-grid","weekday":"bds101Calendar-weekday","empty":"bds101Calendar-empty","day":"bds101Calendar-day","disabled":"bds101Calendar-disabled","selected":"bds101Calendar-selected","today":"bds101Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var DAY_LABELS = {
+  Su: "Sunday",
+  Mo: "Monday",
+  Tu: "Tuesday",
+  We: "Wednesday",
+  Th: "Thursday",
+  Fr: "Friday",
+  Sa: "Saturday"
+};
 var MONTHS = [
   "January",
   "February",
@@ -332,7 +341,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
         role: "grid",
         "aria-labelledby": titleId,
         children: [
-          /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx7("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
+          /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx7("th", { scope: "col", "aria-label": DAY_LABELS[d] ?? d, className: Calendar_default.weekday, children: d }, d)) }) }),
           /* @__PURE__ */ jsx7("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx7("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
             if (!cell) return /* @__PURE__ */ jsx7("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
             const date = new Date(viewYear, viewMonth, cell.day);
@@ -351,7 +360,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
                   disabled && Calendar_default.disabled
                 ),
                 "aria-label": date.toLocaleDateString("en", { month: "long", day: "numeric", year: "numeric" }),
-                "aria-pressed": isSelected,
+                "aria-selected": isSelected,
                 "aria-current": isToday ? "date" : void 0,
                 "aria-disabled": disabled,
                 disabled,
@@ -372,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 import { useRef, useId as useId3 } from "react";
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds0118Carousel-carousel","track":"bds0118Carousel-track","slide":"bds0118Carousel-slide","navBtn":"bds0118Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds101Carousel-carousel","track":"bds101Carousel-track","slide":"bds101Carousel-slide","navBtn":"bds101Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -425,7 +434,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds0118DescriptionList-list","group":"bds0118DescriptionList-group","term":"bds0118DescriptionList-term","details":"bds0118DescriptionList-details","--layout_inline":"bds0118DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds101DescriptionList-list","group":"bds101DescriptionList-group","term":"bds101DescriptionList-term","details":"bds101DescriptionList-details","--layout_inline":"bds101DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -438,7 +447,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds0118Link-link","--variant_default":"bds0118Link---variant_default","--variant_subtle":"bds0118Link---variant_subtle","--variant_standalone":"bds0118Link---variant_standalone","externalLabel":"bds0118Link-externalLabel"};
+var Link_default = {"link":"bds101Link-link","--variant_default":"bds101Link---variant_default","--variant_subtle":"bds101Link---variant_subtle","--variant_standalone":"bds101Link---variant_standalone","externalLabel":"bds101Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -469,7 +478,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds0118Loading-loading","spinner":"bds0118Loading-spinner","--size_small":"bds0118Loading---size_small","--size_large":"bds0118Loading---size_large"};
+var Loading_default = {"loading":"bds101Loading-loading","spinner":"bds101Loading-spinner","--size_small":"bds101Loading---size_small","--size_large":"bds101Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -479,7 +488,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds0118NotificationBanner-banner","--variant_info":"bds0118NotificationBanner---variant_info","--variant_success":"bds0118NotificationBanner---variant_success","--variant_warning":"bds0118NotificationBanner---variant_warning","--variant_error":"bds0118NotificationBanner---variant_error","content":"bds0118NotificationBanner-content","action":"bds0118NotificationBanner-action","dismiss":"bds0118NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds101NotificationBanner-banner","--variant_info":"bds101NotificationBanner---variant_info","--variant_success":"bds101NotificationBanner---variant_success","--variant_warning":"bds101NotificationBanner---variant_warning","--variant_error":"bds101NotificationBanner---variant_error","content":"bds101NotificationBanner-content","action":"bds101NotificationBanner-action","dismiss":"bds101NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -518,7 +527,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds0118Pagination-pagination","list":"bds0118Pagination-list","button":"bds0118Pagination-button","--active":"bds0118Pagination---active","--nav":"bds0118Pagination---nav","ellipsis":"bds0118Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds101Pagination-pagination","list":"bds101Pagination-list","button":"bds101Pagination-button","--active":"bds101Pagination---active","--nav":"bds101Pagination---nav","ellipsis":"bds101Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -582,7 +591,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds0118Progress-container","labelRow":"bds0118Progress-labelRow","value":"bds0118Progress-value","track":"bds0118Progress-track","--size_small":"bds0118Progress---size_small","--size_medium":"bds0118Progress---size_medium","--size_large":"bds0118Progress---size_large","fill":"bds0118Progress-fill"};
+var Progress_default = {"container":"bds101Progress-container","labelRow":"bds101Progress-labelRow","value":"bds101Progress-value","track":"bds101Progress-track","--size_small":"bds101Progress---size_small","--size_medium":"bds101Progress---size_medium","--size_large":"bds101Progress---size_large","fill":"bds101Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -620,7 +629,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds0118ProgressCircle-wrapper","svg":"bds0118ProgressCircle-svg","track":"bds0118ProgressCircle-track","fill":"bds0118ProgressCircle-fill","value":"bds0118ProgressCircle-value","--size_small":"bds0118ProgressCircle---size_small","--size_medium":"bds0118ProgressCircle---size_medium","--size_large":"bds0118ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds101ProgressCircle-wrapper","svg":"bds101ProgressCircle-svg","track":"bds101ProgressCircle-track","fill":"bds101ProgressCircle-fill","value":"bds101ProgressCircle-value","--size_small":"bds101ProgressCircle---size_small","--size_medium":"bds101ProgressCircle---size_medium","--size_large":"bds101ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -699,7 +708,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds0118Separator-separator","--horizontal":"bds0118Separator---horizontal","--vertical":"bds0118Separator---vertical"};
+var Separator_default = {"separator":"bds101Separator-separator","--horizontal":"bds101Separator---horizontal","--vertical":"bds101Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -715,14 +724,14 @@ function Separator({ orientation = "horizontal", className }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx16("hr", { className: cn16(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ jsx16("hr", { "aria-orientation": "horizontal", className: cn16(Separator_default.separator, Separator_default["--horizontal"], className) });
 }
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds0118Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds101Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -731,7 +740,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds0118SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds101SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
@@ -740,7 +749,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds0118Table-wrapper","table":"bds0118Table-table","caption":"bds0118Table-caption","thead":"bds0118Table-thead","th":"bds0118Table-th","--sortable":"bds0118Table---sortable","sortButton":"bds0118Table-sortButton","sortIcon":"bds0118Table-sortIcon","--sort-active":"bds0118Table---sort-active","--sort-desc":"bds0118Table---sort-desc","tbody":"bds0118Table-tbody","tr":"bds0118Table-tr","td":"bds0118Table-td"};
+var Table_default = {"wrapper":"bds101Table-wrapper","table":"bds101Table-table","caption":"bds101Table-caption","thead":"bds101Table-thead","th":"bds101Table-th","--sortable":"bds101Table---sortable","sortButton":"bds101Table-sortButton","sortIcon":"bds101Table-sortIcon","--sort-active":"bds101Table---sort-active","--sort-desc":"bds101Table---sort-desc","tbody":"bds101Table-tbody","tr":"bds101Table-tr","td":"bds101Table-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -777,6 +786,7 @@ function Table({
             type: "button",
             className: Table_default.sortButton,
             onClick: () => handleSort(col.key),
+            "aria-label": `Sort by ${String(col.header)}${sortKey === col.key ? `, currently ${sortDirection === "asc" ? "ascending" : "descending"}` : ""}`,
             children: [
               col.header,
               /* @__PURE__ */ jsx19(
@@ -801,7 +811,7 @@ function Table({
       },
       col.key
     )) }) }),
-    /* @__PURE__ */ jsx19("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx19("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx19("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
+    /* @__PURE__ */ jsx19("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx19("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx19("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, JSON.stringify(row) || rowIndex)) })
   ] }) });
 }
 
@@ -809,7 +819,7 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds0118Tabs-tabs","tabList":"bds0118Tabs-tabList","tab":"bds0118Tabs-tab","--active":"bds0118Tabs---active","panel":"bds0118Tabs-panel"};
+var Tabs_default = {"tabs":"bds101Tabs-tabs","tabList":"bds101Tabs-tabList","tab":"bds101Tabs-tab","--active":"bds101Tabs---active","panel":"bds101Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -875,7 +885,6 @@ function Tabs({ tabs, defaultTab, className }) {
           id: panelId,
           role: "tabpanel",
           "aria-labelledby": tabId,
-          tabIndex: 0,
           hidden: !isActive,
           className: Tabs_default.panel,
           children: tab.content
@@ -887,10 +896,10 @@ function Tabs({ tabs, defaultTab, className }) {
 }
 
 // src/components/ui/Tooltip/Tooltip.tsx
-import { cloneElement, isValidElement, useId as useId5 } from "react";
+import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds0118Tooltip-wrapper","tooltip":"bds0118Tooltip-tooltip","--placement_top":"bds0118Tooltip---placement_top","--placement_bottom":"bds0118Tooltip---placement_bottom","--placement_left":"bds0118Tooltip---placement_left","--placement_right":"bds0118Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds101Tooltip-wrapper","tooltip":"bds101Tooltip-tooltip","--placement_top":"bds101Tooltip---placement_top","--placement_bottom":"bds101Tooltip---placement_bottom","--placement_left":"bds101Tooltip---placement_left","--placement_right":"bds101Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -902,25 +911,37 @@ function Tooltip({
   className
 }) {
   const tooltipId = useId5();
+  const [isVisible, setIsVisible] = useState4(false);
   const trigger = isValidElement(children) ? cloneElement(children, {
     "aria-describedby": tooltipId
   }) : children;
-  return /* @__PURE__ */ jsxs15("span", { className: cn20(Tooltip_default.wrapper, className), children: [
-    trigger,
-    /* @__PURE__ */ jsx21(
-      "span",
-      {
-        id: tooltipId,
-        role: "tooltip",
-        className: cn20(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
-        children: content
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs15(
+    "span",
+    {
+      className: cn20(Tooltip_default.wrapper, className),
+      onMouseEnter: () => setIsVisible(true),
+      onMouseLeave: () => setIsVisible(false),
+      onFocus: () => setIsVisible(true),
+      onBlur: () => setIsVisible(false),
+      children: [
+        trigger,
+        /* @__PURE__ */ jsx21(
+          "span",
+          {
+            id: tooltipId,
+            role: "tooltip",
+            "aria-hidden": !isVisible,
+            className: cn20(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+            children: content
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds0118Typography-typography","--h1":"bds0118Typography---h1","--h2":"bds0118Typography---h2","--h3":"bds0118Typography---h3","--body":"bds0118Typography---body","--body_s":"bds0118Typography---body_s"};
+var Typography_default = {"typography":"bds101Typography-typography","--h1":"bds101Typography---h1","--h2":"bds101Typography---h2","--h3":"bds101Typography---h3","--body":"bds101Typography---body","--body_s":"bds101Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -938,7 +959,7 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds0118Button-button","--primary":"bds0118Button---primary","--secondary":"bds0118Button---secondary","--size_small":"bds0118Button---size_small","--size_medium":"bds0118Button---size_medium","--size_large":"bds0118Button---size_large","--hasPulse":"bds0118Button---hasPulse","prefix":"bds0118Button-prefix","suffix":"bds0118Button-suffix"};
+var Button_default = {"button":"bds101Button-button","--default":"bds101Button---default","--ghost":"bds101Button---ghost","--size_small":"bds101Button---size_small","--size_medium":"bds101Button---size_medium","--size_large":"bds101Button---size_large","--hasPulse":"bds101Button---hasPulse","iconStart":"bds101Button-iconStart","iconEnd":"bds101Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -946,7 +967,7 @@ import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-r
 function Button({
   children,
   className,
-  variant = "primary",
+  variant = "default",
   type = "button",
   iconStart,
   iconEnd,
@@ -977,9 +998,9 @@ function Button({
     onClick?.(e);
   };
   const content = /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    Boolean(iconStart) && /* @__PURE__ */ jsx23("span", { className: Button_default.prefix, children: iconStart }),
+    Boolean(iconStart) && /* @__PURE__ */ jsx23("span", { className: Button_default.iconStart, children: iconStart }),
     children,
-    Boolean(iconEnd) && /* @__PURE__ */ jsx23("span", { className: Button_default.suffix, children: iconEnd })
+    Boolean(iconEnd) && /* @__PURE__ */ jsx23("span", { className: Button_default.iconEnd, children: iconEnd })
   ] });
   if (href) {
     return /* @__PURE__ */ jsx23(
@@ -1011,10 +1032,10 @@ function Button({
 }
 
 // src/components/interaction/Command/Command.tsx
-import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
+import { useState as useState5, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds0118Command-dialog","palette":"bds0118Command-palette","searchRow":"bds0118Command-searchRow","searchIcon":"bds0118Command-searchIcon","search":"bds0118Command-search","escHint":"bds0118Command-escHint","list":"bds0118Command-list","groupList":"bds0118Command-groupList","group":"bds0118Command-group","item":"bds0118Command-item","itemActive":"bds0118Command-itemActive","itemLabel":"bds0118Command-itemLabel","itemDesc":"bds0118Command-itemDesc","shortcut":"bds0118Command-shortcut","empty":"bds0118Command-empty"};
+var Command_default = {"dialog":"bds101Command-dialog","palette":"bds101Command-palette","searchRow":"bds101Command-searchRow","searchIcon":"bds101Command-searchIcon","search":"bds101Command-search","escHint":"bds101Command-escHint","list":"bds101Command-list","groupList":"bds101Command-groupList","group":"bds101Command-group","item":"bds101Command-item","itemActive":"bds101Command-itemActive","itemLabel":"bds101Command-itemLabel","itemDesc":"bds101Command-itemDesc","shortcut":"bds101Command-shortcut","empty":"bds101Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1026,8 +1047,8 @@ function Command({
   placeholder = "Search commands\u2026",
   className
 }) {
-  const [query, setQuery] = useState4("");
-  const [activeIndex, setActiveIndex] = useState4(0);
+  const [query, setQuery] = useState5("");
+  const [activeIndex, setActiveIndex] = useState5(0);
   const dialogRef = useRef3(null);
   const inputRef = useRef3(null);
   const listboxId = useId6();
@@ -1047,10 +1068,12 @@ function Command({
     });
     return map;
   }, [filtered]);
+  const triggerRef = useRef3(null);
   useEffect(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen) {
+      triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
       setQuery("");
@@ -1059,6 +1082,7 @@ function Command({
     } else if (dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
+      triggerRef.current?.focus();
     }
     return () => {
       document.body.style.overflow = "";
@@ -1096,6 +1120,7 @@ function Command({
       ref: dialogRef,
       className: cn23(Command_default.dialog, className),
       "aria-label": "Command palette",
+      "aria-modal": "true",
       onCancel: handleCancel,
       children: /* @__PURE__ */ jsxs17("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
         /* @__PURE__ */ jsxs17("div", { className: Command_default.searchRow, children: [
@@ -1158,22 +1183,26 @@ function Command({
 import { useEffect as useEffect2, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds0118Dialog-dialog","dialogContent":"bds0118Dialog-dialogContent","closeForm":"bds0118Dialog-closeForm","closeButton":"bds0118Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds101Dialog-dialog","dialogContent":"bds101Dialog-dialogContent","closeForm":"bds101Dialog-closeForm","closeButton":"bds101Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
 import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function Dialog({ children, isOpen = false, className, onClose }) {
   const dialogRef = useRef4(null);
+  const triggerRef = useRef4(null);
   useEffect2(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen) {
+      triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
     } else if (dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
+      triggerRef.current?.focus();
     }
     return () => {
       document.body.style.overflow = "";
@@ -1186,13 +1215,35 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     e.preventDefault();
     onClose?.();
   };
+  const handleKeyDown = (e) => {
+    if (e.key !== "Tab") return;
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const focusable = Array.from(dialog.querySelectorAll(FOCUSABLE_SELECTOR));
+    if (focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    if (e.shiftKey) {
+      if (document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      }
+    } else {
+      if (document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+  };
   return /* @__PURE__ */ jsxs18(
     "dialog",
     {
       ref: dialogRef,
       className: cn24(className, Dialog_default.dialog),
+      "aria-modal": "true",
       onClick: handleBackdropClick,
       onCancel: handleCancel,
+      onKeyDown: handleKeyDown,
       children: [
         /* @__PURE__ */ jsx25("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx25(
           "button",
@@ -1214,7 +1265,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 import { useEffect as useEffect3, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds0118Drawer-drawer","panel":"bds0118Drawer-panel","--side_right":"bds0118Drawer---side_right","--side_left":"bds0118Drawer---side_left","header":"bds0118Drawer-header","closeButton":"bds0118Drawer-closeButton","body":"bds0118Drawer-body"};
+var Drawer_default = {"drawer":"bds101Drawer-drawer","panel":"bds101Drawer-panel","--side_right":"bds101Drawer---side_right","--side_left":"bds101Drawer---side_left","header":"bds101Drawer-header","closeButton":"bds101Drawer-closeButton","body":"bds101Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1225,19 +1276,22 @@ function Drawer({
   title,
   children,
   side = "right",
-  arialLabel = "",
+  ariaLabel,
   className
 }) {
   const dialogRef = useRef5(null);
+  const triggerRef = useRef5(null);
   useEffect3(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen) {
+      triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
     } else if (dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
+      triggerRef.current?.focus();
     }
     return () => {
       document.body.style.overflow = "";
@@ -1255,7 +1309,8 @@ function Drawer({
     {
       ref: dialogRef,
       className: cn25(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
-      "aria-label": arialLabel,
+      "aria-label": ariaLabel,
+      "aria-modal": "true",
       onClick: handleClick,
       onCancel: handleCancel,
       children: /* @__PURE__ */ jsxs19("div", { className: Drawer_default.panel, children: [
@@ -1285,11 +1340,11 @@ import {
   useEffect as useEffect4,
   useId as useId7,
   useRef as useRef6,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds0118DropdownMenu-wrapper","menu":"bds0118DropdownMenu-menu","--placement_bottom-start":"bds0118DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0118DropdownMenu---placement_bottom-end","separator":"bds0118DropdownMenu-separator","item":"bds0118DropdownMenu-item","icon":"bds0118DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds101DropdownMenu-wrapper","menu":"bds101DropdownMenu-menu","--placement_bottom-start":"bds101DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds101DropdownMenu---placement_bottom-end","separator":"bds101DropdownMenu-separator","item":"bds101DropdownMenu-item","icon":"bds101DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1300,7 +1355,7 @@ function DropdownMenu({
   placement = "bottom-start",
   className
 }) {
-  const [isOpen, setIsOpen] = useState5(false);
+  const [isOpen, setIsOpen] = useState6(false);
   const containerRef = useRef6(null);
   const menuId = useId7();
   const itemRefs = useRef6([]);
@@ -1405,11 +1460,11 @@ import {
   useEffect as useEffect5,
   useId as useId8,
   useRef as useRef7,
-  useState as useState6
+  useState as useState7
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds0118Popover-wrapper","panel":"bds0118Popover-panel","--placement_bottom":"bds0118Popover---placement_bottom","--placement_top":"bds0118Popover---placement_top","--placement_right":"bds0118Popover---placement_right","--placement_left":"bds0118Popover---placement_left"};
+var Popover_default = {"wrapper":"bds101Popover-wrapper","panel":"bds101Popover-panel","--placement_bottom":"bds101Popover---placement_bottom","--placement_top":"bds101Popover---placement_top","--placement_right":"bds101Popover---placement_right","--placement_left":"bds101Popover---placement_left"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1418,9 +1473,10 @@ function Popover({
   children,
   content,
   placement = "bottom",
-  className
+  className,
+  "aria-label": ariaLabel
 }) {
-  const [isOpen, setIsOpen] = useState6(false);
+  const [isOpen, setIsOpen] = useState7(false);
   const containerRef = useRef7(null);
   const panelId = useId8();
   useEffect5(() => {
@@ -1443,6 +1499,7 @@ function Popover({
   const trigger = isValidElement3(children) ? cloneElement3(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
+    "aria-haspopup": true,
     onClick: (e) => {
       setIsOpen((prev) => !prev);
       const existingOnClick = children.props.onClick;
@@ -1455,8 +1512,8 @@ function Popover({
       "div",
       {
         id: panelId,
-        role: "dialog",
-        "aria-modal": "false",
+        role: ariaLabel ? "region" : void 0,
+        "aria-label": ariaLabel,
         className: cn27(Popover_default.panel, Popover_default[`--placement_${placement}`]),
         children: content
       }
@@ -1465,7 +1522,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds0118Rating-rating","star":"bds0118Rating-star","--filled":"bds0118Rating---filled"};
+var Rating_default = {"rating":"bds101Rating-rating","star":"bds101Rating-star","--filled":"bds101Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1493,17 +1550,17 @@ function Rating({ value, max = 5, className }) {
 }
 
 // src/components/interaction/Toast/Toast.tsx
-import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
+import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds0118Toast-toastContainer","toast":"bds0118Toast-toast","--variant_success":"bds0118Toast---variant_success","--variant_warning":"bds0118Toast---variant_warning","--variant_info":"bds0118Toast---variant_info","--variant_error":"bds0118Toast---variant_error","message":"bds0118Toast-message","closeButton":"bds0118Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds101Toast-toastContainer","toast":"bds101Toast-toast","--variant_success":"bds101Toast---variant_success","--variant_warning":"bds101Toast---variant_warning","--variant_info":"bds101Toast---variant_info","--variant_error":"bds101Toast---variant_error","message":"bds101Toast-message","closeButton":"bds101Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
 import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var ToastContext = createContext(void 0);
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState7([]);
+  const [toasts, setToasts] = useState8([]);
   const showToast = useCallback((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
@@ -1529,7 +1586,7 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ jsxs22("div", { className: cn29(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: cn29(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
     /* @__PURE__ */ jsx30("span", { className: Toast_default.message, children: toast.message }),
     /* @__PURE__ */ jsx30("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx30("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
   ] });
@@ -1546,10 +1603,10 @@ function useToast() {
 import { useId as useId9 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds0118Checkbox-checkboxGroup","inputWrapper":"bds0118Checkbox-inputWrapper","checkbox":"bds0118Checkbox-checkbox","checkboxError":"bds0118Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds101Checkbox-checkboxGroup","inputWrapper":"bds101Checkbox-inputWrapper","checkbox":"bds101Checkbox-checkbox","checkboxError":"bds101Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds0118Message-error","hint":"bds0118Message-hint"};
+var Message_default = {"error":"bds101Message-error","hint":"bds101Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
@@ -1559,7 +1616,7 @@ var Message = ({ message, type, inputId }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds0118Label-label"};
+var Label_default = {"label":"bds101Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
@@ -1571,7 +1628,7 @@ var Label = ({ label, id }) => {
 import { cn as cn31 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds0118InputContainer-container"};
+var InputContainer_default = {"container":"bds101InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1608,21 +1665,63 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
   ] });
 }
 
+// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
+import { useId as useId10 } from "react";
+
+// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
+var CheckboxGroup_default = {"group":"bds101CheckboxGroup-group","legend":"bds101CheckboxGroup-legend","required":"bds101CheckboxGroup-required","items":"bds101CheckboxGroup-items"};
+
+// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
+import { cn as cn32 } from "@boostdev/design-system-foundation";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+function CheckboxGroup({
+  legend,
+  children,
+  error,
+  hint,
+  required,
+  disabled,
+  className
+}) {
+  const id = useId10();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs24(
+    "fieldset",
+    {
+      className: cn32(CheckboxGroup_default.group, className),
+      disabled,
+      "aria-required": required || void 0,
+      "aria-describedby": describedBy,
+      children: [
+        /* @__PURE__ */ jsxs24("legend", { className: CheckboxGroup_default.legend, children: [
+          legend,
+          required && /* @__PURE__ */ jsx35("span", { className: CheckboxGroup_default.required, "aria-hidden": "true", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsx35("div", { className: CheckboxGroup_default.items, children }),
+        /* @__PURE__ */ jsx35(Message, { inputId: id, type: "error", message: error }),
+        /* @__PURE__ */ jsx35(Message, { inputId: id, type: "hint", message: hint })
+      ]
+    }
+  );
+}
+
 // src/components/interaction/form/Combobox/Combobox.tsx
 import {
   useEffect as useEffect7,
-  useId as useId10,
+  useId as useId11,
   useRef as useRef8,
-  useState as useState8,
+  useState as useState9,
   useMemo as useMemo3
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds0118Combobox-formGroup","inputWrapper":"bds0118Combobox-inputWrapper","input":"bds0118Combobox-input","inputError":"bds0118Combobox-inputError","chevron":"bds0118Combobox-chevron","listbox":"bds0118Combobox-listbox","option":"bds0118Combobox-option","--highlighted":"bds0118Combobox---highlighted","--selected":"bds0118Combobox---selected","--disabled":"bds0118Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds101Combobox-formGroup","inputWrapper":"bds101Combobox-inputWrapper","input":"bds101Combobox-input","inputError":"bds101Combobox-inputError","chevron":"bds101Combobox-chevron","listbox":"bds101Combobox-listbox","option":"bds101Combobox-option","--highlighted":"bds101Combobox---highlighted","--selected":"bds101Combobox---selected","--disabled":"bds101Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-import { cn as cn32 } from "@boostdev/design-system-foundation";
-import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+import { cn as cn33 } from "@boostdev/design-system-foundation";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function Combobox({
   label,
   name,
@@ -1635,18 +1734,18 @@ function Combobox({
   hint,
   className
 }) {
-  const id = name + useId10();
+  const id = name + useId11();
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const selectedOption = useMemo3(() => options.find((o) => o.value === value), [options, value]);
-  const [inputValue, setInputValue] = useState8(selectedOption?.label ?? "");
+  const [inputValue, setInputValue] = useState9(selectedOption?.label ?? "");
   useEffect7(() => {
     setInputValue(selectedOption?.label ?? "");
   }, [selectedOption]);
-  const [isOpen, setIsOpen] = useState8(false);
-  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
+  const [isOpen, setIsOpen] = useState9(false);
+  const [highlightedIndex, setHighlightedIndex] = useState9(-1);
   const containerRef = useRef8(null);
   const inputRef = useRef8(null);
   const filtered = options.filter(
@@ -1700,10 +1799,10 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(Combobox_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx35(Label, { id, label }),
-    /* @__PURE__ */ jsxs24("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
-      /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(Combobox_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx36(Label, { id, label }),
+    /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx36(
         "input",
         {
           ref: inputRef,
@@ -1722,28 +1821,27 @@ function Combobox({
           placeholder,
           value: inputValue,
           disabled,
-          className: cn32(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: cn33(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
         }
       ),
-      /* @__PURE__ */ jsx35("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx35("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx36("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
+      isOpen && filtered.length > 0 && /* @__PURE__ */ jsx36(
         "ul",
         {
           id: listboxId,
           role: "listbox",
-          "aria-label": String(label),
           className: Combobox_default.listbox,
-          children: filtered.map((option, index) => /* @__PURE__ */ jsx35(
+          children: filtered.map((option, index) => /* @__PURE__ */ jsx36(
             "li",
             {
               id: getOptionId(index),
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: cn32(
+              className: cn33(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1760,38 +1858,39 @@ function Combobox({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx35(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx35(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx36(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
+import { useId as useId12, useRef as useRef9, useState as useState10 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds0118FileInput-formGroup","dropZone":"bds0118FileInput-dropZone","isDragging":"bds0118FileInput-isDragging","hasError":"bds0118FileInput-hasError","isDisabled":"bds0118FileInput-isDisabled","icon":"bds0118FileInput-icon","prompt":"bds0118FileInput-prompt","acceptHint":"bds0118FileInput-acceptHint","hiddenInput":"bds0118FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds101FileInput-formGroup","fieldLabel":"bds101FileInput-fieldLabel","dropZone":"bds101FileInput-dropZone","isDragging":"bds101FileInput-isDragging","hasError":"bds101FileInput-hasError","isDisabled":"bds101FileInput-isDisabled","icon":"bds101FileInput-icon","prompt":"bds101FileInput-prompt","acceptHint":"bds101FileInput-acceptHint","hiddenInput":"bds101FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { cn as cn33 } from "@boostdev/design-system-foundation";
-import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+import { cn as cn34 } from "@boostdev/design-system-foundation";
+import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 function FileInput({
   label,
   name,
   accept,
   multiple = false,
   disabled = false,
+  required,
   error,
   hint,
   onChange,
   className
 }) {
-  const uid = name + useId11();
+  const uid = name + useId12();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const inputRef = useRef9(null);
-  const [isDragging, setIsDragging] = useState9(false);
-  const [fileNames, setFileNames] = useState9([]);
+  const [isDragging, setIsDragging] = useState10(false);
+  const [fileNames, setFileNames] = useState10([]);
   const isFileAccepted = (file) => {
     if (!accept) return true;
     return accept.split(",").some((token) => {
@@ -1821,24 +1920,24 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FileInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx36(Label, { id: uid, label }),
-    /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs26(
       "label",
       {
         htmlFor: uid,
-        className: cn33(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: cn34(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         children: [
-          /* @__PURE__ */ jsx36("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx36("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__ */ jsx36("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs25(Fragment3, { children: [
-            /* @__PURE__ */ jsx36("strong", { children: "Click to upload" }),
+          /* @__PURE__ */ jsx37("span", { className: FileInput_default.fieldLabel, children: label }),
+          /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx37("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__ */ jsx37("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs26(Fragment3, { children: [
+            /* @__PURE__ */ jsx37("strong", { children: "Click to upload" }),
             " or drag and drop"
           ] }) }),
-          accept && /* @__PURE__ */ jsx36("span", { className: FileInput_default.acceptHint, children: accept }),
-          /* @__PURE__ */ jsx36(
+          accept && /* @__PURE__ */ jsx37("span", { className: FileInput_default.acceptHint, children: accept }),
+          /* @__PURE__ */ jsx37(
             "input",
             {
               ref: inputRef,
@@ -1850,6 +1949,8 @@ function FileInput({
               disabled,
               "aria-invalid": !!error,
               "aria-describedby": describedBy,
+              "aria-required": required || void 0,
+              required,
               className: FileInput_default.hiddenInput,
               onChange: handleChange
             }
@@ -1857,20 +1958,20 @@ function FileInput({
         ]
       }
     ),
-    /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { useId as useId12 } from "react";
+import { useId as useId13 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds0118FormInput-formGroup","input":"bds0118FormInput-input","inputError":"bds0118FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds101FormInput-formGroup","input":"bds101FormInput-input","inputError":"bds101FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { cn as cn34 } from "@boostdev/design-system-foundation";
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { cn as cn35 } from "@boostdev/design-system-foundation";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function FormInput({
   label,
   name,
@@ -1878,40 +1979,43 @@ function FormInput({
   error,
   hint,
   className,
+  required,
   ...props
 }) {
-  const id = name + useId12();
+  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__ */ jsxs26(InputContainer, { className: cn34(FormInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx37(Label, { id, label }),
-    /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(FormInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx38(Label, { id, label }),
+    /* @__PURE__ */ jsx38(
       "input",
       {
         "aria-invalid": !!error,
         "aria-describedby": describedBy,
         "aria-label": ariaLabel,
+        "aria-required": required || void 0,
         id,
         name,
-        className: cn34(FormInput_default.input, error && FormInput_default.inputError),
+        required,
+        className: cn35(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx37(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx37(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
+import { useId as useId14, useRef as useRef10, useState as useState11 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds0118NumberInput-formGroup","inputRow":"bds0118NumberInput-inputRow","input":"bds0118NumberInput-input","inputError":"bds0118NumberInput-inputError","stepper":"bds0118NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds101NumberInput-formGroup","inputRow":"bds101NumberInput-inputRow","input":"bds101NumberInput-input","inputError":"bds101NumberInput-inputError","stepper":"bds101NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { cn as cn35 } from "@boostdev/design-system-foundation";
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { cn as cn36 } from "@boostdev/design-system-foundation";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 function NumberInput({
   label,
   name,
@@ -1926,13 +2030,13 @@ function NumberInput({
   onChange,
   className
 }) {
-  const uid = name + useId13();
+  const uid = name + useId14();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const inputRef = useRef10(null);
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState10(defaultValue ?? 0);
+  const [internalValue, setInternalValue] = useState11(defaultValue ?? 0);
   const currentValue = isControlled ? value : internalValue;
   const clamp = (v) => {
     const withMin = min !== void 0 ? Math.max(min, v) : v;
@@ -1940,25 +2044,32 @@ function NumberInput({
   };
   const adjust = (delta) => {
     const next = clamp(currentValue + delta);
-    if (!isControlled) setInternalValue(next);
+    if (!isControlled) {
+      setInternalValue(next);
+      if (inputRef.current) {
+        inputRef.current.value = String(next);
+        inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+      }
+    }
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(NumberInput_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx38(Label, { id: uid, label }),
-    /* @__PURE__ */ jsxs27("div", { className: NumberInput_default.inputRow, children: [
-      /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(NumberInput_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx39(Label, { id: uid, label }),
+    /* @__PURE__ */ jsxs28("div", { className: NumberInput_default.inputRow, children: [
+      /* @__PURE__ */ jsx39(
         "button",
         {
           type: "button",
           className: NumberInput_default.stepper,
           "aria-label": "Decrease",
+          "aria-controls": uid,
           disabled: disabled || min !== void 0 && currentValue <= min,
           onClick: () => adjust(-step),
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+          children: /* @__PURE__ */ jsx39("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         "input",
         {
           ref: inputRef,
@@ -1972,49 +2083,51 @@ function NumberInput({
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: cn35(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: cn36(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
             const v = parseFloat(e.target.value);
-            if (!isControlled) setInternalValue(isNaN(v) ? 0 : v);
-            onChange?.(v);
+            const safe = isNaN(v) ? 0 : v;
+            if (!isControlled) setInternalValue(safe);
+            onChange?.(safe);
           }
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         "button",
         {
           type: "button",
           className: NumberInput_default.stepper,
           "aria-label": "Increase",
+          "aria-controls": uid,
           disabled: disabled || max !== void 0 && currentValue >= max,
           onClick: () => adjust(step),
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+          children: /* @__PURE__ */ jsx39("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { useId as useId14 } from "react";
+import { useId as useId15 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds0118Radio-radioGroup","inputWrapper":"bds0118Radio-inputWrapper","textWrapper":"bds0118Radio-textWrapper","description":"bds0118Radio-description","radio":"bds0118Radio-radio","radioError":"bds0118Radio-radioError"};
+var Radio_default = {"radioGroup":"bds101Radio-radioGroup","inputWrapper":"bds101Radio-inputWrapper","textWrapper":"bds101Radio-textWrapper","description":"bds101Radio-description","radio":"bds101Radio-radio","radioError":"bds101Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { cn as cn36 } from "@boostdev/design-system-foundation";
-import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { cn as cn37 } from "@boostdev/design-system-foundation";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function Radio({ label, name, description, error, hint, className, ...props }) {
-  const id = name + useId14();
+  const id = name + useId15();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Radio_default.radioGroup, className), children: [
-    /* @__PURE__ */ jsxs28("div", { className: Radio_default.inputWrapper, children: [
-      /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ jsxs29("div", { className: Radio_default.inputWrapper, children: [
+      /* @__PURE__ */ jsx40(
         "input",
         {
           "aria-describedby": describedBy,
@@ -2022,29 +2135,71 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: cn36(Radio_default.radio, error && Radio_default.radioError),
+          className: cn37(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
-      /* @__PURE__ */ jsxs28("div", { className: Radio_default.textWrapper, children: [
-        /* @__PURE__ */ jsx39(Label, { id, label }),
-        description && /* @__PURE__ */ jsx39("span", { className: Radio_default.description, children: description })
+      /* @__PURE__ */ jsxs29("div", { className: Radio_default.textWrapper, children: [
+        /* @__PURE__ */ jsx40(Label, { id, label }),
+        description && /* @__PURE__ */ jsx40("span", { className: Radio_default.description, children: description })
       ] })
     ] }),
-    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
+// src/components/interaction/form/RadioGroup/RadioGroup.tsx
+import { useId as useId16 } from "react";
+
+// src/components/interaction/form/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {"group":"bds101RadioGroup-group","legend":"bds101RadioGroup-legend","required":"bds101RadioGroup-required","items":"bds101RadioGroup-items"};
+
+// src/components/interaction/form/RadioGroup/RadioGroup.tsx
+import { cn as cn38 } from "@boostdev/design-system-foundation";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+function RadioGroup({
+  legend,
+  children,
+  error,
+  hint,
+  required,
+  disabled,
+  className
+}) {
+  const id = useId16();
+  const hintId = id + "hint";
+  const errorId = id + "error";
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs30(
+    "fieldset",
+    {
+      className: cn38(RadioGroup_default.group, className),
+      disabled,
+      "aria-required": required || void 0,
+      "aria-describedby": describedBy,
+      children: [
+        /* @__PURE__ */ jsxs30("legend", { className: RadioGroup_default.legend, children: [
+          legend,
+          required && /* @__PURE__ */ jsx41("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
+        ] }),
+        /* @__PURE__ */ jsx41("div", { className: RadioGroup_default.items, children }),
+        /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
+        /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
+      ]
+    }
+  );
+}
+
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { useId as useId15, useState as useState11 } from "react";
+import { useId as useId17, useState as useState12 } from "react";
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds0118SegmentedControl-control","thumb":"bds0118SegmentedControl-thumb","item":"bds0118SegmentedControl-item","--disabled":"bds0118SegmentedControl---disabled","radio":"bds0118SegmentedControl-radio","label":"bds0118SegmentedControl-label","--size_small":"bds0118SegmentedControl---size_small","--size_large":"bds0118SegmentedControl---size_large","--active":"bds0118SegmentedControl---active"};
+var SegmentedControl_default = {"control":"bds101SegmentedControl-control","thumb":"bds101SegmentedControl-thumb","item":"bds101SegmentedControl-item","--disabled":"bds101SegmentedControl---disabled","radio":"bds101SegmentedControl-radio","label":"bds101SegmentedControl-label","--size_small":"bds101SegmentedControl---size_small","--size_large":"bds101SegmentedControl---size_large","--active":"bds101SegmentedControl---active"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { cn as cn37 } from "@boostdev/design-system-foundation";
-import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { cn as cn39 } from "@boostdev/design-system-foundation";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 function SegmentedControl({
   name,
   options,
@@ -2054,10 +2209,11 @@ function SegmentedControl({
   disabled,
   size = "medium",
   className,
+  "aria-label": ariaLabel,
   ...rest
 }) {
-  const baseId = name + useId15();
-  const [internalValue, setInternalValue] = useState11(
+  const baseId = name + useId17();
+  const [internalValue, setInternalValue] = useState12(
     defaultValue ?? options[0]?.value ?? ""
   );
   const activeValue = value ?? internalValue;
@@ -2066,27 +2222,29 @@ function SegmentedControl({
     if (value === void 0) setInternalValue(optionValue);
     onChange?.(optionValue);
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
-      className: cn37(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
+      role: "group",
+      "aria-label": ariaLabel,
+      className: cn39(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
       style: {
         "--control_count": options.length,
         "--control_selected-index": Math.max(0, selectedIndex)
       },
       children: [
-        /* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
         options.map((option, index) => {
           const id = `${baseId}-${index}`;
           const isChecked = option.value === activeValue;
           const isDisabled = disabled || option.disabled;
-          return /* @__PURE__ */ jsxs29(
+          return /* @__PURE__ */ jsxs31(
             "label",
             {
               htmlFor: id,
-              className: cn37(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
+              className: cn39(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
               children: [
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx42(
                   "input",
                   {
                     ...rest,
@@ -2100,7 +2258,7 @@ function SegmentedControl({
                     onChange: () => handleChange(option.value)
                   }
                 ),
-                /* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.label, children: option.label })
+                /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.label, children: option.label })
               ]
             },
             option.value
@@ -2112,14 +2270,14 @@ function SegmentedControl({
 }
 
 // src/components/interaction/form/Select/Select.tsx
-import { useId as useId16 } from "react";
+import { useId as useId18 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds0118Select-formGroup","selectWrapper":"bds0118Select-selectWrapper","select":"bds0118Select-select","selectError":"bds0118Select-selectError","chevron":"bds0118Select-chevron"};
+var Select_default = {"formGroup":"bds101Select-formGroup","selectWrapper":"bds101Select-selectWrapper","select":"bds101Select-select","selectError":"bds101Select-selectError","chevron":"bds101Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
-import { cn as cn38 } from "@boostdev/design-system-foundation";
-import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
+import { cn as cn40 } from "@boostdev/design-system-foundation";
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 function Select({
   label,
   name,
@@ -2128,46 +2286,49 @@ function Select({
   error,
   hint,
   className,
+  required,
   ...props
 }) {
-  const id = name + useId16();
+  const id = name + useId18();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Select_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx41(Label, { id, label }),
-    /* @__PURE__ */ jsxs30("div", { className: Select_default.selectWrapper, children: [
-      /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Select_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx43(Label, { id, label }),
+    /* @__PURE__ */ jsxs32("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ jsxs32(
         "select",
         {
           id,
           name,
           "aria-invalid": !!error,
+          "aria-required": required || void 0,
           "aria-describedby": describedBy,
-          className: cn38(Select_default.select, error ? Select_default.selectError : void 0),
+          required,
+          className: cn40(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
-            placeholder && /* @__PURE__ */ jsx41("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx41("option", { value, disabled, children: optLabel }, value))
+            placeholder && /* @__PURE__ */ jsx43("option", { value: "", disabled: true, hidden: true, children: placeholder }),
+            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx43("option", { value, disabled, children: optLabel }, value))
           ]
         }
       ),
-      /* @__PURE__ */ jsx41("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx41("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
+      /* @__PURE__ */ jsx43("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
     ] }),
-    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { useId as useId17, useState as useState12 } from "react";
+import { useId as useId19, useState as useState13 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds0118Slider-formGroup","labelRow":"bds0118Slider-labelRow","value":"bds0118Slider-value","slider":"bds0118Slider-slider","sliderError":"bds0118Slider-sliderError"};
+var Slider_default = {"formGroup":"bds101Slider-formGroup","labelRow":"bds101Slider-labelRow","value":"bds101Slider-value","slider":"bds101Slider-slider","sliderError":"bds101Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { cn as cn39 } from "@boostdev/design-system-foundation";
-import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+import { cn as cn41 } from "@boostdev/design-system-foundation";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function Slider({
   label,
   name,
@@ -2180,24 +2341,24 @@ function Slider({
   onChange,
   ...props
 }) {
-  const id = name + useId17();
+  const id = name + useId19();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const isControlled = props.value !== void 0;
-  const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
+  const [internalValue, setInternalValue] = useState13(Number(props.defaultValue ?? min));
   const currentValue = isControlled ? Number(props.value) : internalValue;
   const fillPct = (currentValue - min) / (max - min) * 100;
   const handleChange = (e) => {
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Slider_default.formGroup, className), children: [
-    /* @__PURE__ */ jsxs31("div", { className: Slider_default.labelRow, children: [
-      /* @__PURE__ */ jsx42(Label, { id, label }),
-      showValue && /* @__PURE__ */ jsx42("span", { className: Slider_default.value, children: currentValue })
+  return /* @__PURE__ */ jsxs33(InputContainer, { className: cn41(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ jsxs33("div", { className: Slider_default.labelRow, children: [
+      /* @__PURE__ */ jsx44(Label, { id, label }),
+      showValue && /* @__PURE__ */ jsx44("span", { className: Slider_default.value, children: currentValue })
     ] }),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx44(
       "input",
       {
         type: "range",
@@ -2209,26 +2370,27 @@ function Slider({
         "aria-valuemin": min,
         "aria-valuemax": max,
         "aria-valuenow": currentValue,
-        className: cn39(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        "aria-valuetext": String(currentValue),
+        className: cn41(Slider_default.slider, error ? Slider_default.sliderError : void 0),
         style: { "--slider_fill": `${fillPct}%` },
         onChange: handleChange,
         ...props
       }
     ),
-    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { useId as useId18 } from "react";
+import { useId as useId20 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds0118Switch-switchGroup","--size_small":"bds0118Switch---size_small","--size_medium":"bds0118Switch---size_medium","--size_large":"bds0118Switch---size_large","inputWrapper":"bds0118Switch-inputWrapper","trackWrapper":"bds0118Switch-trackWrapper","switch":"bds0118Switch-switch","track":"bds0118Switch-track","thumb":"bds0118Switch-thumb","switchError":"bds0118Switch-switchError"};
+var Switch_default = {"switchGroup":"bds101Switch-switchGroup","--size_small":"bds101Switch---size_small","--size_medium":"bds101Switch---size_medium","--size_large":"bds101Switch---size_large","inputWrapper":"bds101Switch-inputWrapper","trackWrapper":"bds101Switch-trackWrapper","switch":"bds101Switch-switch","track":"bds101Switch-track","thumb":"bds101Switch-thumb","switchError":"bds101Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { cn as cn40 } from "@boostdev/design-system-foundation";
-import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
+import { cn as cn42 } from "@boostdev/design-system-foundation";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function Switch({
   label,
   name,
@@ -2239,15 +2401,15 @@ function Switch({
   prefix,
   ...props
 }) {
-  const id = name + useId18();
+  const id = name + useId20();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
-    /* @__PURE__ */ jsxs32("div", { className: Switch_default.inputWrapper, children: [
-      prefix && /* @__PURE__ */ jsx43(Label, { id, label: prefix }),
-      /* @__PURE__ */ jsxs32("div", { className: Switch_default.trackWrapper, children: [
-        /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs34(InputContainer, { className: cn42(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ jsxs34("div", { className: Switch_default.inputWrapper, children: [
+      prefix && /* @__PURE__ */ jsx45("span", { children: prefix }),
+      /* @__PURE__ */ jsxs34("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ jsx45(
           "input",
           {
             type: "checkbox",
@@ -2255,74 +2417,85 @@ function Switch({
             id,
             name,
             "aria-describedby": describedBy,
-            className: cn40(Switch_default.switch, error ? Switch_default.switchError : void 0),
+            className: cn42(Switch_default.switch, error ? Switch_default.switchError : void 0),
             ...props
           }
         ),
-        /* @__PURE__ */ jsx43("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx43("span", { className: Switch_default.thumb }) })
+        /* @__PURE__ */ jsx45("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx45("span", { className: Switch_default.thumb }) })
       ] }),
-      /* @__PURE__ */ jsx43(Label, { id, label })
+      /* @__PURE__ */ jsx45(Label, { id, label })
     ] }),
-    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { useId as useId19 } from "react";
+import { useId as useId21 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds0118Textarea-formGroup","textarea":"bds0118Textarea-textarea","textareaError":"bds0118Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds101Textarea-formGroup","textarea":"bds101Textarea-textarea","textareaError":"bds101Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { cn as cn41 } from "@boostdev/design-system-foundation";
-import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
+import { cn as cn43 } from "@boostdev/design-system-foundation";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function Textarea({
   label,
   name,
   error,
   hint,
   className,
+  required,
   ...props
 }) {
-  const id = name + useId19();
+  const id = name + useId21();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs33(InputContainer, { className: cn41(Textarea_default.formGroup, className), children: [
-    /* @__PURE__ */ jsx44(Label, { id, label }),
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs35(InputContainer, { className: cn43(Textarea_default.formGroup, className), children: [
+    /* @__PURE__ */ jsx46(Label, { id, label }),
+    /* @__PURE__ */ jsx46(
       "textarea",
       {
         id,
         name,
         "aria-invalid": !!error,
         "aria-describedby": describedBy,
-        className: cn41(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        "aria-required": required || void 0,
+        required,
+        className: cn43(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds0118ButtonGroup-buttonGroup","container":"bds0118ButtonGroup-container","--variant_card":"bds0118ButtonGroup---variant_card","--variant_flow":"bds0118ButtonGroup---variant_flow","--variant_modal":"bds0118ButtonGroup---variant_modal","--variant_content":"bds0118ButtonGroup---variant_content","--variant_grid":"bds0118ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds101ButtonGroup-buttonGroup","container":"bds101ButtonGroup-container","--variant_card":"bds101ButtonGroup---variant_card","--variant_flow":"bds101ButtonGroup---variant_flow","--variant_modal":"bds101ButtonGroup---variant_modal","--variant_content":"bds101ButtonGroup---variant_content","--variant_grid":"bds101ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
-import { cn as cn42 } from "@boostdev/design-system-foundation";
-import { jsx as jsx45 } from "react/jsx-runtime";
-function ButtonGroup({ children, className, variant }) {
-  return /* @__PURE__ */ jsx45("div", { className: cn42(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx45("div", { className: ButtonGroup_default.container, children }) });
+import { cn as cn44 } from "@boostdev/design-system-foundation";
+import { jsx as jsx47 } from "react/jsx-runtime";
+function ButtonGroup({ children, className, variant, "aria-label": ariaLabel }) {
+  return /* @__PURE__ */ jsx47(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: cn44(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
+      children: /* @__PURE__ */ jsx47("div", { className: ButtonGroup_default.container, children })
+    }
+  );
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds0118Card-card","--default":"bds0118Card---default","--elevated":"bds0118Card---elevated","--outlined":"bds0118Card---outlined","--clickable":"bds0118Card---clickable","--padding-none":"bds0118Card---padding-none","--padding-small":"bds0118Card---padding-small","--padding-medium":"bds0118Card---padding-medium","--padding-large":"bds0118Card---padding-large","--text-start":"bds0118Card---text-start","--text-center":"bds0118Card---text-center","--text-end":"bds0118Card---text-end"};
+var Card_default = {"card":"bds101Card-card","--default":"bds101Card---default","--elevated":"bds101Card---elevated","--outlined":"bds101Card---outlined","--clickable":"bds101Card---clickable","--padding-none":"bds101Card---padding-none","--padding-small":"bds101Card---padding-small","--padding-medium":"bds101Card---padding-medium","--padding-large":"bds101Card---padding-large","--text-start":"bds101Card---text-start","--text-center":"bds101Card---text-center","--text-end":"bds101Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
-import { cn as cn43 } from "@boostdev/design-system-foundation";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { cn as cn45 } from "@boostdev/design-system-foundation";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Card({
   children,
   className,
@@ -2333,7 +2506,7 @@ function Card({
   onClick,
   "aria-label": ariaLabel
 }) {
-  const classNames = cn43(
+  const classNames = cn45(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2342,7 +2515,7 @@ function Card({
     className
   );
   const Component = onClick ? "button" : "div";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     Component,
     {
       className: classNames,
@@ -2356,11 +2529,11 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds0118SectionHeader-sectionHeader","title":"bds0118SectionHeader-title","subtitle":"bds0118SectionHeader-subtitle","--start":"bds0118SectionHeader---start","--center":"bds0118SectionHeader---center","--end":"bds0118SectionHeader---end","--small":"bds0118SectionHeader---small","--medium":"bds0118SectionHeader---medium","--large":"bds0118SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds101SectionHeader-sectionHeader","title":"bds101SectionHeader-title","subtitle":"bds101SectionHeader-subtitle","--start":"bds101SectionHeader---start","--center":"bds101SectionHeader---center","--end":"bds101SectionHeader---end","--small":"bds101SectionHeader---small","--medium":"bds101SectionHeader---medium","--large":"bds101SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-import { cn as cn44 } from "@boostdev/design-system-foundation";
-import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+import { cn as cn46 } from "@boostdev/design-system-foundation";
+import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 function SectionHeader({
   title,
   subtitle,
@@ -2370,24 +2543,24 @@ function SectionHeader({
   titleAs = "h2"
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs34("header", { className: cn44(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ jsx47(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ jsx47("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs36("div", { className: cn46(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ jsx49(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ jsx49("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds0118IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds101IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-import { cn as cn45 } from "@boostdev/design-system-foundation";
-import { jsx as jsx48 } from "react/jsx-runtime";
-function IconWrapper({ children, className }) {
-  return /* @__PURE__ */ jsx48("div", { className: cn45(className, IconWrapper_default.wrapper), children });
+import { cn as cn47 } from "@boostdev/design-system-foundation";
+import { jsx as jsx50 } from "react/jsx-runtime";
+function IconWrapper({ children, className, "aria-hidden": ariaHidden }) {
+  return /* @__PURE__ */ jsx50("div", { className: cn47(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
 }
 
 // src/index.ts
-import { cn as cn46 } from "@boostdev/design-system-foundation";
+import { cn as cn48 } from "@boostdev/design-system-foundation";
 export {
   Accordion,
   Alert,
@@ -2400,6 +2573,7 @@ export {
   Card,
   Carousel,
   Checkbox,
+  CheckboxGroup,
   Collapsible,
   Combobox,
   Command,
@@ -2419,6 +2593,7 @@ export {
   Progress,
   ProgressCircle,
   Radio,
+  RadioGroup,
   Rating,
   SectionHeader,
   SegmentedControl,
@@ -2434,6 +2609,6 @@ export {
   ToastProvider,
   Tooltip,
   Typography,
-  cn46 as cn,
+  cn48 as cn,
   useToast
 };