@boostdev/design-system-components 1.1.0 → 1.1.2

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds110Accordion-accordion","item":"bds110Accordion-item","heading":"bds110Accordion-heading","trigger":"bds110Accordion-trigger","triggerLabel":"bds110Accordion-triggerLabel","chevron":"bds110Accordion-chevron","--open":"bds110Accordion---open","panel":"bds110Accordion-panel","panelContent":"bds110Accordion-panelContent"};
+var Accordion_default = {"accordion":"bds112Accordion-accordion","item":"bds112Accordion-item","heading":"bds112Accordion-heading","trigger":"bds112Accordion-trigger","triggerLabel":"bds112Accordion-triggerLabel","chevron":"bds112Accordion-chevron","--open":"bds112Accordion---open","panel":"bds112Accordion-panel","panelContent":"bds112Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -70,7 +70,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds110Alert-alert","--variant_info":"bds110Alert---variant_info","--variant_success":"bds110Alert---variant_success","--variant_warning":"bds110Alert---variant_warning","--variant_error":"bds110Alert---variant_error","icon":"bds110Alert-icon","content":"bds110Alert-content","title":"bds110Alert-title","dismiss":"bds110Alert-dismiss"};
+var Alert_default = {"alert":"bds112Alert-alert","--variant_info":"bds112Alert---variant_info","--variant_success":"bds112Alert---variant_success","--variant_warning":"bds112Alert---variant_warning","--variant_error":"bds112Alert---variant_error","icon":"bds112Alert-icon","content":"bds112Alert-content","title":"bds112Alert-title","dismiss":"bds112Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -113,7 +113,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds110Avatar-avatar","--fallback":"bds110Avatar---fallback","--size_small":"bds110Avatar---size_small","--size_medium":"bds110Avatar---size_medium","--size_large":"bds110Avatar---size_large","image":"bds110Avatar-image","initials":"bds110Avatar-initials"};
+var Avatar_default = {"avatar":"bds112Avatar-avatar","--fallback":"bds112Avatar---fallback","--size_small":"bds112Avatar---size_small","--size_medium":"bds112Avatar---size_medium","--size_large":"bds112Avatar---size_large","image":"bds112Avatar-image","initials":"bds112Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds110Badge-badge","--variant_primary":"bds110Badge---variant_primary","--variant_secondary":"bds110Badge---variant_secondary","--variant_success":"bds110Badge---variant_success","--variant_error":"bds110Badge---variant_error","--variant_warning":"bds110Badge---variant_warning"};
+var Badge_default = {"badge":"bds112Badge-badge","--variant_primary":"bds112Badge---variant_primary","--variant_secondary":"bds112Badge---variant_secondary","--variant_success":"bds112Badge---variant_success","--variant_error":"bds112Badge---variant_error","--variant_warning":"bds112Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds110Breadcrumb-breadcrumb","list":"bds110Breadcrumb-list","item":"bds110Breadcrumb-item","link":"bds110Breadcrumb-link","separator":"bds110Breadcrumb-separator","current":"bds110Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds112Breadcrumb-breadcrumb","list":"bds112Breadcrumb-list","item":"bds112Breadcrumb-item","link":"bds112Breadcrumb-link","separator":"bds112Breadcrumb-separator","current":"bds112Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -165,7 +165,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds110Collapsible-collapsible","summary":"bds110Collapsible-summary","summaryContent":"bds110Collapsible-summaryContent","icon":"bds110Collapsible-icon","content":"bds110Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds112Collapsible-collapsible","summary":"bds112Collapsible-summary","summaryContent":"bds112Collapsible-summaryContent","icon":"bds112Collapsible-icon","content":"bds112Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -206,7 +206,7 @@ function Collapsible({
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds110Calendar-calendar","header":"bds110Calendar-header","monthYear":"bds110Calendar-monthYear","navBtn":"bds110Calendar-navBtn","grid":"bds110Calendar-grid","weekday":"bds110Calendar-weekday","empty":"bds110Calendar-empty","day":"bds110Calendar-day","disabled":"bds110Calendar-disabled","selected":"bds110Calendar-selected","today":"bds110Calendar-today"};
+var Calendar_default = {"calendar":"bds112Calendar-calendar","header":"bds112Calendar-header","monthYear":"bds112Calendar-monthYear","navBtn":"bds112Calendar-navBtn","grid":"bds112Calendar-grid","weekday":"bds112Calendar-weekday","empty":"bds112Calendar-empty","day":"bds112Calendar-day","disabled":"bds112Calendar-disabled","selected":"bds112Calendar-selected","today":"bds112Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -381,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 import { useRef, useId as useId3 } from "react";
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds110Carousel-carousel","track":"bds110Carousel-track","slide":"bds110Carousel-slide","navBtn":"bds110Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds112Carousel-carousel","track":"bds112Carousel-track","slide":"bds112Carousel-slide","navBtn":"bds112Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -434,7 +434,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds110DescriptionList-list","group":"bds110DescriptionList-group","term":"bds110DescriptionList-term","details":"bds110DescriptionList-details","--layout_inline":"bds110DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds112DescriptionList-list","group":"bds112DescriptionList-group","term":"bds112DescriptionList-term","details":"bds112DescriptionList-details","--layout_inline":"bds112DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -447,7 +447,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds110Link-link","--variant_default":"bds110Link---variant_default","--variant_subtle":"bds110Link---variant_subtle","--variant_standalone":"bds110Link---variant_standalone","externalLabel":"bds110Link-externalLabel"};
+var Link_default = {"link":"bds112Link-link","--variant_default":"bds112Link---variant_default","--variant_subtle":"bds112Link---variant_subtle","--variant_standalone":"bds112Link---variant_standalone","externalLabel":"bds112Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -478,7 +478,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds110Loading-loading","spinner":"bds110Loading-spinner","--size_small":"bds110Loading---size_small","--size_large":"bds110Loading---size_large"};
+var Loading_default = {"loading":"bds112Loading-loading","spinner":"bds112Loading-spinner","--size_small":"bds112Loading---size_small","--size_large":"bds112Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -488,7 +488,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds110NotificationBanner-banner","--variant_info":"bds110NotificationBanner---variant_info","--variant_success":"bds110NotificationBanner---variant_success","--variant_warning":"bds110NotificationBanner---variant_warning","--variant_error":"bds110NotificationBanner---variant_error","content":"bds110NotificationBanner-content","action":"bds110NotificationBanner-action","dismiss":"bds110NotificationBanner-dismiss"};
+var NotificationBanner_default = {"banner":"bds112NotificationBanner-banner","--variant_info":"bds112NotificationBanner---variant_info","--variant_success":"bds112NotificationBanner---variant_success","--variant_warning":"bds112NotificationBanner---variant_warning","--variant_error":"bds112NotificationBanner---variant_error","content":"bds112NotificationBanner-content","action":"bds112NotificationBanner-action","dismiss":"bds112NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -527,7 +527,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds110Pagination-pagination","list":"bds110Pagination-list","button":"bds110Pagination-button","--active":"bds110Pagination---active","--nav":"bds110Pagination---nav","ellipsis":"bds110Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds112Pagination-pagination","list":"bds112Pagination-list","button":"bds112Pagination-button","--active":"bds112Pagination---active","--nav":"bds112Pagination---nav","ellipsis":"bds112Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -591,7 +591,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds110Progress-container","labelRow":"bds110Progress-labelRow","value":"bds110Progress-value","track":"bds110Progress-track","--size_small":"bds110Progress---size_small","--size_medium":"bds110Progress---size_medium","--size_large":"bds110Progress---size_large","fill":"bds110Progress-fill"};
+var Progress_default = {"container":"bds112Progress-container","labelRow":"bds112Progress-labelRow","value":"bds112Progress-value","track":"bds112Progress-track","--size_small":"bds112Progress---size_small","--size_medium":"bds112Progress---size_medium","--size_large":"bds112Progress---size_large","fill":"bds112Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -629,7 +629,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds110ProgressCircle-wrapper","svg":"bds110ProgressCircle-svg","track":"bds110ProgressCircle-track","fill":"bds110ProgressCircle-fill","value":"bds110ProgressCircle-value","--size_small":"bds110ProgressCircle---size_small","--size_medium":"bds110ProgressCircle---size_medium","--size_large":"bds110ProgressCircle---size_large"};
+var ProgressCircle_default = {"wrapper":"bds112ProgressCircle-wrapper","svg":"bds112ProgressCircle-svg","track":"bds112ProgressCircle-track","fill":"bds112ProgressCircle-fill","value":"bds112ProgressCircle-value","--size_small":"bds112ProgressCircle---size_small","--size_medium":"bds112ProgressCircle---size_medium","--size_large":"bds112ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -708,7 +708,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds110Separator-separator","--horizontal":"bds110Separator---horizontal","--vertical":"bds110Separator---vertical"};
+var Separator_default = {"separator":"bds112Separator-separator","--horizontal":"bds112Separator---horizontal","--vertical":"bds112Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -731,7 +731,7 @@ function Separator({ orientation = "horizontal", className }) {
 import { cn as cn17 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds110Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds112Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -740,7 +740,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds110SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds112SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -750,7 +750,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds110Table-wrapper","table":"bds110Table-table","caption":"bds110Table-caption","thead":"bds110Table-thead","th":"bds110Table-th","--sortable":"bds110Table---sortable","sortButton":"bds110Table-sortButton","sortIcon":"bds110Table-sortIcon","--sort-active":"bds110Table---sort-active","--sort-desc":"bds110Table---sort-desc","tbody":"bds110Table-tbody","tr":"bds110Table-tr","td":"bds110Table-td"};
+var Table_default = {"wrapper":"bds112Table-wrapper","table":"bds112Table-table","caption":"bds112Table-caption","thead":"bds112Table-thead","th":"bds112Table-th","--sortable":"bds112Table---sortable","sortButton":"bds112Table-sortButton","sortIcon":"bds112Table-sortIcon","--sort-active":"bds112Table---sort-active","--sort-desc":"bds112Table---sort-desc","tbody":"bds112Table-tbody","tr":"bds112Table-tr","td":"bds112Table-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -820,7 +820,7 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds110Tabs-tabs","tabList":"bds110Tabs-tabList","tab":"bds110Tabs-tab","--active":"bds110Tabs---active","panel":"bds110Tabs-panel"};
+var Tabs_default = {"tabs":"bds112Tabs-tabs","tabList":"bds112Tabs-tabList","tab":"bds112Tabs-tab","--active":"bds112Tabs---active","panel":"bds112Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -900,7 +900,7 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds110Tooltip-wrapper","tooltip":"bds110Tooltip-tooltip","--placement_top":"bds110Tooltip---placement_top","--placement_bottom":"bds110Tooltip---placement_bottom","--placement_left":"bds110Tooltip---placement_left","--placement_right":"bds110Tooltip---placement_right"};
+var Tooltip_default = {"wrapper":"bds112Tooltip-wrapper","tooltip":"bds112Tooltip-tooltip","--placement_top":"bds112Tooltip---placement_top","--placement_bottom":"bds112Tooltip---placement_bottom","--placement_left":"bds112Tooltip---placement_left","--placement_right":"bds112Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -942,7 +942,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds110Typography-typography","--h1":"bds110Typography---h1","--h2":"bds110Typography---h2","--h3":"bds110Typography---h3","--body":"bds110Typography---body","--body_s":"bds110Typography---body_s"};
+var Typography_default = {"typography":"bds112Typography-typography","--h1":"bds112Typography---h1","--h2":"bds112Typography---h2","--h3":"bds112Typography---h3","--body":"bds112Typography---body","--body_s":"bds112Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -960,7 +960,7 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds110Button-button","--default":"bds110Button---default","--ghost":"bds110Button---ghost","--size_small":"bds110Button---size_small","--size_medium":"bds110Button---size_medium","--size_large":"bds110Button---size_large","--hasPulse":"bds110Button---hasPulse","iconStart":"bds110Button-iconStart","iconEnd":"bds110Button-iconEnd"};
+var Button_default = {"button":"bds112Button-button","--default":"bds112Button---default","--ghost":"bds112Button---ghost","--size_small":"bds112Button---size_small","--size_medium":"bds112Button---size_medium","--size_large":"bds112Button---size_large","--hasPulse":"bds112Button---hasPulse","iconStart":"bds112Button-iconStart","iconEnd":"bds112Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1035,14 +1035,56 @@ function Button({
 // src/components/interaction/Command/Command.tsx
 import { useState as useState5, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
 
+// src/polyfill-invoker-commands.ts
+var installed = false;
+function installInvokerCommandsPolyfill() {
+  if (installed) return;
+  if (typeof window === "undefined") return;
+  if ("command" in HTMLButtonElement.prototype) return;
+  installed = true;
+  document.addEventListener("click", (e) => {
+    const button = e.target?.closest("button[commandfor]");
+    if (!button) return;
+    const targetId = button.getAttribute("commandfor");
+    const command = button.getAttribute("command");
+    if (!targetId || !command) return;
+    const target = document.getElementById(targetId);
+    if (!target) return;
+    const commandEvent = new Event("command", { cancelable: true, bubbles: false });
+    Object.defineProperty(commandEvent, "command", { value: command, configurable: true });
+    Object.defineProperty(commandEvent, "source", { value: button, configurable: true });
+    const notCancelled = target.dispatchEvent(commandEvent);
+    if (!notCancelled) return;
+    if (target instanceof HTMLDialogElement) {
+      if (command === "show-modal" && !target.open) {
+        target.showModal();
+      } else if (command === "close" && target.open) {
+        target.close();
+      }
+    } else if (target.hasAttribute("popover") && "showPopover" in target) {
+      const popover = target;
+      if (command === "toggle-popover") {
+        popover.togglePopover();
+      } else if (command === "show-popover") {
+        popover.showPopover();
+      } else if (command === "hide-popover") {
+        popover.hidePopover();
+      }
+    }
+  });
+}
+
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds110Command-dialog","palette":"bds110Command-palette","searchRow":"bds110Command-searchRow","searchIcon":"bds110Command-searchIcon","search":"bds110Command-search","escHint":"bds110Command-escHint","list":"bds110Command-list","groupList":"bds110Command-groupList","group":"bds110Command-group","item":"bds110Command-item","itemActive":"bds110Command-itemActive","itemLabel":"bds110Command-itemLabel","itemDesc":"bds110Command-itemDesc","shortcut":"bds110Command-shortcut","empty":"bds110Command-empty"};
+var Command_default = {"dialog":"bds112Command-dialog","palette":"bds112Command-palette","searchRow":"bds112Command-searchRow","searchIcon":"bds112Command-searchIcon","search":"bds112Command-search","escHint":"bds112Command-escHint","list":"bds112Command-list","groupList":"bds112Command-groupList","group":"bds112Command-group","item":"bds112Command-item","itemActive":"bds112Command-itemActive","itemLabel":"bds112Command-itemLabel","itemDesc":"bds112Command-itemDesc","shortcut":"bds112Command-shortcut","empty":"bds112Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 function Command({
+  id: idProp,
   isOpen,
+  onOpen,
   onClose,
   items,
   placeholder = "Search commands\u2026",
@@ -1050,6 +1092,8 @@ function Command({
 }) {
   const [query, setQuery] = useState5("");
   const [activeIndex, setActiveIndex] = useState5(0);
+  const generatedId = useId6();
+  const dialogId = idProp ?? generatedId;
   const dialogRef = useRef3(null);
   const inputRef = useRef3(null);
   const listboxId = useId6();
@@ -1073,14 +1117,14 @@ function Command({
   useEffect(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
       setQuery("");
       setActiveIndex(0);
       setTimeout(() => inputRef.current?.focus(), 0);
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1092,6 +1136,27 @@ function Command({
   useEffect(() => {
     setActiveIndex(0);
   }, [query]);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        setQuery("");
+        setActiveIndex(0);
+        setTimeout(() => inputRef.current?.focus(), 0);
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleCancel = (e) => {
     e.preventDefault();
     onClose();
@@ -1119,6 +1184,7 @@ function Command({
     "dialog",
     {
       ref: dialogRef,
+      id: dialogId,
       className: cn24(Command_default.dialog, className),
       "aria-label": "Command palette",
       "aria-modal": "true",
@@ -1181,26 +1247,29 @@ function Command({
 }
 
 // src/components/interaction/Dialog/Dialog.tsx
-import { useEffect as useEffect2, useRef as useRef4 } from "react";
+import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds110Dialog-dialog","dialogContent":"bds110Dialog-dialogContent","closeForm":"bds110Dialog-closeForm","closeButton":"bds110Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds112Dialog-dialog","dialogContent":"bds112Dialog-dialogContent","closeButton":"bds112Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
 import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 var FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-function Dialog({ children, isOpen = false, className, onClose }) {
+function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClose }) {
+  const generatedId = useId7();
+  const id = idProp ?? generatedId;
   const dialogRef = useRef4(null);
   const triggerRef = useRef4(null);
   useEffect2(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1209,6 +1278,24 @@ function Dialog({ children, isOpen = false, className, onClose }) {
       document.body.style.overflow = "";
     };
   }, [isOpen]);
+  useEffect2(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose?.();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleBackdropClick = (e) => {
     if (e.target === dialogRef.current) onClose?.();
   };
@@ -1240,22 +1327,24 @@ function Dialog({ children, isOpen = false, className, onClose }) {
     "dialog",
     {
       ref: dialogRef,
+      id,
       className: cn25(className, Dialog_default.dialog),
       "aria-modal": "true",
       onClick: handleBackdropClick,
       onCancel: handleCancel,
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx25("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx25(
           "button",
           {
-            type: "submit",
+            type: "button",
             className: Dialog_default.closeButton,
-            onClick: onClose,
+            commandfor: id,
+            command: "close",
             "aria-label": "Close dialog",
             children: /* @__PURE__ */ jsx25("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsx25("div", { className: Dialog_default.dialogContent, children })
       ]
     }
@@ -1263,16 +1352,19 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 }
 
 // src/components/interaction/Drawer/Drawer.tsx
-import { useEffect as useEffect3, useRef as useRef5 } from "react";
+import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds110Drawer-drawer","panel":"bds110Drawer-panel","--side_right":"bds110Drawer---side_right","--side_left":"bds110Drawer---side_left","header":"bds110Drawer-header","closeButton":"bds110Drawer-closeButton","body":"bds110Drawer-body"};
+var Drawer_default = {"drawer":"bds112Drawer-drawer","panel":"bds112Drawer-panel","--side_right":"bds112Drawer---side_right","--side_left":"bds112Drawer---side_left","header":"bds112Drawer-header","closeButton":"bds112Drawer-closeButton","body":"bds112Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+installInvokerCommandsPolyfill();
 function Drawer({
+  id: idProp,
   isOpen,
+  onOpen,
   onClose,
   title,
   children,
@@ -1280,16 +1372,18 @@ function Drawer({
   ariaLabel,
   className
 }) {
+  const generatedId = useId8();
+  const id = idProp ?? generatedId;
   const dialogRef = useRef5(null);
   const triggerRef = useRef5(null);
   useEffect3(() => {
     const dialog = dialogRef.current;
     if (!dialog) return;
-    if (isOpen) {
+    if (isOpen && !dialog.open) {
       triggerRef.current = document.activeElement;
       dialog.showModal();
       document.body.style.overflow = "hidden";
-    } else if (dialog.open) {
+    } else if (!isOpen && dialog.open) {
       dialog.close();
       document.body.style.overflow = "";
       triggerRef.current?.focus();
@@ -1298,6 +1392,24 @@ function Drawer({
       document.body.style.overflow = "";
     };
   }, [isOpen]);
+  useEffect3(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleCommand = (e) => {
+      if (e.command === "show-modal") {
+        triggerRef.current = document.activeElement;
+        document.body.style.overflow = "hidden";
+        onOpen?.();
+      } else if (e.command === "close") {
+        document.body.style.overflow = "";
+        const trigger = triggerRef.current;
+        setTimeout(() => trigger?.focus(), 0);
+        onClose();
+      }
+    };
+    dialog.addEventListener("command", handleCommand);
+    return () => dialog.removeEventListener("command", handleCommand);
+  }, [onOpen, onClose]);
   const handleClick = (e) => {
     if (e.target === dialogRef.current) onClose();
   };
@@ -1309,6 +1421,7 @@ function Drawer({
     "dialog",
     {
       ref: dialogRef,
+      id,
       className: cn26(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
       "aria-label": ariaLabel,
       "aria-modal": "true",
@@ -1322,7 +1435,8 @@ function Drawer({
             {
               type: "button",
               className: Drawer_default.closeButton,
-              onClick: onClose,
+              commandfor: id,
+              command: "close",
               "aria-label": "Close drawer",
               children: /* @__PURE__ */ jsx26("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
             }
@@ -1339,13 +1453,13 @@ import {
   cloneElement as cloneElement2,
   isValidElement as isValidElement2,
   useEffect as useEffect4,
-  useId as useId7,
+  useId as useId9,
   useRef as useRef6,
   useState as useState6
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds110DropdownMenu-wrapper","menu":"bds110DropdownMenu-menu","--placement_bottom-start":"bds110DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds110DropdownMenu---placement_bottom-end","separator":"bds110DropdownMenu-separator","item":"bds110DropdownMenu-item","icon":"bds110DropdownMenu-icon"};
+var DropdownMenu_default = {"wrapper":"bds112DropdownMenu-wrapper","menu":"bds112DropdownMenu-menu","--placement_bottom-start":"bds112DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds112DropdownMenu---placement_bottom-end","separator":"bds112DropdownMenu-separator","item":"bds112DropdownMenu-item","icon":"bds112DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1358,7 +1472,7 @@ function DropdownMenu({
 }) {
   const [isOpen, setIsOpen] = useState6(false);
   const containerRef = useRef6(null);
-  const menuId = useId7();
+  const menuId = useId9();
   const itemRefs = useRef6([]);
   const open = () => {
     setIsOpen(true);
@@ -1458,20 +1572,19 @@ function DropdownMenu({
 import {
   cloneElement as cloneElement3,
   isValidElement as isValidElement3,
-  useCallback,
   useEffect as useEffect5,
-  useId as useId8,
+  useId as useId10,
   useRef as useRef7,
   useState as useState7
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds110Popover-wrapper","panel":"bds110Popover-panel"};
+var Popover_default = {"wrapper":"bds112Popover-wrapper","panel":"bds112Popover-panel","g":"bds112Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
-var GAP = 8;
+installInvokerCommandsPolyfill();
 if (typeof window !== "undefined" && !(typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("anchor-name: --a"))) {
   import("@oddbird/css-anchor-positioning").catch(() => {
   });
@@ -1485,80 +1598,59 @@ function Popover({
 }) {
   const [isOpen, setIsOpen] = useState7(false);
   const containerRef = useRef7(null);
-  const dialogRef = useRef7(null);
-  const rawId = useId8();
+  const panelRef = useRef7(null);
+  const rawId = useId10();
   const anchorName = `--popover-${rawId.replace(/\W/g, "") || "a"}`;
   const panelId = rawId;
+  useEffect5(() => {
+    const panel = panelRef.current;
+    if (!panel) return;
+    const handleToggle = (e) => {
+      setIsOpen(e.newState === "open");
+    };
+    panel.addEventListener("toggle", handleToggle);
+    return () => panel.removeEventListener("toggle", handleToggle);
+  }, []);
   useEffect5(() => {
     if (!isOpen) return;
-    const handleMouseDown = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
+    const handleScroll = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const { innerWidth: vw, innerHeight: vh } = window;
+      if (rect.bottom < 0 || rect.top > vh || rect.right < 0 || rect.left > vw) {
+        panelRef.current?.hidePopover();
       }
     };
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") setIsOpen(false);
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("scroll", handleScroll, { capture: true, passive: true });
+    window.addEventListener("resize", handleScroll, { passive: true });
     return () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("scroll", handleScroll, { capture: true });
+      window.removeEventListener("resize", handleScroll);
     };
   }, [isOpen]);
-  const constrainPanel = useCallback(() => {
-    const dialog = dialogRef.current;
-    const container = containerRef.current;
-    if (!dialog || !container) return;
-    const rect = container.getBoundingClientRect();
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    dialog.style.maxHeight = "";
-    dialog.style.maxWidth = "";
-    if (placement === "bottom") {
-      dialog.style.maxHeight = `${Math.max(0, vh - rect.bottom - GAP * 2)}px`;
-      dialog.style.maxWidth = `${Math.max(0, vw - rect.left - GAP)}px`;
-    } else if (placement === "top") {
-      dialog.style.maxHeight = `${Math.max(0, rect.top - GAP * 2)}px`;
-      dialog.style.maxWidth = `${Math.max(0, vw - rect.left - GAP)}px`;
-    } else if (placement === "right") {
-      dialog.style.maxHeight = `${Math.max(0, vh - rect.top - GAP)}px`;
-      dialog.style.maxWidth = `${Math.max(0, vw - rect.right - GAP * 2)}px`;
-    } else {
-      dialog.style.maxHeight = `${Math.max(0, vh - rect.top - GAP)}px`;
-      dialog.style.maxWidth = `${Math.max(0, rect.left - GAP * 2)}px`;
-    }
-  }, [placement]);
-  const toggle = useCallback(() => {
-    if (isOpen) {
-      setIsOpen(false);
-    } else {
-      constrainPanel();
-      setIsOpen(true);
-    }
-  }, [isOpen, constrainPanel]);
   const trigger = isValidElement3(children) ? cloneElement3(children, {
     "aria-expanded": isOpen,
     "aria-controls": panelId,
     "aria-haspopup": true,
+    commandfor: panelId,
+    command: "toggle-popover",
     style: {
       ...children.props.style,
       anchorName
     },
-    onClick: (e) => {
-      toggle();
-      const existingOnClick = children.props.onClick;
-      if (typeof existingOnClick === "function") existingOnClick(e);
-    }
+    // 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
   }) : children;
   return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn28(Popover_default.wrapper, className), children: [
     trigger,
     /* @__PURE__ */ jsx28(
-      "dialog",
+      "div",
       {
-        ref: dialogRef,
+        ref: panelRef,
         id: panelId,
-        open: isOpen,
+        popover: "auto",
         "data-placement": placement,
         role: ariaLabel ? "region" : void 0,
         "aria-label": ariaLabel,
@@ -1571,7 +1663,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds110Rating-rating","star":"bds110Rating-star","--filled":"bds110Rating---filled"};
+var Rating_default = {"rating":"bds112Rating-rating","star":"bds112Rating-star","--filled":"bds112Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1599,10 +1691,10 @@ function Rating({ value, max = 5, className }) {
 }
 
 // src/components/interaction/Toast/Toast.tsx
-import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback as useCallback2, useMemo as useMemo2, useRef as useRef8 } from "react";
+import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds110Toast-toastContainer","toast":"bds110Toast-toast","--variant_success":"bds110Toast---variant_success","--variant_warning":"bds110Toast---variant_warning","--variant_info":"bds110Toast---variant_info","--variant_error":"bds110Toast---variant_error","message":"bds110Toast-message","closeButton":"bds110Toast-closeButton"};
+var Toast_default = {"toastContainer":"bds112Toast-toastContainer","toast":"bds112Toast-toast","--variant_success":"bds112Toast---variant_success","--variant_warning":"bds112Toast---variant_warning","--variant_info":"bds112Toast---variant_info","--variant_error":"bds112Toast---variant_error","message":"bds112Toast-message","closeButton":"bds112Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1611,11 +1703,11 @@ var ToastContext = createContext(void 0);
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState8([]);
   const containerRef = useRef8(null);
-  const showToast = useCallback2((message, variant) => {
+  const showToast = useCallback((message, variant) => {
     const id = Math.random().toString(36).substring(2, 9);
     setToasts((prev) => [...prev, { id, message, variant }]);
   }, []);
-  const removeToast = useCallback2((id) => {
+  const removeToast = useCallback((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
   useEffect6(() => {
@@ -1672,13 +1764,13 @@ function useToast() {
 }
 
 // src/components/interaction/form/Checkbox/Checkbox.tsx
-import { useId as useId9 } from "react";
+import { useId as useId11 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds110Checkbox-checkboxGroup","inputWrapper":"bds110Checkbox-inputWrapper","checkbox":"bds110Checkbox-checkbox","checkboxError":"bds110Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds112Checkbox-checkboxGroup","inputWrapper":"bds112Checkbox-inputWrapper","checkbox":"bds112Checkbox-checkbox","checkboxError":"bds112Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds110Message-error","hint":"bds110Message-hint"};
+var Message_default = {"error":"bds112Message-error","hint":"bds112Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1689,7 +1781,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds110Label-label"};
+var Label_default = {"label":"bds112Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1702,7 +1794,7 @@ var Label = ({ label, id, className }) => {
 import { cn as cn34 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds110InputContainer-container"};
+var InputContainer_default = {"container":"bds112InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1714,7 +1806,7 @@ var InputContainer = ({ children, className }) => {
 // src/components/interaction/form/Checkbox/Checkbox.tsx
 import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 function Checkbox({ label, name, error, hint, className, ...props }) {
-  const id = name + useId9();
+  const id = name + useId11();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -1740,10 +1832,10 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 }
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
-import { useId as useId10 } from "react";
+import { useId as useId12 } from "react";
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds110CheckboxGroup-group","legend":"bds110CheckboxGroup-legend","required":"bds110CheckboxGroup-required","items":"bds110CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds112CheckboxGroup-group","legend":"bds112CheckboxGroup-legend","required":"bds112CheckboxGroup-required","items":"bds112CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1757,7 +1849,7 @@ function CheckboxGroup({
   disabled,
   className
 }) {
-  const id = useId10();
+  const id = useId12();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -1784,14 +1876,14 @@ function CheckboxGroup({
 // src/components/interaction/form/Combobox/Combobox.tsx
 import {
   useEffect as useEffect7,
-  useId as useId11,
+  useId as useId13,
   useRef as useRef9,
   useState as useState9,
   useMemo as useMemo3
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds110Combobox-formGroup","inputWrapper":"bds110Combobox-inputWrapper","input":"bds110Combobox-input","inputError":"bds110Combobox-inputError","chevron":"bds110Combobox-chevron","listbox":"bds110Combobox-listbox","option":"bds110Combobox-option","--highlighted":"bds110Combobox---highlighted","--selected":"bds110Combobox---selected","--disabled":"bds110Combobox---disabled"};
+var Combobox_default = {"formGroup":"bds112Combobox-formGroup","inputWrapper":"bds112Combobox-inputWrapper","input":"bds112Combobox-input","inputError":"bds112Combobox-inputError","chevron":"bds112Combobox-chevron","listbox":"bds112Combobox-listbox","option":"bds112Combobox-option","--highlighted":"bds112Combobox---highlighted","--selected":"bds112Combobox---selected","--disabled":"bds112Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -1808,7 +1900,7 @@ function Combobox({
   hint,
   className
 }) {
-  const id = name + useId11();
+  const id = name + useId13();
   const listboxId = id + "listbox";
   const hintId = id + "hint";
   const errorId = id + "error";
@@ -1938,10 +2030,10 @@ function Combobox({
 }
 
 // src/components/interaction/form/FileInput/FileInput.tsx
-import { useId as useId12, useRef as useRef10, useState as useState10 } from "react";
+import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds110FileInput-formGroup","fieldLabel":"bds110FileInput-fieldLabel","dropZone":"bds110FileInput-dropZone","isDragging":"bds110FileInput-isDragging","hasError":"bds110FileInput-hasError","isDisabled":"bds110FileInput-isDisabled","icon":"bds110FileInput-icon","prompt":"bds110FileInput-prompt","acceptHint":"bds110FileInput-acceptHint","hiddenInput":"bds110FileInput-hiddenInput"};
+var FileInput_default = {"formGroup":"bds112FileInput-formGroup","fieldLabel":"bds112FileInput-fieldLabel","dropZone":"bds112FileInput-dropZone","isDragging":"bds112FileInput-isDragging","hasError":"bds112FileInput-hasError","isDisabled":"bds112FileInput-isDisabled","icon":"bds112FileInput-icon","prompt":"bds112FileInput-prompt","acceptHint":"bds112FileInput-acceptHint","hiddenInput":"bds112FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -1958,7 +2050,7 @@ function FileInput({
   onChange,
   className
 }) {
-  const uid = name + useId12();
+  const uid = name + useId14();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2038,10 +2130,10 @@ function FileInput({
 }
 
 // src/components/interaction/form/FormInput/FormInput.tsx
-import { useId as useId13 } from "react";
+import { useId as useId15 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds110FormInput-formGroup","input":"bds110FormInput-input","inputError":"bds110FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds112FormInput-formGroup","input":"bds112FormInput-input","inputError":"bds112FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2056,7 +2148,7 @@ function FormInput({
   required,
   ...props
 }) {
-  const id = name + useId13();
+  const id = name + useId15();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2082,10 +2174,10 @@ function FormInput({
 }
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
-import { useId as useId14, useRef as useRef11, useState as useState11 } from "react";
+import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds110NumberInput-formGroup","inputRow":"bds110NumberInput-inputRow","input":"bds110NumberInput-input","inputError":"bds110NumberInput-inputError","stepper":"bds110NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds112NumberInput-formGroup","inputRow":"bds112NumberInput-inputRow","input":"bds112NumberInput-input","inputError":"bds112NumberInput-inputError","stepper":"bds112NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2104,7 +2196,7 @@ function NumberInput({
   onChange,
   className
 }) {
-  const uid = name + useId14();
+  const uid = name + useId16();
   const hintId = uid + "hint";
   const errorId = uid + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2186,16 +2278,16 @@ function NumberInput({
 }
 
 // src/components/interaction/form/Radio/Radio.tsx
-import { useId as useId15 } from "react";
+import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds110Radio-radioGroup","inputWrapper":"bds110Radio-inputWrapper","textWrapper":"bds110Radio-textWrapper","description":"bds110Radio-description","radio":"bds110Radio-radio","radioError":"bds110Radio-radioError"};
+var Radio_default = {"radioGroup":"bds112Radio-radioGroup","inputWrapper":"bds112Radio-inputWrapper","textWrapper":"bds112Radio-textWrapper","description":"bds112Radio-description","radio":"bds112Radio-radio","radioError":"bds112Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
 import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function Radio({ label, name, description, error, hint, className, ...props }) {
-  const id = name + useId15();
+  const id = name + useId17();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2224,10 +2316,10 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 }
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
-import { useId as useId16 } from "react";
+import { useId as useId18 } from "react";
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"group":"bds110RadioGroup-group","legend":"bds110RadioGroup-legend","required":"bds110RadioGroup-required","items":"bds110RadioGroup-items"};
+var RadioGroup_default = {"group":"bds112RadioGroup-group","legend":"bds112RadioGroup-legend","required":"bds112RadioGroup-required","items":"bds112RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2241,7 +2333,7 @@ function RadioGroup({
   disabled,
   className
 }) {
-  const id = useId16();
+  const id = useId18();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2266,10 +2358,10 @@ function RadioGroup({
 }
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
-import { useId as useId17, useState as useState12 } from "react";
+import { useId as useId19, useState as useState12 } from "react";
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-var SegmentedControl_default = {"control":"bds110SegmentedControl-control","thumb":"bds110SegmentedControl-thumb","item":"bds110SegmentedControl-item","--disabled":"bds110SegmentedControl---disabled","radio":"bds110SegmentedControl-radio","label":"bds110SegmentedControl-label","--size_small":"bds110SegmentedControl---size_small","--size_large":"bds110SegmentedControl---size_large","--active":"bds110SegmentedControl---active"};
+var SegmentedControl_default = {"control":"bds112SegmentedControl-control","thumb":"bds112SegmentedControl-thumb","item":"bds112SegmentedControl-item","--disabled":"bds112SegmentedControl---disabled","radio":"bds112SegmentedControl-radio","label":"bds112SegmentedControl-label","--size_small":"bds112SegmentedControl---size_small","--size_large":"bds112SegmentedControl---size_large","--active":"bds112SegmentedControl---active"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2286,7 +2378,7 @@ function SegmentedControl({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const baseId = name + useId17();
+  const baseId = name + useId19();
   const [internalValue, setInternalValue] = useState12(
     defaultValue ?? options[0]?.value ?? ""
   );
@@ -2344,10 +2436,10 @@ function SegmentedControl({
 }
 
 // src/components/interaction/form/Select/Select.tsx
-import { useId as useId18 } from "react";
+import { useId as useId20 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds110Select-formGroup","selectWrapper":"bds110Select-selectWrapper","select":"bds110Select-select","selectError":"bds110Select-selectError","chevron":"bds110Select-chevron"};
+var Select_default = {"formGroup":"bds112Select-formGroup","selectWrapper":"bds112Select-selectWrapper","select":"bds112Select-select","selectError":"bds112Select-selectError","chevron":"bds112Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2363,7 +2455,7 @@ function Select({
   required,
   ...props
 }) {
-  const id = name + useId18();
+  const id = name + useId20();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2395,10 +2487,10 @@ function Select({
 }
 
 // src/components/interaction/form/Slider/Slider.tsx
-import { useId as useId19, useState as useState13 } from "react";
+import { useId as useId21, useState as useState13 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds110Slider-formGroup","labelRow":"bds110Slider-labelRow","value":"bds110Slider-value","slider":"bds110Slider-slider","sliderError":"bds110Slider-sliderError"};
+var Slider_default = {"formGroup":"bds112Slider-formGroup","labelRow":"bds112Slider-labelRow","value":"bds112Slider-value","slider":"bds112Slider-slider","sliderError":"bds112Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2415,7 +2507,7 @@ function Slider({
   onChange,
   ...props
 }) {
-  const id = name + useId19();
+  const id = name + useId21();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2457,10 +2549,10 @@ function Slider({
 }
 
 // src/components/interaction/form/Switch/Switch.tsx
-import { useId as useId20 } from "react";
+import { useId as useId22 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds110Switch-switchGroup","--size_small":"bds110Switch---size_small","--size_medium":"bds110Switch---size_medium","--size_large":"bds110Switch---size_large","inputWrapper":"bds110Switch-inputWrapper","trackWrapper":"bds110Switch-trackWrapper","switch":"bds110Switch-switch","track":"bds110Switch-track","thumb":"bds110Switch-thumb","switchError":"bds110Switch-switchError"};
+var Switch_default = {"switchGroup":"bds112Switch-switchGroup","--size_small":"bds112Switch---size_small","--size_medium":"bds112Switch---size_medium","--size_large":"bds112Switch---size_large","inputWrapper":"bds112Switch-inputWrapper","trackWrapper":"bds112Switch-trackWrapper","switch":"bds112Switch-switch","track":"bds112Switch-track","thumb":"bds112Switch-thumb","switchError":"bds112Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2475,7 +2567,7 @@ function Switch({
   prefix,
   ...props
 }) {
-  const id = name + useId20();
+  const id = name + useId22();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2505,10 +2597,10 @@ function Switch({
 }
 
 // src/components/interaction/form/Textarea/Textarea.tsx
-import { useId as useId21 } from "react";
+import { useId as useId23 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds110Textarea-formGroup","textarea":"bds110Textarea-textarea","textareaError":"bds110Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds112Textarea-formGroup","textarea":"bds112Textarea-textarea","textareaError":"bds112Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2522,7 +2614,7 @@ function Textarea({
   required,
   ...props
 }) {
-  const id = name + useId21();
+  const id = name + useId23();
   const hintId = id + "hint";
   const errorId = id + "error";
   const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2547,7 +2639,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds110ButtonGroup-buttonGroup","container":"bds110ButtonGroup-container","--variant_card":"bds110ButtonGroup---variant_card","--variant_flow":"bds110ButtonGroup---variant_flow","--variant_modal":"bds110ButtonGroup---variant_modal","--variant_content":"bds110ButtonGroup---variant_content","--variant_grid":"bds110ButtonGroup---variant_grid"};
+var ButtonGroup_default = {"buttonGroup":"bds112ButtonGroup-buttonGroup","container":"bds112ButtonGroup-container","--variant_card":"bds112ButtonGroup---variant_card","--variant_flow":"bds112ButtonGroup---variant_flow","--variant_modal":"bds112ButtonGroup---variant_modal","--variant_content":"bds112ButtonGroup---variant_content","--variant_grid":"bds112ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn47 } from "@boostdev/design-system-foundation";
@@ -2565,7 +2657,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds110Card-card","--default":"bds110Card---default","--elevated":"bds110Card---elevated","--outlined":"bds110Card---outlined","--clickable":"bds110Card---clickable","--padding-none":"bds110Card---padding-none","--padding-small":"bds110Card---padding-small","--padding-medium":"bds110Card---padding-medium","--padding-large":"bds110Card---padding-large","--text-start":"bds110Card---text-start","--text-center":"bds110Card---text-center","--text-end":"bds110Card---text-end"};
+var Card_default = {"card":"bds112Card-card","--default":"bds112Card---default","--elevated":"bds112Card---elevated","--outlined":"bds112Card---outlined","--clickable":"bds112Card---clickable","--padding-none":"bds112Card---padding-none","--padding-small":"bds112Card---padding-small","--padding-medium":"bds112Card---padding-medium","--padding-large":"bds112Card---padding-large","--text-start":"bds112Card---text-start","--text-center":"bds112Card---text-center","--text-end":"bds112Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2603,7 +2695,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds110SectionHeader-sectionHeader","title":"bds110SectionHeader-title","subtitle":"bds110SectionHeader-subtitle","--start":"bds110SectionHeader---start","--center":"bds110SectionHeader---center","--end":"bds110SectionHeader---end","--small":"bds110SectionHeader---small","--medium":"bds110SectionHeader---medium","--large":"bds110SectionHeader---large"};
+var SectionHeader_default = {"sectionHeader":"bds112SectionHeader-sectionHeader","title":"bds112SectionHeader-title","subtitle":"bds112SectionHeader-subtitle","--start":"bds112SectionHeader---start","--center":"bds112SectionHeader---center","--end":"bds112SectionHeader---end","--small":"bds112SectionHeader---small","--medium":"bds112SectionHeader---medium","--large":"bds112SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 import { cn as cn49 } from "@boostdev/design-system-foundation";
@@ -2624,7 +2716,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds110IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds112IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 import { cn as cn50 } from "@boostdev/design-system-foundation";