@boostdev/design-system-components 2.7.1 → 2.11.0

package/dist/index.cjs

@@ -39,6 +39,7 @@ __export(index_exports, {
   ButtonContainer: () => ButtonContainer,
   ButtonGroup: () => ButtonGroup,
   Calendar: () => Calendar,
+  CalendarRange: () => CalendarRange,
   Card: () => Card,
   Carousel: () => Carousel,
   Checkbox: () => Checkbox,
@@ -82,7 +83,7 @@ __export(index_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
   Typography: () => Typography,
-  cn: () => import_design_system_foundation54.cn,
+  cn: () => import_design_system_foundation56.cn,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -91,7 +92,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"component":"bds271Accordion-component","accordion":"bds271Accordion-accordion","item":"bds271Accordion-item","heading":"bds271Accordion-heading","trigger":"bds271Accordion-trigger","triggerLabel":"bds271Accordion-triggerLabel","chevron":"bds271Accordion-chevron","--open":"bds271Accordion---open","panel":"bds271Accordion-panel","panelContent":"bds271Accordion-panelContent"};
+var Accordion_default = {"component":"bds2110Accordion-component","accordion":"bds2110Accordion-accordion","item":"bds2110Accordion-item","heading":"bds2110Accordion-heading","trigger":"bds2110Accordion-trigger","triggerLabel":"bds2110Accordion-triggerLabel","chevron":"bds2110Accordion-chevron","--open":"bds2110Accordion---open","panel":"bds2110Accordion-panel","panelContent":"bds2110Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -160,7 +161,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"component":"bds271Alert-component","alert":"bds271Alert-alert","--variant_info":"bds271Alert---variant_info","--variant_success":"bds271Alert---variant_success","--variant_warning":"bds271Alert---variant_warning","--variant_error":"bds271Alert---variant_error","icon":"bds271Alert-icon","content":"bds271Alert-content","title":"bds271Alert-title","dismiss":"bds271Alert-dismiss"};
+var Alert_default = {"component":"bds2110Alert-component","alert":"bds2110Alert-alert","--variant_info":"bds2110Alert---variant_info","--variant_success":"bds2110Alert---variant_success","--variant_warning":"bds2110Alert---variant_warning","--variant_error":"bds2110Alert---variant_error","icon":"bds2110Alert-icon","content":"bds2110Alert-content","title":"bds2110Alert-title","dismiss":"bds2110Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -205,7 +206,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"component":"bds271Avatar-component","avatar":"bds271Avatar-avatar","--fallback":"bds271Avatar---fallback","--size_small":"bds271Avatar---size_small","--size_medium":"bds271Avatar---size_medium","--size_large":"bds271Avatar---size_large","image":"bds271Avatar-image","initials":"bds271Avatar-initials"};
+var Avatar_default = {"component":"bds2110Avatar-component","avatar":"bds2110Avatar-avatar","--fallback":"bds2110Avatar---fallback","--size_small":"bds2110Avatar---size_small","--size_medium":"bds2110Avatar---size_medium","--size_large":"bds2110Avatar---size_large","image":"bds2110Avatar-image","initials":"bds2110Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -232,7 +233,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"component":"bds271Badge-component","badge":"bds271Badge-badge","--variant_primary":"bds271Badge---variant_primary","--variant_secondary":"bds271Badge---variant_secondary","--variant_success":"bds271Badge---variant_success","--variant_error":"bds271Badge---variant_error","--variant_warning":"bds271Badge---variant_warning"};
+var Badge_default = {"component":"bds2110Badge-component","badge":"bds2110Badge-badge","--variant_primary":"bds2110Badge---variant_primary","--variant_secondary":"bds2110Badge---variant_secondary","--variant_success":"bds2110Badge---variant_success","--variant_error":"bds2110Badge---variant_error","--variant_warning":"bds2110Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -242,7 +243,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"component":"bds271Breadcrumb-component","breadcrumb":"bds271Breadcrumb-breadcrumb","list":"bds271Breadcrumb-list","item":"bds271Breadcrumb-item","link":"bds271Breadcrumb-link","separator":"bds271Breadcrumb-separator","current":"bds271Breadcrumb-current"};
+var Breadcrumb_default = {"component":"bds2110Breadcrumb-component","breadcrumb":"bds2110Breadcrumb-breadcrumb","list":"bds2110Breadcrumb-list","item":"bds2110Breadcrumb-item","link":"bds2110Breadcrumb-link","separator":"bds2110Breadcrumb-separator","text":"bds2110Breadcrumb-text","current":"bds2110Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -251,14 +252,14 @@ function Breadcrumb({ items, className, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { ...rest, "aria-label": "Breadcrumb", className: (0, import_design_system_foundation5.cn)(Breadcrumb_default.breadcrumb, className), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { className: Breadcrumb_default.item, children: isLast ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-current": "page", className: Breadcrumb_default.current, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: item.href, className: Breadcrumb_default.link, children: item.label }),
+      item.href ? /* @__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.text, children: item.label }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Breadcrumb_default.separator, "aria-hidden": "true", children: "\u203A" })
     ] }) }, index);
   }) }) });
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"component":"bds271Collapsible-component","collapsible":"bds271Collapsible-collapsible","summary":"bds271Collapsible-summary","summaryContent":"bds271Collapsible-summaryContent","icon":"bds271Collapsible-icon","content":"bds271Collapsible-content"};
+var Collapsible_default = {"component":"bds2110Collapsible-component","collapsible":"bds2110Collapsible-collapsible","summary":"bds2110Collapsible-summary","summaryContent":"bds2110Collapsible-summaryContent","icon":"bds2110Collapsible-icon","content":"bds2110Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -273,9 +274,16 @@ function Collapsible({
   className,
   ...rest
 }) {
+  const isControlled = open !== void 0;
   const handleToggle = (e) => {
+    if (isControlled) return;
     onToggle?.(e.currentTarget.open);
   };
+  const handleSummaryClick = (e) => {
+    if (!isControlled) return;
+    e.preventDefault();
+    onToggle?.(!open);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "details",
     {
@@ -285,7 +293,7 @@ function Collapsible({
       onToggle: handleToggle,
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { className: Collapsible_default.summary, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { className: Collapsible_default.summary, onClick: handleSummaryClick, children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Collapsible_default.summaryContent, children: summary }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Collapsible_default.icon, "aria-hidden": "true" })
         ] }),
@@ -297,254 +305,574 @@ function Collapsible({
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_react2 = require("react");
+var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"component":"bds271Calendar-component","calendar":"bds271Calendar-calendar","header":"bds271Calendar-header","monthYear":"bds271Calendar-monthYear","navBtn":"bds271Calendar-navBtn","grid":"bds271Calendar-grid","weekday":"bds271Calendar-weekday","empty":"bds271Calendar-empty","day":"bds271Calendar-day","disabled":"bds271Calendar-disabled","selected":"bds271Calendar-selected","today":"bds271Calendar-today"};
+var Calendar_default = {"component":"bds2110Calendar-component","calendar":"bds2110Calendar-calendar","months":"bds2110Calendar-months","month":"bds2110Calendar-month","monthHeader":"bds2110Calendar-monthHeader","navSlot":"bds2110Calendar-navSlot","monthYear":"bds2110Calendar-monthYear","navBtn":"bds2110Calendar-navBtn","grid":"bds2110Calendar-grid","row":"bds2110Calendar-row","weekday":"bds2110Calendar-weekday","cell":"bds2110Calendar-cell","day":"bds2110Calendar-day","disabled":"bds2110Calendar-disabled","selected":"bds2110Calendar-selected","rangeStart":"bds2110Calendar-rangeStart","rangeEnd":"bds2110Calendar-rangeEnd","outside":"bds2110Calendar-outside","today":"bds2110Calendar-today","inRange":"bds2110Calendar-inRange"};
 
-// src/components/ui/Calendar/Calendar.tsx
+// src/components/ui/Calendar/MonthGrid.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-var DAY_LABELS = {
-  Su: "Sunday",
-  Mo: "Monday",
-  Tu: "Tuesday",
-  We: "Wednesday",
-  Th: "Thursday",
-  Fr: "Friday",
-  Sa: "Saturday"
-};
-var MONTHS = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
+
+// src/components/ui/Calendar/calendar-core.ts
+function toISO(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function parseISO(iso) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  if (!m) return null;
+  const year = Number(m[1]);
+  const month = Number(m[2]) - 1;
+  const day = Number(m[3]);
+  const date = new Date(year, month, day);
+  date.setFullYear(year);
+  if (isNaN(date.getTime())) return null;
+  if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) return null;
+  return date;
+}
+function addDays(date, n) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + n);
+}
+function addMonths(date, n) {
+  const firstOfTarget = new Date(date.getFullYear(), date.getMonth() + n, 1);
+  const daysInTarget = new Date(firstOfTarget.getFullYear(), firstOfTarget.getMonth() + 1, 0).getDate();
+  return new Date(firstOfTarget.getFullYear(), firstOfTarget.getMonth(), Math.min(date.getDate(), daysInTarget));
+}
 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 compareDay(a, b) {
+  const am = new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime();
+  const bm = new Date(b.getFullYear(), b.getMonth(), b.getDate()).getTime();
+  return am < bm ? -1 : am > bm ? 1 : 0;
+}
+function sortRange(a, b) {
+  return compareDay(a, b) <= 0 ? [a, b] : [b, a];
+}
+function isInRange(date, start, end) {
+  const [lo, hi] = sortRange(start, end);
+  return compareDay(date, lo) >= 0 && compareDay(date, hi) <= 0;
+}
+function isDisabled(date, opts) {
+  if (opts.min && compareDay(date, opts.min) < 0) return true;
+  if (opts.max && compareDay(date, opts.max) > 0) return true;
+  return !!opts.isDateDisallowed?.(date);
+}
+function buildMonthGrid(year, month, firstDayOfWeek) {
+  const firstOfMonth = new Date(year, month, 1);
+  const lead = (firstOfMonth.getDay() - firstDayOfWeek + 7) % 7;
+  const start = addDays(firstOfMonth, -lead);
+  return Array.from({ length: 42 }, (_, i) => {
+    const date = addDays(start, i);
+    return { iso: toISO(date), date, day: date.getDate(), outside: date.getMonth() !== month };
+  });
+}
+function getMonthLabel(year, month, locale) {
+  return new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(new Date(year, month, 1));
+}
+function getDayLabel(date, locale) {
+  return new Intl.DateTimeFormat(locale, { year: "numeric", month: "long", day: "numeric" }).format(date);
+}
+function getWeekdayNames(locale, firstDayOfWeek) {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(2023, 0, 1 + (firstDayOfWeek + i) % 7)));
+}
+function nextFocusDate(current, key, opts) {
+  const offsetInWeek = (current.getDay() - opts.firstDayOfWeek + 7) % 7;
+  switch (key) {
+    case "ArrowRight":
+      return addDays(current, 1);
+    case "ArrowLeft":
+      return addDays(current, -1);
+    case "ArrowDown":
+      return addDays(current, 7);
+    case "ArrowUp":
+      return addDays(current, -7);
+    case "Home":
+      return addDays(current, -offsetInWeek);
+    case "End":
+      return addDays(current, 6 - offsetInWeek);
+    case "PageUp":
+      return addMonths(current, opts.shiftKey ? -12 : -1);
+    case "PageDown":
+      return addMonths(current, opts.shiftKey ? 12 : 1);
+    default:
+      return null;
+  }
+}
+
+// src/components/ui/Calendar/MonthGrid.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ChevronLeft = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
+var ChevronRight = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+function MonthGrid(props) {
+  const {
+    year,
+    month,
+    firstDayOfWeek,
+    weekdayNames,
+    monthLabel,
+    headingId,
+    showPrev,
+    showNext,
+    onPrev,
+    onNext,
+    prevLabel,
+    nextLabel,
+    classifyDay,
+    formatDay,
+    registerRef,
+    onSelect,
+    onKeyDown,
+    onDayPointerEnter
+  } = props;
+  const cells = buildMonthGrid(year, month, firstDayOfWeek);
+  const rows = Array.from({ length: 6 }, (_, r) => cells.slice(r * 7, r * 7 + 7));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.month, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.monthHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: Calendar_default.navSlot, children: showPrev && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: Calendar_default.navBtn, "aria-label": prevLabel, onClick: onPrev, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeft, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: headingId, className: Calendar_default.monthYear, "aria-live": "polite", children: monthLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: Calendar_default.navSlot, children: showNext && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: Calendar_default.navBtn, "aria-label": nextLabel, onClick: onNext, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronRight, {}) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.grid, role: "grid", "aria-labelledby": headingId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: Calendar_default.row, role: "row", children: weekdayNames.map((name, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { role: "columnheader", className: Calendar_default.weekday, "aria-label": name, children: name }, i)) }),
+      rows.map((week, r) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: Calendar_default.row, role: "row", children: week.map((cell) => {
+        const s = cell.outside ? { today: false, selected: false, rangeStart: false, rangeEnd: false, inRange: false, disabled: true, tabbable: false } : classifyDay(cell.date);
+        const isEndpoint = s.selected || s.rangeStart || s.rangeEnd;
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "span",
+          {
+            role: "gridcell",
+            "aria-selected": isEndpoint,
+            className: Calendar_default.cell,
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "button",
+              {
+                ref: (el) => registerRef(cell.iso, el),
+                type: "button",
+                "data-date": cell.iso,
+                "data-outside": cell.outside || void 0,
+                "data-today": s.today || void 0,
+                "data-selected": s.selected || void 0,
+                "data-range-start": s.rangeStart || void 0,
+                "data-range-end": s.rangeEnd || void 0,
+                "data-in-range": s.inRange || void 0,
+                className: (0, import_design_system_foundation7.cn)(
+                  Calendar_default.day,
+                  cell.outside && Calendar_default.outside,
+                  s.today && !isEndpoint && Calendar_default.today,
+                  s.selected && Calendar_default.selected,
+                  s.rangeStart && Calendar_default.rangeStart,
+                  s.rangeEnd && Calendar_default.rangeEnd,
+                  s.inRange && Calendar_default.inRange,
+                  s.disabled && Calendar_default.disabled
+                ),
+                "aria-label": formatDay(cell.date),
+                "aria-current": s.today ? "date" : void 0,
+                "aria-disabled": s.disabled || void 0,
+                disabled: s.disabled || cell.outside,
+                tabIndex: s.tabbable ? 0 : -1,
+                onClick: () => onSelect(cell.date),
+                onKeyDown: (e) => onKeyDown(e, cell.date),
+                onPointerEnter: onDayPointerEnter ? () => onDayPointerEnter(cell.date) : void 0,
+                children: cell.day
+              }
+            )
+          },
+          cell.iso
+        );
+      }) }, r))
+    ] })
+  ] });
 }
-function isOutOfRange(date, min, max) {
-  const d = toMidnight(date);
-  if (min && d < toMidnight(min)) return true;
-  return !!(max && d > toMidnight(max));
+
+// src/components/ui/Calendar/Calendar.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function monthIndex(d) {
+  return d.getFullYear() * 12 + d.getMonth();
 }
-function getDaysInMonth(year, month) {
-  return new Date(year, month + 1, 0).getDate();
+function isMonthVisible(date, viewYear, viewMonth, months) {
+  const start = viewYear * 12 + viewMonth;
+  const idx = monthIndex(date);
+  return idx >= start && idx < start + months;
 }
-function getFirstDayOfMonth(year, month) {
-  return new Date(year, month, 1).getDay();
+function weekdayNamesFrom(fmt, firstDayOfWeek) {
+  return Array.from({ length: 7 }, (_, i) => fmt(new Date(2023, 0, 1 + (firstDayOfWeek + i) % 7)));
 }
-function Calendar({ value, defaultValue, min, max, onChange, className, ...rest }) {
+function Calendar({
+  value,
+  defaultValue,
+  min,
+  max,
+  months = 1,
+  pageBy = "months",
+  firstDayOfWeek = 1,
+  locale,
+  isDateDisallowed,
+  formatWeekday,
+  formatMonth,
+  formatDay,
+  labels,
+  onChange,
+  className,
+  ...rest
+}) {
   const today = /* @__PURE__ */ new Date();
   const controlled = value !== void 0;
   const [internal, setInternal] = (0, import_react2.useState)(defaultValue);
   const selected = controlled ? value : internal;
-  const [viewYear, setViewYear] = (0, import_react2.useState)(selected?.getFullYear() ?? today.getFullYear());
-  const [viewMonth, setViewMonth] = (0, import_react2.useState)(selected?.getMonth() ?? today.getMonth());
-  const [focusedDay, setFocusedDay] = (0, import_react2.useState)();
-  const titleId = (0, import_react2.useId)();
-  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
-  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
-  const navigate = (delta) => {
-    const d = new Date(viewYear, viewMonth + delta, 1);
+  const base = selected ?? today;
+  const [viewYear, setViewYear] = (0, import_react2.useState)(base.getFullYear());
+  const [viewMonth, setViewMonth] = (0, import_react2.useState)(base.getMonth());
+  const [focusedIso, setFocusedIso] = (0, import_react2.useState)();
+  const headingBaseId = (0, import_react2.useId)();
+  const dayRefs = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
+  const registerRef = (0, import_react2.useCallback)((iso, el) => {
+    if (el) dayRefs.current.set(iso, el);
+    else dayRefs.current.delete(iso);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (!controlled || !value) return;
+    if (!isMonthVisible(value, viewYear, viewMonth, months)) {
+      setViewYear(value.getFullYear());
+      setViewMonth(value.getMonth());
+    }
+  }, [controlled, value]);
+  (0, import_react2.useEffect)(() => {
+    if (focusedIso) dayRefs.current.get(focusedIso)?.focus();
+  }, [focusedIso, viewYear, viewMonth]);
+  const disabledFor = (date) => isDisabled(date, { min, max, isDateDisallowed });
+  const page = (dir) => {
+    const step = pageBy === "single" ? 1 : months;
+    const d = new Date(viewYear, viewMonth + dir * step, 1);
     setViewYear(d.getFullYear());
     setViewMonth(d.getMonth());
-    setFocusedDay(void 0);
+    setFocusedIso(void 0);
   };
-  const selectDay = (day) => {
-    const date = new Date(viewYear, viewMonth, day);
-    if (isOutOfRange(date, min, max)) return;
+  const select = (date) => {
+    if (disabledFor(date)) return;
     if (!controlled) setInternal(date);
     onChange?.(date);
   };
-  const handleKeyDown = (e, day) => {
-    const map = {
-      ArrowRight: 1,
-      ArrowLeft: -1,
-      ArrowDown: 7,
-      ArrowUp: -7
-    };
-    if (e.key in map) {
-      e.preventDefault();
-      const current = new Date(viewYear, viewMonth, day);
-      const next = new Date(current);
-      next.setDate(next.getDate() + map[e.key]);
-      setViewYear(next.getFullYear());
-      setViewMonth(next.getMonth());
-      setFocusedDay(next.getDate());
-    } else if (e.key === "Home") {
-      e.preventDefault();
-      setFocusedDay(1);
-    } else if (e.key === "End") {
-      e.preventDefault();
-      setFocusedDay(daysInMonth);
-    } else if (e.key === "Enter" || e.key === " ") {
+  const moveFocus = (target) => {
+    setFocusedIso(toISO(target));
+    if (!isMonthVisible(target, viewYear, viewMonth, months)) {
+      setViewYear(target.getFullYear());
+      setViewMonth(target.getMonth());
+    }
+  };
+  const onKeyDown = (e, date) => {
+    if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
-      selectDay(day);
+      select(date);
+      return;
     }
+    const next = nextFocusDate(date, e.key, { shiftKey: e.shiftKey, firstDayOfWeek });
+    if (!next) return;
+    e.preventDefault();
+    moveFocus(next);
   };
-  const cells = [
-    ...Array.from({ length: firstDay }, () => null),
-    ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
-  ];
-  while (cells.length % 7 !== 0) cells.push(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ...rest, className: (0, import_design_system_foundation7.cn)(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          type: "button",
-          className: Calendar_default.navBtn,
-          "aria-label": "Previous month",
-          onClick: () => navigate(-1),
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
-        MONTHS[viewMonth],
-        " ",
-        viewYear
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          type: "button",
-          className: Calendar_default.navBtn,
-          "aria-label": "Next month",
-          onClick: () => navigate(1),
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-      "table",
+  const selectedVisible = selected && isMonthVisible(selected, viewYear, viewMonth, months) ? selected : void 0;
+  const todayVisible = isMonthVisible(today, viewYear, viewMonth, months) ? today : void 0;
+  const tabbableIso = focusedIso ?? (selectedVisible && toISO(selectedVisible)) ?? (todayVisible && toISO(todayVisible)) ?? toISO(new Date(viewYear, viewMonth, 1));
+  const classifyDay = (date) => ({
+    today: isSameDay(date, today),
+    selected: !!selected && isSameDay(date, selected),
+    rangeStart: false,
+    rangeEnd: false,
+    inRange: false,
+    disabled: disabledFor(date),
+    tabbable: toISO(date) === tabbableIso
+  });
+  const weekdayNames = formatWeekday ? weekdayNamesFrom(formatWeekday, firstDayOfWeek) : getWeekdayNames(locale, firstDayOfWeek);
+  const labelOfMonth = (y, m) => formatMonth ? formatMonth(new Date(y, m, 1)) : getMonthLabel(y, m, locale);
+  const labelOfDay = (d) => formatDay ? formatDay(d) : getDayLabel(d, locale);
+  const prevLabel = labels?.previousMonth ?? "Previous month";
+  const nextLabel = labels?.nextMonth ?? "Next month";
+  const count = Math.max(1, months);
+  const groupLabel = Array.from({ length: count }, (_, i) => {
+    const d = new Date(viewYear, viewMonth + i, 1);
+    return labelOfMonth(d.getFullYear(), d.getMonth());
+  }).join(", ");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ...rest, className: (0, import_design_system_foundation8.cn)(Calendar_default.calendar, className), role: "group", "aria-label": groupLabel, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: Calendar_default.months, children: Array.from({ length: count }, (_, i) => {
+    const d = new Date(viewYear, viewMonth + i, 1);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      MonthGrid,
       {
-        className: Calendar_default.grid,
-        role: "grid",
-        "aria-labelledby": titleId,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { scope: "col", "aria-label": DAY_LABELS[d] ?? d, className: Calendar_default.weekday, children: d }, d)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
-            if (!cell) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
-            const date = new Date(viewYear, viewMonth, cell.day);
-            const isSelected = selected ? isSameDay(date, selected) : false;
-            const isToday = isSameDay(date, today);
-            const disabled = isOutOfRange(date, min, max);
-            const isFocused = focusedDay === cell.day;
-            return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { role: "gridcell", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "button",
-              {
-                type: "button",
-                className: (0, import_design_system_foundation7.cn)(
-                  Calendar_default.day,
-                  isSelected && Calendar_default.selected,
-                  isToday && !isSelected && Calendar_default.today,
-                  disabled && Calendar_default.disabled
-                ),
-                "aria-label": date.toLocaleDateString("en", { month: "long", day: "numeric", year: "numeric" }),
-                "aria-selected": isSelected,
-                "aria-current": isToday ? "date" : void 0,
-                "aria-disabled": disabled,
-                disabled,
-                tabIndex: isFocused || !focusedDay && isSelected || !focusedDay && !selected && isToday ? 0 : -1,
-                onClick: () => selectDay(cell.day),
-                onKeyDown: (e) => handleKeyDown(e, cell.day),
-                children: cell.day
-              }
-            ) }, col);
-          }) }, row)) })
-        ]
+        year: d.getFullYear(),
+        month: d.getMonth(),
+        firstDayOfWeek,
+        weekdayNames,
+        monthLabel: labelOfMonth(d.getFullYear(), d.getMonth()),
+        headingId: `${headingBaseId}-${i}`,
+        showPrev: i === 0,
+        showNext: i === count - 1,
+        onPrev: () => page(-1),
+        onNext: () => page(1),
+        prevLabel,
+        nextLabel,
+        classifyDay,
+        formatDay: labelOfDay,
+        registerRef,
+        onSelect: select,
+        onKeyDown
+      },
+      i
+    );
+  }) }) });
+}
+
+// src/components/ui/Calendar/CalendarRange.tsx
+var import_react3 = require("react");
+var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function isMonthVisible2(date, viewYear, viewMonth, months) {
+  const start = viewYear * 12 + viewMonth;
+  const idx = date.getFullYear() * 12 + date.getMonth();
+  return idx >= start && idx < start + months;
+}
+function weekdayNamesFrom2(fmt, firstDayOfWeek) {
+  return Array.from({ length: 7 }, (_, i) => fmt(new Date(2023, 0, 1 + (firstDayOfWeek + i) % 7)));
+}
+function CalendarRange({
+  value,
+  defaultValue,
+  min,
+  max,
+  months = 1,
+  pageBy = "months",
+  firstDayOfWeek = 1,
+  locale,
+  isDateDisallowed,
+  formatWeekday,
+  formatMonth,
+  formatDay,
+  labels,
+  onChange,
+  onRangeStart,
+  className,
+  ...rest
+}) {
+  const today = /* @__PURE__ */ new Date();
+  const controlled = value !== void 0;
+  const [internal, setInternal] = (0, import_react3.useState)(defaultValue);
+  const committed = controlled ? value : internal;
+  const [anchor, setAnchor] = (0, import_react3.useState)();
+  const [hover, setHover] = (0, import_react3.useState)();
+  const base = committed ? committed[0] : today;
+  const [viewYear, setViewYear] = (0, import_react3.useState)(base.getFullYear());
+  const [viewMonth, setViewMonth] = (0, import_react3.useState)(base.getMonth());
+  const [focusedIso, setFocusedIso] = (0, import_react3.useState)();
+  const headingBaseId = (0, import_react3.useId)();
+  const dayRefs = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const registerRef = (0, import_react3.useCallback)((iso, el) => {
+    if (el) dayRefs.current.set(iso, el);
+    else dayRefs.current.delete(iso);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    if (!controlled || !value) return;
+    if (!isMonthVisible2(value[0], viewYear, viewMonth, months)) {
+      setViewYear(value[0].getFullYear());
+      setViewMonth(value[0].getMonth());
+    }
+  }, [controlled, value]);
+  (0, import_react3.useEffect)(() => {
+    if (focusedIso) dayRefs.current.get(focusedIso)?.focus();
+  }, [focusedIso, viewYear, viewMonth]);
+  const disabledFor = (date) => isDisabled(date, { min, max, isDateDisallowed });
+  const page = (dir) => {
+    const step = pageBy === "single" ? 1 : months;
+    const d = new Date(viewYear, viewMonth + dir * step, 1);
+    setViewYear(d.getFullYear());
+    setViewMonth(d.getMonth());
+    setFocusedIso(void 0);
+  };
+  const select = (date) => {
+    if (disabledFor(date)) return;
+    if (!anchor) {
+      setAnchor(date);
+      setHover(void 0);
+      onRangeStart?.(date);
+    } else {
+      const pair = sortRange(anchor, date);
+      if (!controlled) setInternal(pair);
+      onChange?.(pair);
+      setAnchor(void 0);
+      setHover(void 0);
+    }
+  };
+  const moveFocus = (target) => {
+    setFocusedIso(toISO(target));
+    if (!isMonthVisible2(target, viewYear, viewMonth, months)) {
+      setViewYear(target.getFullYear());
+      setViewMonth(target.getMonth());
+    }
+  };
+  const onKeyDown = (e, date) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      select(date);
+      return;
+    }
+    if (e.key === "Escape") {
+      if (anchor) {
+        setAnchor(void 0);
+        setHover(void 0);
       }
-    )
-  ] });
+      return;
+    }
+    const next = nextFocusDate(date, e.key, { shiftKey: e.shiftKey, firstDayOfWeek });
+    if (!next) return;
+    e.preventDefault();
+    moveFocus(next);
+  };
+  let paintStart;
+  let paintEnd;
+  if (anchor) {
+    const previewEnd = hover ?? (focusedIso ? parseISO(focusedIso) ?? anchor : anchor);
+    [paintStart, paintEnd] = sortRange(anchor, previewEnd);
+  } else if (committed) {
+    [paintStart, paintEnd] = sortRange(committed[0], committed[1]);
+  }
+  const anchorVisible = anchor && isMonthVisible2(anchor, viewYear, viewMonth, months) ? anchor : void 0;
+  const committedStartVisible = committed && isMonthVisible2(committed[0], viewYear, viewMonth, months) ? committed[0] : void 0;
+  const todayVisible = isMonthVisible2(today, viewYear, viewMonth, months) ? today : void 0;
+  const tabbableIso = focusedIso ?? (anchorVisible && toISO(anchorVisible)) ?? (committedStartVisible && toISO(committedStartVisible)) ?? (todayVisible && toISO(todayVisible)) ?? toISO(new Date(viewYear, viewMonth, 1));
+  const classifyDay = (date) => {
+    const isStart = !!paintStart && isSameDay(date, paintStart);
+    const isEnd = !!paintEnd && isSameDay(date, paintEnd);
+    const inRange = !!paintStart && !!paintEnd && !isStart && !isEnd && isInRange(date, paintStart, paintEnd);
+    return {
+      today: isSameDay(date, today),
+      selected: false,
+      rangeStart: isStart,
+      rangeEnd: isEnd,
+      inRange,
+      disabled: disabledFor(date),
+      tabbable: toISO(date) === tabbableIso
+    };
+  };
+  const weekdayNames = formatWeekday ? weekdayNamesFrom2(formatWeekday, firstDayOfWeek) : getWeekdayNames(locale, firstDayOfWeek);
+  const labelOfMonth = (y, m) => formatMonth ? formatMonth(new Date(y, m, 1)) : getMonthLabel(y, m, locale);
+  const labelOfDay = (d) => formatDay ? formatDay(d) : getDayLabel(d, locale);
+  const prevLabel = labels?.previousMonth ?? "Previous month";
+  const nextLabel = labels?.nextMonth ?? "Next month";
+  const count = Math.max(1, months);
+  const groupLabel = Array.from({ length: count }, (_, i) => {
+    const d = new Date(viewYear, viewMonth + i, 1);
+    return labelOfMonth(d.getFullYear(), d.getMonth());
+  }).join(", ");
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ...rest, className: (0, import_design_system_foundation9.cn)(Calendar_default.calendar, className), role: "group", "aria-label": groupLabel, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: Calendar_default.months, children: Array.from({ length: count }, (_, i) => {
+    const d = new Date(viewYear, viewMonth + i, 1);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      MonthGrid,
+      {
+        year: d.getFullYear(),
+        month: d.getMonth(),
+        firstDayOfWeek,
+        weekdayNames,
+        monthLabel: labelOfMonth(d.getFullYear(), d.getMonth()),
+        headingId: `${headingBaseId}-${i}`,
+        showPrev: i === 0,
+        showNext: i === count - 1,
+        onPrev: () => page(-1),
+        onNext: () => page(1),
+        prevLabel,
+        nextLabel,
+        classifyDay,
+        formatDay: labelOfDay,
+        registerRef,
+        onSelect: select,
+        onKeyDown,
+        onDayPointerEnter: anchor ? ((date) => setHover(date)) : void 0
+      },
+      i
+    );
+  }) }) });
 }
 
 // src/components/ui/Carousel/Carousel.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"component":"bds271Carousel-component","carousel":"bds271Carousel-carousel","track":"bds271Carousel-track","slide":"bds271Carousel-slide","navBtn":"bds271Carousel-navBtn"};
+var Carousel_default = {"component":"bds2110Carousel-component","carousel":"bds2110Carousel-carousel","track":"bds2110Carousel-track","slide":"bds2110Carousel-slide","navBtn":"bds2110Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
-var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function Carousel({ items, label, className, ...rest }) {
-  const trackRef = (0, import_react3.useRef)(null);
-  const listId = (0, import_react3.useId)();
+  const trackRef = (0, import_react4.useRef)(null);
+  const listId = (0, import_react4.useId)();
   const scroll = (direction) => {
-    if (!trackRef.current) return;
-    const { scrollLeft, clientWidth } = trackRef.current;
-    trackRef.current.scrollTo({
-      left: scrollLeft + (direction === "next" ? clientWidth : -clientWidth),
-      behavior: "smooth"
+    const track = trackRef.current;
+    if (!track) return;
+    const isRtl = window.getComputedStyle(track).direction === "rtl";
+    const sign = direction === "next" ? 1 : -1;
+    track.scrollBy({
+      left: (isRtl ? -sign : sign) * track.clientWidth,
+      behavior: prefersReducedMotion() ? "auto" : "smooth"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { ...rest, "aria-label": label, className: (0, import_design_system_foundation8.cn)(Carousel_default.carousel, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { ...rest, "aria-label": label, className: (0, import_design_system_foundation10.cn)(Carousel_default.carousel, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation8.cn)(Carousel_default.navBtn, Carousel_default["--prev"]),
+        className: Carousel_default.navBtn,
         "aria-label": "Previous",
         "aria-controls": listId,
         onClick: () => scroll("prev"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         ref: trackRef,
         id: listId,
         role: "list",
         className: Carousel_default.track,
-        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
+        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation8.cn)(Carousel_default.navBtn, Carousel_default["--next"]),
+        className: Carousel_default.navBtn,
         "aria-label": "Next",
         "aria-controls": listId,
         onClick: () => scroll("next"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     )
   ] });
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"component":"bds271DescriptionList-component","list":"bds271DescriptionList-list","group":"bds271DescriptionList-group","term":"bds271DescriptionList-term","details":"bds271DescriptionList-details","--layout_inline":"bds271DescriptionList---layout_inline"};
+var DescriptionList_default = {"component":"bds2110DescriptionList-component","list":"bds2110DescriptionList-list","group":"bds2110DescriptionList-group","term":"bds2110DescriptionList-term","details":"bds2110DescriptionList-details","--layout_inline":"bds2110DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
-var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function DescriptionList({ items, layout = "stacked", className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dl", { ...rest, className: (0, import_design_system_foundation9.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: DescriptionList_default.group, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
-    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { className: DescriptionList_default.details, children: item.details })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dl", { ...rest, className: (0, import_design_system_foundation11.cn)(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: DescriptionList_default.group, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
+    Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: DescriptionList_default.details, children: item.details })
   ] }, i)) });
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"component":"bds271Link-component","link":"bds271Link-link","--variant_default":"bds271Link---variant_default","--variant_subtle":"bds271Link---variant_subtle","--variant_standalone":"bds271Link---variant_standalone","externalLabel":"bds271Link-externalLabel"};
+var Link_default = {"component":"bds2110Link-component","link":"bds2110Link-link","--variant_default":"bds2110Link---variant_default","--variant_subtle":"bds2110Link---variant_subtle","--variant_standalone":"bds2110Link---variant_standalone","externalLabel":"bds2110Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
-var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Link({
   as,
   children,
@@ -556,36 +884,45 @@ function Link({
 }) {
   const Component = as ?? "a";
   const externalProps = external ? { target: "_blank", rel: "noreferrer noopener" } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     Component,
     {
-      className: (0, import_design_system_foundation10.cn)(Link_default.link, Link_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation12.cn)(Link_default.link, Link_default[`--variant_${variant}`], className),
       ...externalProps,
       ...props,
       children: [
         children,
-        external && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: Link_default.externalLabel, children: externalLabel })
+        external && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: Link_default.externalLabel, children: externalLabel })
       ]
     }
   );
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"component":"bds271Loading-component","loading":"bds271Loading-loading","spinner":"bds271Loading-spinner","--size_small":"bds271Loading---size_small","--size_large":"bds271Loading---size_large"};
+var Loading_default = {"component":"bds2110Loading-component","loading":"bds2110Loading-loading","spinner":"bds2110Loading-spinner","--size_small":"bds2110Loading---size_small","--size_large":"bds2110Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
-var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function Loading({ size = "medium", className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...rest, className: (0, import_design_system_foundation11.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
+var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Loading({ size = "medium", className, "aria-label": ariaLabel, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      role: "status",
+      "aria-label": ariaLabel ?? "Loading",
+      ...rest,
+      className: (0, import_design_system_foundation13.cn)(Loading_default.loading, Loading_default[`--size_${size}`], className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: Loading_default.spinner })
+    }
+  );
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"component":"bds271NotificationBanner-component","banner":"bds271NotificationBanner-banner","--variant_info":"bds271NotificationBanner---variant_info","--variant_success":"bds271NotificationBanner---variant_success","--variant_warning":"bds271NotificationBanner---variant_warning","--variant_error":"bds271NotificationBanner---variant_error","content":"bds271NotificationBanner-content","action":"bds271NotificationBanner-action","dismiss":"bds271NotificationBanner-dismiss"};
+var NotificationBanner_default = {"component":"bds2110NotificationBanner-component","banner":"bds2110NotificationBanner-banner","--variant_info":"bds2110NotificationBanner---variant_info","--variant_success":"bds2110NotificationBanner---variant_success","--variant_warning":"bds2110NotificationBanner---variant_warning","--variant_error":"bds2110NotificationBanner---variant_error","content":"bds2110NotificationBanner-content","action":"bds2110NotificationBanner-action","dismiss":"bds2110NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
-var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function NotificationBanner({
   variant = "info",
   children,
@@ -595,25 +932,25 @@ function NotificationBanner({
   ...rest
 }) {
   const isUrgent = variant === "error" || variant === "warning";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       ...rest,
       role: isUrgent ? "alert" : "status",
       "aria-live": isUrgent ? "assertive" : "polite",
       "aria-atomic": "true",
-      className: (0, import_design_system_foundation12.cn)(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation14.cn)(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: NotificationBanner_default.content, children }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: NotificationBanner_default.action, children: action }),
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: NotificationBanner_default.content, children }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: NotificationBanner_default.action, children: action }),
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
             className: NotificationBanner_default.dismiss,
             onClick: onDismiss,
             "aria-label": "Dismiss notification",
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         )
       ]
@@ -622,11 +959,11 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"component":"bds271Pagination-component","pagination":"bds271Pagination-pagination","list":"bds271Pagination-list","button":"bds271Pagination-button","--active":"bds271Pagination---active","--nav":"bds271Pagination---nav","ellipsis":"bds271Pagination-ellipsis"};
+var Pagination_default = {"component":"bds2110Pagination-component","pagination":"bds2110Pagination-pagination","list":"bds2110Pagination-list","button":"bds2110Pagination-button","--active":"bds2110Pagination---active","--nav":"bds2110Pagination---nav","ellipsis":"bds2110Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
-var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function getPageRange(current, total) {
   const delta = 1;
   const range = [];
@@ -647,24 +984,24 @@ function Pagination({
   ...rest
 }) {
   const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("nav", { ...rest, "aria-label": "Pagination", className: (0, import_design_system_foundation13.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("ul", { className: Pagination_default.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { ...rest, "aria-label": "Pagination", className: (0, import_design_system_foundation15.cn)(Pagination_default.pagination, className), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("ul", { className: Pagination_default.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation13.cn)(Pagination_default.button, Pagination_default["--nav"]),
+        className: (0, import_design_system_foundation15.cn)(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage <= 1,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
       }
     ) }),
     pages.map(
-      (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "button",
         {
           type: "button",
-          className: (0, import_design_system_foundation13.cn)(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
+          className: (0, import_design_system_foundation15.cn)(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
           onClick: () => onPageChange(page),
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
@@ -672,26 +1009,26 @@ function Pagination({
         }
       ) }, page)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
       {
         type: "button",
-        className: (0, import_design_system_foundation13.cn)(Pagination_default.button, Pagination_default["--nav"]),
+        className: (0, import_design_system_foundation15.cn)(Pagination_default.button, Pagination_default["--nav"]),
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage >= totalPages,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     ) })
   ] }) });
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"component":"bds271Progress-component","container":"bds271Progress-container","labelRow":"bds271Progress-labelRow","value":"bds271Progress-value","track":"bds271Progress-track","--size_small":"bds271Progress---size_small","--size_medium":"bds271Progress---size_medium","--size_large":"bds271Progress---size_large","fill":"bds271Progress-fill"};
+var Progress_default = {"component":"bds2110Progress-component","container":"bds2110Progress-container","labelRow":"bds2110Progress-labelRow","value":"bds2110Progress-value","track":"bds2110Progress-track","--size_small":"bds2110Progress---size_small","--size_medium":"bds2110Progress---size_medium","--size_large":"bds2110Progress---size_large","fill":"bds2110Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
-var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Progress({
   value,
   max = 100,
@@ -702,35 +1039,35 @@ function Progress({
   ...rest
 }) {
   const percentage = Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ...rest, className: (0, import_design_system_foundation14.cn)(Progress_default.container, className), children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: Progress_default.labelRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: Progress_default.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: Progress_default.value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { ...rest, className: (0, import_design_system_foundation16.cn)(Progress_default.container, className), children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: Progress_default.labelRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: Progress_default.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: Progress_default.value, children: [
         Math.round(percentage),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         role: "progressbar",
         "aria-label": label,
-        "aria-valuenow": value,
+        "aria-valuenow": Math.min(max, Math.max(0, value)),
         "aria-valuemin": 0,
         "aria-valuemax": max,
-        className: (0, import_design_system_foundation14.cn)(Progress_default.track, Progress_default[`--size_${size}`]),
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
+        className: (0, import_design_system_foundation16.cn)(Progress_default.track, Progress_default[`--size_${size}`]),
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: Progress_default.fill, style: { inlineSize: `${percentage}%` } })
       }
     )
   ] });
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"component":"bds271ProgressCircle-component","wrapper":"bds271ProgressCircle-wrapper","svg":"bds271ProgressCircle-svg","track":"bds271ProgressCircle-track","fill":"bds271ProgressCircle-fill","value":"bds271ProgressCircle-value","--size_small":"bds271ProgressCircle---size_small","--size_medium":"bds271ProgressCircle---size_medium","--size_large":"bds271ProgressCircle---size_large"};
+var ProgressCircle_default = {"component":"bds2110ProgressCircle-component","wrapper":"bds2110ProgressCircle-wrapper","svg":"bds2110ProgressCircle-svg","track":"bds2110ProgressCircle-track","fill":"bds2110ProgressCircle-fill","value":"bds2110ProgressCircle-value","--size_small":"bds2110ProgressCircle---size_small","--size_medium":"bds2110ProgressCircle---size_medium","--size_large":"bds2110ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
-var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var SIZE_PX = { small: 40, medium: 64, large: 96 };
 var STROKE_WIDTH = 4;
 function ProgressCircle({
@@ -748,18 +1085,18 @@ function ProgressCircle({
   const circumference = 2 * Math.PI * radius;
   const offset = circumference - percentage / 100 * circumference;
   const cx = px / 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       ...rest,
       role: "progressbar",
       "aria-label": label,
-      "aria-valuenow": value,
+      "aria-valuenow": Math.min(max, Math.max(0, value)),
       "aria-valuemin": 0,
       "aria-valuemax": max,
-      className: (0, import_design_system_foundation15.cn)(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
+      className: (0, import_design_system_foundation17.cn)(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "svg",
           {
             width: px,
@@ -768,7 +1105,7 @@ function ProgressCircle({
             "aria-hidden": "true",
             className: ProgressCircle_default.svg,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "circle",
                 {
                   className: ProgressCircle_default.track,
@@ -779,7 +1116,7 @@ function ProgressCircle({
                   fill: "none"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "circle",
                 {
                   className: ProgressCircle_default.fill,
@@ -797,7 +1134,7 @@ function ProgressCircle({
             ]
           }
         ),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
           Math.round(percentage),
           "%"
         ] })
@@ -807,54 +1144,57 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"component":"bds271Separator-component","separator":"bds271Separator-separator","--horizontal":"bds271Separator---horizontal","--vertical":"bds271Separator---vertical"};
+var Separator_default = {"component":"bds2110Separator-component","separator":"bds2110Separator-separator","--horizontal":"bds2110Separator---horizontal","--vertical":"bds2110Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
-var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Separator({ orientation = "horizontal", className, ...rest }) {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         ...rest,
         role: "separator",
         "aria-orientation": "vertical",
-        className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--vertical"], className)
+        className: (0, import_design_system_foundation18.cn)(Separator_default.separator, Separator_default["--vertical"], className)
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("hr", { ...rest, "aria-orientation": "horizontal", className: (0, import_design_system_foundation16.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("hr", { ...rest, "aria-orientation": "horizontal", className: (0, import_design_system_foundation18.cn)(Separator_default.separator, Separator_default["--horizontal"], className) });
 }
 
 // src/components/ui/Skeleton/Skeleton.tsx
-var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"component":"bds271Skeleton-component","skeleton":"bds271Skeleton-skeleton"};
+var Skeleton_default = {"component":"bds2110Skeleton-component","skeleton":"bds2110Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Skeleton({ className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ...rest, "aria-hidden": "true", className: (0, import_design_system_foundation17.cn)(Skeleton_default.skeleton, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ...rest, "aria-hidden": "true", className: (0, import_design_system_foundation19.cn)(Skeleton_default.skeleton, className) });
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"component":"bds271SkipLink-component","skipLink":"bds271SkipLink-skipLink"};
+var SkipLink_default = {"component":"bds2110SkipLink-component","skipLink":"bds2110SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
-var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function SkipLink({ href = "#main", children = "Skip to main content", className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { ...rest, href, className: (0, import_design_system_foundation18.cn)(SkipLink_default.skipLink, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("a", { ...rest, href, className: (0, import_design_system_foundation20.cn)(SkipLink_default.skipLink, className), children });
 }
 
+// src/components/ui/Table/Table.tsx
+var import_react5 = require("react");
+
 // src/components/ui/Table/Table.module.css
-var Table_default = {"component":"bds271Table-component","wrapper":"bds271Table-wrapper","table":"bds271Table-table","caption":"bds271Table-caption","thead":"bds271Table-thead","th":"bds271Table-th","--sortable":"bds271Table---sortable","sortButton":"bds271Table-sortButton","sortIcon":"bds271Table-sortIcon","--sort-active":"bds271Table---sort-active","--sort-desc":"bds271Table---sort-desc","tbody":"bds271Table-tbody","tr":"bds271Table-tr","td":"bds271Table-td"};
+var Table_default = {"component":"bds2110Table-component","wrapper":"bds2110Table-wrapper","table":"bds2110Table-table","caption":"bds2110Table-caption","thead":"bds2110Table-thead","th":"bds2110Table-th","--sortable":"bds2110Table---sortable","sortButton":"bds2110Table-sortButton","sortIcon":"bds2110Table-sortIcon","--sort-active":"bds2110Table---sort-active","--sort-desc":"bds2110Table---sort-desc","tbody":"bds2110Table-tbody","tr":"bds2110Table-tr","td":"bds2110Table-td"};
 
 // src/components/ui/Table/Table.tsx
-var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Table({
   columns,
   rows,
@@ -862,8 +1202,14 @@ function Table({
   sortKey,
   sortDirection,
   onSort,
-  className
+  rowKey,
+  className,
+  ...rest
 }) {
+  const generatedId = (0, import_react5.useId)();
+  const captionId = caption ? `${generatedId}-caption` : void 0;
+  const hasCustomLabel = "aria-label" in rest || "aria-labelledby" in rest;
+  const hasAccessibleName = Boolean(caption) || hasCustomLabel;
   const handleSort = (key) => {
     if (!onSort) return;
     const nextDirection = sortKey === key && sortDirection === "asc" ? "desc" : "asc";
@@ -873,62 +1219,81 @@ function Table({
     if (sortKey !== key) return "none";
     return sortDirection === "asc" ? "ascending" : "descending";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: (0, import_design_system_foundation19.cn)(Table_default.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: Table_default.table, children: [
-    caption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("caption", { className: Table_default.caption, children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { className: Table_default.thead, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      "th",
-      {
-        scope: "col",
-        "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
-        className: (0, import_design_system_foundation19.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
-        children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-          "button",
+  const getSortAriaLabel = (col) => {
+    const label = col.sortLabel ?? (typeof col.header === "string" ? col.header : void 0);
+    if (!label) return void 0;
+    const stateSuffix = sortKey === col.key ? `, currently ${sortDirection === "asc" ? "ascending" : "descending"}` : "";
+    return `Sort by ${label}${stateSuffix}`;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      ...rest,
+      className: (0, import_design_system_foundation21.cn)(Table_default.wrapper, className),
+      tabIndex: rest.tabIndex ?? 0,
+      role: hasAccessibleName ? "region" : void 0,
+      "aria-labelledby": hasCustomLabel ? rest["aria-labelledby"] : captionId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: Table_default.table, children: [
+        caption && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("caption", { id: captionId, className: Table_default.caption, children: caption }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { className: Table_default.thead, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "th",
           {
-            type: "button",
-            className: Table_default.sortButton,
-            onClick: () => handleSort(col.key),
-            "aria-label": `Sort by ${String(col.header)}${sortKey === col.key ? `, currently ${sortDirection === "asc" ? "ascending" : "descending"}` : ""}`,
-            children: [
-              col.header,
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                "svg",
-                {
-                  "aria-hidden": "true",
-                  className: (0, import_design_system_foundation19.cn)(
-                    Table_default.sortIcon,
-                    sortKey === col.key ? Table_default["--sort-active"] : void 0,
-                    sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
-                  ),
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
-                }
-              )
-            ]
-          }
-        ) : col.header
-      },
-      col.key
-    )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, JSON.stringify(row) || rowIndex)) })
-  ] }) });
+            scope: "col",
+            "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
+            className: (0, import_design_system_foundation21.cn)(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
+            children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: Table_default.sortButton,
+                onClick: () => handleSort(col.key),
+                "aria-label": getSortAriaLabel(col),
+                children: [
+                  col.header,
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    "svg",
+                    {
+                      "aria-hidden": "true",
+                      className: (0, import_design_system_foundation21.cn)(
+                        Table_default.sortIcon,
+                        sortKey === col.key ? Table_default["--sort-active"] : void 0,
+                        sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
+                      ),
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+                    }
+                  )
+                ]
+              }
+            ) : col.header
+          },
+          col.key
+        )) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowKey?.(row, rowIndex) ?? rowIndex)) })
+      ] })
+    }
+  );
 }
 
 // src/components/ui/Tabs/Tabs.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"component":"bds271Tabs-component","tabs":"bds271Tabs-tabs","tabList":"bds271Tabs-tabList","tab":"bds271Tabs-tab","--active":"bds271Tabs---active","panel":"bds271Tabs-panel"};
+var Tabs_default = {"component":"bds2110Tabs-component","tabs":"bds2110Tabs-tabs","tabList":"bds2110Tabs-tabList","tab":"bds2110Tabs-tab","--active":"bds2110Tabs---active","panel":"bds2110Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
-var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Tabs({ tabs, defaultTab, className, ...rest }) {
-  const baseId = (0, import_react4.useId)();
-  const [activeTab, setActiveTab] = (0, import_react4.useState)(defaultTab ?? tabs[0]?.id);
-  const tabRefs = (0, import_react4.useRef)([]);
+  const baseId = (0, import_react6.useId)();
+  const [activeTab, setActiveTab] = (0, import_react6.useState)(() => {
+    const initialTab = tabs.find((tab) => tab.id === defaultTab && !tab.disabled) ?? tabs.find((tab) => !tab.disabled);
+    return initialTab?.id;
+  });
+  const tabRefs = (0, import_react6.useRef)([]);
   const enabledIndexes = tabs.map((tab, i) => ({ tab, i })).filter(({ tab }) => !tab.disabled).map(({ i }) => i);
   const handleKeyDown = (e, index) => {
     const pos = enabledIndexes.indexOf(index);
@@ -950,12 +1315,12 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
       focusAt(enabledIndexes[enabledIndexes.length - 1]);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ...rest, className: (0, import_design_system_foundation20.cn)(Tabs_default.tabs, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { ...rest, className: (0, import_design_system_foundation22.cn)(Tabs_default.tabs, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
       const isActive = activeTab === tab.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "button",
         {
           ref: (el) => {
@@ -968,7 +1333,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
           "aria-controls": panelId,
           tabIndex: isActive ? 0 : -1,
           disabled: tab.disabled,
-          className: (0, import_design_system_foundation20.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
+          className: (0, import_design_system_foundation22.cn)(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
           onClick: () => setActiveTab(tab.id),
           onKeyDown: (e) => handleKeyDown(e, i),
           children: tab.label
@@ -980,13 +1345,14 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
       const tabId = `${baseId}-tab-${tab.id}`;
       const panelId = `${baseId}-panel-${tab.id}`;
       const isActive = activeTab === tab.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "div",
         {
           id: panelId,
           role: "tabpanel",
           "aria-labelledby": tabId,
           hidden: !isActive,
+          tabIndex: 0,
           className: Tabs_default.panel,
           children: tab.content
         },
@@ -997,14 +1363,14 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
 }
 
 // src/components/ui/Tooltip/Tooltip.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"component":"bds271Tooltip-component","wrapper":"bds271Tooltip-wrapper","tooltip":"bds271Tooltip-tooltip","--placement_top":"bds271Tooltip---placement_top","--placement_bottom":"bds271Tooltip---placement_bottom","--placement_left":"bds271Tooltip---placement_left","--placement_right":"bds271Tooltip---placement_right"};
+var Tooltip_default = {"component":"bds2110Tooltip-component","wrapper":"bds2110Tooltip-wrapper","tooltip":"bds2110Tooltip-tooltip","--visible":"bds2110Tooltip---visible","--placement_top":"bds2110Tooltip---placement_top","--placement_bottom":"bds2110Tooltip---placement_bottom","--placement_left":"bds2110Tooltip---placement_left","--placement_right":"bds2110Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
-var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Tooltip({
   content,
   placement = "top",
@@ -1012,29 +1378,37 @@ function Tooltip({
   className,
   ...rest
 }) {
-  const tooltipId = (0, import_react5.useId)();
-  const [isVisible, setIsVisible] = (0, import_react5.useState)(false);
-  const trigger = (0, import_react5.isValidElement)(children) ? (0, import_react5.cloneElement)(children, {
+  const tooltipId = (0, import_react7.useId)();
+  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const show = () => setIsVisible(true);
+  const hide = () => setIsVisible(false);
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape" && isVisible) {
+      hide();
+    }
+  };
+  const trigger = (0, import_react7.isValidElement)(children) ? (0, import_react7.cloneElement)(children, {
     "aria-describedby": tooltipId
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "span",
     {
       ...rest,
-      className: (0, import_design_system_foundation21.cn)(Tooltip_default.wrapper, className),
-      onMouseEnter: () => setIsVisible(true),
-      onMouseLeave: () => setIsVisible(false),
-      onFocus: () => setIsVisible(true),
-      onBlur: () => setIsVisible(false),
+      className: (0, import_design_system_foundation23.cn)(Tooltip_default.wrapper, className),
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      onKeyDown: handleKeyDown,
       children: [
         trigger,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "span",
           {
             id: tooltipId,
             role: "tooltip",
-            "aria-hidden": !isVisible,
-            className: (0, import_design_system_foundation21.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
+            hidden: !isVisible,
+            className: (0, import_design_system_foundation23.cn)(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`], isVisible && Tooltip_default["--visible"]),
             children: content
           }
         )
@@ -1044,11 +1418,11 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"component":"bds271Typography-component","typography":"bds271Typography-typography","--h1":"bds271Typography---h1","--h2":"bds271Typography---h2","--h3":"bds271Typography---h3","--body":"bds271Typography---body","--body_s":"bds271Typography---body_s"};
+var Typography_default = {"component":"bds2110Typography-component","typography":"bds2110Typography-typography","--h1":"bds2110Typography---h1","--h2":"bds2110Typography---h2","--h3":"bds2110Typography---h3","--body":"bds2110Typography---body","--body_s":"bds2110Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
-var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var variantToElement = {
   h1: "h1",
   h2: "h2",
@@ -1058,15 +1432,15 @@ var variantToElement = {
 };
 function Typography({ variant = "body", component, children, className, ...rest }) {
   const Component = component || variantToElement[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { ...rest, className: (0, import_design_system_foundation22.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Component, { ...rest, className: (0, import_design_system_foundation24.cn)(Typography_default.typography, Typography_default[`--${variant}`], className), children });
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"component":"bds271Button-component","button":"bds271Button-button","--default":"bds271Button---default","--outline":"bds271Button---outline","--ghost":"bds271Button---ghost","--size_small":"bds271Button---size_small","--size_medium":"bds271Button---size_medium","--size_large":"bds271Button---size_large","--hasPulse":"bds271Button---hasPulse","iconStart":"bds271Button-iconStart","iconEnd":"bds271Button-iconEnd","--iconOnly":"bds271Button---iconOnly"};
+var Button_default = {"component":"bds2110Button-component","button":"bds2110Button-button","--default":"bds2110Button---default","--outline":"bds2110Button---outline","--ghost":"bds2110Button---ghost","--size_small":"bds2110Button---size_small","--size_medium":"bds2110Button---size_medium","--size_large":"bds2110Button---size_large","--hasPulse":"bds2110Button---hasPulse","iconStart":"bds2110Button-iconStart","iconEnd":"bds2110Button-iconEnd","--iconOnly":"bds2110Button---iconOnly"};
 
 // src/components/interaction/Button/Button.tsx
-var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Button({
   children,
   className,
@@ -1084,7 +1458,7 @@ function Button({
   onClick,
   ...rest
 }) {
-  const classNames = (0, import_design_system_foundation23.cn)(
+  const classNames = (0, import_design_system_foundation25.cn)(
     Button_default.button,
     Button_default[`--${variant}`],
     Button_default[`--size_${size}`],
@@ -1102,15 +1476,16 @@ function Button({
   const handleButtonClick = (e) => {
     onClick?.(e);
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    Boolean(iconStart) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Button_default.iconStart, children: iconStart }),
+  const content = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    Boolean(iconStart) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: Button_default.iconStart, children: iconStart }),
     children,
-    Boolean(iconEnd) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Button_default.iconEnd, children: iconEnd })
+    Boolean(iconEnd) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: Button_default.iconEnd, children: iconEnd })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "a",
       {
+        ...rest,
         className: classNames,
         href: disabled ? void 0 : href,
         target,
@@ -1118,26 +1493,25 @@ function Button({
         "aria-disabled": disabled,
         tabIndex: disabled ? -1 : void 0,
         onClick: handleAnchorClick,
-        ...rest,
         children: content
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "button",
     {
+      ...rest,
       type,
       className: classNames,
       disabled,
       onClick: handleButtonClick,
-      ...rest,
       children: content
     }
   );
 }
 
 // src/components/interaction/Command/Command.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/polyfill-invoker-commands.ts
 var installed = false;
@@ -1179,11 +1553,11 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"component":"bds271Command-component","dialog":"bds271Command-dialog","palette":"bds271Command-palette","searchRow":"bds271Command-searchRow","searchIcon":"bds271Command-searchIcon","search":"bds271Command-search","escHint":"bds271Command-escHint","list":"bds271Command-list","groupList":"bds271Command-groupList","group":"bds271Command-group","item":"bds271Command-item","itemActive":"bds271Command-itemActive","itemLabel":"bds271Command-itemLabel","itemDesc":"bds271Command-itemDesc","shortcut":"bds271Command-shortcut","empty":"bds271Command-empty"};
+var Command_default = {"component":"bds2110Command-component","dialog":"bds2110Command-dialog","palette":"bds2110Command-palette","searchRow":"bds2110Command-searchRow","searchIcon":"bds2110Command-searchIcon","search":"bds2110Command-search","escHint":"bds2110Command-escHint","list":"bds2110Command-list","groupList":"bds2110Command-groupList","group":"bds2110Command-group","item":"bds2110Command-item","itemActive":"bds2110Command-itemActive","itemLabel":"bds2110Command-itemLabel","itemDesc":"bds2110Command-itemDesc","shortcut":"bds2110Command-shortcut","empty":"bds2110Command-empty","srOnly":"bds2110Command-srOnly"};
 
 // src/components/interaction/Command/Command.tsx
-var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
 function Command({
   id: idProp,
@@ -1195,20 +1569,20 @@ function Command({
   className,
   ...rest
 }) {
-  const [query, setQuery] = (0, import_react6.useState)("");
-  const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
-  const generatedId = (0, import_react6.useId)();
+  const [query, setQuery] = (0, import_react8.useState)("");
+  const [activeIndex, setActiveIndex] = (0, import_react8.useState)(0);
+  const generatedId = (0, import_react8.useId)();
   const dialogId = idProp ?? generatedId;
-  const dialogRef = (0, import_react6.useRef)(null);
-  const inputRef = (0, import_react6.useRef)(null);
-  const listboxId = (0, import_react6.useId)();
-  const filtered = (0, import_react6.useMemo)(() => {
+  const dialogRef = (0, import_react8.useRef)(null);
+  const inputRef = (0, import_react8.useRef)(null);
+  const listboxId = (0, import_react8.useId)();
+  const filtered = (0, import_react8.useMemo)(() => {
     const q = query.toLowerCase().trim();
     return q ? items.filter(
       (item) => item.label.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q)
     ) : items;
   }, [query, items]);
-  const groups = (0, import_react6.useMemo)(() => {
+  const groups = (0, import_react8.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     filtered.forEach((item) => {
       const g = item.group ?? "";
@@ -1218,8 +1592,8 @@ function Command({
     });
     return map;
   }, [filtered]);
-  const triggerRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const triggerRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1238,10 +1612,10 @@ function Command({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setActiveIndex(0);
   }, [query]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1275,8 +1649,11 @@ function Command({
       setActiveIndex((i) => Math.max(i - 1, 0));
     } else if (e.key === "Enter") {
       e.preventDefault();
-      filtered[activeIndex]?.onSelect();
-      onClose();
+      const item = filtered[activeIndex];
+      if (item) {
+        item.onSelect();
+        onClose();
+      }
     } else if (e.key === "Escape") {
       onClose();
     }
@@ -1285,28 +1662,29 @@ function Command({
     item.onSelect();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "dialog",
     {
       ...rest,
       ref: dialogRef,
       id: dialogId,
-      className: (0, import_design_system_foundation24.cn)(Command_default.dialog, className),
+      className: (0, import_design_system_foundation26.cn)(Command_default.dialog, className),
       "aria-label": "Command palette",
       "aria-modal": "true",
       onCancel: handleCancel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.searchRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Command_default.searchRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "input",
             {
               ref: inputRef,
               type: "search",
               role: "combobox",
+              "aria-label": "Search commands",
               "aria-expanded": filtered.length > 0,
               "aria-controls": listboxId,
               "aria-autocomplete": "list",
@@ -1317,32 +1695,33 @@ function Command({
               onChange: (e) => setQuery(e.target.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: Command_default.escHint, children: "Esc" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: Command_default.escHint, children: "Esc" })
         ] }),
-        filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { role: "presentation", children: [
-          group && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: Command_default.group, role: "presentation", children: group }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Command_default.srOnly, "aria-live": "polite", children: filtered.length === 0 ? `Nothing matches \u201C${query}\u201D` : "" }),
+        filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("li", { role: "presentation", children: [
+          group && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Command_default.group, role: "presentation", children: group }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
             const flatIndex = filtered.indexOf(item);
             const isActive = flatIndex === activeIndex;
-            return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               "li",
               {
                 id: `cmd-${item.id}`,
                 role: "option",
                 "aria-selected": isActive,
-                className: (0, import_design_system_foundation24.cn)(Command_default.item, isActive && Command_default.itemActive),
+                className: (0, import_design_system_foundation26.cn)(Command_default.item, isActive && Command_default.itemActive),
                 onPointerDown: (e) => e.preventDefault(),
                 onClick: () => selectItem(item),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: Command_default.itemLabel, children: item.label }),
-                  item.description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: Command_default.itemDesc, children: item.description }),
-                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("kbd", { className: Command_default.shortcut, children: item.shortcut })
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: Command_default.itemLabel, children: item.label }),
+                  item.description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: Command_default.itemDesc, children: item.description }),
+                  item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: Command_default.shortcut, children: item.shortcut })
                 ]
               },
               item.id
             );
           }) })
-        ] }, group)) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: Command_default.empty, "aria-live": "polite", children: [
+        ] }, group)) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Command_default.empty, children: [
           "No results for \u201C",
           query,
           "\u201D"
@@ -1353,22 +1732,22 @@ function Command({
 }
 
 // src/components/interaction/Dialog/Dialog.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"component":"bds271Dialog-component","dialog":"bds271Dialog-dialog","dialogContent":"bds271Dialog-dialogContent","closeButton":"bds271Dialog-closeButton"};
+var Dialog_default = {"component":"bds2110Dialog-component","dialog":"bds2110Dialog-dialog","dialogContent":"bds2110Dialog-dialogContent","closeButton":"bds2110Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
-var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose, ...rest }) {
-  const generatedId = (0, import_react7.useId)();
+  const generatedId = (0, import_react9.useId)();
   const id = idProp ?? generatedId;
-  const dialogRef = (0, import_react7.useRef)(null);
-  const triggerRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const dialogRef = (0, import_react9.useRef)(null);
+  const triggerRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1384,7 +1763,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1406,8 +1785,10 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
     if (e.target === dialogRef.current) onClose?.();
   };
   const handleCancel = (e) => {
-    e.preventDefault();
-    onClose?.();
+    if (onClose) {
+      e.preventDefault();
+      onClose();
+    }
   };
   const handleKeyDown = (e) => {
     if (e.key !== "Tab") return;
@@ -1429,19 +1810,19 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "dialog",
     {
       ...rest,
       ref: dialogRef,
       id,
-      className: (0, import_design_system_foundation25.cn)(className, Dialog_default.dialog),
+      className: (0, import_design_system_foundation27.cn)(className, Dialog_default.dialog),
       "aria-modal": "true",
       onClick: handleBackdropClick,
       onCancel: handleCancel,
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             type: "button",
@@ -1449,25 +1830,26 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
             commandfor: id,
             command: "close",
             "aria-label": "Close dialog",
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: Dialog_default.dialogContent, children })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: Dialog_default.dialogContent, children })
       ]
     }
   );
 }
 
 // src/components/interaction/Drawer/Drawer.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"component":"bds271Drawer-component","drawer":"bds271Drawer-drawer","--side_left":"bds271Drawer---side_left","header":"bds271Drawer-header","closeButton":"bds271Drawer-closeButton","body":"bds271Drawer-body"};
+var Drawer_default = {"component":"bds2110Drawer-component","drawer":"bds2110Drawer-drawer","--side_left":"bds2110Drawer---side_left","header":"bds2110Drawer-header","closeButton":"bds2110Drawer-closeButton","body":"bds2110Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
-var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
+var FOCUSABLE_SELECTOR2 = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function Drawer({
   id: idProp,
   isOpen,
@@ -1479,11 +1861,13 @@ function Drawer({
   className,
   ...rest
 }) {
-  const generatedId = (0, import_react8.useId)();
+  const generatedId = (0, import_react10.useId)();
   const id = idProp ?? generatedId;
-  const dialogRef = (0, import_react8.useRef)(null);
-  const triggerRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const titleId = (0, import_react10.useId)();
+  const hasCustomLabel = "aria-label" in rest || "aria-labelledby" in rest;
+  const dialogRef = (0, import_react10.useRef)(null);
+  const triggerRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     if (isOpen && !dialog.open) {
@@ -1499,7 +1883,7 @@ function Drawer({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
     const handleCommand = (e) => {
@@ -1513,35 +1897,53 @@ function Drawer({
         setTimeout(() => trigger?.focus(), 0);
         onClose();
       }
-    };
-    dialog.addEventListener("command", handleCommand);
-    return () => dialog.removeEventListener("command", handleCommand);
-  }, [onOpen, onClose]);
-  const handleClick = (e) => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    const rect = dialog.getBoundingClientRect();
-    const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
-    if (outside) onClose();
-  };
-  const handleCancel = (e) => {
-    e.preventDefault();
-    onClose();
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
+  const handleBackdropClick = (e) => {
+    if (e.target === dialogRef.current) onClose();
+  };
+  const handleCancel = (e) => {
+    e.preventDefault();
+    onClose();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key !== "Tab") return;
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const focusable = Array.from(dialog.querySelectorAll(FOCUSABLE_SELECTOR2));
+    if (focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    if (e.shiftKey) {
+      if (document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      }
+    } else {
+      if (document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "dialog",
     {
       ...rest,
       ref: dialogRef,
       id,
-      className: (0, import_design_system_foundation26.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
+      className: (0, import_design_system_foundation28.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
       "aria-modal": "true",
-      onClick: handleClick,
+      "aria-labelledby": hasCustomLabel ? rest["aria-labelledby"] : title ? titleId : void 0,
+      onClick: handleBackdropClick,
       onCancel: handleCancel,
+      onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.header, children: [
-          !!title && title,
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: Drawer_default.header, children: [
+          !!title && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { id: titleId, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "button",
             {
               type: "button",
@@ -1549,25 +1951,25 @@ function Drawer({
               commandfor: id,
               command: "close",
               "aria-label": "Close drawer",
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Drawer_default.body, children })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: Drawer_default.body, children })
       ]
     }
   );
 }
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"component":"bds271DropdownMenu-component","wrapper":"bds271DropdownMenu-wrapper","menu":"bds271DropdownMenu-menu","--placement_bottom-start":"bds271DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds271DropdownMenu---placement_bottom-end","separator":"bds271DropdownMenu-separator","item":"bds271DropdownMenu-item","icon":"bds271DropdownMenu-icon"};
+var DropdownMenu_default = {"component":"bds2110DropdownMenu-component","wrapper":"bds2110DropdownMenu-wrapper","menu":"bds2110DropdownMenu-menu","--placement_bottom-start":"bds2110DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2110DropdownMenu---placement_bottom-end","separator":"bds2110DropdownMenu-separator","item":"bds2110DropdownMenu-item","icon":"bds2110DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
-var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function DropdownMenu({
   trigger,
   items,
@@ -1575,26 +1977,36 @@ function DropdownMenu({
   className,
   ...rest
 }) {
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
-  const containerRef = (0, import_react9.useRef)(null);
-  const menuId = (0, import_react9.useId)();
-  const itemRefs = (0, import_react9.useRef)([]);
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
+  const containerRef = (0, import_react11.useRef)(null);
+  const menuId = (0, import_react11.useId)();
+  const itemRefs = (0, import_react11.useRef)([]);
+  const triggerRef = (0, import_react11.useRef)(null);
   const open = () => {
+    triggerRef.current = document.activeElement;
     setIsOpen(true);
   };
-  const close = () => setIsOpen(false);
-  (0, import_react9.useEffect)(() => {
+  const close = (restoreFocus = false) => {
+    setIsOpen(false);
+    if (restoreFocus) {
+      triggerRef.current?.focus();
+    }
+  };
+  (0, import_react11.useEffect)(() => {
     if (isOpen) {
-      itemRefs.current[0]?.focus();
+      const firstEnabledIndex = items.findIndex((item) => !item.disabled);
+      if (firstEnabledIndex !== -1) {
+        itemRefs.current[firstEnabledIndex]?.focus();
+      }
     }
   }, [isOpen]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (e) => {
       if (!containerRef.current?.contains(e.target)) close();
     };
     const handleKeyDown = (e) => {
-      if (e.key === "Escape") close();
+      if (e.key === "Escape") close(true);
     };
     document.addEventListener("pointerdown", handlePointerDown);
     document.addEventListener("keydown", handleKeyDown);
@@ -1622,7 +2034,7 @@ function DropdownMenu({
       close();
     }
   };
-  const triggerEl = (0, import_react9.isValidElement)(trigger) ? (0, import_react9.cloneElement)(trigger, {
+  const triggerEl = (0, import_react11.isValidElement)(trigger) ? (0, import_react11.cloneElement)(trigger, {
     "aria-haspopup": "menu",
     "aria-expanded": isOpen,
     "aria-controls": menuId,
@@ -1636,17 +2048,17 @@ function DropdownMenu({
       if (typeof existingOnClick === "function") existingOnClick(e);
     }
   }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ...rest, ref: containerRef, className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { ...rest, ref: containerRef, className: (0, import_design_system_foundation29.cn)(DropdownMenu_default.wrapper, className), children: [
     triggerEl,
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "ul",
       {
         id: menuId,
         role: "menu",
-        className: (0, import_design_system_foundation27.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
-        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { role: "presentation", children: [
-          item.separator && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        className: (0, import_design_system_foundation29.cn)(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
+        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("li", { role: "presentation", children: [
+          item.separator && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("hr", { className: DropdownMenu_default.separator, role: "separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             "button",
             {
               ref: (el) => {
@@ -1658,11 +2070,11 @@ function DropdownMenu({
               className: DropdownMenu_default.item,
               onClick: () => {
                 item.onClick?.();
-                close();
+                close(true);
               },
               onKeyDown: (e) => handleItemKeyDown(e, index),
               children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
                 item.label
               ]
             }
@@ -1674,14 +2086,14 @@ function DropdownMenu({
 }
 
 // src/components/interaction/Popover/Popover.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"component":"bds271Popover-component","wrapper":"bds271Popover-wrapper","panel":"bds271Popover-panel","g":"bds271Popover-g"};
+var Popover_default = {"component":"bds2110Popover-component","wrapper":"bds2110Popover-wrapper","panel":"bds2110Popover-panel","g":"bds2110Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
-var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 installInvokerCommandsPolyfill();
 if (typeof window !== "undefined" && !(typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --a"))) {
   import("@oddbird/css-anchor-positioning").catch(() => {
@@ -1695,13 +2107,13 @@ function Popover({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
-  const containerRef = (0, import_react10.useRef)(null);
-  const panelRef = (0, import_react10.useRef)(null);
-  const rawId = (0, import_react10.useId)();
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const containerRef = (0, import_react12.useRef)(null);
+  const panelRef = (0, import_react12.useRef)(null);
+  const rawId = (0, import_react12.useId)();
   const anchorName = `--popover-${rawId.replace(/\W/g, "") || "a"}`;
   const panelId = rawId;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const panel = panelRef.current;
     if (!panel) return;
     const handleToggle = (e) => {
@@ -1710,7 +2122,7 @@ function Popover({
     panel.addEventListener("toggle", handleToggle);
     return () => panel.removeEventListener("toggle", handleToggle);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const handleScroll = () => {
       const rect = containerRef.current?.getBoundingClientRect();
@@ -1727,10 +2139,9 @@ function Popover({
       window.removeEventListener("resize", handleScroll);
     };
   }, [isOpen]);
-  const trigger = (0, import_react10.isValidElement)(children) ? (0, import_react10.cloneElement)(children, {
+  const trigger = (0, import_react12.isValidElement)(children) ? (0, import_react12.cloneElement)(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
-    "aria-haspopup": true,
     commandfor: panelId,
     command: "toggle-popover",
     style: {
@@ -1738,13 +2149,25 @@ function Popover({
       anchorName
     },
     // Forward any existing onClick on the child (for custom side-effects).
-    // Do NOT add our own toggle here — commandfor/command handles it to
-    // avoid a double-toggle when both onClick and invoker fire.
-    onClick: children.props.onClick
+    // commandfor/command handles the toggle when the trigger renders a
+    // native <button> — don't also toggle there (avoids a double-toggle).
+    // Invoker commands are spec-limited to <button>, so when the actual
+    // rendered element isn't one (e.g. a plain <a> or a custom non-button
+    // Link), fall back to an explicit togglePopover() call instead of
+    // silently going dead. Checked on the DOM node (event.currentTarget),
+    // not the React element type, so wrapper components that forward
+    // props onto an inner <button> (e.g. this library's Button) still
+    // take the native path.
+    onClick: (event) => {
+      children.props.onClick?.(event);
+      if (!(event.currentTarget instanceof HTMLButtonElement)) {
+        panelRef.current?.togglePopover();
+      }
+    }
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { ...rest, ref: containerRef, className: (0, import_design_system_foundation28.cn)(Popover_default.wrapper, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { ...rest, ref: containerRef, className: (0, import_design_system_foundation30.cn)(Popover_default.wrapper, className), children: [
     trigger,
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         ref: panelRef,
@@ -1762,27 +2185,27 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"component":"bds271Rating-component","rating":"bds271Rating-rating","star":"bds271Rating-star","--filled":"bds271Rating---filled"};
+var Rating_default = {"component":"bds2110Rating-component","rating":"bds2110Rating-rating","star":"bds2110Rating-star","--filled":"bds2110Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
-var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Rating({ value, max = 5, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       ...rest,
-      className: (0, import_design_system_foundation29.cn)(Rating_default.rating, className),
+      className: (0, import_design_system_foundation31.cn)(Rating_default.rating, className),
       role: "img",
       "aria-label": `${value} out of ${max} stars`,
-      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "svg",
         {
           "aria-hidden": "true",
-          className: (0, import_design_system_foundation29.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
+          className: (0, import_design_system_foundation31.cn)(Rating_default.star, i < value && Rating_default["--filled"]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
         },
         i
       ))
@@ -1791,35 +2214,38 @@ function Rating({ value, max = 5, className, ...rest }) {
 }
 
 // src/components/interaction/Toast/Toast.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"component":"bds271Toast-component","toastContainer":"bds271Toast-toastContainer","toast":"bds271Toast-toast","--variant_success":"bds271Toast---variant_success","--variant_warning":"bds271Toast---variant_warning","--variant_info":"bds271Toast---variant_info","--variant_error":"bds271Toast---variant_error","message":"bds271Toast-message","closeButton":"bds271Toast-closeButton"};
+var Toast_default = {"component":"bds2110Toast-component","toastContainer":"bds2110Toast-toastContainer","toast":"bds2110Toast-toast","md":"bds2110Toast-md","--variant_success":"bds2110Toast---variant_success","--variant_warning":"bds2110Toast---variant_warning","--variant_info":"bds2110Toast---variant_info","--variant_error":"bds2110Toast---variant_error","message":"bds2110Toast-message","closeButton":"bds2110Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
-var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var _ToastContext;
 function getToastContext() {
-  _ToastContext ??= (0, import_react11.createContext)(void 0);
+  _ToastContext ??= (0, import_react13.createContext)(void 0);
   return _ToastContext;
 }
 function ToastProvider({ children }) {
   const ToastContext = getToastContext();
-  const [toasts, setToasts] = (0, import_react11.useState)([]);
-  const containerRef = (0, import_react11.useRef)(null);
-  const showToast = (0, import_react11.useCallback)((message, variant) => {
+  const [toasts, setToasts] = (0, import_react13.useState)([]);
+  const containerRef = (0, import_react13.useRef)(null);
+  const showToast = (0, import_react13.useCallback)((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
   }, []);
-  const removeToast = (0, import_react11.useCallback)((id) => {
+  const removeToast = (0, import_react13.useCallback)((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     if (toasts.length > 0) {
-      container.showPopover?.();
+      try {
+        container.showPopover?.();
+      } catch {
+      }
     } else {
       try {
         container.hidePopover?.();
@@ -1827,10 +2253,10 @@ function ToastProvider({ children }) {
       }
     }
   }, [toasts.length]);
-  const value = (0, import_react11.useMemo)(() => ({ showToast }), [showToast]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ToastContext.Provider, { value, children: [
+  const value = (0, import_react13.useMemo)(() => ({ showToast }), [showToast]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "div",
       {
         ref: containerRef,
@@ -1838,11 +2264,11 @@ function ToastProvider({ children }) {
         role: "region",
         "aria-label": "Notifications",
         className: Toast_default.toastContainer,
-        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           ToastItem,
           {
             toast,
-            onRemove: () => removeToast(toast.id)
+            onRemove: removeToast
           },
           toast.id
         ))
@@ -1851,17 +2277,17 @@ function ToastProvider({ children }) {
   ] });
 }
 function ToastItem({ toast, onRemove }) {
-  (0, import_react11.useEffect)(() => {
-    const timer = setTimeout(onRemove, 5e3);
+  (0, import_react13.useEffect)(() => {
+    const timer = setTimeout(() => onRemove(toast.id), 5e3);
     return () => clearTimeout(timer);
-  }, [onRemove]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_design_system_foundation30.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: Toast_default.message, children: toast.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
+  }, [onRemove, toast.id]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_design_system_foundation32.cn)(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: Toast_default.message, children: toast.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type: "button", className: Toast_default.closeButton, onClick: () => onRemove(toast.id), "aria-label": "Dismiss", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
   ] });
 }
 function useToast() {
-  const context = (0, import_react11.useContext)(getToastContext());
+  const context = (0, import_react13.useContext)(getToastContext());
   if (!context) {
     throw new Error("useToast must be used within a ToastProvider");
   }
@@ -1869,82 +2295,82 @@ function useToast() {
 }
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"component":"bds271Checkbox-component","checkboxGroup":"bds271Checkbox-checkboxGroup","inputWrapper":"bds271Checkbox-inputWrapper","checkbox":"bds271Checkbox-checkbox","checkboxError":"bds271Checkbox-checkboxError"};
+var Checkbox_default = {"component":"bds2110Checkbox-component","checkboxGroup":"bds2110Checkbox-checkboxGroup","inputWrapper":"bds2110Checkbox-inputWrapper","checkbox":"bds2110Checkbox-checkbox","checkboxError":"bds2110Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"component":"bds271Message-component","error":"bds271Message-error","hint":"bds271Message-hint"};
+var Message_default = {"component":"bds2110Message-component","error":"bds2110Message-error","hint":"bds2110Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
-var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Message = ({ message, type, inputId, className }) => {
   if (!message) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { id: inputId + type, className: (0, import_design_system_foundation31.cn)(Message_default[type], className), children: message });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: (0, import_design_system_foundation33.cn)(Message_default[type], className), children: message });
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"component":"bds271Label-component","label":"bds271Label-label"};
+var Label_default = {"component":"bds2110Label-component","label":"bds2110Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
-var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Label = ({ label, id, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { htmlFor: id, className: (0, import_design_system_foundation32.cn)(Label_default.label, className), children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: id, className: (0, import_design_system_foundation34.cn)(Label_default.label, className), children: label });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"component":"bds271InputContainer-component","container":"bds271InputContainer-container"};
+var InputContainer_default = {"component":"bds2110InputContainer-component","container":"bds2110InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
-var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var InputContainer = ({ children, className, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ...rest, className: (0, import_design_system_foundation33.cn)(InputContainer_default.container, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ...rest, className: (0, import_design_system_foundation35.cn)(InputContainer_default.container, className), children });
 };
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Checkbox({ label, name, error, hint, className, ...props }) {
-  const id = name + (0, import_react12.useId)();
+  const id = name + (0, import_react14.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(InputContainer, { className: (0, import_design_system_foundation34.cn)(Checkbox_default.checkboxGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { className: (0, import_design_system_foundation36.cn)(Checkbox_default.checkboxGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: Checkbox_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "input",
         {
+          ...props,
           "aria-describedby": describedBy,
           "aria-invalid": !!error,
           type: "checkbox",
           id,
           name,
-          className: (0, import_design_system_foundation34.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
-          ...props
+          className: (0, import_design_system_foundation36.cn)(Checkbox_default.checkbox, error && Checkbox_default.checkboxError)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label, { id, label })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"component":"bds271CheckboxGroup-component","group":"bds271CheckboxGroup-group","legend":"bds271CheckboxGroup-legend","required":"bds271CheckboxGroup-required","items":"bds271CheckboxGroup-items"};
+var CheckboxGroup_default = {"component":"bds2110CheckboxGroup-component","group":"bds2110CheckboxGroup-group","legend":"bds2110CheckboxGroup-legend","required":"bds2110CheckboxGroup-required","requiredLabel":"bds2110CheckboxGroup-requiredLabel","items":"bds2110CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function CheckboxGroup({
   legend,
   children,
@@ -1954,39 +2380,42 @@ function CheckboxGroup({
   className,
   ...rest
 }) {
-  const id = (0, import_react13.useId)();
+  const id = (0, import_react15.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "fieldset",
     {
       ...rest,
-      className: (0, import_design_system_foundation35.cn)(CheckboxGroup_default.group, className),
-      "aria-required": required || void 0,
+      className: (0, import_design_system_foundation37.cn)(CheckboxGroup_default.group, className),
       "aria-describedby": describedBy,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("legend", { className: CheckboxGroup_default.legend, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("legend", { className: CheckboxGroup_default.legend, children: [
           legend,
-          required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: CheckboxGroup_default.required, "aria-hidden": "true", children: " *" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: CheckboxGroup_default.required, "aria-hidden": "true", children: " *" }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: CheckboxGroup_default.requiredLabel, children: "(required)" })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: CheckboxGroup_default.items, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: id, type: "error", message: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { inputId: id, type: "hint", message: hint })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: CheckboxGroup_default.items, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: id, type: "error", message: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: id, type: "hint", message: hint })
       ]
     }
   );
 }
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"component":"bds271Combobox-component","formGroup":"bds271Combobox-formGroup","inputWrapper":"bds271Combobox-inputWrapper","input":"bds271Combobox-input","inputError":"bds271Combobox-inputError","chevron":"bds271Combobox-chevron","listbox":"bds271Combobox-listbox","option":"bds271Combobox-option","--highlighted":"bds271Combobox---highlighted","--selected":"bds271Combobox---selected","--disabled":"bds271Combobox---disabled"};
+var Combobox_default = {"component":"bds2110Combobox-component","formGroup":"bds2110Combobox-formGroup","inputWrapper":"bds2110Combobox-inputWrapper","input":"bds2110Combobox-input","inputError":"bds2110Combobox-inputError","chevron":"bds2110Combobox-chevron","listbox":"bds2110Combobox-listbox","option":"bds2110Combobox-option","--highlighted":"bds2110Combobox---highlighted","--selected":"bds2110Combobox---selected","--disabled":"bds2110Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
-var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Combobox({
   label,
   name,
@@ -2000,25 +2429,25 @@ function Combobox({
   className,
   ...rest
 }) {
-  const id = name + (0, import_react14.useId)();
+  const id = name + (0, import_react16.useId)();
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const selectedOption = (0, import_react14.useMemo)(() => options.find((o) => o.value === value), [options, value]);
-  const [inputValue, setInputValue] = (0, import_react14.useState)(selectedOption?.label ?? "");
-  (0, import_react14.useEffect)(() => {
+  const selectedOption = (0, import_react16.useMemo)(() => options.find((o) => o.value === value), [options, value]);
+  const [inputValue, setInputValue] = (0, import_react16.useState)(selectedOption?.label ?? "");
+  (0, import_react16.useEffect)(() => {
     setInputValue(selectedOption?.label ?? "");
   }, [selectedOption]);
-  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react14.useState)(-1);
-  const containerRef = (0, import_react14.useRef)(null);
-  const inputRef = (0, import_react14.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react16.useState)(-1);
+  const containerRef = (0, import_react16.useRef)(null);
+  const inputRef = (0, import_react16.useRef)(null);
   const filtered = options.filter(
     (o) => o.label.toLowerCase().includes(inputValue.toLowerCase())
   );
   const getOptionId = (index) => `${id}-option-${index}`;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (e) => {
       if (!containerRef.current?.contains(e.target)) setIsOpen(false);
@@ -2045,18 +2474,31 @@ function Combobox({
         setIsOpen(true);
         return;
       }
+      if (enabledIndexes.length === 0) {
+        setHighlightedIndex(-1);
+        return;
+      }
       const pos = enabledIndexes.indexOf(highlightedIndex);
-      setHighlightedIndex(enabledIndexes[(pos + 1) % enabledIndexes.length] ?? 0);
+      setHighlightedIndex(enabledIndexes[(pos + 1) % enabledIndexes.length]);
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
+      if (!isOpen) {
+        setIsOpen(true);
+        return;
+      }
+      if (enabledIndexes.length === 0) {
+        setHighlightedIndex(-1);
+        return;
+      }
       const pos = enabledIndexes.indexOf(highlightedIndex);
       setHighlightedIndex(
-        enabledIndexes[(pos - 1 + enabledIndexes.length) % enabledIndexes.length] ?? 0
+        enabledIndexes[(pos - 1 + enabledIndexes.length) % enabledIndexes.length]
       );
     } else if (e.key === "Enter") {
       e.preventDefault();
-      if (highlightedIndex >= 0 && filtered[highlightedIndex]) {
-        selectOption(filtered[highlightedIndex]);
+      const option = filtered[highlightedIndex];
+      if (highlightedIndex >= 0 && option && !option.disabled) {
+        selectOption(option);
       }
     } else if (e.key === "Escape") {
       setIsOpen(false);
@@ -2065,10 +2507,10 @@ function Combobox({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation36.cn)(Combobox_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation38.cn)(Combobox_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "input",
         {
           ref: inputRef,
@@ -2080,34 +2522,35 @@ function Combobox({
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-controls": listboxId,
-          "aria-activedescendant": highlightedIndex >= 0 ? getOptionId(highlightedIndex) : void 0,
+          "aria-activedescendant": isOpen && highlightedIndex >= 0 ? getOptionId(highlightedIndex) : void 0,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
           autoComplete: "off",
           placeholder,
           value: inputValue,
           disabled,
-          className: (0, import_design_system_foundation36.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
+          className: (0, import_design_system_foundation38.cn)(Combobox_default.input, error ? Combobox_default.inputError : void 0),
           onChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onFocus: () => setIsOpen(true)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
+      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "ul",
         {
           id: listboxId,
           role: "listbox",
+          "aria-label": typeof label === "string" ? label : void 0,
           className: Combobox_default.listbox,
-          children: filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "li",
             {
               id: getOptionId(index),
               role: "option",
               "aria-selected": option.value === value,
               "aria-disabled": option.disabled,
-              className: (0, import_design_system_foundation36.cn)(
+              className: (0, import_design_system_foundation38.cn)(
                 Combobox_default.option,
                 index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
                 option.value === value ? Combobox_default["--selected"] : void 0,
@@ -2124,20 +2567,21 @@ function Combobox({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/FieldGroup/FieldGroup.tsx
-var import_react15 = require("react");
-var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
+var import_react17 = require("react");
+var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/FieldGroup/FieldGroup.module.css
-var FieldGroup_default = {"component":"bds271FieldGroup-component","fieldGroup":"bds271FieldGroup-fieldGroup","legend":"bds271FieldGroup-legend","fields":"bds271FieldGroup-fields","--variant_horizontal":"bds271FieldGroup---variant_horizontal"};
+var FieldGroup_default = {"component":"bds2110FieldGroup-component","fieldGroup":"bds2110FieldGroup-fieldGroup","legend":"bds2110FieldGroup-legend","fields":"bds2110FieldGroup-fields","--variant_horizontal":"bds2110FieldGroup---variant_horizontal","probe":"bds2110FieldGroup-probe","tsx":"bds2110FieldGroup-tsx","probeContainer":"bds2110FieldGroup-probeContainer"};
 
 // src/components/interaction/form/FieldGroup/FieldGroup.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var getInlineSize = (entry) => entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
 function FieldGroup({
   variant = "horizontal",
   legend,
@@ -2146,34 +2590,61 @@ function FieldGroup({
   style,
   ...rest
 }) {
-  const fieldCount = import_react15.Children.count(children);
+  const fieldCount = import_react17.Children.toArray(children).length;
   const styleWithCount = {
     ...style,
     "--fieldGroup_field-count": fieldCount
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  const fieldsetRef = (0, import_react17.useRef)(null);
+  const probeRef = (0, import_react17.useRef)(null);
+  const [isCollapsed, setIsCollapsed] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
+    const fieldsetEl = fieldsetRef.current;
+    const probeEl = probeRef.current;
+    if (variant !== "horizontal" || !fieldsetEl || !probeEl || typeof ResizeObserver === "undefined") {
+      setIsCollapsed(false);
+      return;
+    }
+    let fieldsetSize = 0;
+    let thresholdSize = 0;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const size = getInlineSize(entry);
+        if (entry.target === fieldsetEl) fieldsetSize = size;
+        else if (entry.target === probeEl) thresholdSize = size;
+      }
+      setIsCollapsed(fieldsetSize < thresholdSize);
+    });
+    observer.observe(fieldsetEl);
+    observer.observe(probeEl);
+    return () => observer.disconnect();
+  }, [variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "fieldset",
     {
       ...rest,
+      ref: fieldsetRef,
       style: styleWithCount,
-      className: (0, import_design_system_foundation37.cn)(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation39.cn)(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
+      "data-collapsed": variant === "horizontal" && isCollapsed ? "true" : void 0,
       children: [
-        legend !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("legend", { className: FieldGroup_default.legend, children: legend }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: FieldGroup_default.fields, children })
+        legend !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("legend", { className: FieldGroup_default.legend, children: legend }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: FieldGroup_default.fields, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: FieldGroup_default.probeContainer, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: probeRef, className: FieldGroup_default.probe }) })
       ]
     }
   );
 }
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"component":"bds271FileInput-component","formGroup":"bds271FileInput-formGroup","fieldLabel":"bds271FileInput-fieldLabel","dropZone":"bds271FileInput-dropZone","isDragging":"bds271FileInput-isDragging","hasError":"bds271FileInput-hasError","isDisabled":"bds271FileInput-isDisabled","icon":"bds271FileInput-icon","prompt":"bds271FileInput-prompt","acceptHint":"bds271FileInput-acceptHint","hiddenInput":"bds271FileInput-hiddenInput"};
+var FileInput_default = {"component":"bds2110FileInput-component","formGroup":"bds2110FileInput-formGroup","fieldLabel":"bds2110FileInput-fieldLabel","dropZone":"bds2110FileInput-dropZone","isDragging":"bds2110FileInput-isDragging","hasError":"bds2110FileInput-hasError","isDisabled":"bds2110FileInput-isDisabled","icon":"bds2110FileInput-icon","prompt":"bds2110FileInput-prompt","acceptHint":"bds2110FileInput-acceptHint","hiddenInput":"bds2110FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function FileInput({
   label,
   name,
@@ -2187,13 +2658,13 @@ function FileInput({
   className,
   ...rest
 }) {
-  const uid = name + (0, import_react16.useId)();
+  const uid = name + (0, import_react18.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = (0, import_react16.useRef)(null);
-  const [isDragging, setIsDragging] = (0, import_react16.useState)(false);
-  const [fileNames, setFileNames] = (0, import_react16.useState)([]);
+  const inputRef = (0, import_react18.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react18.useState)(false);
+  const [fileNames, setFileNames] = (0, import_react18.useState)([]);
   const isFileAccepted = (file) => {
     if (!accept) return true;
     return accept.split(",").some((token) => {
@@ -2214,7 +2685,9 @@ function FileInput({
     setIsDragging(false);
     if (disabled) return;
     const dt = new DataTransfer();
-    Array.from(e.dataTransfer.files).filter(isFileAccepted).forEach((f) => dt.items.add(f));
+    const accepted = Array.from(e.dataTransfer.files).filter(isFileAccepted);
+    const filesToAdd = multiple ? accepted : accepted.slice(0, 1);
+    filesToAdd.forEach((f) => dt.items.add(f));
     if (inputRef.current) inputRef.current.files = dt.files;
     handleFiles(dt.files.length > 0 ? dt.files : null);
   };
@@ -2222,25 +2695,27 @@ function FileInput({
     e.preventDefault();
     if (!disabled) setIsDragging(true);
   };
-  const handleDragLeave = () => setIsDragging(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation38.cn)(FileInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  const handleDragLeave = (e) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) setIsDragging(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation40.cn)(FileInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "label",
       {
         htmlFor: uid,
-        className: (0, import_design_system_foundation38.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
+        className: (0, import_design_system_foundation40.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.fieldLabel, children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { children: "Click to upload" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: FileInput_default.fieldLabel, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("strong", { children: "Click to upload" }),
             " or drag and drop"
           ] }) }),
-          accept && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          accept && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "input",
             {
               ref: inputRef,
@@ -2261,20 +2736,20 @@ function FileInput({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"component":"bds271FormInput-component","formGroup":"bds271FormInput-formGroup","input":"bds271FormInput-input","inputError":"bds271FormInput-inputError"};
+var FormInput_default = {"component":"bds2110FormInput-component","formGroup":"bds2110FormInput-formGroup","input":"bds2110FormInput-input","g":"bds2110FormInput-g","inputError":"bds2110FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function FormInput({
   label,
   name,
@@ -2283,42 +2758,43 @@ function FormInput({
   hint,
   className,
   required,
+  "aria-label": nativeAriaLabel,
   ...props
 }) {
-  const id = name + (0, import_react17.useId)();
+  const id = name + (0, import_react19.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(FormInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(FormInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "input",
       {
+        ...props,
         "aria-invalid": !!error,
         "aria-describedby": describedBy,
-        "aria-label": ariaLabel,
+        "aria-label": ariaLabel ?? nativeAriaLabel,
         "aria-required": required || void 0,
         id,
         name,
         required,
-        className: (0, import_design_system_foundation39.cn)(FormInput_default.input, error && FormInput_default.inputError),
-        ...props
+        className: (0, import_design_system_foundation41.cn)(FormInput_default.input, error && FormInput_default.inputError)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"component":"bds271NumberInput-component","formGroup":"bds271NumberInput-formGroup","inputRow":"bds271NumberInput-inputRow","input":"bds271NumberInput-input","inputError":"bds271NumberInput-inputError","stepper":"bds271NumberInput-stepper"};
+var NumberInput_default = {"component":"bds2110NumberInput-component","formGroup":"bds2110NumberInput-formGroup","inputRow":"bds2110NumberInput-inputRow","input":"bds2110NumberInput-input","inputError":"bds2110NumberInput-inputError","stepper":"bds2110NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function NumberInput({
   label,
   name,
@@ -2332,16 +2808,23 @@ function NumberInput({
   hint,
   onChange,
   className,
+  decreaseLabel = "Decrease",
+  increaseLabel = "Increase",
   ...rest
 }) {
-  const uid = name + (0, import_react18.useId)();
+  const uid = name + (0, import_react20.useId)();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  const inputRef = (0, import_react18.useRef)(null);
+  const inputRef = (0, import_react20.useRef)(null);
   const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react18.useState)(defaultValue ?? 0);
+  const [internalValue, setInternalValue] = (0, import_react20.useState)(defaultValue ?? 0);
   const currentValue = isControlled ? value : internalValue;
+  const [controlledDraft, setControlledDraft] = (0, import_react20.useState)(() => isControlled ? String(value) : "");
+  (0, import_react20.useEffect)(() => {
+    if (!isControlled) return;
+    setControlledDraft((prev) => parseFloat(prev) === value ? prev : String(value));
+  }, [isControlled, value]);
   const clamp = (v) => {
     const withMin = min !== void 0 ? Math.max(min, v) : v;
     return max !== void 0 ? Math.min(max, withMin) : withMin;
@@ -2354,84 +2837,91 @@ function NumberInput({
         inputRef.current.value = String(next);
         inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
       }
+    } else {
+      setControlledDraft(String(next));
     }
     onChange?.(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation40.cn)(NumberInput_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id: uid, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: NumberInput_default.inputRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation42.cn)(NumberInput_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { id: uid, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: NumberInput_default.inputRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "button",
         {
           type: "button",
           className: NumberInput_default.stepper,
-          "aria-label": "Decrease",
+          "aria-label": decreaseLabel,
           "aria-controls": uid,
           disabled: disabled || min !== void 0 && currentValue <= min,
           onClick: () => adjust(-step),
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "input",
         {
           ref: inputRef,
           id: uid,
           type: "number",
           name,
-          ...isControlled ? { value } : { defaultValue },
+          ...isControlled ? { value: controlledDraft } : { defaultValue },
           min,
           max,
           step,
           disabled,
           "aria-invalid": !!error,
           "aria-describedby": describedBy,
-          className: (0, import_design_system_foundation40.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
+          className: (0, import_design_system_foundation42.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
           onChange: (e) => {
-            const v = parseFloat(e.target.value);
-            const safe = isNaN(v) ? 0 : v;
-            if (!isControlled) setInternalValue(safe);
-            onChange?.(safe);
+            if (e.target.validity.badInput) return;
+            const raw = e.target.value;
+            if (isControlled) setControlledDraft(raw);
+            if (raw === "") return;
+            const parsed = parseFloat(raw);
+            if (Number.isNaN(parsed)) return;
+            if (!isControlled) setInternalValue(parsed);
+            onChange?.(parsed);
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "button",
         {
           type: "button",
           className: NumberInput_default.stepper,
-          "aria-label": "Increase",
+          "aria-label": increaseLabel,
           "aria-controls": uid,
           disabled: disabled || max !== void 0 && currentValue >= max,
           onClick: () => adjust(step),
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: uid, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: uid, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Radio/Radio.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"component":"bds271Radio-component","radioGroup":"bds271Radio-radioGroup","inputWrapper":"bds271Radio-inputWrapper","textWrapper":"bds271Radio-textWrapper","description":"bds271Radio-description","radio":"bds271Radio-radio","radioError":"bds271Radio-radioError"};
+var Radio_default = {"component":"bds2110Radio-component","radioGroup":"bds2110Radio-radioGroup","inputWrapper":"bds2110Radio-inputWrapper","textWrapper":"bds2110Radio-textWrapper","description":"bds2110Radio-description","radio":"bds2110Radio-radio","g":"bds2110Radio-g","radioError":"bds2110Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
-var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-function Radio({ label, name, description, error, hint, className, ...props }) {
-  const id = name + (0, import_react19.useId)();
+var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function Radio({ label, name, description, error, hint, className, id: consumerId, ...props }) {
+  const id = consumerId ?? name + (0, import_react21.useId)();
+  const descriptionId = id + "description";
   const hintId = id + "hint";
   const errorId = id + "error";
-  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(Radio_default.radioGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  const describedBy = [description && descriptionId, error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation43.cn)(Radio_default.radioGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Radio_default.inputWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "input",
         {
           "aria-describedby": describedBy,
@@ -2439,29 +2929,29 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: (0, import_design_system_foundation41.cn)(Radio_default.radio, error && Radio_default.radioError),
+          className: (0, import_design_system_foundation43.cn)(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.textWrapper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Radio_default.description, children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Radio_default.textWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { id: descriptionId, className: Radio_default.description, children: description })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-var import_react20 = require("react");
+var import_react22 = require("react");
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"component":"bds271RadioGroup-component","group":"bds271RadioGroup-group","legend":"bds271RadioGroup-legend","required":"bds271RadioGroup-required","items":"bds271RadioGroup-items"};
+var RadioGroup_default = {"component":"bds2110RadioGroup-component","group":"bds2110RadioGroup-group","legend":"bds2110RadioGroup-legend","required":"bds2110RadioGroup-required","requiredLabel":"bds2110RadioGroup-requiredLabel","items":"bds2110RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function RadioGroup({
   legend,
   children,
@@ -2471,39 +2961,45 @@ function RadioGroup({
   className,
   ...rest
 }) {
-  const id = (0, import_react20.useId)();
+  const id = (0, import_react22.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "fieldset",
     {
       ...rest,
-      className: (0, import_design_system_foundation42.cn)(RadioGroup_default.group, className),
-      "aria-required": required || void 0,
+      className: (0, import_design_system_foundation44.cn)(RadioGroup_default.group, className),
       "aria-describedby": describedBy,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("legend", { className: RadioGroup_default.legend, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("legend", { className: RadioGroup_default.legend, children: [
           legend,
-          required && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: RadioGroup_default.requiredLabel, children: "(required)" })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: RadioGroup_default.items, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: RadioGroup_default.items, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
       ]
     }
   );
 }
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"component":"bds271SegmentedControl-component","control":"bds271SegmentedControl-control","thumb":"bds271SegmentedControl-thumb","indicator":"bds271SegmentedControl-indicator","item":"bds271SegmentedControl-item","--active":"bds271SegmentedControl---active","--disabled":"bds271SegmentedControl---disabled","--size_small":"bds271SegmentedControl---size_small","--size_large":"bds271SegmentedControl---size_large","--variant_outline":"bds271SegmentedControl---variant_outline"};
+var SegmentedControl_default = {"component":"bds2110SegmentedControl-component","control":"bds2110SegmentedControl-control","thumb":"bds2110SegmentedControl-thumb","indicator":"bds2110SegmentedControl-indicator","item":"bds2110SegmentedControl-item","--active":"bds2110SegmentedControl---active","--disabled":"bds2110SegmentedControl---disabled","--size_small":"bds2110SegmentedControl---size_small","--size_large":"bds2110SegmentedControl---size_large","--variant_outline":"bds2110SegmentedControl---variant_outline","--no-selection":"bds2110SegmentedControl---no-selection"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var preventDisabledActivation = (event) => {
+  event.preventDefault();
+};
 function SegmentedControl({
   children,
   selectedIndex: selectedIndexProp,
@@ -2513,35 +3009,55 @@ function SegmentedControl({
   className,
   ...rest
 }) {
-  const validChildren = import_react21.Children.toArray(children).filter(import_react21.isValidElement);
+  const validChildren = import_react23.Children.toArray(children).filter(import_react23.isValidElement);
   const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
     const p = child.props;
     return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
   }) : -1;
-  const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  const activeIndex = validChildren.length === 0 ? void 0 : selectedIndexProp !== void 0 ? Math.min(Math.max(selectedIndexProp, 0), validChildren.length - 1) : autoIndex >= 0 ? autoIndex : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       ...rest,
       role: "group",
-      className: (0, import_design_system_foundation43.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
+      className: (0, import_design_system_foundation45.cn)(
+        SegmentedControl_default.control,
+        SegmentedControl_default[`--size_${size}`],
+        SegmentedControl_default[`--variant_${variant}`],
+        activeIndex === void 0 && SegmentedControl_default["--no-selection"],
+        className
+      ),
       style: {
         "--control_count": validChildren.length,
-        "--control_selected-index": activeIndex
+        ...activeIndex !== void 0 ? { "--control_selected-index": activeIndex } : {}
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
         validChildren.map((child, index) => {
           const isActive = index === activeIndex;
           const p = child.props;
-          const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
-          return (0, import_react21.cloneElement)(child, {
+          const isDisabled2 = disabled || !!p.disabled || p["aria-disabled"] === true;
+          const hasAriaState = p["aria-current"] !== void 0 || p["aria-pressed"] !== void 0 || p["aria-selected"] !== void 0;
+          const stateProps = {};
+          if (isDisabled2) {
+            stateProps["aria-disabled"] = true;
+            if (child.type === "button") {
+              stateProps.disabled = true;
+            } else {
+              stateProps.tabIndex = -1;
+              stateProps.onClick = preventDisabledActivation;
+            }
+          } else if (isActive && selectedIndexProp !== void 0 && !hasAriaState) {
+            stateProps[child.type === "a" ? "aria-current" : "aria-pressed"] = child.type === "a" ? "page" : true;
+          }
+          return (0, import_react23.cloneElement)(child, {
             key: child.key ?? index,
-            className: (0, import_design_system_foundation43.cn)(
+            ...stateProps,
+            className: (0, import_design_system_foundation45.cn)(
               SegmentedControl_default.item,
               isActive && SegmentedControl_default["--active"],
-              isDisabled && SegmentedControl_default["--disabled"],
+              isDisabled2 && SegmentedControl_default["--disabled"],
               p.className
             )
           });
@@ -2552,14 +3068,14 @@ function SegmentedControl({
 }
 
 // src/components/interaction/form/Select/Select.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"component":"bds271Select-component","formGroup":"bds271Select-formGroup","selectWrapper":"bds271Select-selectWrapper","select":"bds271Select-select","selectError":"bds271Select-selectError","chevron":"bds271Select-chevron"};
+var Select_default = {"component":"bds2110Select-component","formGroup":"bds2110Select-formGroup","selectWrapper":"bds2110Select-selectWrapper","select":"bds2110Select-select","selectError":"bds2110Select-selectError","chevron":"bds2110Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
-var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Select({
   label,
   name,
@@ -2569,48 +3085,55 @@ function Select({
   hint,
   className,
   required,
-  ...props
+  id,
+  value,
+  defaultValue,
+  ...rest
 }) {
-  const id = name + (0, import_react22.useId)();
-  const hintId = id + "hint";
-  const errorId = id + "error";
+  const generatedId = name + (0, import_react24.useId)();
+  const selectId = id ?? generatedId;
+  const hintId = selectId + "hint";
+  const errorId = selectId + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation44.cn)(Select_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: Select_default.selectWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  const isControlled = value !== void 0;
+  const initialValueProps = isControlled ? { value } : { defaultValue: defaultValue ?? (placeholder ? "" : void 0) };
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Select_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id: selectId, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Select_default.selectWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         "select",
         {
-          id,
+          ...rest,
+          id: selectId,
           name,
           "aria-invalid": !!error,
           "aria-required": required || void 0,
           "aria-describedby": describedBy,
           required,
-          className: (0, import_design_system_foundation44.cn)(Select_default.select, error ? Select_default.selectError : void 0),
-          ...props,
+          className: (0, import_design_system_foundation46.cn)(Select_default.select, error ? Select_default.selectError : void 0),
+          ...initialValueProps,
           children: [
-            placeholder && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
-            options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value, disabled, children: optLabel }, value))
+            placeholder && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
+            options.map(({ value: value2, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: value2, disabled, children: optLabel }, value2))
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: selectId, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: selectId, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Slider/Slider.tsx
-var import_react23 = require("react");
+var import_react25 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"component":"bds271Slider-component","formGroup":"bds271Slider-formGroup","labelRow":"bds271Slider-labelRow","value":"bds271Slider-value","slider":"bds271Slider-slider","sliderError":"bds271Slider-sliderError"};
+var Slider_default = {"component":"bds2110Slider-component","formGroup":"bds2110Slider-formGroup","labelRow":"bds2110Slider-labelRow","value":"bds2110Slider-value","slider":"bds2110Slider-slider","sliderError":"bds2110Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
-var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Slider({
   label,
   name,
@@ -2623,56 +3146,55 @@ function Slider({
   onChange,
   ...props
 }) {
-  const id = name + (0, import_react23.useId)();
+  const id = name + (0, import_react25.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
   const isControlled = props.value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react23.useState)(Number(props.defaultValue ?? min));
+  const [internalValue, setInternalValue] = (0, import_react25.useState)(
+    Number(props.defaultValue ?? min + (max - min) / 2)
+  );
   const currentValue = isControlled ? Number(props.value) : internalValue;
   const fillPct = (currentValue - min) / (max - min) * 100;
   const handleChange = (e) => {
     if (!isControlled) setInternalValue(Number(e.target.value));
     onChange?.(e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation45.cn)(Slider_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Slider_default.labelRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { id, label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: Slider_default.value, children: currentValue })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InputContainer, { className: (0, import_design_system_foundation47.cn)(Slider_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: Slider_default.labelRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label, { id, label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: Slider_default.value, children: currentValue })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "input",
       {
+        ...props,
         type: "range",
         id,
         name,
         min,
         max,
+        "aria-invalid": !!error,
         "aria-describedby": describedBy,
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-valuenow": currentValue,
-        "aria-valuetext": String(currentValue),
-        className: (0, import_design_system_foundation45.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
-        style: { "--slider_fill": `${fillPct}%` },
-        onChange: handleChange,
-        ...props
+        className: (0, import_design_system_foundation47.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
+        style: { ...props.style, "--slider_fill": `${fillPct}%` },
+        onChange: handleChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Switch/Switch.tsx
-var import_react24 = require("react");
+var import_react26 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"component":"bds271Switch-component","switchGroup":"bds271Switch-switchGroup","--size_small":"bds271Switch---size_small","--size_medium":"bds271Switch---size_medium","--size_large":"bds271Switch---size_large","inputWrapper":"bds271Switch-inputWrapper","trackWrapper":"bds271Switch-trackWrapper","switch":"bds271Switch-switch","track":"bds271Switch-track","thumb":"bds271Switch-thumb","switchError":"bds271Switch-switchError"};
+var Switch_default = {"component":"bds2110Switch-component","switchGroup":"bds2110Switch-switchGroup","--size_small":"bds2110Switch---size_small","--size_medium":"bds2110Switch---size_medium","--size_large":"bds2110Switch---size_large","inputWrapper":"bds2110Switch-inputWrapper","trackWrapper":"bds2110Switch-trackWrapper","switch":"bds2110Switch-switch","track":"bds2110Switch-track","thumb":"bds2110Switch-thumb","switchError":"bds2110Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
-var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Switch({
   label,
   name,
@@ -2683,44 +3205,45 @@ function Switch({
   prefix,
   ...props
 }) {
-  const id = name + (0, import_react24.useId)();
+  const id = name + (0, import_react26.useId)();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.inputWrapper, children: [
-      prefix && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: prefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.trackWrapper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(InputContainer, { className: (0, import_design_system_foundation48.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: Switch_default.inputWrapper, children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: Switch_default.trackWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "input",
           {
+            ...props,
             type: "checkbox",
             role: "switch",
             id,
             name,
             "aria-describedby": describedBy,
-            className: (0, import_design_system_foundation46.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
-            ...props
+            "aria-invalid": !!error,
+            className: (0, import_design_system_foundation48.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.thumb }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: Switch_default.thumb }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id, label })
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label, { id, label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-var import_react25 = require("react");
+var import_react27 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"component":"bds271Textarea-component","formGroup":"bds271Textarea-formGroup","textarea":"bds271Textarea-textarea","textareaError":"bds271Textarea-textareaError"};
+var Textarea_default = {"component":"bds2110Textarea-component","formGroup":"bds2110Textarea-formGroup","textarea":"bds2110Textarea-textarea","textareaError":"bds2110Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Textarea({
   label,
   name,
@@ -2728,15 +3251,17 @@ function Textarea({
   hint,
   className,
   required,
+  id: idProp,
   ...props
 }) {
-  const id = name + (0, import_react25.useId)();
+  const generatedId = (0, import_react27.useId)();
+  const id = idProp ?? name + generatedId;
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InputContainer, { className: (0, import_design_system_foundation47.cn)(Textarea_default.formGroup, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label, { id, label }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(InputContainer, { className: (0, import_design_system_foundation49.cn)(Textarea_default.formGroup, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label, { id, label }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "textarea",
       {
         id,
@@ -2745,40 +3270,40 @@ function Textarea({
         "aria-describedby": describedBy,
         "aria-required": required || void 0,
         required,
-        className: (0, import_design_system_foundation47.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
+        className: (0, import_design_system_foundation49.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "hint", message: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Message, { inputId: id, type: "error", message: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Message, { inputId: id, type: "hint", message: hint })
   ] });
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"component":"bds271ButtonGroup-component","buttonGroup":"bds271ButtonGroup-buttonGroup","container":"bds271ButtonGroup-container","--variant_card":"bds271ButtonGroup---variant_card","--variant_flow":"bds271ButtonGroup---variant_flow","--variant_modal":"bds271ButtonGroup---variant_modal","--variant_content":"bds271ButtonGroup---variant_content","--variant_grid":"bds271ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"component":"bds2110ButtonGroup-component","buttonGroup":"bds2110ButtonGroup-buttonGroup","container":"bds2110ButtonGroup-container","--variant_card":"bds2110ButtonGroup---variant_card","--variant_flow":"bds2110ButtonGroup---variant_flow","--variant_modal":"bds2110ButtonGroup---variant_modal","--variant_content":"bds2110ButtonGroup---variant_content"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
-var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function ButtonContainer({ children, className, variant, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       ...rest,
       role: "group",
-      className: (0, import_design_system_foundation48.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: ButtonGroup_default.container, children })
+      className: (0, import_design_system_foundation50.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ButtonGroup_default.container, children })
     }
   );
 }
 var ButtonGroup = ButtonContainer;
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"component":"bds271Card-component","card":"bds271Card-card","--default":"bds271Card---default","--elevated":"bds271Card---elevated","--outlined":"bds271Card---outlined","--clickable":"bds271Card---clickable","--padding-none":"bds271Card---padding-none","--padding-small":"bds271Card---padding-small","--padding-medium":"bds271Card---padding-medium","--padding-large":"bds271Card---padding-large","--padding-extra-large":"bds271Card---padding-extra-large","--text-start":"bds271Card---text-start","--text-center":"bds271Card---text-center","--text-end":"bds271Card---text-end"};
+var Card_default = {"component":"bds2110Card-component","card":"bds2110Card-card","--default":"bds2110Card---default","--elevated":"bds2110Card---elevated","--outlined":"bds2110Card---outlined","--clickable":"bds2110Card---clickable","--padding-none":"bds2110Card---padding-none","--padding-small":"bds2110Card---padding-small","--padding-medium":"bds2110Card---padding-medium","--padding-large":"bds2110Card---padding-large","--padding-extra-large":"bds2110Card---padding-extra-large","--text-start":"bds2110Card---text-start","--text-center":"bds2110Card---text-center","--text-end":"bds2110Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
-var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Card({
   children,
   className,
@@ -2789,7 +3314,7 @@ function Card({
   onClick,
   ...rest
 }) {
-  const classNames = (0, import_design_system_foundation49.cn)(
+  const classNames = (0, import_design_system_foundation51.cn)(
     Card_default.card,
     Card_default[`--${variant}`],
     Card_default[`--padding-${padding}`],
@@ -2798,7 +3323,7 @@ function Card({
     className
   );
   const Component = as ?? (onClick ? "button" : "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Component,
     {
       ...rest,
@@ -2811,16 +3336,19 @@ function Card({
 }
 
 // src/components/layout/Grid/Grid.tsx
-var import_react27 = require("react");
+var import_react29 = require("react");
 
 // src/components/layout/Grid/Grid.module.css
-var Grid_default = {"component":"bds271Grid-component","grid":"bds271Grid-grid","--main":"bds271Grid---main","--page":"bds271Grid---page","--funnel":"bds271Grid---funnel","--custom":"bds271Grid---custom","--centered":"bds271Grid---centered","item":"bds271Grid-item","w3":"bds271Grid-w3","org":"bds271Grid-org","ts":"bds271Grid-ts","--masonry":"bds271Grid---masonry"};
+var Grid_default = {"component":"bds2110Grid-component","grid":"bds2110Grid-grid","--main":"bds2110Grid---main","--page":"bds2110Grid---page","--funnel":"bds2110Grid---funnel","--custom":"bds2110Grid---custom","--centered":"bds2110Grid---centered","item":"bds2110Grid-item","w3":"bds2110Grid-w3","org":"bds2110Grid-org","ts":"bds2110Grid-ts","--masonry":"bds2110Grid---masonry"};
 
 // src/components/layout/Grid/Grid.tsx
-var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
+
+// src/components/layout/Grid/useIsomorphicLayoutEffect.ts
+var import_react28 = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react28.useLayoutEffect : import_react28.useEffect;
 
 // src/components/layout/Grid/masonry.ts
-var import_react26 = require("react");
 var NAMED_SPAN_VAR = {
   "three-quarters": "--bds-grid_columns-75",
   "two-thirds": "--bds-grid_columns-66",
@@ -2850,6 +3378,7 @@ function supportsNativeMasonry() {
   return CSS.supports("display", "grid-lanes") || CSS.supports("grid-template-rows", "masonry");
 }
 var ORIGINAL_COL_ATTR = "data-bds-masonry-original-column";
+var LAST_COL_ATTR = "data-bds-masonry-col";
 var LAST_SPAN_ATTR = "data-bds-masonry-span";
 var UNIT_ATTR = "data-bds-masonry-unit";
 function applyMasonryLayout(container, rawChildren, options = {}) {
@@ -2873,16 +3402,23 @@ function applyMasonryLayout(container, rawChildren, options = {}) {
       let col = 0;
       for (const child of children) {
         if (child.hasAttribute("data-column-span-auto")) {
-          if (!child.hasAttribute(ORIGINAL_COL_ATTR)) {
-            child.setAttribute(ORIGINAL_COL_ATTR, child.style.gridColumn);
+          const currentInline = child.style.gridColumn;
+          const lastWritten = child.getAttribute(LAST_COL_ATTR);
+          if (!child.hasAttribute(ORIGINAL_COL_ATTR) || currentInline !== lastWritten) {
+            child.setAttribute(ORIGINAL_COL_ATTR, currentInline);
           }
           const remaining = totalCols - col;
           const span = Math.max(1, Math.min(preferredCols, remaining));
           child.style.gridColumn = `span ${span}`;
+          child.setAttribute(LAST_COL_ATTR, child.style.gridColumn);
           col = (col + span) % totalCols;
         } else {
           const consumed = Math.min(totalCols, readExplicitSpan(child, totalCols));
-          col = (col + consumed) % totalCols;
+          if (consumed > totalCols - col) {
+            col = consumed % totalCols;
+          } else {
+            col = (col + consumed) % totalCols;
+          }
         }
       }
     }
@@ -2966,10 +3502,11 @@ function restoreOriginalColumn(el) {
   if (!el.hasAttribute(ORIGINAL_COL_ATTR)) return;
   el.style.gridColumn = el.getAttribute(ORIGINAL_COL_ATTR) ?? "";
   el.removeAttribute(ORIGINAL_COL_ATTR);
+  el.removeAttribute(LAST_COL_ATTR);
 }
 function useMasonry(ref, enabled, options = {}) {
   const { preferredColumnSpan, rowUnitPx } = options;
-  (0, import_react26.useLayoutEffect)(() => {
+  useIsomorphicLayoutEffect(() => {
     const container = ref.current;
     if (!container || !enabled) return;
     if (supportsNativeMasonry()) return;
@@ -3041,10 +3578,10 @@ function useMasonry(ref, enabled, options = {}) {
 }
 
 // src/components/layout/Grid/Grid.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var _GridContext;
 function getGridContext() {
-  _GridContext ??= (0, import_react27.createContext)({ autoSpanMedia: false });
+  _GridContext ??= (0, import_react29.createContext)({ autoSpanMedia: false });
   return _GridContext;
 }
 function Grid({
@@ -3061,12 +3598,12 @@ function Grid({
   style,
   ...rest
 }) {
-  const ref = (0, import_react27.useRef)(null);
+  const ref = (0, import_react29.useRef)(null);
   useMasonry(ref, isMasonry, {
     preferredColumnSpan: masonryPreferredColumnSpan,
     rowUnitPx: masonryRowUnitPx
   });
-  const classNames = (0, import_design_system_foundation50.cn)(
+  const classNames = (0, import_design_system_foundation52.cn)(
     Grid_default.grid,
     Grid_default[`--${variant}`],
     isCentered && Grid_default["--centered"],
@@ -3076,13 +3613,13 @@ function Grid({
   const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
   const Component = as ?? "div";
   const GridContext = getGridContext();
-  const ctx = (0, import_react27.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GridContext.Provider, { value: ctx, children }) });
+  const ctx = (0, import_react29.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(GridContext.Provider, { value: ctx, children }) });
 }
 
 // src/components/layout/Grid/GridItem.tsx
-var import_react28 = require("react");
-var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
+var import_react30 = require("react");
+var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
 
 // src/components/layout/Grid/autoSpan.ts
 function aspectToColumnSpan(ratio) {
@@ -3114,7 +3651,7 @@ function mediaReadyEvent(media) {
 }
 
 // src/components/layout/Grid/GridItem.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var GridItemSpan = {
   full: "full",
   threeQuarters: "three-quarters",
@@ -3147,11 +3684,11 @@ function GridItem({
   style,
   ...rest
 }) {
-  const { autoSpanMedia } = (0, import_react28.useContext)(getGridContext());
+  const { autoSpanMedia } = (0, import_react30.useContext)(getGridContext());
   const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
-  const ref = (0, import_react28.useRef)(null);
-  const [autoSpan, setAutoSpan] = (0, import_react28.useState)("one-quarter");
-  (0, import_react28.useLayoutEffect)(() => {
+  const ref = (0, import_react30.useRef)(null);
+  const [autoSpan, setAutoSpan] = (0, import_react30.useState)("one-quarter");
+  useIsomorphicLayoutEffect(() => {
     if (effectiveSpan !== "auto") return;
     const el = ref.current;
     if (!el) return;
@@ -3196,13 +3733,13 @@ function GridItem({
   };
   const Component = as ?? "div";
   const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Component,
     {
       ref,
       ...rest,
       "data-column-span-auto": isColumnSpanAuto ? "" : void 0,
-      className: (0, import_design_system_foundation51.cn)(Grid_default.item, className),
+      className: (0, import_design_system_foundation53.cn)(Grid_default.item, className),
       style: composedStyle,
       children
     }
@@ -3210,11 +3747,11 @@ function GridItem({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"component":"bds271SectionHeader-component","sectionHeader":"bds271SectionHeader-sectionHeader","title":"bds271SectionHeader-title","subtitle":"bds271SectionHeader-subtitle","--start":"bds271SectionHeader---start","--center":"bds271SectionHeader---center","--end":"bds271SectionHeader---end","--medium":"bds271SectionHeader---medium","--xs":"bds271SectionHeader---xs","--small":"bds271SectionHeader---small","--large":"bds271SectionHeader---large"};
+var SectionHeader_default = {"component":"bds2110SectionHeader-component","sectionHeader":"bds2110SectionHeader-sectionHeader","title":"bds2110SectionHeader-title","subtitle":"bds2110SectionHeader-subtitle","--start":"bds2110SectionHeader---start","--center":"bds2110SectionHeader---center","--end":"bds2110SectionHeader---end","--medium":"bds2110SectionHeader---medium","--xs":"bds2110SectionHeader---xs","--small":"bds2110SectionHeader---small","--large":"bds2110SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
-var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_design_system_foundation54 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SectionHeader({
   title,
   subtitle,
@@ -3225,24 +3762,24 @@ function SectionHeader({
   ...rest
 }) {
   const Title = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...rest, className: (0, import_design_system_foundation52.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Title, { className: SectionHeader_default.title, children: title }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { ...rest, className: (0, import_design_system_foundation54.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Title, { className: SectionHeader_default.title, children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
   ] });
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"component":"bds271IconWrapper-component","wrapper":"bds271IconWrapper-wrapper"};
+var IconWrapper_default = {"component":"bds2110IconWrapper-component","wrapper":"bds2110IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
-var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_design_system_foundation55 = require("@boostdev/design-system-foundation");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function IconWrapper({ children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ...rest, className: (0, import_design_system_foundation53.cn)(className, IconWrapper_default.wrapper), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { ...rest, className: (0, import_design_system_foundation55.cn)(className, IconWrapper_default.wrapper), children });
 }
 
 // src/index.ts
-var import_design_system_foundation54 = require("@boostdev/design-system-foundation");
+var import_design_system_foundation56 = require("@boostdev/design-system-foundation");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -3254,6 +3791,7 @@ var import_design_system_foundation54 = require("@boostdev/design-system-foundat
   ButtonContainer,
   ButtonGroup,
   Calendar,
+  CalendarRange,
   Card,
   Carousel,
   Checkbox,