@boostdev/design-system-components 1.2.1 → 1.2.3

package/dist/client.js

@@ -4,7 +4,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds121Accordion-accordion","item":"bds121Accordion-item","heading":"bds121Accordion-heading","trigger":"bds121Accordion-trigger","triggerLabel":"bds121Accordion-triggerLabel","chevron":"bds121Accordion-chevron","--open":"bds121Accordion---open","panel":"bds121Accordion-panel","panelContent":"bds121Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds123Accordion-accordion","item":"bds123Accordion-item","heading":"bds123Accordion-heading","trigger":"bds123Accordion-trigger","triggerLabel":"bds123Accordion-triggerLabel","chevron":"bds123Accordion-chevron","--open":"bds123Accordion---open","panel":"bds123Accordion-panel","panelContent":"bds123Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -13,7 +13,8 @@ function Accordion({
   items,
   allowMultiple = false,
   defaultOpen = [],
-  className
+  className,
+  ...rest
 }) {
   const baseId = useId();
   const [openIds, setOpenIds] = useState(defaultOpen);
@@ -24,7 +25,7 @@ function Accordion({
       return allowMultiple ? [...prev, id] : [id];
     });
   };
-  return /* @__PURE__ */ jsx("div", { className: cn(Accordion_default.accordion, className), children: items.map((item) => {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: 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}`;
@@ -72,7 +73,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds121Alert-alert","--variant_info":"bds121Alert---variant_info","--variant_success":"bds121Alert---variant_success","--variant_warning":"bds121Alert---variant_warning","--variant_error":"bds121Alert---variant_error","icon":"bds121Alert-icon","content":"bds121Alert-content","title":"bds121Alert-title","dismiss":"bds121Alert-dismiss"};
+var Alert_default = {"alert":"bds123Alert-alert","--variant_info":"bds123Alert---variant_info","--variant_success":"bds123Alert---variant_success","--variant_warning":"bds123Alert---variant_warning","--variant_error":"bds123Alert---variant_error","icon":"bds123Alert-icon","content":"bds123Alert-content","title":"bds123Alert-title","dismiss":"bds123Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -83,12 +84,14 @@ function Alert({
   title,
   children,
   onDismiss,
-  className
+  className,
+  ...rest
 }) {
   const isUrgent = variant === "error" || variant === "warning";
   return /* @__PURE__ */ jsxs2(
     "div",
     {
+      ...rest,
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
@@ -115,7 +118,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds121Avatar-avatar","--fallback":"bds121Avatar---fallback","--size_small":"bds121Avatar---size_small","--size_medium":"bds121Avatar---size_medium","--size_large":"bds121Avatar---size_large","image":"bds121Avatar-image","initials":"bds121Avatar-initials"};
+var Avatar_default = {"avatar":"bds123Avatar-avatar","--fallback":"bds123Avatar---fallback","--size_small":"bds123Avatar---size_small","--size_medium":"bds123Avatar---size_medium","--size_large":"bds123Avatar---size_large","image":"bds123Avatar-image","initials":"bds123Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -123,15 +126,16 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 function getInitials(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
 }
-function Avatar({ src, alt, name, size = "medium", className }) {
+function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
   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 ?? "User avatar", className: Avatar_default.image }) });
+    return /* @__PURE__ */ jsx3("span", { ...rest, className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
   }
   const initials = name ? getInitials(name) : "";
   return /* @__PURE__ */ jsx3(
     "span",
     {
+      ...rest,
       role: "img",
       "aria-label": name ?? "User avatar",
       className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
@@ -141,23 +145,23 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds121Badge-badge","--variant_primary":"bds121Badge---variant_primary","--variant_secondary":"bds121Badge---variant_secondary","--variant_success":"bds121Badge---variant_success","--variant_error":"bds121Badge---variant_error","--variant_warning":"bds121Badge---variant_warning"};
+var Badge_default = {"badge":"bds123Badge-badge","--variant_primary":"bds123Badge---variant_primary","--variant_secondary":"bds123Badge---variant_secondary","--variant_success":"bds123Badge---variant_success","--variant_error":"bds123Badge---variant_error","--variant_warning":"bds123Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
 import { jsx as jsx4 } from "react/jsx-runtime";
-function Badge({ children, variant = "primary", className }) {
-  return /* @__PURE__ */ jsx4("span", { className: cn4(Badge_default.badge, Badge_default[`--variant_${variant}`], className), children });
+function Badge({ children, variant = "primary", className, ...rest }) {
+  return /* @__PURE__ */ jsx4("span", { ...rest, className: cn4(Badge_default.badge, Badge_default[`--variant_${variant}`], className), children });
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds121Breadcrumb-breadcrumb","list":"bds121Breadcrumb-list","item":"bds121Breadcrumb-item","link":"bds121Breadcrumb-link","separator":"bds121Breadcrumb-separator","current":"bds121Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds123Breadcrumb-breadcrumb","list":"bds123Breadcrumb-list","item":"bds123Breadcrumb-item","link":"bds123Breadcrumb-link","separator":"bds123Breadcrumb-separator","current":"bds123Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function Breadcrumb({ items, className }) {
-  return /* @__PURE__ */ jsx5("nav", { "aria-label": "Breadcrumb", className: cn5(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ jsx5("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
+function Breadcrumb({ items, className, ...rest }) {
+  return /* @__PURE__ */ jsx5("nav", { ...rest, "aria-label": "Breadcrumb", className: cn5(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ jsx5("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsx5("li", { className: Breadcrumb_default.item, children: isLast ? /* @__PURE__ */ jsx5("span", { "aria-current": "page", className: Breadcrumb_default.current, children: item.label }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
       /* @__PURE__ */ jsx5("a", { href: item.href, className: Breadcrumb_default.link, children: item.label }),
@@ -167,7 +171,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds121Collapsible-collapsible","summary":"bds121Collapsible-summary","summaryContent":"bds121Collapsible-summaryContent","icon":"bds121Collapsible-icon","content":"bds121Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds123Collapsible-collapsible","summary":"bds123Collapsible-summary","summaryContent":"bds123Collapsible-summaryContent","icon":"bds123Collapsible-icon","content":"bds123Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -208,7 +212,7 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds121Calendar-calendar","header":"bds121Calendar-header","monthYear":"bds121Calendar-monthYear","navBtn":"bds121Calendar-navBtn","grid":"bds121Calendar-grid","weekday":"bds121Calendar-weekday","empty":"bds121Calendar-empty","day":"bds121Calendar-day","disabled":"bds121Calendar-disabled","selected":"bds121Calendar-selected","today":"bds121Calendar-today"};
+var Calendar_default = {"calendar":"bds123Calendar-calendar","header":"bds123Calendar-header","monthYear":"bds123Calendar-monthYear","navBtn":"bds123Calendar-navBtn","grid":"bds123Calendar-grid","weekday":"bds123Calendar-weekday","empty":"bds123Calendar-empty","day":"bds123Calendar-day","disabled":"bds123Calendar-disabled","selected":"bds123Calendar-selected","today":"bds123Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -254,7 +258,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] = useState2(defaultValue);
@@ -308,7 +312,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__ */ jsxs5("div", { className: cn7(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
+  return /* @__PURE__ */ jsxs5("div", { ...rest, className: cn7(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
     /* @__PURE__ */ jsxs5("div", { className: Calendar_default.header, children: [
       /* @__PURE__ */ jsx7(
         "button",
@@ -383,12 +387,12 @@ 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":"bds121Carousel-carousel","track":"bds121Carousel-track","slide":"bds121Carousel-slide","navBtn":"bds121Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds123Carousel-carousel","track":"bds123Carousel-track","slide":"bds123Carousel-slide","navBtn":"bds123Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-function Carousel({ items, label, className }) {
+function Carousel({ items, label, className, ...rest }) {
   const trackRef = useRef(null);
   const listId = useId3();
   const scroll = (direction) => {
@@ -399,7 +403,7 @@ function Carousel({ items, label, className }) {
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ jsxs6("section", { "aria-label": label, className: cn8(Carousel_default.carousel, className), children: [
+  return /* @__PURE__ */ jsxs6("section", { ...rest, "aria-label": label, className: cn8(Carousel_default.carousel, className), children: [
     /* @__PURE__ */ jsx8(
       "button",
       {
@@ -436,20 +440,20 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds121DescriptionList-list","group":"bds121DescriptionList-group","term":"bds121DescriptionList-term","details":"bds121DescriptionList-details","--layout_inline":"bds121DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds123DescriptionList-list","group":"bds123DescriptionList-group","term":"bds123DescriptionList-term","details":"bds123DescriptionList-details","--layout_inline":"bds123DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-function DescriptionList({ items, layout = "stacked", className }) {
-  return /* @__PURE__ */ jsx9("dl", { className: cn9(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs7("div", { className: DescriptionList_default.group, children: [
+function DescriptionList({ items, layout = "stacked", className, ...rest }) {
+  return /* @__PURE__ */ jsx9("dl", { ...rest, className: cn9(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs7("div", { className: DescriptionList_default.group, children: [
     /* @__PURE__ */ jsx9("dt", { className: DescriptionList_default.term, children: item.term }),
     Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: item.details })
   ] }, i)) });
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds121Link-link","--variant_default":"bds121Link---variant_default","--variant_subtle":"bds121Link---variant_subtle","--variant_standalone":"bds121Link---variant_standalone","externalLabel":"bds121Link-externalLabel"};
+var Link_default = {"link":"bds123Link-link","--variant_default":"bds123Link---variant_default","--variant_subtle":"bds123Link---variant_subtle","--variant_standalone":"bds123Link---variant_standalone","externalLabel":"bds123Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -480,17 +484,17 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds121Loading-loading","spinner":"bds121Loading-spinner","--size_small":"bds121Loading---size_small","--size_large":"bds121Loading---size_large"};
+var Loading_default = {"loading":"bds123Loading-loading","spinner":"bds123Loading-spinner","--size_small":"bds123Loading---size_small","--size_large":"bds123Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
 import { jsx as jsx11 } from "react/jsx-runtime";
-function Loading({ size = "medium", className }) {
-  return /* @__PURE__ */ jsx11("div", { className: cn11(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx11("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+function Loading({ size = "medium", className, ...rest }) {
+  return /* @__PURE__ */ jsx11("div", { ...rest, className: cn11(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx11("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds121NotificationBanner-banner","--variant_info":"bds121NotificationBanner---variant_info","--variant_success":"bds121NotificationBanner---variant_success","--variant_warning":"bds121NotificationBanner---variant_warning","--variant_error":"bds121NotificationBanner---variant_error","content":"bds121NotificationBanner-content","action":"bds121NotificationBanner-action","dismiss":"bds121NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds123NotificationBanner-banner","--variant_info":"bds123NotificationBanner---variant_info","--variant_success":"bds123NotificationBanner---variant_success","--variant_warning":"bds123NotificationBanner---variant_warning","--variant_error":"bds123NotificationBanner---variant_error","content":"bds123NotificationBanner-content","action":"bds123NotificationBanner-action","dismiss":"bds123NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -500,12 +504,14 @@ function NotificationBanner({
   children,
   action,
   onDismiss,
-  className
+  className,
+  ...rest
 }) {
   const isUrgent = variant === "error" || variant === "warning";
   return /* @__PURE__ */ jsxs9(
     "div",
     {
+      ...rest,
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
@@ -529,7 +535,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds121Pagination-pagination","list":"bds121Pagination-list","button":"bds121Pagination-button","--active":"bds121Pagination---active","--nav":"bds121Pagination---nav","ellipsis":"bds121Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds123Pagination-pagination","list":"bds123Pagination-list","button":"bds123Pagination-button","--active":"bds123Pagination---active","--nav":"bds123Pagination---nav","ellipsis":"bds123Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -550,10 +556,11 @@ function Pagination({
   currentPage,
   totalPages,
   onPageChange,
-  className
+  className,
+  ...rest
 }) {
   const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ jsx13("nav", { "aria-label": "Pagination", className: cn13(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs10("ul", { className: Pagination_default.list, children: [
+  return /* @__PURE__ */ jsx13("nav", { ...rest, "aria-label": "Pagination", className: cn13(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs10("ul", { className: Pagination_default.list, children: [
     /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
       "button",
       {
@@ -593,7 +600,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds121Progress-container","labelRow":"bds121Progress-labelRow","value":"bds121Progress-value","track":"bds121Progress-track","--size_small":"bds121Progress---size_small","--size_medium":"bds121Progress---size_medium","--size_large":"bds121Progress---size_large","fill":"bds121Progress-fill"};
+var Progress_default = {"container":"bds123Progress-container","labelRow":"bds123Progress-labelRow","value":"bds123Progress-value","track":"bds123Progress-track","--size_small":"bds123Progress---size_small","--size_medium":"bds123Progress---size_medium","--size_large":"bds123Progress---size_large","fill":"bds123Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -604,10 +611,11 @@ function Progress({
   label,
   showLabel = false,
   size = "medium",
-  className
+  className,
+  ...rest
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ jsxs11("div", { className: cn14(Progress_default.container, className), children: [
+  return /* @__PURE__ */ jsxs11("div", { ...rest, className: cn14(Progress_default.container, className), children: [
     showLabel && /* @__PURE__ */ jsxs11("div", { className: Progress_default.labelRow, children: [
       /* @__PURE__ */ jsx14("span", { className: Progress_default.label, children: label }),
       /* @__PURE__ */ jsxs11("span", { className: Progress_default.value, children: [
@@ -631,7 +639,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds121ProgressCircle-wrapper","svg":"bds121ProgressCircle-svg","track":"bds121ProgressCircle-track","fill":"bds121ProgressCircle-fill","value":"bds121ProgressCircle-value","--size_small":"bds121ProgressCircle---size_small","--size_medium":"bds121ProgressCircle---size_medium","--size_large":"bds121ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds123ProgressCircle-wrapper","svg":"bds123ProgressCircle-svg","track":"bds123ProgressCircle-track","fill":"bds123ProgressCircle-fill","value":"bds123ProgressCircle-value","--size_small":"bds123ProgressCircle---size_small","--size_medium":"bds123ProgressCircle---size_medium","--size_large":"bds123ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -644,7 +652,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];
@@ -655,6 +664,7 @@ function ProgressCircle({
   return /* @__PURE__ */ jsxs12(
     "div",
     {
+      ...rest,
       role: "progressbar",
       "aria-label": label,
       "aria-valuenow": value,
@@ -710,49 +720,50 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds121Separator-separator","--horizontal":"bds121Separator---horizontal","--vertical":"bds121Separator---vertical"};
+var Separator_default = {"separator":"bds123Separator-separator","--horizontal":"bds123Separator---horizontal","--vertical":"bds123Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
 import { jsx as jsx16 } from "react/jsx-runtime";
-function Separator({ orientation = "horizontal", className }) {
+function Separator({ orientation = "horizontal", className, ...rest }) {
   if (orientation === "vertical") {
     return /* @__PURE__ */ jsx16(
       "div",
       {
+        ...rest,
         role: "separator",
         "aria-orientation": "vertical",
         className: cn16(Separator_default.separator, Separator_default["--vertical"], className)
       }
     );
   }
-  return /* @__PURE__ */ jsx16("hr", { "aria-orientation": "horizontal", className: cn16(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ jsx16("hr", { ...rest, "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":"bds121Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds123Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
-function Skeleton({ className }) {
-  return /* @__PURE__ */ jsx17("div", { "aria-hidden": "true", className: cn17(Skeleton_default.skeleton, className) });
+function Skeleton({ className, ...rest }) {
+  return /* @__PURE__ */ jsx17("div", { ...rest, "aria-hidden": "true", className: cn17(Skeleton_default.skeleton, className) });
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds121SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds123SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
 import { jsx as jsx18 } from "react/jsx-runtime";
-function SkipLink({ href = "#main", children = "Skip to main content", className }) {
-  return /* @__PURE__ */ jsx18("a", { href, className: cn18(SkipLink_default.skipLink, className), children });
+function SkipLink({ href = "#main", children = "Skip to main content", className, ...rest }) {
+  return /* @__PURE__ */ jsx18("a", { ...rest, href, className: cn18(SkipLink_default.skipLink, className), children });
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds121Table-wrapper","table":"bds121Table-table","caption":"bds121Table-caption","thead":"bds121Table-thead","th":"bds121Table-th","--sortable":"bds121Table---sortable","sortButton":"bds121Table-sortButton","sortIcon":"bds121Table-sortIcon","--sort-active":"bds121Table---sort-active","--sort-desc":"bds121Table---sort-desc","tbody":"bds121Table-tbody","tr":"bds121Table-tr","td":"bds121Table-td"};
+var Table_default = {"wrapper":"bds123Table-wrapper","table":"bds123Table-table","caption":"bds123Table-caption","thead":"bds123Table-thead","th":"bds123Table-th","--sortable":"bds123Table---sortable","sortButton":"bds123Table-sortButton","sortIcon":"bds123Table-sortIcon","--sort-active":"bds123Table---sort-active","--sort-desc":"bds123Table---sort-desc","tbody":"bds123Table-tbody","tr":"bds123Table-tr","td":"bds123Table-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -822,12 +833,12 @@ 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":"bds121Tabs-tabs","tabList":"bds121Tabs-tabList","tab":"bds121Tabs-tab","--active":"bds121Tabs---active","panel":"bds121Tabs-panel"};
+var Tabs_default = {"tabs":"bds123Tabs-tabs","tabList":"bds123Tabs-tabList","tab":"bds123Tabs-tab","--active":"bds123Tabs---active","panel":"bds123Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
-function Tabs({ tabs, defaultTab, className }) {
+function Tabs({ tabs, defaultTab, className, ...rest }) {
   const baseId = useId4();
   const [activeTab, setActiveTab] = useState3(defaultTab ?? tabs[0]?.id);
   const tabRefs = useRef2([]);
@@ -852,7 +863,7 @@ function Tabs({ tabs, defaultTab, className }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ jsxs14("div", { className: cn20(Tabs_default.tabs, className), children: [
+  return /* @__PURE__ */ jsxs14("div", { ...rest, className: cn20(Tabs_default.tabs, className), children: [
     /* @__PURE__ */ jsx20("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
@@ -902,7 +913,7 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds121Tooltip-wrapper","tooltip":"bds121Tooltip-tooltip","--placement_top":"bds121Tooltip---placement_top","--placement_bottom":"bds121Tooltip---placement_bottom","--placement_left":"bds121Tooltip---placement_left","--placement_right":"bds121Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds123Tooltip-wrapper","tooltip":"bds123Tooltip-tooltip","--placement_top":"bds123Tooltip---placement_top","--placement_bottom":"bds123Tooltip---placement_bottom","--placement_left":"bds123Tooltip---placement_left","--placement_right":"bds123Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -911,7 +922,8 @@ function Tooltip({
   content,
   placement = "top",
   children,
-  className
+  className,
+  ...rest
 }) {
   const tooltipId = useId5();
   const [isVisible, setIsVisible] = useState4(false);
@@ -921,6 +933,7 @@ function Tooltip({
   return /* @__PURE__ */ jsxs15(
     "span",
     {
+      ...rest,
       className: cn21(Tooltip_default.wrapper, className),
       onMouseEnter: () => setIsVisible(true),
       onMouseLeave: () => setIsVisible(false),
@@ -944,7 +957,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds121Typography-typography","--h1":"bds121Typography---h1","--h2":"bds121Typography---h2","--h3":"bds121Typography---h3","--body":"bds121Typography---body","--body_s":"bds121Typography---body_s"};
+var Typography_default = {"typography":"bds123Typography-typography","--h1":"bds123Typography---h1","--h2":"bds123Typography---h2","--h3":"bds123Typography---h3","--body":"bds123Typography---body","--body_s":"bds123Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -956,13 +969,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__ */ jsx22(Component, { className: cn22(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ jsx22(Component, { ...rest, className: cn22(Typography_default.typography, Typography_default[`--${variant}`], className), children });
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds121Button-button","--default":"bds121Button---default","--outline":"bds121Button---outline","--ghost":"bds121Button---ghost","--size_small":"bds121Button---size_small","--size_medium":"bds121Button---size_medium","--size_large":"bds121Button---size_large","--hasPulse":"bds121Button---hasPulse","iconStart":"bds121Button-iconStart","iconEnd":"bds121Button-iconEnd"};
+var Button_default = {"button":"bds123Button-button","--default":"bds123Button---default","--outline":"bds123Button---outline","--ghost":"bds123Button---ghost","--size_small":"bds123Button---size_small","--size_medium":"bds123Button---size_medium","--size_large":"bds123Button---size_large","--hasPulse":"bds123Button---hasPulse","iconStart":"bds123Button-iconStart","iconEnd":"bds123Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1077,7 +1090,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds121Command-dialog","palette":"bds121Command-palette","searchRow":"bds121Command-searchRow","searchIcon":"bds121Command-searchIcon","search":"bds121Command-search","escHint":"bds121Command-escHint","list":"bds121Command-list","groupList":"bds121Command-groupList","group":"bds121Command-group","item":"bds121Command-item","itemActive":"bds121Command-itemActive","itemLabel":"bds121Command-itemLabel","itemDesc":"bds121Command-itemDesc","shortcut":"bds121Command-shortcut","empty":"bds121Command-empty"};
+var Command_default = {"dialog":"bds123Command-dialog","palette":"bds123Command-palette","searchRow":"bds123Command-searchRow","searchIcon":"bds123Command-searchIcon","search":"bds123Command-search","escHint":"bds123Command-escHint","list":"bds123Command-list","groupList":"bds123Command-groupList","group":"bds123Command-group","item":"bds123Command-item","itemActive":"bds123Command-itemActive","itemLabel":"bds123Command-itemLabel","itemDesc":"bds123Command-itemDesc","shortcut":"bds123Command-shortcut","empty":"bds123Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1090,7 +1103,8 @@ function Command({
   onClose,
   items,
   placeholder = "Search commands\u2026",
-  className
+  className,
+  ...rest
 }) {
   const [query, setQuery] = useState5("");
   const [activeIndex, setActiveIndex] = useState5(0);
@@ -1185,6 +1199,7 @@ function Command({
   return /* @__PURE__ */ jsx24(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id: dialogId,
       className: cn24(Command_default.dialog, className),
@@ -1252,14 +1267,14 @@ function Command({
 import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds121Dialog-dialog","dialogContent":"bds121Dialog-dialogContent","closeButton":"bds121Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds123Dialog-dialog","dialogContent":"bds123Dialog-dialogContent","closeButton":"bds123Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
 import { jsx as jsx25, jsxs as jsxs18 } from "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 = useId7();
   const id = idProp ?? generatedId;
   const dialogRef = useRef4(null);
@@ -1328,6 +1343,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
   return /* @__PURE__ */ jsxs18(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id,
       className: cn25(className, Dialog_default.dialog),
@@ -1357,7 +1373,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds121Drawer-drawer","--side_left":"bds121Drawer---side_left","header":"bds121Drawer-header","closeButton":"bds121Drawer-closeButton","body":"bds121Drawer-body"};
+var Drawer_default = {"drawer":"bds123Drawer-drawer","--side_left":"bds123Drawer---side_left","header":"bds123Drawer-header","closeButton":"bds123Drawer-closeButton","body":"bds123Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1371,8 +1387,8 @@ function Drawer({
   title,
   children,
   side = "right",
-  ariaLabel,
-  className
+  className,
+  ...rest
 }) {
   const generatedId = useId8();
   const id = idProp ?? generatedId;
@@ -1426,10 +1442,10 @@ function Drawer({
   return /* @__PURE__ */ jsxs19(
     "dialog",
     {
+      ...rest,
       ref: dialogRef,
       id,
       className: cn26(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
-      "aria-label": ariaLabel,
       "aria-modal": "true",
       onClick: handleClick,
       onCancel: handleCancel,
@@ -1465,7 +1481,7 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds121DropdownMenu-wrapper","menu":"bds121DropdownMenu-menu","--placement_bottom-start":"bds121DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds121DropdownMenu---placement_bottom-end","separator":"bds121DropdownMenu-separator","item":"bds121DropdownMenu-item","icon":"bds121DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds123DropdownMenu-wrapper","menu":"bds123DropdownMenu-menu","--placement_bottom-start":"bds123DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds123DropdownMenu---placement_bottom-end","separator":"bds123DropdownMenu-separator","item":"bds123DropdownMenu-item","icon":"bds123DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1474,7 +1490,8 @@ function DropdownMenu({
   trigger,
   items,
   placement = "bottom-start",
-  className
+  className,
+  ...rest
 }) {
   const [isOpen, setIsOpen] = useState6(false);
   const containerRef = useRef6(null);
@@ -1537,7 +1554,7 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: cn27(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs20("div", { ...rest, ref: containerRef, className: cn27(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
     isOpen && /* @__PURE__ */ jsx27(
       "ul",
@@ -1585,7 +1602,7 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds121Popover-wrapper","panel":"bds121Popover-panel","g":"bds121Popover-g"};
+var Popover_default = {"wrapper":"bds123Popover-wrapper","panel":"bds123Popover-panel","g":"bds123Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1600,7 +1617,8 @@ function Popover({
   content,
   placement = "bottom",
   className,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  ...rest
 }) {
   const [isOpen, setIsOpen] = useState7(false);
   const containerRef = useRef7(null);
@@ -1649,7 +1667,7 @@ function Popover({
     // avoid a double-toggle when both onClick and invoker fire.
     onClick: children.props.onClick
   }) : children;
-  return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn28(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ jsxs21("span", { ...rest, ref: containerRef, className: cn28(Popover_default.wrapper, className), children: [
     trigger,
     /* @__PURE__ */ jsx28(
       "div",
@@ -1669,15 +1687,16 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds121Rating-rating","star":"bds121Rating-star","--filled":"bds121Rating---filled"};
+var Rating_default = {"rating":"bds123Rating-rating","star":"bds123Rating-star","--filled":"bds123Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
 import { jsx as jsx29 } from "react/jsx-runtime";
-function Rating({ value, max = 5, className }) {
+function Rating({ value, max = 5, className, ...rest }) {
   return /* @__PURE__ */ jsx29(
     "div",
     {
+      ...rest,
       className: cn29(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
@@ -1700,7 +1719,7 @@ function Rating({ value, max = 5, className }) {
 import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds121Toast-toastContainer","toast":"bds121Toast-toast","--variant_success":"bds121Toast---variant_success","--variant_warning":"bds121Toast---variant_warning","--variant_info":"bds121Toast---variant_info","--variant_error":"bds121Toast---variant_error","message":"bds121Toast-message","closeButton":"bds121Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds123Toast-toastContainer","toast":"bds123Toast-toast","--variant_success":"bds123Toast---variant_success","--variant_warning":"bds123Toast---variant_warning","--variant_info":"bds123Toast---variant_info","--variant_error":"bds123Toast---variant_error","message":"bds123Toast-message","closeButton":"bds123Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1773,10 +1792,10 @@ function useToast() {
 import { useId as useId11 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds121Checkbox-checkboxGroup","inputWrapper":"bds121Checkbox-inputWrapper","checkbox":"bds121Checkbox-checkbox","checkboxError":"bds121Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds123Checkbox-checkboxGroup","inputWrapper":"bds123Checkbox-inputWrapper","checkbox":"bds123Checkbox-checkbox","checkboxError":"bds123Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds121Message-error","hint":"bds121Message-hint"};
+var Message_default = {"error":"bds123Message-error","hint":"bds123Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1787,7 +1806,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds121Label-label"};
+var Label_default = {"label":"bds123Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1800,13 +1819,13 @@ var Label = ({ label, id, className }) => {
 import { cn as cn34 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds121InputContainer-container"};
+var InputContainer_default = {"container":"bds123InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
 import { jsx as jsx33 } from "react/jsx-runtime";
-var InputContainer = ({ children, className }) => {
-  return /* @__PURE__ */ jsx33("div", { className: cn33(InputContainer_default.container, className), children });
+var InputContainer = ({ children, className, ...rest }) => {
+  return /* @__PURE__ */ jsx33("div", { ...rest, className: cn33(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
@@ -1841,7 +1860,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds121CheckboxGroup-group","legend":"bds121CheckboxGroup-legend","required":"bds121CheckboxGroup-required","items":"bds121CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds123CheckboxGroup-group","legend":"bds123CheckboxGroup-legend","required":"bds123CheckboxGroup-required","items":"bds123CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1852,8 +1871,8 @@ function CheckboxGroup({
   error,
   hint,
   required,
-  disabled,
-  className
+  className,
+  ...rest
 }) {
   const id = useId12();
   const hintId = id + "hint";
@@ -1862,8 +1881,8 @@ function CheckboxGroup({
   return /* @__PURE__ */ jsxs24(
     "fieldset",
     {
+      ...rest,
       className: cn35(CheckboxGroup_default.group, className),
-      disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
       children: [
@@ -1889,7 +1908,7 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds121Combobox-formGroup","inputWrapper":"bds121Combobox-inputWrapper","input":"bds121Combobox-input","inputError":"bds121Combobox-inputError","chevron":"bds121Combobox-chevron","listbox":"bds121Combobox-listbox","option":"bds121Combobox-option","--highlighted":"bds121Combobox---highlighted","--selected":"bds121Combobox---selected","--disabled":"bds121Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds123Combobox-formGroup","inputWrapper":"bds123Combobox-inputWrapper","input":"bds123Combobox-input","inputError":"bds123Combobox-inputError","chevron":"bds123Combobox-chevron","listbox":"bds123Combobox-listbox","option":"bds123Combobox-option","--highlighted":"bds123Combobox---highlighted","--selected":"bds123Combobox---selected","--disabled":"bds123Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -1904,7 +1923,8 @@ function Combobox({
   disabled = false,
   error,
   hint,
-  className
+  className,
+  ...rest
 }) {
   const id = name + useId13();
   const listboxId = id + "listbox";
@@ -1971,7 +1991,7 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs25(InputContainer, { className: cn36(Combobox_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs25(InputContainer, { ...rest, className: cn36(Combobox_default.formGroup, className), children: [
     /* @__PURE__ */ jsx36(Label, { id, label }),
     /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
       /* @__PURE__ */ jsx36(
@@ -2039,7 +2059,7 @@ function Combobox({
 import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds121FileInput-formGroup","fieldLabel":"bds121FileInput-fieldLabel","dropZone":"bds121FileInput-dropZone","isDragging":"bds121FileInput-isDragging","hasError":"bds121FileInput-hasError","isDisabled":"bds121FileInput-isDisabled","icon":"bds121FileInput-icon","prompt":"bds121FileInput-prompt","acceptHint":"bds121FileInput-acceptHint","hiddenInput":"bds121FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds123FileInput-formGroup","fieldLabel":"bds123FileInput-fieldLabel","dropZone":"bds123FileInput-dropZone","isDragging":"bds123FileInput-isDragging","hasError":"bds123FileInput-hasError","isDisabled":"bds123FileInput-isDisabled","icon":"bds123FileInput-icon","prompt":"bds123FileInput-prompt","acceptHint":"bds123FileInput-acceptHint","hiddenInput":"bds123FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2054,7 +2074,8 @@ function FileInput({
   error,
   hint,
   onChange,
-  className
+  className,
+  ...rest
 }) {
   const uid = name + useId14();
   const hintId = uid + "hint";
@@ -2092,7 +2113,7 @@ function FileInput({
     if (!disabled) setIsDragging(true);
   };
   const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ jsxs26(InputContainer, { className: cn37(FileInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs26(InputContainer, { ...rest, className: cn37(FileInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsxs26(
       "label",
       {
@@ -2139,7 +2160,7 @@ function FileInput({
 import { useId as useId15 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds121FormInput-formGroup","input":"bds121FormInput-input","inputError":"bds121FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds123FormInput-formGroup","input":"bds123FormInput-input","inputError":"bds123FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2183,7 +2204,7 @@ function FormInput({
 import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds121NumberInput-formGroup","inputRow":"bds121NumberInput-inputRow","input":"bds121NumberInput-input","inputError":"bds121NumberInput-inputError","stepper":"bds121NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds123NumberInput-formGroup","inputRow":"bds123NumberInput-inputRow","input":"bds123NumberInput-input","inputError":"bds123NumberInput-inputError","stepper":"bds123NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2200,7 +2221,8 @@ function NumberInput({
   error,
   hint,
   onChange,
-  className
+  className,
+  ...rest
 }) {
   const uid = name + useId16();
   const hintId = uid + "hint";
@@ -2225,7 +2247,7 @@ function NumberInput({
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(NumberInput_default.formGroup, className), children: [
+  return /* @__PURE__ */ jsxs28(InputContainer, { ...rest, className: cn39(NumberInput_default.formGroup, className), children: [
     /* @__PURE__ */ jsx39(Label, { id: uid, label }),
     /* @__PURE__ */ jsxs28("div", { className: NumberInput_default.inputRow, children: [
       /* @__PURE__ */ jsx39(
@@ -2287,7 +2309,7 @@ function NumberInput({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds121Radio-radioGroup","inputWrapper":"bds121Radio-inputWrapper","textWrapper":"bds121Radio-textWrapper","description":"bds121Radio-description","radio":"bds121Radio-radio","radioError":"bds121Radio-radioError"};
+var Radio_default = {"radioGroup":"bds123Radio-radioGroup","inputWrapper":"bds123Radio-inputWrapper","textWrapper":"bds123Radio-textWrapper","description":"bds123Radio-description","radio":"bds123Radio-radio","radioError":"bds123Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2325,7 +2347,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"group":"bds121RadioGroup-group","legend":"bds121RadioGroup-legend","required":"bds121RadioGroup-required","items":"bds121RadioGroup-items"};
+var RadioGroup_default = {"group":"bds123RadioGroup-group","legend":"bds123RadioGroup-legend","required":"bds123RadioGroup-required","items":"bds123RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2336,8 +2358,8 @@ function RadioGroup({
   error,
   hint,
   required,
-  disabled,
-  className
+  className,
+  ...rest
 }) {
   const id = useId18();
   const hintId = id + "hint";
@@ -2346,8 +2368,8 @@ function RadioGroup({
   return /* @__PURE__ */ jsxs30(
     "fieldset",
     {
+      ...rest,
       className: cn41(RadioGroup_default.group, className),
-      disabled,
       "aria-required": required || void 0,
       "aria-describedby": describedBy,
       children: [
@@ -2367,7 +2389,7 @@ function RadioGroup({
 import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds121SegmentedControl-control","thumb":"bds121SegmentedControl-thumb","indicator":"bds121SegmentedControl-indicator","item":"bds121SegmentedControl-item","--active":"bds121SegmentedControl---active","--disabled":"bds121SegmentedControl---disabled","--size_small":"bds121SegmentedControl---size_small","--size_large":"bds121SegmentedControl---size_large","--variant_outline":"bds121SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"control":"bds123SegmentedControl-control","thumb":"bds123SegmentedControl-thumb","indicator":"bds123SegmentedControl-indicator","item":"bds123SegmentedControl-item","--active":"bds123SegmentedControl---active","--disabled":"bds123SegmentedControl---disabled","--size_small":"bds123SegmentedControl---size_small","--size_large":"bds123SegmentedControl---size_large","--variant_outline":"bds123SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2379,7 +2401,7 @@ function SegmentedControl({
   size = "medium",
   variant = "outline",
   className,
-  "aria-label": ariaLabel
+  ...rest
 }) {
   const validChildren = Children.toArray(children).filter(isValidElement4);
   const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
@@ -2390,8 +2412,8 @@ function SegmentedControl({
   return /* @__PURE__ */ jsxs31(
     "div",
     {
+      ...rest,
       role: "group",
-      "aria-label": ariaLabel,
       className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
       style: {
         "--control_count": validChildren.length,
@@ -2423,7 +2445,7 @@ function SegmentedControl({
 import { useId as useId19 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds121Select-formGroup","selectWrapper":"bds121Select-selectWrapper","select":"bds121Select-select","selectError":"bds121Select-selectError","chevron":"bds121Select-chevron"};
+var Select_default = {"formGroup":"bds123Select-formGroup","selectWrapper":"bds123Select-selectWrapper","select":"bds123Select-select","selectError":"bds123Select-selectError","chevron":"bds123Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2474,7 +2496,7 @@ function Select({
 import { useId as useId20, useState as useState12 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds121Slider-formGroup","labelRow":"bds121Slider-labelRow","value":"bds121Slider-value","slider":"bds121Slider-slider","sliderError":"bds121Slider-sliderError"};
+var Slider_default = {"formGroup":"bds123Slider-formGroup","labelRow":"bds123Slider-labelRow","value":"bds123Slider-value","slider":"bds123Slider-slider","sliderError":"bds123Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2536,7 +2558,7 @@ function Slider({
 import { useId as useId21 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds121Switch-switchGroup","--size_small":"bds121Switch---size_small","--size_medium":"bds121Switch---size_medium","--size_large":"bds121Switch---size_large","inputWrapper":"bds121Switch-inputWrapper","trackWrapper":"bds121Switch-trackWrapper","switch":"bds121Switch-switch","track":"bds121Switch-track","thumb":"bds121Switch-thumb","switchError":"bds121Switch-switchError"};
+var Switch_default = {"switchGroup":"bds123Switch-switchGroup","--size_small":"bds123Switch---size_small","--size_medium":"bds123Switch---size_medium","--size_large":"bds123Switch---size_large","inputWrapper":"bds123Switch-inputWrapper","trackWrapper":"bds123Switch-trackWrapper","switch":"bds123Switch-switch","track":"bds123Switch-track","thumb":"bds123Switch-thumb","switchError":"bds123Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2584,7 +2606,7 @@ function Switch({
 import { useId as useId22 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds121Textarea-formGroup","textarea":"bds121Textarea-textarea","textareaError":"bds121Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds123Textarea-formGroup","textarea":"bds123Textarea-textarea","textareaError":"bds123Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2623,17 +2645,17 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds121ButtonGroup-buttonGroup","container":"bds121ButtonGroup-container","--variant_card":"bds121ButtonGroup---variant_card","--variant_flow":"bds121ButtonGroup---variant_flow","--variant_modal":"bds121ButtonGroup---variant_modal","--variant_content":"bds121ButtonGroup---variant_content","--variant_grid":"bds121ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds123ButtonGroup-buttonGroup","container":"bds123ButtonGroup-container","--variant_card":"bds123ButtonGroup---variant_card","--variant_flow":"bds123ButtonGroup---variant_flow","--variant_modal":"bds123ButtonGroup---variant_modal","--variant_content":"bds123ButtonGroup---variant_content","--variant_grid":"bds123ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn47 } from "@boostdev/design-system-foundation";
 import { jsx as jsx47 } from "react/jsx-runtime";
-function ButtonGroup({ children, className, variant, "aria-label": ariaLabel }) {
+function ButtonGroup({ children, className, variant, ...rest }) {
   return /* @__PURE__ */ jsx47(
     "div",
     {
+      ...rest,
       role: "group",
-      "aria-label": ariaLabel,
       className: cn47(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
       children: /* @__PURE__ */ jsx47("div", { className: ButtonGroup_default.container, children })
     }
@@ -2641,7 +2663,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds121Card-card","--default":"bds121Card---default","--elevated":"bds121Card---elevated","--outlined":"bds121Card---outlined","--clickable":"bds121Card---clickable","--padding-none":"bds121Card---padding-none","--padding-small":"bds121Card---padding-small","--padding-medium":"bds121Card---padding-medium","--padding-large":"bds121Card---padding-large","--text-start":"bds121Card---text-start","--text-center":"bds121Card---text-center","--text-end":"bds121Card---text-end"};
+var Card_default = {"card":"bds123Card-card","--default":"bds123Card---default","--elevated":"bds123Card---elevated","--outlined":"bds123Card---outlined","--clickable":"bds123Card---clickable","--padding-none":"bds123Card---padding-none","--padding-small":"bds123Card---padding-small","--padding-medium":"bds123Card---padding-medium","--padding-large":"bds123Card---padding-large","--text-start":"bds123Card---text-start","--text-center":"bds123Card---text-center","--text-end":"bds123Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2652,9 +2674,8 @@ function Card({
   variant = "default",
   padding = "medium",
   textAlign = "start",
-  style,
   onClick,
-  "aria-label": ariaLabel
+  ...rest
 }) {
   const classNames = cn48(
     Card_default.card,
@@ -2668,10 +2689,9 @@ function Card({
   return /* @__PURE__ */ jsx48(
     Component,
     {
+      ...rest,
       className: classNames,
       onClick,
-      style,
-      "aria-label": ariaLabel,
       ...onClick && { type: "button" },
       children
     }
@@ -2679,7 +2699,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds121SectionHeader-sectionHeader","title":"bds121SectionHeader-title","subtitle":"bds121SectionHeader-subtitle","--start":"bds121SectionHeader---start","--center":"bds121SectionHeader---center","--end":"bds121SectionHeader---end","--small":"bds121SectionHeader---small","--medium":"bds121SectionHeader---medium","--large":"bds121SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds123SectionHeader-sectionHeader","title":"bds123SectionHeader-title","subtitle":"bds123SectionHeader-subtitle","--start":"bds123SectionHeader---start","--center":"bds123SectionHeader---center","--end":"bds123SectionHeader---end","--small":"bds123SectionHeader---small","--medium":"bds123SectionHeader---medium","--large":"bds123SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 import { cn as cn49 } from "@boostdev/design-system-foundation";
@@ -2690,23 +2710,24 @@ function SectionHeader({
   className,
   alignment = "start",
   size = "medium",
-  titleAs = "h2"
+  titleAs = "h2",
+  ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ jsxs36("div", { className: cn49(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+  return /* @__PURE__ */ jsxs36("div", { ...rest, className: cn49(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":"bds121IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds123IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 import { cn as cn50 } 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: cn50(className, IconWrapper_default.wrapper), "aria-hidden": ariaHidden, children });
+function IconWrapper({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsx50("div", { ...rest, className: cn50(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts