@boostdev/design-system-components 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -72,7 +72,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds014-accordion","item":"bds014-item","heading":"bds014-heading","trigger":"bds014-trigger","triggerLabel":"bds014-triggerLabel","chevron":"bds014-chevron","--open":"bds014---open","panel":"bds014-panel","panelContent":"bds014-panelContent"};
+var Accordion_default = {"accordion":"bds016-accordion","item":"bds016-item","heading":"bds016-heading","trigger":"bds016-trigger","triggerLabel":"bds016-triggerLabel","chevron":"bds016-chevron","--open":"bds016---open","panel":"bds016-panel","panelContent":"bds016-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -140,7 +140,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds014-alert","--variant_info":"bds014---variant_info","--variant_success":"bds014---variant_success","--variant_warning":"bds014---variant_warning","--variant_error":"bds014---variant_error","icon":"bds014-icon","content":"bds014-content","title":"bds014-title","dismiss":"bds014-dismiss"};
+var Alert_default = {"alert":"bds016-alert","--variant_info":"bds016---variant_info","--variant_success":"bds016---variant_success","--variant_warning":"bds016---variant_warning","--variant_error":"bds016---variant_error","icon":"bds016-icon","content":"bds016-content","title":"bds016-title","dismiss":"bds016-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -183,7 +183,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds014-avatar","--fallback":"bds014---fallback","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","image":"bds014-image","initials":"bds014-initials"};
+var Avatar_default = {"avatar":"bds016-avatar","--fallback":"bds016---fallback","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","image":"bds016-image","initials":"bds016-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -209,7 +209,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds014-badge","--variant_primary":"bds014---variant_primary","--variant_secondary":"bds014---variant_secondary","--variant_success":"bds014---variant_success","--variant_error":"bds014---variant_error","--variant_warning":"bds014---variant_warning"};
+var Badge_default = {"badge":"bds016-badge","--variant_primary":"bds016---variant_primary","--variant_secondary":"bds016---variant_secondary","--variant_success":"bds016---variant_success","--variant_error":"bds016---variant_error","--variant_warning":"bds016---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -219,7 +219,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds014-breadcrumb","list":"bds014-list","item":"bds014-item","link":"bds014-link","separator":"bds014-separator","current":"bds014-current"};
+var Breadcrumb_default = {"breadcrumb":"bds016-breadcrumb","list":"bds016-list","item":"bds016-item","link":"bds016-link","separator":"bds016-separator","current":"bds016-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -230,7 +230,7 @@ function Breadcrumb({ items, className }) {
     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 }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Breadcrumb_default.separator, "aria-hidden": "true", children: "\u203A" })
-    ] }) }, item.label);
+    ] }) }, index);
   }) }) });
 }
 
@@ -238,7 +238,7 @@ function Breadcrumb({ items, className }) {
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds014-calendar","header":"bds014-header","monthYear":"bds014-monthYear","navBtn":"bds014-navBtn","grid":"bds014-grid","weekday":"bds014-weekday","empty":"bds014-empty","day":"bds014-day","disabled":"bds014-disabled","selected":"bds014-selected","today":"bds014-today"};
+var Calendar_default = {"calendar":"bds016-calendar","header":"bds016-header","monthYear":"bds016-monthYear","navBtn":"bds016-navBtn","grid":"bds016-grid","weekday":"bds016-weekday","empty":"bds016-empty","day":"bds016-day","disabled":"bds016-disabled","selected":"bds016-selected","today":"bds016-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -261,10 +261,13 @@ var MONTHS = [
 function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
+function toMidnight(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
 function isOutOfRange(date, min, max) {
-  if (min && date < min) return true;
-  if (max && date > max) return true;
-  return false;
+  const d = toMidnight(date);
+  if (min && d < toMidnight(min)) return true;
+  return !!(max && d > toMidnight(max));
 }
 function getDaysInMonth(year, month) {
   return new Date(year, month + 1, 0).getDate();
@@ -401,7 +404,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 var import_react3 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds014-carousel","track":"bds014-track","slide":"bds014-slide","navBtn":"bds014-navBtn"};
+var Carousel_default = {"carousel":"bds016-carousel","track":"bds016-track","slide":"bds016-slide","navBtn":"bds016-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -454,7 +457,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds014-list","group":"bds014-group","term":"bds014-term","details":"bds014-details","--layout_inline":"bds014---layout_inline"};
+var DescriptionList_default = {"list":"bds016-list","group":"bds016-group","term":"bds016-term","details":"bds016-details","--layout_inline":"bds016---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -467,7 +470,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds014-link","--variant_default":"bds014---variant_default","--variant_subtle":"bds014---variant_subtle","--variant_standalone":"bds014---variant_standalone","externalLabel":"bds014-externalLabel"};
+var Link_default = {"link":"bds016-link","--variant_default":"bds016---variant_default","--variant_subtle":"bds016---variant_subtle","--variant_standalone":"bds016---variant_standalone","externalLabel":"bds016-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -477,6 +480,7 @@ function Link({
   children,
   variant = "default",
   external = false,
+  externalLabel = "(opens in new tab)",
   className,
   ...props
 }) {
@@ -490,14 +494,14 @@ function Link({
       ...props,
       children: [
         children,
-        external && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Link_default.externalLabel, children: " (opens in new tab)" })
+        external && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Link_default.externalLabel, children: externalLabel })
       ]
     }
   );
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds014-loading","spinner":"bds014-spinner","--size_small":"bds014---size_small","--size_large":"bds014---size_large"};
+var Loading_default = {"loading":"bds016-loading","spinner":"bds016-spinner","--size_small":"bds016---size_small","--size_large":"bds016---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -507,7 +511,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds014-banner","--variant_info":"bds014---variant_info","--variant_success":"bds014---variant_success","--variant_warning":"bds014---variant_warning","--variant_error":"bds014---variant_error","content":"bds014-content","action":"bds014-action","dismiss":"bds014-dismiss"};
+var NotificationBanner_default = {"banner":"bds016-banner","--variant_info":"bds016---variant_info","--variant_success":"bds016---variant_success","--variant_warning":"bds016---variant_warning","--variant_error":"bds016---variant_error","content":"bds016-content","action":"bds016-action","dismiss":"bds016-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -546,7 +550,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds014-pagination","list":"bds014-list","button":"bds014-button","--active":"bds014---active","--nav":"bds014---nav","ellipsis":"bds014-ellipsis"};
+var Pagination_default = {"pagination":"bds016-pagination","list":"bds016-list","button":"bds016-button","--active":"bds016---active","--nav":"bds016---nav","ellipsis":"bds016-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -610,7 +614,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds014-container","labelRow":"bds014-labelRow","label":"bds014-label","value":"bds014-value","track":"bds014-track","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","fill":"bds014-fill"};
+var Progress_default = {"container":"bds016-container","labelRow":"bds016-labelRow","label":"bds016-label","value":"bds016-value","track":"bds016-track","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","fill":"bds016-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -648,7 +652,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds014-wrapper","svg":"bds014-svg","track":"bds014-track","fill":"bds014-fill","value":"bds014-value","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large"};
+var ProgressCircle_default = {"wrapper":"bds016-wrapper","svg":"bds016-svg","track":"bds016-track","fill":"bds016-fill","value":"bds016-value","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -727,7 +731,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds014-separator","--horizontal":"bds014---horizontal","--vertical":"bds014---vertical"};
+var Separator_default = {"separator":"bds016-separator","--horizontal":"bds016---horizontal","--vertical":"bds016---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -750,7 +754,7 @@ function Separator({ orientation = "horizontal", className }) {
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds014-skeleton"};
+var Skeleton_default = {"skeleton":"bds016-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -759,7 +763,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds014-skipLink"};
+var SkipLink_default = {"skipLink":"bds016-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -768,7 +772,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds014-wrapper","table":"bds014-table","caption":"bds014-caption","thead":"bds014-thead","th":"bds014-th","--sortable":"bds014---sortable","sortButton":"bds014-sortButton","sortIcon":"bds014-sortIcon","--sort-active":"bds014---sort-active","--sort-desc":"bds014---sort-desc","tbody":"bds014-tbody","tr":"bds014-tr","td":"bds014-td"};
+var Table_default = {"wrapper":"bds016-wrapper","table":"bds016-table","caption":"bds016-caption","thead":"bds016-thead","th":"bds016-th","--sortable":"bds016---sortable","sortButton":"bds016-sortButton","sortIcon":"bds016-sortIcon","--sort-active":"bds016---sort-active","--sort-desc":"bds016---sort-desc","tbody":"bds016-tbody","tr":"bds016-tr","td":"bds016-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
@@ -837,7 +841,7 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds014-tabs","tabList":"bds014-tabList","tab":"bds014-tab","--active":"bds014---active","panel":"bds014-panel"};
+var Tabs_default = {"tabs":"bds016-tabs","tabList":"bds016-tabList","tab":"bds016-tab","--active":"bds016---active","panel":"bds016-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -918,7 +922,7 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds014-wrapper","tooltip":"bds014-tooltip","--placement_top":"bds014---placement_top","--placement_bottom":"bds014---placement_bottom","--placement_left":"bds014---placement_left","--placement_right":"bds014---placement_right"};
+var Tooltip_default = {"wrapper":"bds016-wrapper","tooltip":"bds016-tooltip","--placement_top":"bds016---placement_top","--placement_bottom":"bds016---placement_bottom","--placement_left":"bds016---placement_left","--placement_right":"bds016---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -948,7 +952,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds014-typography","--h1":"bds014---h1","--h2":"bds014---h2","--h3":"bds014---h3","--body":"bds014---body","--body_s":"bds014---body_s"};
+var Typography_default = {"typography":"bds016-typography","--h1":"bds016---h1","--h2":"bds016---h2","--h3":"bds016---h3","--body":"bds016---body","--body_s":"bds016---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -966,14 +970,14 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds014-button","--primary":"bds014---primary","--secondary":"bds014---secondary","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","--hasPulse":"bds014---hasPulse","prefix":"bds014-prefix","suffix":"bds014-suffix"};
+var Button_default = {"button":"bds016-button","--primary":"bds016---primary","--secondary":"bds016---secondary","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","--hasPulse":"bds016---hasPulse","prefix":"bds016-prefix","suffix":"bds016-suffix"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function Button({
   children,
-  className = "",
+  className,
   variant = "primary",
   type = "button",
   iconStart,
@@ -994,22 +998,55 @@ function Button({
     hasPulse && Button_default["--hasPulse"],
     className
   );
-  const allChildren = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    !!iconStart && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.prefix, children: iconStart }),
+  const handleAnchorClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      return;
+    }
+    onClick?.(e);
+  };
+  const handleButtonClick = (e) => {
+    onClick?.(e);
+  };
+  const content = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    Boolean(iconStart) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.prefix, children: iconStart }),
     children,
-    !!iconEnd && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.suffix, children: iconEnd })
+    Boolean(iconEnd) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Button_default.suffix, children: iconEnd })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { className: classNames, href, target, rel, onClick, ...rest, children: allChildren });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "a",
+      {
+        className: classNames,
+        href: disabled ? void 0 : href,
+        target,
+        rel,
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : void 0,
+        onClick: handleAnchorClick,
+        ...rest,
+        children: content
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { type, className: classNames, disabled, onClick, ...rest, children: allChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "button",
+    {
+      type,
+      className: classNames,
+      disabled,
+      onClick: handleButtonClick,
+      ...rest,
+      children: content
+    }
+  );
 }
 
 // src/components/interaction/Command/Command.tsx
 var import_react6 = require("react");
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds014-dialog","palette":"bds014-palette","searchRow":"bds014-searchRow","searchIcon":"bds014-searchIcon","search":"bds014-search","escHint":"bds014-escHint","list":"bds014-list","groupList":"bds014-groupList","group":"bds014-group","item":"bds014-item","itemActive":"bds014-itemActive","itemLabel":"bds014-itemLabel","itemDesc":"bds014-itemDesc","shortcut":"bds014-shortcut","empty":"bds014-empty"};
+var Command_default = {"dialog":"bds016-dialog","palette":"bds016-palette","searchRow":"bds016-searchRow","searchIcon":"bds016-searchIcon","search":"bds016-search","escHint":"bds016-escHint","list":"bds016-list","groupList":"bds016-groupList","group":"bds016-group","item":"bds016-item","itemActive":"bds016-itemActive","itemLabel":"bds016-itemLabel","itemDesc":"bds016-itemDesc","shortcut":"bds016-shortcut","empty":"bds016-empty"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1148,42 +1185,58 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds014-dialog","closeForm":"bds014-closeForm","closeButton":"bds014-closeButton"};
+var Dialog_default = {"dialog":"bds016-dialog","dialogContent":"bds016-dialogContent","closeForm":"bds016-closeForm","closeButton":"bds016-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function Dialog({ children, isVisible = false, className, handleClose }) {
+function Dialog({ children, isOpen = false, className, onClose }) {
   const dialogRef = (0, import_react7.useRef)(null);
   (0, import_react7.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isVisible) {
+    if (isOpen) {
       dialog.showModal();
     } else if (dialog.open) {
       dialog.close();
     }
-  }, [isVisible]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("dialog", { ref: dialogRef, className: (0, import_design_system_foundation23.cn)(className, Dialog_default.dialog), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "button",
-      {
-        type: "submit",
-        className: Dialog_default.closeButton,
-        onClick: handleClose,
-        "aria-label": "Close dialog",
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
-      }
-    ) }),
-    children
-  ] });
+  }, [isOpen]);
+  const handleBackdropClick = (e) => {
+    if (e.target === dialogRef.current) onClose?.();
+  };
+  const handleCancel = (e) => {
+    e.preventDefault();
+    onClose?.();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: (0, import_design_system_foundation23.cn)(className, Dialog_default.dialog),
+      onClick: handleBackdropClick,
+      onCancel: handleCancel,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "button",
+          {
+            type: "submit",
+            className: Dialog_default.closeButton,
+            onClick: onClose,
+            "aria-label": "Close dialog",
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: Dialog_default.dialogContent, children })
+      ]
+    }
+  );
 }
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds014-drawer","panel":"bds014-panel","--side_right":"bds014---side_right","--side_left":"bds014---side_left","header":"bds014-header","title":"bds014-title","closeButton":"bds014-closeButton","body":"bds014-body"};
+var Drawer_default = {"drawer":"bds016-drawer","panel":"bds016-panel","--side_right":"bds016---side_right","--side_left":"bds016---side_left","header":"bds016-header","title":"bds016-title","closeButton":"bds016-closeButton","body":"bds016-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1245,7 +1298,7 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds014-wrapper","menu":"bds014-menu","--placement_bottom-start":"bds014---placement_bottom-start","--placement_bottom-end":"bds014---placement_bottom-end","separator":"bds014-separator","item":"bds014-item","icon":"bds014-icon"};
+var DropdownMenu_default = {"wrapper":"bds016-wrapper","menu":"bds016-menu","--placement_bottom-start":"bds016---placement_bottom-start","--placement_bottom-end":"bds016---placement_bottom-end","separator":"bds016-separator","item":"bds016-item","icon":"bds016-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1358,7 +1411,7 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds014-wrapper","panel":"bds014-panel","--placement_bottom":"bds014---placement_bottom","--placement_top":"bds014---placement_top","--placement_right":"bds014---placement_right","--placement_left":"bds014---placement_left"};
+var Popover_default = {"wrapper":"bds016-wrapper","panel":"bds016-panel","--placement_bottom":"bds016---placement_bottom","--placement_top":"bds016---placement_top","--placement_right":"bds016---placement_right","--placement_left":"bds016---placement_left"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1414,7 +1467,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds014-rating","star":"bds014-star","--filled":"bds014---filled"};
+var Rating_default = {"rating":"bds016-rating","star":"bds016-star","--filled":"bds016---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1445,7 +1498,7 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds014-toastContainer","toast":"bds014-toast","--variant_success":"bds014---variant_success","--variant_error":"bds014---variant_error","--variant_info":"bds014---variant_info"};
+var Toast_default = {"toastContainer":"bds016-toastContainer","toast":"bds016-toast","message":"bds016-message","closeButton":"bds016-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1478,7 +1531,10 @@ function ToastItem({ toast, onRemove }) {
     const timer = setTimeout(onRemove, 5e3);
     return () => clearTimeout(timer);
   }, [onRemove]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: (0, import_design_system_foundation28.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), children: toast.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: (0, import_design_system_foundation28.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: Toast_default.message, children: toast.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
+  ] });
 }
 function useToast() {
   const context = (0, import_react11.useContext)(ToastContext);
@@ -1492,20 +1548,20 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds014-checkboxGroup","inputWrapper":"bds014-inputWrapper","checkbox":"bds014-checkbox","checkboxError":"bds014-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds016-checkboxGroup","inputWrapper":"bds016-inputWrapper","checkbox":"bds016-checkbox","checkboxError":"bds016-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds014-error","hint":"bds014-hint"};
+var Message_default = {"error":"bds016-error","hint":"bds016-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var Message = ({ message, type, inputId }) => {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { id: inputId + type, htmlFor: inputId, className: Message_default[type], children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: inputId + type, className: Message_default[type], children: message });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds014-label"};
+var Label_default = {"label":"bds016-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -1517,7 +1573,7 @@ var Label = ({ label, id }) => {
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds014-container"};
+var InputContainer_default = {"container":"bds016-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1532,17 +1588,18 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
   const id = name + (0, import_react12.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = !!error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(InputContainer, { className: (0, import_design_system_foundation30.cn)(Checkbox_default.checkboxGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
+          "aria-invalid": !!error,
           type: "checkbox",
           id,
           name,
-          className: `${Checkbox_default.checkbox} ${error ? Checkbox_default.checkboxError : ""}`,
+          className: (0, import_design_system_foundation30.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
@@ -1557,7 +1614,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds014-formGroup","inputWrapper":"bds014-inputWrapper","input":"bds014-input","inputError":"bds014-inputError","chevron":"bds014-chevron","listbox":"bds014-listbox","option":"bds014-option","--highlighted":"bds014---highlighted","--selected":"bds014---selected","--disabled":"bds014---disabled"};
+var Combobox_default = {"formGroup":"bds016-formGroup","inputWrapper":"bds016-inputWrapper","input":"bds016-input","inputError":"bds016-inputError","chevron":"bds016-chevron","listbox":"bds016-listbox","option":"bds016-option","--highlighted":"bds016---highlighted","--selected":"bds016---selected","--disabled":"bds016---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1569,6 +1626,7 @@ function Combobox({
   placeholder,
   value,
   onChange,
+  disabled = false,
   error,
   hint,
   className
@@ -1577,9 +1635,12 @@ function Combobox({
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = error ? errorId : hintId;
-  const selectedOption = options.find((o) => o.value === value);
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
+  const selectedOption = (0, import_react13.useMemo)(() => options.find((o) => o.value === value), [options, value]);
   const [inputValue, setInputValue] = (0, import_react13.useState)(selectedOption?.label ?? "");
+  (0, import_react13.useEffect)(() => {
+    setInputValue(selectedOption?.label ?? "");
+  }, [selectedOption]);
   const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
   const [highlightedIndex, setHighlightedIndex] = (0, import_react13.useState)(-1);
   const containerRef = (0, import_react13.useRef)(null);
@@ -1656,6 +1717,7 @@ function Combobox({
           autoComplete: "off",
           placeholder,
           value: inputValue,
+          disabled,
           className: (0, import_design_system_foundation31.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
@@ -1703,7 +1765,7 @@ function Combobox({
 var import_react14 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds014-formGroup","dropZone":"bds014-dropZone","isDragging":"bds014-isDragging","hasError":"bds014-hasError","isDisabled":"bds014-isDisabled","icon":"bds014-icon","prompt":"bds014-prompt","acceptHint":"bds014-acceptHint","hiddenInput":"bds014-hiddenInput"};
+var FileInput_default = {"formGroup":"bds016-formGroup","dropZone":"bds016-dropZone","isDragging":"bds016-isDragging","hasError":"bds016-hasError","isDisabled":"bds016-isDisabled","icon":"bds016-icon","prompt":"bds016-prompt","acceptHint":"bds016-acceptHint","hiddenInput":"bds016-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1722,10 +1784,19 @@ function FileInput({
   const uid = name + (0, import_react14.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
-  const describedBy = error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const inputRef = (0, import_react14.useRef)(null);
   const [isDragging, setIsDragging] = (0, import_react14.useState)(false);
   const [fileNames, setFileNames] = (0, import_react14.useState)([]);
+  const isFileAccepted = (file) => {
+    if (!accept) return true;
+    return accept.split(",").some((token) => {
+      const t = token.trim();
+      if (t.startsWith(".")) return file.name.toLowerCase().endsWith(t.toLowerCase());
+      if (t.endsWith("/*")) return file.type.startsWith(t.slice(0, -1));
+      return file.type === t;
+    });
+  };
   const handleFiles = (files) => {
     if (!files) return;
     setFileNames(Array.from(files).map((f) => f.name));
@@ -1736,7 +1807,10 @@ function FileInput({
     e.preventDefault();
     setIsDragging(false);
     if (disabled) return;
-    handleFiles(e.dataTransfer.files);
+    const dt = new DataTransfer();
+    Array.from(e.dataTransfer.files).filter(isFileAccepted).forEach((f) => dt.items.add(f));
+    if (inputRef.current) inputRef.current.files = dt.files;
+    handleFiles(dt.files.length > 0 ? dt.files : null);
   };
   const handleDragOver = (e) => {
     e.preventDefault();
@@ -1788,7 +1862,7 @@ function FileInput({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds014-formGroup","input":"bds014-input","inputError":"bds014-inputError"};
+var FormInput_default = {"formGroup":"bds016-formGroup","input":"bds016-input","inputError":"bds016-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1805,7 +1879,7 @@ function FormInput({
   const id = name + (0, import_react15.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = !!error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation33.cn)(FormInput_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -1816,7 +1890,7 @@ function FormInput({
         "aria-label": ariaLabel,
         id,
         name,
-        className: `${FormInput_default.input} ${error ? FormInput_default.inputError : ""}`,
+        className: (0, import_design_system_foundation33.cn)(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
@@ -1829,7 +1903,7 @@ function FormInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds014-formGroup","inputRow":"bds014-inputRow","input":"bds014-input","inputError":"bds014-inputError","stepper":"bds014-stepper"};
+var NumberInput_default = {"formGroup":"bds016-formGroup","inputRow":"bds016-inputRow","input":"bds016-input","inputError":"bds016-inputError","stepper":"bds016-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
@@ -1851,18 +1925,18 @@ function NumberInput({
   const uid = name + (0, import_react16.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
-  const describedBy = error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const inputRef = (0, import_react16.useRef)(null);
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react16.useState)(defaultValue ?? 0);
+  const currentValue = isControlled ? value : internalValue;
   const clamp = (v) => {
     const withMin = min !== void 0 ? Math.max(min, v) : v;
-    const withMax = max !== void 0 ? Math.min(max, withMin) : withMin;
-    return withMax;
+    return max !== void 0 ? Math.min(max, withMin) : withMin;
   };
   const adjust = (delta) => {
-    if (!inputRef.current) return;
-    const current = parseFloat(inputRef.current.value) || 0;
-    const next = clamp(current + delta);
-    inputRef.current.value = String(next);
+    const next = clamp(currentValue + delta);
+    if (!isControlled) setInternalValue(next);
     onChange?.(next);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(NumberInput_default.formGroup, className), children: [
@@ -1874,7 +1948,7 @@ function NumberInput({
           type: "button",
           className: NumberInput_default.stepper,
           "aria-label": "Decrease",
-          disabled: disabled || min !== void 0 && (value ?? defaultValue ?? 0) <= min,
+          disabled: disabled || min !== void 0 && currentValue <= min,
           onClick: () => adjust(-step),
           tabIndex: -1,
           children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
@@ -1887,8 +1961,7 @@ function NumberInput({
           id: uid,
           type: "number",
           name,
-          defaultValue,
-          value,
+          ...isControlled ? { value } : { defaultValue },
           min,
           max,
           step,
@@ -1896,7 +1969,11 @@ function NumberInput({
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
           className: (0, import_design_system_foundation34.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
-          onChange: (e) => onChange?.(parseFloat(e.target.value))
+          onChange: (e) => {
+            const v = parseFloat(e.target.value);
+            if (!isControlled) setInternalValue(isNaN(v) ? 0 : v);
+            onChange?.(v);
+          }
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -1905,7 +1982,7 @@ function NumberInput({
           type: "button",
           className: NumberInput_default.stepper,
           "aria-label": "Increase",
-          disabled: disabled || max !== void 0 && (value ?? defaultValue ?? 0) >= max,
+          disabled: disabled || max !== void 0 && currentValue >= max,
           onClick: () => adjust(step),
           tabIndex: -1,
           children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
@@ -1921,7 +1998,7 @@ function NumberInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds014-radioGroup","inputWrapper":"bds014-inputWrapper","radio":"bds014-radio","radioError":"bds014-radioError"};
+var Radio_default = {"radioGroup":"bds016-radioGroup","inputWrapper":"bds016-inputWrapper","radio":"bds016-radio","radioError":"bds016-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1930,17 +2007,18 @@ function Radio({ label, name, error, hint, className, ...props }) {
   const id = name + (0, import_react17.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = !!error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation35.cn)(Radio_default.radioGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Radio_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
+          "aria-invalid": !!error,
           type: "radio",
           id,
           name,
-          className: `${Radio_default.radio} ${error ? Radio_default.radioError : ""}`,
+          className: (0, import_design_system_foundation35.cn)(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
@@ -1955,7 +2033,7 @@ function Radio({ label, name, error, hint, className, ...props }) {
 var import_react18 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds014-formGroup","selectWrapper":"bds014-selectWrapper","select":"bds014-select","selectError":"bds014-selectError","chevron":"bds014-chevron"};
+var Select_default = {"formGroup":"bds016-formGroup","selectWrapper":"bds016-selectWrapper","select":"bds016-select","selectError":"bds016-selectError","chevron":"bds016-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -1973,7 +2051,7 @@ function Select({
   const id = name + (0, import_react18.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Select_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: Select_default.selectWrapper, children: [
@@ -1987,7 +2065,7 @@ function Select({
           className: (0, import_design_system_foundation36.cn)(Select_default.select, error ? Select_default.selectError : void 0),
           ...props,
           children: [
-            placeholder && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", disabled: true, children: placeholder }),
+            placeholder && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
             options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value, disabled, children: optLabel }, value))
           ]
         }
@@ -2003,7 +2081,7 @@ function Select({
 var import_react19 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds014-formGroup","labelRow":"bds014-labelRow","value":"bds014-value","slider":"bds014-slider","sliderError":"bds014-sliderError"};
+var Slider_default = {"formGroup":"bds016-formGroup","labelRow":"bds016-labelRow","value":"bds016-value","slider":"bds016-slider","sliderError":"bds016-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2023,12 +2101,13 @@ function Slider({
   const id = name + (0, import_react19.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = error ? errorId : hintId;
-  const initialValue = Number(props.value ?? props.defaultValue ?? min);
-  const [currentValue, setCurrentValue] = (0, import_react19.useState)(initialValue);
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
+  const isControlled = props.value !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react19.useState)(Number(props.defaultValue ?? min));
+  const currentValue = isControlled ? Number(props.value) : internalValue;
   const fillPct = (currentValue - min) / (max - min) * 100;
   const handleChange = (e) => {
-    setCurrentValue(Number(e.target.value));
+    if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation37.cn)(Slider_default.formGroup, className), children: [
@@ -2063,7 +2142,7 @@ function Slider({
 var import_react20 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds014-switchGroup","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","inputWrapper":"bds014-inputWrapper","trackWrapper":"bds014-trackWrapper","switch":"bds014-switch","track":"bds014-track","thumb":"bds014-thumb","switchError":"bds014-switchError"};
+var Switch_default = {"switchGroup":"bds016-switchGroup","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","inputWrapper":"bds016-inputWrapper","trackWrapper":"bds016-trackWrapper","switch":"bds016-switch","track":"bds016-track","thumb":"bds016-thumb","switchError":"bds016-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2080,7 +2159,7 @@ function Switch({
   const id = name + (0, import_react20.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Switch_default.inputWrapper, children: [
       /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Switch_default.trackWrapper, children: [
@@ -2109,7 +2188,7 @@ function Switch({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds014-formGroup","textarea":"bds014-textarea","textareaError":"bds014-textareaError"};
+var Textarea_default = {"formGroup":"bds016-formGroup","textarea":"bds016-textarea","textareaError":"bds016-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2125,7 +2204,7 @@ function Textarea({
   const id = name + (0, import_react21.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = error ? errorId : hintId;
+  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(Textarea_default.formGroup, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id, label }),
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -2145,17 +2224,17 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds014-buttonGroup","container":"bds014-container","--variant__card":"bds014---variant__card","--variant__flow":"bds014---variant__flow","--variant__modal":"bds014---variant__modal","--variant__content":"bds014---variant__content","--variant__grid":"bds014---variant__grid"};
+var ButtonGroup_default = {"buttonGroup":"bds016-buttonGroup","container":"bds016-container","--variant__card":"bds016---variant__card","--variant__flow":"bds016---variant__flow","--variant__modal":"bds016---variant__modal","--variant__content":"bds016---variant__content","--variant__grid":"bds016---variant__grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function ButtonGroup({ children, className, variant }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: (0, import_design_system_foundation40.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant__${variant}`]), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: ButtonGroup_default.container, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: (0, import_design_system_foundation40.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: ButtonGroup_default.container, children }) });
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds014-card","--default":"bds014---default","--elevated":"bds014---elevated","--outlined":"bds014---outlined","--clickable":"bds014---clickable","--padding-none":"bds014---padding-none","--padding-small":"bds014---padding-small","--padding-medium":"bds014---padding-medium","--padding-large":"bds014---padding-large","--text-start":"bds014---text-start","--text-center":"bds014---text-center","--text-end":"bds014---text-end"};
+var Card_default = {"card":"bds016-card","--default":"bds016---default","--elevated":"bds016---elevated","--outlined":"bds016---outlined","--clickable":"bds016---clickable","--padding-none":"bds016---padding-none","--padding-small":"bds016---padding-small","--padding-medium":"bds016---padding-medium","--padding-large":"bds016---padding-large","--text-start":"bds016---text-start","--text-center":"bds016---text-center","--text-end":"bds016---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2167,7 +2246,8 @@ function Card({
   padding = "medium",
   textAlign = "start",
   style,
-  onClick
+  onClick,
+  "aria-label": ariaLabel
 }) {
   const classNames = (0, import_design_system_foundation41.cn)(
     Card_default.card,
@@ -2184,6 +2264,7 @@ function Card({
       className: classNames,
       onClick,
       style,
+      "aria-label": ariaLabel,
       ...onClick && { type: "button" },
       children
     }
@@ -2191,7 +2272,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds014-sectionHeader","title":"bds014-title","subtitle":"bds014-subtitle","--start":"bds014---start","--center":"bds014---center","--end":"bds014---end","--small":"bds014---small","--medium":"bds014---medium","--large":"bds014---large"};
+var SectionHeader_default = {"sectionHeader":"bds016-sectionHeader","title":"bds016-title","subtitle":"bds016-subtitle","--start":"bds016---start","--center":"bds016---center","--end":"bds016---end","--small":"bds016---small","--medium":"bds016---medium","--large":"bds016---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2212,7 +2293,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds014-wrapper"};
+var IconWrapper_default = {"wrapper":"bds016-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");