@boostdev/design-system-components 1.2.0 → 1.2.2

package/dist/client.cjs

@@ -87,7 +87,7 @@ module.exports = __toCommonJS(client_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds120Accordion-accordion","item":"bds120Accordion-item","heading":"bds120Accordion-heading","trigger":"bds120Accordion-trigger","triggerLabel":"bds120Accordion-triggerLabel","chevron":"bds120Accordion-chevron","--open":"bds120Accordion---open","panel":"bds120Accordion-panel","panelContent":"bds120Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds122Accordion-accordion","item":"bds122Accordion-item","heading":"bds122Accordion-heading","trigger":"bds122Accordion-trigger","triggerLabel":"bds122Accordion-triggerLabel","chevron":"bds122Accordion-chevron","--open":"bds122Accordion---open","panel":"bds122Accordion-panel","panelContent":"bds122Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -96,7 +96,8 @@ function Accordion({
   items,
   allowMultiple = false,
   defaultOpen = [],
-  className
+  className,
+  ...rest
 }) {
   const baseId = (0, import_react.useId)();
   const [openIds, setOpenIds] = (0, import_react.useState)(defaultOpen);
@@ -107,7 +108,7 @@ function Accordion({
       return allowMultiple ? [...prev, id] : [id];
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_design_system_foundation.cn)(Accordion_default.accordion, className), children: items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...rest, className: (0, import_design_system_foundation.cn)(Accordion_default.accordion, className), children: items.map((item) => {
     const isOpen = openIds.includes(item.id);
     const triggerId = `${baseId}-trigger-${item.id}`;
     const panelId = `${baseId}-panel-${item.id}`;
@@ -155,7 +156,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds120Alert-alert","--variant_info":"bds120Alert---variant_info","--variant_success":"bds120Alert---variant_success","--variant_warning":"bds120Alert---variant_warning","--variant_error":"bds120Alert---variant_error","icon":"bds120Alert-icon","content":"bds120Alert-content","title":"bds120Alert-title","dismiss":"bds120Alert-dismiss"};
+var Alert_default = {"alert":"bds122Alert-alert","--variant_info":"bds122Alert---variant_info","--variant_success":"bds122Alert---variant_success","--variant_warning":"bds122Alert---variant_warning","--variant_error":"bds122Alert---variant_error","icon":"bds122Alert-icon","content":"bds122Alert-content","title":"bds122Alert-title","dismiss":"bds122Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -166,12 +167,14 @@ function Alert({
   title,
   children,
   onDismiss,
-  className
+  className,
+  ...rest
 }) {
   const isUrgent = variant === "error" || variant === "warning";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
+      ...rest,
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
@@ -198,7 +201,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds120Avatar-avatar","--fallback":"bds120Avatar---fallback","--size_small":"bds120Avatar---size_small","--size_medium":"bds120Avatar---size_medium","--size_large":"bds120Avatar---size_large","image":"bds120Avatar-image","initials":"bds120Avatar-initials"};
+var Avatar_default = {"avatar":"bds122Avatar-avatar","--fallback":"bds122Avatar---fallback","--size_small":"bds122Avatar---size_small","--size_medium":"bds122Avatar---size_medium","--size_large":"bds122Avatar---size_large","image":"bds122Avatar-image","initials":"bds122Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -206,15 +209,16 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 function getInitials(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
 }
-function Avatar({ src, alt, name, size = "medium", className }) {
+function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
   const sizeClass = Avatar_default[`--size_${size}`];
   if (src) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { ...rest, className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
   }
   const initials = name ? getInitials(name) : "";
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     {
+      ...rest,
       role: "img",
       "aria-label": name ?? "User avatar",
       className: (0, import_design_system_foundation3.cn)(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
@@ -224,23 +228,23 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds120Badge-badge","--variant_primary":"bds120Badge---variant_primary","--variant_secondary":"bds120Badge---variant_secondary","--variant_success":"bds120Badge---variant_success","--variant_error":"bds120Badge---variant_error","--variant_warning":"bds120Badge---variant_warning"};
+var Badge_default = {"badge":"bds122Badge-badge","--variant_primary":"bds122Badge---variant_primary","--variant_secondary":"bds122Badge---variant_secondary","--variant_success":"bds122Badge---variant_success","--variant_error":"bds122Badge---variant_error","--variant_warning":"bds122Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function Badge({ children, variant = "primary", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: (0, import_design_system_foundation4.cn)(Badge_default.badge, Badge_default[`--variant_${variant}`], className), children });
+function Badge({ children, variant = "primary", className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { ...rest, className: (0, import_design_system_foundation4.cn)(Badge_default.badge, Badge_default[`--variant_${variant}`], className), children });
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds120Breadcrumb-breadcrumb","list":"bds120Breadcrumb-list","item":"bds120Breadcrumb-item","link":"bds120Breadcrumb-link","separator":"bds120Breadcrumb-separator","current":"bds120Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds122Breadcrumb-breadcrumb","list":"bds122Breadcrumb-list","item":"bds122Breadcrumb-item","link":"bds122Breadcrumb-link","separator":"bds122Breadcrumb-separator","current":"bds122Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function Breadcrumb({ items, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { "aria-label": "Breadcrumb", className: (0, import_design_system_foundation5.cn)(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
+function Breadcrumb({ items, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { ...rest, "aria-label": "Breadcrumb", className: (0, import_design_system_foundation5.cn)(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: Breadcrumb_default.item, children: isLast ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-current": "page", className: Breadcrumb_default.current, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: item.href, className: Breadcrumb_default.link, children: item.label }),
@@ -250,7 +254,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds120Collapsible-collapsible","summary":"bds120Collapsible-summary","summaryContent":"bds120Collapsible-summaryContent","icon":"bds120Collapsible-icon","content":"bds120Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds122Collapsible-collapsible","summary":"bds122Collapsible-summary","summaryContent":"bds122Collapsible-summaryContent","icon":"bds122Collapsible-icon","content":"bds122Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -291,7 +295,7 @@ function Collapsible({
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds120Calendar-calendar","header":"bds120Calendar-header","monthYear":"bds120Calendar-monthYear","navBtn":"bds120Calendar-navBtn","grid":"bds120Calendar-grid","weekday":"bds120Calendar-weekday","empty":"bds120Calendar-empty","day":"bds120Calendar-day","disabled":"bds120Calendar-disabled","selected":"bds120Calendar-selected","today":"bds120Calendar-today"};
+var Calendar_default = {"calendar":"bds122Calendar-calendar","header":"bds122Calendar-header","monthYear":"bds122Calendar-monthYear","navBtn":"bds122Calendar-navBtn","grid":"bds122Calendar-grid","weekday":"bds122Calendar-weekday","empty":"bds122Calendar-empty","day":"bds122Calendar-day","disabled":"bds122Calendar-disabled","selected":"bds122Calendar-selected","today":"bds122Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -337,7 +341,7 @@ function getDaysInMonth(year, month) {
 function getFirstDayOfMonth(year, month) {
   return new Date(year, month, 1).getDay();
 }
-function Calendar({ value, defaultValue, min, max, onChange, className }) {
+function Calendar({ value, defaultValue, min, max, onChange, className, ...rest }) {
   const today = /* @__PURE__ */ new Date();
   const controlled = value !== void 0;
   const [internal, setInternal] = (0, import_react2.useState)(defaultValue);
@@ -391,7 +395,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
     ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
   ];
   while (cells.length % 7 !== 0) cells.push(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: (0, import_design_system_foundation7.cn)(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ...rest, className: (0, import_design_system_foundation7.cn)(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.header, children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "button",
@@ -466,12 +470,12 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 var import_react3 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds120Carousel-carousel","track":"bds120Carousel-track","slide":"bds120Carousel-slide","navBtn":"bds120Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds122Carousel-carousel","track":"bds122Carousel-track","slide":"bds122Carousel-slide","navBtn":"bds122Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function Carousel({ items, label, className }) {
+function Carousel({ items, label, className, ...rest }) {
   const trackRef = (0, import_react3.useRef)(null);
   const listId = (0, import_react3.useId)();
   const scroll = (direction) => {
@@ -482,7 +486,7 @@ function Carousel({ items, label, className }) {
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { "aria-label": label, className: (0, import_design_system_foundation8.cn)(Carousel_default.carousel, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { ...rest, "aria-label": label, className: (0, import_design_system_foundation8.cn)(Carousel_default.carousel, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
@@ -519,20 +523,20 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds120DescriptionList-list","group":"bds120DescriptionList-group","term":"bds120DescriptionList-term","details":"bds120DescriptionList-details","--layout_inline":"bds120DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds122DescriptionList-list","group":"bds122DescriptionList-group","term":"bds122DescriptionList-term","details":"bds122DescriptionList-details","--layout_inline":"bds122DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function DescriptionList({ items, layout = "stacked", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { className: (0, import_design_system_foundation9.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: DescriptionList_default.group, children: [
+function DescriptionList({ items, layout = "stacked", className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { ...rest, className: (0, import_design_system_foundation9.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: DescriptionList_default.group, children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
     Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: DescriptionList_default.details, children: item.details })
   ] }, i)) });
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds120Link-link","--variant_default":"bds120Link---variant_default","--variant_subtle":"bds120Link---variant_subtle","--variant_standalone":"bds120Link---variant_standalone","externalLabel":"bds120Link-externalLabel"};
+var Link_default = {"link":"bds122Link-link","--variant_default":"bds122Link---variant_default","--variant_subtle":"bds122Link---variant_subtle","--variant_standalone":"bds122Link---variant_standalone","externalLabel":"bds122Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -563,17 +567,17 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds120Loading-loading","spinner":"bds120Loading-spinner","--size_small":"bds120Loading---size_small","--size_large":"bds120Loading---size_large"};
+var Loading_default = {"loading":"bds122Loading-loading","spinner":"bds122Loading-spinner","--size_small":"bds122Loading---size_small","--size_large":"bds122Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function Loading({ size = "medium", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_design_system_foundation11.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+function Loading({ size = "medium", className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, className: (0, import_design_system_foundation11.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds120NotificationBanner-banner","--variant_info":"bds120NotificationBanner---variant_info","--variant_success":"bds120NotificationBanner---variant_success","--variant_warning":"bds120NotificationBanner---variant_warning","--variant_error":"bds120NotificationBanner---variant_error","content":"bds120NotificationBanner-content","action":"bds120NotificationBanner-action","dismiss":"bds120NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds122NotificationBanner-banner","--variant_info":"bds122NotificationBanner---variant_info","--variant_success":"bds122NotificationBanner---variant_success","--variant_warning":"bds122NotificationBanner---variant_warning","--variant_error":"bds122NotificationBanner---variant_error","content":"bds122NotificationBanner-content","action":"bds122NotificationBanner-action","dismiss":"bds122NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -583,12 +587,14 @@ function NotificationBanner({
   children,
   action,
   onDismiss,
-  className
+  className,
+  ...rest
 }) {
   const isUrgent = variant === "error" || variant === "warning";
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
+      ...rest,
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
@@ -612,7 +618,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds120Pagination-pagination","list":"bds120Pagination-list","button":"bds120Pagination-button","--active":"bds120Pagination---active","--nav":"bds120Pagination---nav","ellipsis":"bds120Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds122Pagination-pagination","list":"bds122Pagination-list","button":"bds122Pagination-button","--active":"bds122Pagination---active","--nav":"bds122Pagination---nav","ellipsis":"bds122Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -633,10 +639,11 @@ function Pagination({
   currentPage,
   totalPages,
   onPageChange,
-  className
+  className,
+  ...rest
 }) {
   const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { "aria-label": "Pagination", className: (0, import_design_system_foundation13.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: Pagination_default.list, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { ...rest, "aria-label": "Pagination", className: (0, import_design_system_foundation13.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: Pagination_default.list, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
@@ -676,7 +683,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds120Progress-container","labelRow":"bds120Progress-labelRow","value":"bds120Progress-value","track":"bds120Progress-track","--size_small":"bds120Progress---size_small","--size_medium":"bds120Progress---size_medium","--size_large":"bds120Progress---size_large","fill":"bds120Progress-fill"};
+var Progress_default = {"container":"bds122Progress-container","labelRow":"bds122Progress-labelRow","value":"bds122Progress-value","track":"bds122Progress-track","--size_small":"bds122Progress---size_small","--size_medium":"bds122Progress---size_medium","--size_large":"bds122Progress---size_large","fill":"bds122Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -687,10 +694,11 @@ function Progress({
   label,
   showLabel = false,
   size = "medium",
-  className
+  className,
+  ...rest
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_design_system_foundation14.cn)(Progress_default.container, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ...rest, className: (0, import_design_system_foundation14.cn)(Progress_default.container, className), children: [
     showLabel && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: Progress_default.labelRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: Progress_default.label, children: label }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: Progress_default.value, children: [
@@ -714,7 +722,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds120ProgressCircle-wrapper","svg":"bds120ProgressCircle-svg","track":"bds120ProgressCircle-track","fill":"bds120ProgressCircle-fill","value":"bds120ProgressCircle-value","--size_small":"bds120ProgressCircle---size_small","--size_medium":"bds120ProgressCircle---size_medium","--size_large":"bds120ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds122ProgressCircle-wrapper","svg":"bds122ProgressCircle-svg","track":"bds122ProgressCircle-track","fill":"bds122ProgressCircle-fill","value":"bds122ProgressCircle-value","--size_small":"bds122ProgressCircle---size_small","--size_medium":"bds122ProgressCircle---size_medium","--size_large":"bds122ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -727,7 +735,8 @@ function ProgressCircle({
   label,
   showValue = false,
   size = "medium",
-  className
+  className,
+  ...rest
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
   const px = SIZE_PX[size];
@@ -738,6 +747,7 @@ function ProgressCircle({
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
+      ...rest,
       role: "progressbar",
       "aria-label": label,
       "aria-valuenow": value,
@@ -793,49 +803,50 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds120Separator-separator","--horizontal":"bds120Separator---horizontal","--vertical":"bds120Separator---vertical"};
+var Separator_default = {"separator":"bds122Separator-separator","--horizontal":"bds122Separator---horizontal","--vertical":"bds122Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-function Separator({ orientation = "horizontal", className }) {
+function Separator({ orientation = "horizontal", className, ...rest }) {
   if (orientation === "vertical") {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
+        ...rest,
         role: "separator",
         "aria-orientation": "vertical",
         className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--vertical"], className)
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("hr", { "aria-orientation": "horizontal", className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("hr", { ...rest, "aria-orientation": "horizontal", className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
 }
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds120Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds122Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-function Skeleton({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "aria-hidden": "true", className: (0, import_design_system_foundation17.cn)(Skeleton_default.skeleton, className) });
+function Skeleton({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ...rest, "aria-hidden": "true", className: (0, import_design_system_foundation17.cn)(Skeleton_default.skeleton, className) });
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds120SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds122SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function SkipLink({ href = "#main", children = "Skip to main content", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href, className: (0, import_design_system_foundation18.cn)(SkipLink_default.skipLink, className), children });
+function SkipLink({ href = "#main", children = "Skip to main content", className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { ...rest, href, className: (0, import_design_system_foundation18.cn)(SkipLink_default.skipLink, className), children });
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds120Table-wrapper","table":"bds120Table-table","caption":"bds120Table-caption","thead":"bds120Table-thead","th":"bds120Table-th","--sortable":"bds120Table---sortable","sortButton":"bds120Table-sortButton","sortIcon":"bds120Table-sortIcon","--sort-active":"bds120Table---sort-active","--sort-desc":"bds120Table---sort-desc","tbody":"bds120Table-tbody","tr":"bds120Table-tr","td":"bds120Table-td"};
+var Table_default = {"wrapper":"bds122Table-wrapper","table":"bds122Table-table","caption":"bds122Table-caption","thead":"bds122Table-thead","th":"bds122Table-th","--sortable":"bds122Table---sortable","sortButton":"bds122Table-sortButton","sortIcon":"bds122Table-sortIcon","--sort-active":"bds122Table---sort-active","--sort-desc":"bds122Table---sort-desc","tbody":"bds122Table-tbody","tr":"bds122Table-tr","td":"bds122Table-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -905,12 +916,12 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds120Tabs-tabs","tabList":"bds120Tabs-tabList","tab":"bds120Tabs-tab","--active":"bds120Tabs---active","panel":"bds120Tabs-panel"};
+var Tabs_default = {"tabs":"bds122Tabs-tabs","tabList":"bds122Tabs-tabList","tab":"bds122Tabs-tab","--active":"bds122Tabs---active","panel":"bds122Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function Tabs({ tabs, defaultTab, className }) {
+function Tabs({ tabs, defaultTab, className, ...rest }) {
   const baseId = (0, import_react4.useId)();
   const [activeTab, setActiveTab] = (0, import_react4.useState)(defaultTab ?? tabs[0]?.id);
   const tabRefs = (0, import_react4.useRef)([]);
@@ -935,7 +946,7 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_design_system_foundation20.cn)(Tabs_default.tabs, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ...rest, className: (0, import_design_system_foundation20.cn)(Tabs_default.tabs, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
@@ -985,7 +996,7 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds120Tooltip-wrapper","tooltip":"bds120Tooltip-tooltip","--placement_top":"bds120Tooltip---placement_top","--placement_bottom":"bds120Tooltip---placement_bottom","--placement_left":"bds120Tooltip---placement_left","--placement_right":"bds120Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds122Tooltip-wrapper","tooltip":"bds122Tooltip-tooltip","--placement_top":"bds122Tooltip---placement_top","--placement_bottom":"bds122Tooltip---placement_bottom","--placement_left":"bds122Tooltip---placement_left","--placement_right":"bds122Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -994,7 +1005,8 @@ function Tooltip({
   content,
   placement = "top",
   children,
-  className
+  className,
+  ...rest
 }) {
   const tooltipId = (0, import_react5.useId)();
   const [isVisible, setIsVisible] = (0, import_react5.useState)(false);
@@ -1004,6 +1016,7 @@ function Tooltip({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "span",
     {
+      ...rest,
       className: (0, import_design_system_foundation21.cn)(Tooltip_default.wrapper, className),
       onMouseEnter: () => setIsVisible(true),
       onMouseLeave: () => setIsVisible(false),
@@ -1027,7 +1040,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds120Typography-typography","--h1":"bds120Typography---h1","--h2":"bds120Typography---h2","--h3":"bds120Typography---h3","--body":"bds120Typography---body","--body_s":"bds120Typography---body_s"};
+var Typography_default = {"typography":"bds122Typography-typography","--h1":"bds122Typography---h1","--h2":"bds122Typography---h2","--h3":"bds122Typography---h3","--body":"bds122Typography---body","--body_s":"bds122Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1039,13 +1052,13 @@ var variantToElement = {
   body: "p",
   body_s: "p"
 };
-function Typography({ variant = "body", component, children, className }) {
+function Typography({ variant = "body", component, children, className, ...rest }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { className: (0, import_design_system_foundation22.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { ...rest, className: (0, import_design_system_foundation22.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds120Button-button","--default":"bds120Button---default","--outline":"bds120Button---outline","--ghost":"bds120Button---ghost","--size_small":"bds120Button---size_small","--size_medium":"bds120Button---size_medium","--size_large":"bds120Button---size_large","--hasPulse":"bds120Button---hasPulse","iconStart":"bds120Button-iconStart","iconEnd":"bds120Button-iconEnd"};
+var Button_default = {"button":"bds122Button-button","--default":"bds122Button---default","--outline":"bds122Button---outline","--ghost":"bds122Button---ghost","--size_small":"bds122Button---size_small","--size_medium":"bds122Button---size_medium","--size_large":"bds122Button---size_large","--hasPulse":"bds122Button---hasPulse","iconStart":"bds122Button-iconStart","iconEnd":"bds122Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1160,7 +1173,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds120Command-dialog","palette":"bds120Command-palette","searchRow":"bds120Command-searchRow","searchIcon":"bds120Command-searchIcon","search":"bds120Command-search","escHint":"bds120Command-escHint","list":"bds120Command-list","groupList":"bds120Command-groupList","group":"bds120Command-group","item":"bds120Command-item","itemActive":"bds120Command-itemActive","itemLabel":"bds120Command-itemLabel","itemDesc":"bds120Command-itemDesc","shortcut":"bds120Command-shortcut","empty":"bds120Command-empty"};
+var Command_default = {"dialog":"bds122Command-dialog","palette":"bds122Command-palette","searchRow":"bds122Command-searchRow","searchIcon":"bds122Command-searchIcon","search":"bds122Command-search","escHint":"bds122Command-escHint","list":"bds122Command-list","groupList":"bds122Command-groupList","group":"bds122Command-group","item":"bds122Command-item","itemActive":"bds122Command-itemActive","itemLabel":"bds122Command-itemLabel","itemDesc":"bds122Command-itemDesc","shortcut":"bds122Command-shortcut","empty":"bds122Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1173,7 +1186,8 @@ function Command({
   onClose,
   items,
   placeholder = "Search commands\u2026",
-  className
+  className,
+  ...rest
 }) {
   const [query, setQuery] = (0, import_react6.useState)("");
   const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
@@ -1268,6 +1282,7 @@ function Command({
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id: dialogId,
       className: (0, import_design_system_foundation24.cn)(Command_default.dialog, className),
@@ -1335,14 +1350,14 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds120Dialog-dialog","dialogContent":"bds120Dialog-dialogContent","closeButton":"bds120Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds122Dialog-dialog","dialogContent":"bds122Dialog-dialogContent","closeButton":"bds122Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose }) {
+function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose, ...rest }) {
   const generatedId = (0, import_react7.useId)();
   const id = idProp ?? generatedId;
   const dialogRef = (0, import_react7.useRef)(null);
@@ -1411,6 +1426,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id,
       className: (0, import_design_system_foundation25.cn)(className, Dialog_default.dialog),
@@ -1440,7 +1456,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds120Drawer-drawer","panel":"bds120Drawer-panel","--side_right":"bds120Drawer---side_right","--side_left":"bds120Drawer---side_left","header":"bds120Drawer-header","closeButton":"bds120Drawer-closeButton","body":"bds120Drawer-body"};
+var Drawer_default = {"drawer":"bds122Drawer-drawer","--side_left":"bds122Drawer---side_left","header":"bds122Drawer-header","closeButton":"bds122Drawer-closeButton","body":"bds122Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1454,8 +1470,8 @@ function Drawer({
   title,
   children,
   side = "right",
-  ariaLabel,
-  className
+  className,
+  ...rest
 }) {
   const generatedId = (0, import_react8.useId)();
   const id = idProp ?? generatedId;
@@ -1496,23 +1512,27 @@ function Drawer({
     return () => dialog.removeEventListener("command", handleCommand);
   }, [onOpen, onClose]);
   const handleClick = (e) => {
-    if (e.target === dialogRef.current) onClose();
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const rect = dialog.getBoundingClientRect();
+    const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
+    if (outside) onClose();
   };
   const handleCancel = (e) => {
     e.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id,
       className: (0, import_design_system_foundation26.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
-      "aria-label": ariaLabel,
       "aria-modal": "true",
       onClick: handleClick,
       onCancel: handleCancel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.panel, children: [
+      children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.header, children: [
           !!title && title,
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -1528,7 +1548,7 @@ function Drawer({
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Drawer_default.body, children })
-      ] })
+      ]
     }
   );
 }
@@ -1537,7 +1557,7 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds120DropdownMenu-wrapper","menu":"bds120DropdownMenu-menu","--placement_bottom-start":"bds120DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds120DropdownMenu---placement_bottom-end","separator":"bds120DropdownMenu-separator","item":"bds120DropdownMenu-item","icon":"bds120DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds122DropdownMenu-wrapper","menu":"bds122DropdownMenu-menu","--placement_bottom-start":"bds122DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds122DropdownMenu---placement_bottom-end","separator":"bds122DropdownMenu-separator","item":"bds122DropdownMenu-item","icon":"bds122DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1546,7 +1566,8 @@ function DropdownMenu({
   trigger,
   items,
   placement = "bottom-start",
-  className
+  className,
+  ...rest
 }) {
   const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
   const containerRef = (0, import_react9.useRef)(null);
@@ -1609,7 +1630,7 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref: containerRef, className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ...rest, ref: containerRef, className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "ul",
@@ -1650,7 +1671,7 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds120Popover-wrapper","panel":"bds120Popover-panel","g":"bds120Popover-g"};
+var Popover_default = {"wrapper":"bds122Popover-wrapper","panel":"bds122Popover-panel","g":"bds122Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1665,7 +1686,8 @@ function Popover({
   content,
   placement = "bottom",
   className,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  ...rest
 }) {
   const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
   const containerRef = (0, import_react10.useRef)(null);
@@ -1714,7 +1736,7 @@ function Popover({
     // avoid a double-toggle when both onClick and invoker fire.
     onClick: children.props.onClick
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ref: containerRef, className: (0, import_design_system_foundation28.cn)(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ...rest, ref: containerRef, className: (0, import_design_system_foundation28.cn)(Popover_default.wrapper, className), children: [
     trigger,
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
@@ -1734,15 +1756,16 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds120Rating-rating","star":"bds120Rating-star","--filled":"bds120Rating---filled"};
+var Rating_default = {"rating":"bds122Rating-rating","star":"bds122Rating-star","--filled":"bds122Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function Rating({ value, max = 5, className }) {
+function Rating({ value, max = 5, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
+      ...rest,
       className: (0, import_design_system_foundation29.cn)(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
@@ -1765,7 +1788,7 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds120Toast-toastContainer","toast":"bds120Toast-toast","--variant_success":"bds120Toast---variant_success","--variant_warning":"bds120Toast---variant_warning","--variant_info":"bds120Toast---variant_info","--variant_error":"bds120Toast---variant_error","message":"bds120Toast-message","closeButton":"bds120Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds122Toast-toastContainer","toast":"bds122Toast-toast","--variant_success":"bds122Toast---variant_success","--variant_warning":"bds122Toast---variant_warning","--variant_info":"bds122Toast---variant_info","--variant_error":"bds122Toast---variant_error","message":"bds122Toast-message","closeButton":"bds122Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1838,10 +1861,10 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds120Checkbox-checkboxGroup","inputWrapper":"bds120Checkbox-inputWrapper","checkbox":"bds120Checkbox-checkbox","checkboxError":"bds120Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds122Checkbox-checkboxGroup","inputWrapper":"bds122Checkbox-inputWrapper","checkbox":"bds122Checkbox-checkbox","checkboxError":"bds122Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds120Message-error","hint":"bds120Message-hint"};
+var Message_default = {"error":"bds122Message-error","hint":"bds122Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1852,7 +1875,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds120Label-label"};
+var Label_default = {"label":"bds122Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1865,13 +1888,13 @@ var Label = ({ label, id, className }) => {
 var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds120InputContainer-container"};
+var InputContainer_default = {"container":"bds122InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_design_system_foundation33.cn)(InputContainer_default.container, className), children });
+var InputContainer = ({ children, className, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ...rest, className: (0, import_design_system_foundation33.cn)(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
@@ -1906,7 +1929,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds120CheckboxGroup-group","legend":"bds120CheckboxGroup-legend","required":"bds120CheckboxGroup-required","items":"bds120CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds122CheckboxGroup-group","legend":"bds122CheckboxGroup-legend","required":"bds122CheckboxGroup-required","items":"bds122CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1917,8 +1940,8 @@ function CheckboxGroup({
   error,
   hint,
   required,
-  disabled,
-  className
+  className,
+  ...rest
 }) {
   const id = (0, import_react13.useId)();
   const hintId = id + "hint";
@@ -1927,8 +1950,8 @@ function CheckboxGroup({
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "fieldset",
     {
+      ...rest,
       className: (0, import_design_system_foundation35.cn)(CheckboxGroup_default.group, className),
-      disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
       children: [
@@ -1948,7 +1971,7 @@ function CheckboxGroup({
 var import_react14 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds120Combobox-formGroup","inputWrapper":"bds120Combobox-inputWrapper","input":"bds120Combobox-input","inputError":"bds120Combobox-inputError","chevron":"bds120Combobox-chevron","listbox":"bds120Combobox-listbox","option":"bds120Combobox-option","--highlighted":"bds120Combobox---highlighted","--selected":"bds120Combobox---selected","--disabled":"bds120Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds122Combobox-formGroup","inputWrapper":"bds122Combobox-inputWrapper","input":"bds122Combobox-input","inputError":"bds122Combobox-inputError","chevron":"bds122Combobox-chevron","listbox":"bds122Combobox-listbox","option":"bds122Combobox-option","--highlighted":"bds122Combobox---highlighted","--selected":"bds122Combobox---selected","--disabled":"bds122Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -1963,7 +1986,8 @@ function Combobox({
   disabled = false,
   error,
   hint,
-  className
+  className,
+  ...rest
 }) {
   const id = name + (0, import_react14.useId)();
   const listboxId = id + "listbox";
@@ -2030,7 +2054,7 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Combobox_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation36.cn)(Combobox_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -2098,7 +2122,7 @@ function Combobox({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds120FileInput-formGroup","fieldLabel":"bds120FileInput-fieldLabel","dropZone":"bds120FileInput-dropZone","isDragging":"bds120FileInput-isDragging","hasError":"bds120FileInput-hasError","isDisabled":"bds120FileInput-isDisabled","icon":"bds120FileInput-icon","prompt":"bds120FileInput-prompt","acceptHint":"bds120FileInput-acceptHint","hiddenInput":"bds120FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds122FileInput-formGroup","fieldLabel":"bds122FileInput-fieldLabel","dropZone":"bds122FileInput-dropZone","isDragging":"bds122FileInput-isDragging","hasError":"bds122FileInput-hasError","isDisabled":"bds122FileInput-isDisabled","icon":"bds122FileInput-icon","prompt":"bds122FileInput-prompt","acceptHint":"bds122FileInput-acceptHint","hiddenInput":"bds122FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2113,7 +2137,8 @@ function FileInput({
   error,
   hint,
   onChange,
-  className
+  className,
+  ...rest
 }) {
   const uid = name + (0, import_react15.useId)();
   const hintId = uid + "hint";
@@ -2151,7 +2176,7 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(FileInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation37.cn)(FileInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "label",
       {
@@ -2198,7 +2223,7 @@ function FileInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds120FormInput-formGroup","input":"bds120FormInput-input","inputError":"bds120FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds122FormInput-formGroup","input":"bds122FormInput-input","inputError":"bds122FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2242,7 +2267,7 @@ function FormInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds120NumberInput-formGroup","inputRow":"bds120NumberInput-inputRow","input":"bds120NumberInput-input","inputError":"bds120NumberInput-inputError","stepper":"bds120NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds122NumberInput-formGroup","inputRow":"bds122NumberInput-inputRow","input":"bds122NumberInput-input","inputError":"bds122NumberInput-inputError","stepper":"bds122NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2259,7 +2284,8 @@ function NumberInput({
   error,
   hint,
   onChange,
-  className
+  className,
+  ...rest
 }) {
   const uid = name + (0, import_react17.useId)();
   const hintId = uid + "hint";
@@ -2284,7 +2310,7 @@ function NumberInput({
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(NumberInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation39.cn)(NumberInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id: uid, label }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: NumberInput_default.inputRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -2346,7 +2372,7 @@ function NumberInput({
 var import_react18 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds120Radio-radioGroup","inputWrapper":"bds120Radio-inputWrapper","textWrapper":"bds120Radio-textWrapper","description":"bds120Radio-description","radio":"bds120Radio-radio","radioError":"bds120Radio-radioError"};
+var Radio_default = {"radioGroup":"bds122Radio-radioGroup","inputWrapper":"bds122Radio-inputWrapper","textWrapper":"bds122Radio-textWrapper","description":"bds122Radio-description","radio":"bds122Radio-radio","radioError":"bds122Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2384,7 +2410,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 var import_react19 = require("react");
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"group":"bds120RadioGroup-group","legend":"bds120RadioGroup-legend","required":"bds120RadioGroup-required","items":"bds120RadioGroup-items"};
+var RadioGroup_default = {"group":"bds122RadioGroup-group","legend":"bds122RadioGroup-legend","required":"bds122RadioGroup-required","items":"bds122RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2395,8 +2421,8 @@ function RadioGroup({
   error,
   hint,
   required,
-  disabled,
-  className
+  className,
+  ...rest
 }) {
   const id = (0, import_react19.useId)();
   const hintId = id + "hint";
@@ -2405,8 +2431,8 @@ function RadioGroup({
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "fieldset",
     {
+      ...rest,
       className: (0, import_design_system_foundation41.cn)(RadioGroup_default.group, className),
-      disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
       children: [
@@ -2426,7 +2452,7 @@ function RadioGroup({
 var import_react20 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds120SegmentedControl-control","thumb":"bds120SegmentedControl-thumb","indicator":"bds120SegmentedControl-indicator","item":"bds120SegmentedControl-item","--active":"bds120SegmentedControl---active","--disabled":"bds120SegmentedControl---disabled","--size_small":"bds120SegmentedControl---size_small","--size_large":"bds120SegmentedControl---size_large","--variant_outline":"bds120SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"control":"bds122SegmentedControl-control","thumb":"bds122SegmentedControl-thumb","indicator":"bds122SegmentedControl-indicator","item":"bds122SegmentedControl-item","--active":"bds122SegmentedControl---active","--disabled":"bds122SegmentedControl---disabled","--size_small":"bds122SegmentedControl---size_small","--size_large":"bds122SegmentedControl---size_large","--variant_outline":"bds122SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2438,7 +2464,7 @@ function SegmentedControl({
   size = "medium",
   variant = "outline",
   className,
-  "aria-label": ariaLabel
+  ...rest
 }) {
   const validChildren = import_react20.Children.toArray(children).filter(import_react20.isValidElement);
   const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
@@ -2449,8 +2475,8 @@ function SegmentedControl({
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
+      ...rest,
       role: "group",
-      "aria-label": ariaLabel,
       className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
       style: {
         "--control_count": validChildren.length,
@@ -2482,7 +2508,7 @@ function SegmentedControl({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds120Select-formGroup","selectWrapper":"bds120Select-selectWrapper","select":"bds120Select-select","selectError":"bds120Select-selectError","chevron":"bds120Select-chevron"};
+var Select_default = {"formGroup":"bds122Select-formGroup","selectWrapper":"bds122Select-selectWrapper","select":"bds122Select-select","selectError":"bds122Select-selectError","chevron":"bds122Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
@@ -2533,7 +2559,7 @@ function Select({
 var import_react22 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds120Slider-formGroup","labelRow":"bds120Slider-labelRow","value":"bds120Slider-value","slider":"bds120Slider-slider","sliderError":"bds120Slider-sliderError"};
+var Slider_default = {"formGroup":"bds122Slider-formGroup","labelRow":"bds122Slider-labelRow","value":"bds122Slider-value","slider":"bds122Slider-slider","sliderError":"bds122Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2595,7 +2621,7 @@ function Slider({
 var import_react23 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds120Switch-switchGroup","--size_small":"bds120Switch---size_small","--size_medium":"bds120Switch---size_medium","--size_large":"bds120Switch---size_large","inputWrapper":"bds120Switch-inputWrapper","trackWrapper":"bds120Switch-trackWrapper","switch":"bds120Switch-switch","track":"bds120Switch-track","thumb":"bds120Switch-thumb","switchError":"bds120Switch-switchError"};
+var Switch_default = {"switchGroup":"bds122Switch-switchGroup","--size_small":"bds122Switch---size_small","--size_medium":"bds122Switch---size_medium","--size_large":"bds122Switch---size_large","inputWrapper":"bds122Switch-inputWrapper","trackWrapper":"bds122Switch-trackWrapper","switch":"bds122Switch-switch","track":"bds122Switch-track","thumb":"bds122Switch-thumb","switchError":"bds122Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -2643,7 +2669,7 @@ function Switch({
 var import_react24 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds120Textarea-formGroup","textarea":"bds120Textarea-textarea","textareaError":"bds120Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds122Textarea-formGroup","textarea":"bds122Textarea-textarea","textareaError":"bds122Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -2682,17 +2708,17 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds120ButtonGroup-buttonGroup","container":"bds120ButtonGroup-container","--variant_card":"bds120ButtonGroup---variant_card","--variant_flow":"bds120ButtonGroup---variant_flow","--variant_modal":"bds120ButtonGroup---variant_modal","--variant_content":"bds120ButtonGroup---variant_content","--variant_grid":"bds120ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds122ButtonGroup-buttonGroup","container":"bds122ButtonGroup-container","--variant_card":"bds122ButtonGroup---variant_card","--variant_flow":"bds122ButtonGroup---variant_flow","--variant_modal":"bds122ButtonGroup---variant_modal","--variant_content":"bds122ButtonGroup---variant_content","--variant_grid":"bds122ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime47 = require("react/jsx-runtime");
-function ButtonGroup({ children, className, variant, "aria-label": ariaLabel }) {
+function ButtonGroup({ children, className, variant, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
+      ...rest,
       role: "group",
-      "aria-label": ariaLabel,
       className: (0, import_design_system_foundation47.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
       children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: ButtonGroup_default.container, children })
     }
@@ -2700,7 +2726,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds120Card-card","--default":"bds120Card---default","--elevated":"bds120Card---elevated","--outlined":"bds120Card---outlined","--clickable":"bds120Card---clickable","--padding-none":"bds120Card---padding-none","--padding-small":"bds120Card---padding-small","--padding-medium":"bds120Card---padding-medium","--padding-large":"bds120Card---padding-large","--text-start":"bds120Card---text-start","--text-center":"bds120Card---text-center","--text-end":"bds120Card---text-end"};
+var Card_default = {"card":"bds122Card-card","--default":"bds122Card---default","--elevated":"bds122Card---elevated","--outlined":"bds122Card---outlined","--clickable":"bds122Card---clickable","--padding-none":"bds122Card---padding-none","--padding-small":"bds122Card---padding-small","--padding-medium":"bds122Card---padding-medium","--padding-large":"bds122Card---padding-large","--text-start":"bds122Card---text-start","--text-center":"bds122Card---text-center","--text-end":"bds122Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -2711,9 +2737,8 @@ function Card({
   variant = "default",
   padding = "medium",
   textAlign = "start",
-  style,
   onClick,
-  "aria-label": ariaLabel
+  ...rest
 }) {
   const classNames = (0, import_design_system_foundation48.cn)(
     Card_default.card,
@@ -2727,10 +2752,9 @@ function Card({
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Component,
     {
+      ...rest,
       className: classNames,
       onClick,
-      style,
-      "aria-label": ariaLabel,
       ...onClick && { type: "button" },
       children
     }
@@ -2738,7 +2762,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds120SectionHeader-sectionHeader","title":"bds120SectionHeader-title","subtitle":"bds120SectionHeader-subtitle","--start":"bds120SectionHeader---start","--center":"bds120SectionHeader---center","--end":"bds120SectionHeader---end","--small":"bds120SectionHeader---small","--medium":"bds120SectionHeader---medium","--large":"bds120SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds122SectionHeader-sectionHeader","title":"bds122SectionHeader-title","subtitle":"bds122SectionHeader-subtitle","--start":"bds122SectionHeader---start","--center":"bds122SectionHeader---center","--end":"bds122SectionHeader---end","--small":"bds122SectionHeader---small","--medium":"bds122SectionHeader---medium","--large":"bds122SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
@@ -2749,23 +2773,24 @@ function SectionHeader({
   className,
   alignment = "start",
   size = "medium",
-  titleAs = "h2"
+  titleAs = "h2",
+  ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: (0, import_design_system_foundation49.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ...rest, className: (0, import_design_system_foundation49.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Title, { className: SectionHeader_default.title, children: title }),
     subtitle && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds120IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds122IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function IconWrapper({ children, className, "aria-hidden": ariaHidden }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: (0, import_design_system_foundation50.cn)(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
+function IconWrapper({ children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ...rest, className: (0, import_design_system_foundation50.cn)(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts