@boostdev/design-system-components 1.1.2 → 1.2.1

package/dist/index.cjs

@@ -86,7 +86,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/components/ui/Accordion/Accordion.module.css
-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"};
+var Accordion_default = {"accordion":"bds121Accordion-accordion","item":"bds121Accordion-item","heading":"bds121Accordion-heading","trigger":"bds121Accordion-trigger","triggerLabel":"bds121Accordion-triggerLabel","chevron":"bds121Accordion-chevron","--open":"bds121Accordion---open","panel":"bds121Accordion-panel","panelContent":"bds121Accordion-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -154,7 +154,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-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"};
+var Alert_default = {"alert":"bds121Alert-alert","--variant_info":"bds121Alert---variant_info","--variant_success":"bds121Alert---variant_success","--variant_warning":"bds121Alert---variant_warning","--variant_error":"bds121Alert---variant_error","icon":"bds121Alert-icon","content":"bds121Alert-content","title":"bds121Alert-title","dismiss":"bds121Alert-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -197,7 +197,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-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"};
+var Avatar_default = {"avatar":"bds121Avatar-avatar","--fallback":"bds121Avatar---fallback","--size_small":"bds121Avatar---size_small","--size_medium":"bds121Avatar---size_medium","--size_large":"bds121Avatar---size_large","image":"bds121Avatar-image","initials":"bds121Avatar-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -223,7 +223,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-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"};
+var Badge_default = {"badge":"bds121Badge-badge","--variant_primary":"bds121Badge---variant_primary","--variant_secondary":"bds121Badge---variant_secondary","--variant_success":"bds121Badge---variant_success","--variant_error":"bds121Badge---variant_error","--variant_warning":"bds121Badge---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -233,7 +233,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds112Breadcrumb-breadcrumb","list":"bds112Breadcrumb-list","item":"bds112Breadcrumb-item","link":"bds112Breadcrumb-link","separator":"bds112Breadcrumb-separator","current":"bds112Breadcrumb-current"};
+var Breadcrumb_default = {"breadcrumb":"bds121Breadcrumb-breadcrumb","list":"bds121Breadcrumb-list","item":"bds121Breadcrumb-item","link":"bds121Breadcrumb-link","separator":"bds121Breadcrumb-separator","current":"bds121Breadcrumb-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -249,7 +249,7 @@ function Breadcrumb({ items, className }) {
 }
 
 // src/components/ui/Collapsible/Collapsible.module.css
-var Collapsible_default = {"collapsible":"bds112Collapsible-collapsible","summary":"bds112Collapsible-summary","summaryContent":"bds112Collapsible-summaryContent","icon":"bds112Collapsible-icon","content":"bds112Collapsible-content"};
+var Collapsible_default = {"collapsible":"bds121Collapsible-collapsible","summary":"bds121Collapsible-summary","summaryContent":"bds121Collapsible-summaryContent","icon":"bds121Collapsible-icon","content":"bds121Collapsible-content"};
 
 // src/components/ui/Collapsible/Collapsible.tsx
 var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -290,7 +290,7 @@ function Collapsible({
 var import_react2 = require("react");
 
 // src/components/ui/Calendar/Calendar.module.css
-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"};
+var Calendar_default = {"calendar":"bds121Calendar-calendar","header":"bds121Calendar-header","monthYear":"bds121Calendar-monthYear","navBtn":"bds121Calendar-navBtn","grid":"bds121Calendar-grid","weekday":"bds121Calendar-weekday","empty":"bds121Calendar-empty","day":"bds121Calendar-day","disabled":"bds121Calendar-disabled","selected":"bds121Calendar-selected","today":"bds121Calendar-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -465,7 +465,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 var import_react3 = require("react");
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds112Carousel-carousel","track":"bds112Carousel-track","slide":"bds112Carousel-slide","navBtn":"bds112Carousel-navBtn"};
+var Carousel_default = {"carousel":"bds121Carousel-carousel","track":"bds121Carousel-track","slide":"bds121Carousel-slide","navBtn":"bds121Carousel-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -518,7 +518,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds112DescriptionList-list","group":"bds112DescriptionList-group","term":"bds112DescriptionList-term","details":"bds112DescriptionList-details","--layout_inline":"bds112DescriptionList---layout_inline"};
+var DescriptionList_default = {"list":"bds121DescriptionList-list","group":"bds121DescriptionList-group","term":"bds121DescriptionList-term","details":"bds121DescriptionList-details","--layout_inline":"bds121DescriptionList---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -531,7 +531,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds112Link-link","--variant_default":"bds112Link---variant_default","--variant_subtle":"bds112Link---variant_subtle","--variant_standalone":"bds112Link---variant_standalone","externalLabel":"bds112Link-externalLabel"};
+var Link_default = {"link":"bds121Link-link","--variant_default":"bds121Link---variant_default","--variant_subtle":"bds121Link---variant_subtle","--variant_standalone":"bds121Link---variant_standalone","externalLabel":"bds121Link-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -562,7 +562,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds112Loading-loading","spinner":"bds112Loading-spinner","--size_small":"bds112Loading---size_small","--size_large":"bds112Loading---size_large"};
+var Loading_default = {"loading":"bds121Loading-loading","spinner":"bds121Loading-spinner","--size_small":"bds121Loading---size_small","--size_large":"bds121Loading---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -572,7 +572,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-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"};
+var NotificationBanner_default = {"banner":"bds121NotificationBanner-banner","--variant_info":"bds121NotificationBanner---variant_info","--variant_success":"bds121NotificationBanner---variant_success","--variant_warning":"bds121NotificationBanner---variant_warning","--variant_error":"bds121NotificationBanner---variant_error","content":"bds121NotificationBanner-content","action":"bds121NotificationBanner-action","dismiss":"bds121NotificationBanner-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -611,7 +611,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds112Pagination-pagination","list":"bds112Pagination-list","button":"bds112Pagination-button","--active":"bds112Pagination---active","--nav":"bds112Pagination---nav","ellipsis":"bds112Pagination-ellipsis"};
+var Pagination_default = {"pagination":"bds121Pagination-pagination","list":"bds121Pagination-list","button":"bds121Pagination-button","--active":"bds121Pagination---active","--nav":"bds121Pagination---nav","ellipsis":"bds121Pagination-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -675,7 +675,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-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"};
+var Progress_default = {"container":"bds121Progress-container","labelRow":"bds121Progress-labelRow","value":"bds121Progress-value","track":"bds121Progress-track","--size_small":"bds121Progress---size_small","--size_medium":"bds121Progress---size_medium","--size_large":"bds121Progress---size_large","fill":"bds121Progress-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -713,7 +713,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-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"};
+var ProgressCircle_default = {"wrapper":"bds121ProgressCircle-wrapper","svg":"bds121ProgressCircle-svg","track":"bds121ProgressCircle-track","fill":"bds121ProgressCircle-fill","value":"bds121ProgressCircle-value","--size_small":"bds121ProgressCircle---size_small","--size_medium":"bds121ProgressCircle---size_medium","--size_large":"bds121ProgressCircle---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -792,7 +792,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds112Separator-separator","--horizontal":"bds112Separator---horizontal","--vertical":"bds112Separator---vertical"};
+var Separator_default = {"separator":"bds121Separator-separator","--horizontal":"bds121Separator---horizontal","--vertical":"bds121Separator---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -815,7 +815,7 @@ function Separator({ orientation = "horizontal", className }) {
 var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds112Skeleton-skeleton"};
+var Skeleton_default = {"skeleton":"bds121Skeleton-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -824,7 +824,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds112SkipLink-skipLink"};
+var SkipLink_default = {"skipLink":"bds121SkipLink-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -834,7 +834,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
 }
 
 // src/components/ui/Table/Table.module.css
-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"};
+var Table_default = {"wrapper":"bds121Table-wrapper","table":"bds121Table-table","caption":"bds121Table-caption","thead":"bds121Table-thead","th":"bds121Table-th","--sortable":"bds121Table---sortable","sortButton":"bds121Table-sortButton","sortIcon":"bds121Table-sortIcon","--sort-active":"bds121Table---sort-active","--sort-desc":"bds121Table---sort-desc","tbody":"bds121Table-tbody","tr":"bds121Table-tr","td":"bds121Table-td"};
 
 // src/components/ui/Table/Table.tsx
 var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -904,7 +904,7 @@ function Table({
 var import_react4 = require("react");
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds112Tabs-tabs","tabList":"bds112Tabs-tabList","tab":"bds112Tabs-tab","--active":"bds112Tabs---active","panel":"bds112Tabs-panel"};
+var Tabs_default = {"tabs":"bds121Tabs-tabs","tabList":"bds121Tabs-tabList","tab":"bds121Tabs-tab","--active":"bds121Tabs---active","panel":"bds121Tabs-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -984,7 +984,7 @@ function Tabs({ tabs, defaultTab, className }) {
 var import_react5 = require("react");
 
 // src/components/ui/Tooltip/Tooltip.module.css
-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"};
+var Tooltip_default = {"wrapper":"bds121Tooltip-wrapper","tooltip":"bds121Tooltip-tooltip","--placement_top":"bds121Tooltip---placement_top","--placement_bottom":"bds121Tooltip---placement_bottom","--placement_left":"bds121Tooltip---placement_left","--placement_right":"bds121Tooltip---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1026,7 +1026,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds112Typography-typography","--h1":"bds112Typography---h1","--h2":"bds112Typography---h2","--h3":"bds112Typography---h3","--body":"bds112Typography---body","--body_s":"bds112Typography---body_s"};
+var Typography_default = {"typography":"bds121Typography-typography","--h1":"bds121Typography---h1","--h2":"bds121Typography---h2","--h3":"bds121Typography---h3","--body":"bds121Typography---body","--body_s":"bds121Typography---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1044,7 +1044,7 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-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"};
+var Button_default = {"button":"bds121Button-button","--default":"bds121Button---default","--outline":"bds121Button---outline","--ghost":"bds121Button---ghost","--size_small":"bds121Button---size_small","--size_medium":"bds121Button---size_medium","--size_large":"bds121Button---size_large","--hasPulse":"bds121Button---hasPulse","iconStart":"bds121Button-iconStart","iconEnd":"bds121Button-iconEnd"};
 
 // src/components/interaction/Button/Button.tsx
 var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1159,7 +1159,7 @@ function installInvokerCommandsPolyfill() {
 }
 
 // src/components/interaction/Command/Command.module.css
-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"};
+var Command_default = {"dialog":"bds121Command-dialog","palette":"bds121Command-palette","searchRow":"bds121Command-searchRow","searchIcon":"bds121Command-searchIcon","search":"bds121Command-search","escHint":"bds121Command-escHint","list":"bds121Command-list","groupList":"bds121Command-groupList","group":"bds121Command-group","item":"bds121Command-item","itemActive":"bds121Command-itemActive","itemLabel":"bds121Command-itemLabel","itemDesc":"bds121Command-itemDesc","shortcut":"bds121Command-shortcut","empty":"bds121Command-empty"};
 
 // src/components/interaction/Command/Command.tsx
 var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1334,7 +1334,7 @@ function Command({
 var import_react7 = require("react");
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds112Dialog-dialog","dialogContent":"bds112Dialog-dialogContent","closeButton":"bds112Dialog-closeButton"};
+var Dialog_default = {"dialog":"bds121Dialog-dialog","dialogContent":"bds121Dialog-dialogContent","closeButton":"bds121Dialog-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1439,7 +1439,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
 var import_react8 = require("react");
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds112Drawer-drawer","panel":"bds112Drawer-panel","--side_right":"bds112Drawer---side_right","--side_left":"bds112Drawer---side_left","header":"bds112Drawer-header","closeButton":"bds112Drawer-closeButton","body":"bds112Drawer-body"};
+var Drawer_default = {"drawer":"bds121Drawer-drawer","--side_left":"bds121Drawer---side_left","header":"bds121Drawer-header","closeButton":"bds121Drawer-closeButton","body":"bds121Drawer-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1495,13 +1495,17 @@ function Drawer({
     return () => dialog.removeEventListener("command", handleCommand);
   }, [onOpen, onClose]);
   const handleClick = (e) => {
-    if (e.target === dialogRef.current) onClose();
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const rect = dialog.getBoundingClientRect();
+    const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
+    if (outside) onClose();
   };
   const handleCancel = (e) => {
     e.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "dialog",
     {
       ref: dialogRef,
@@ -1511,7 +1515,7 @@ function Drawer({
       "aria-modal": "true",
       onClick: handleClick,
       onCancel: handleCancel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.panel, children: [
+      children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: Drawer_default.header, children: [
           !!title && title,
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -1527,7 +1531,7 @@ function Drawer({
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: Drawer_default.body, children })
-      ] })
+      ]
     }
   );
 }
@@ -1536,7 +1540,7 @@ function Drawer({
 var import_react9 = require("react");
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-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"};
+var DropdownMenu_default = {"wrapper":"bds121DropdownMenu-wrapper","menu":"bds121DropdownMenu-menu","--placement_bottom-start":"bds121DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds121DropdownMenu---placement_bottom-end","separator":"bds121DropdownMenu-separator","item":"bds121DropdownMenu-item","icon":"bds121DropdownMenu-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1649,7 +1653,7 @@ function DropdownMenu({
 var import_react10 = require("react");
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds112Popover-wrapper","panel":"bds112Popover-panel","g":"bds112Popover-g"};
+var Popover_default = {"wrapper":"bds121Popover-wrapper","panel":"bds121Popover-panel","g":"bds121Popover-g"};
 
 // src/components/interaction/Popover/Popover.tsx
 var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1733,7 +1737,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds112Rating-rating","star":"bds112Rating-star","--filled":"bds112Rating---filled"};
+var Rating_default = {"rating":"bds121Rating-rating","star":"bds121Rating-star","--filled":"bds121Rating---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1764,7 +1768,7 @@ function Rating({ value, max = 5, className }) {
 var import_react11 = require("react");
 
 // src/components/interaction/Toast/Toast.module.css
-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"};
+var Toast_default = {"toastContainer":"bds121Toast-toastContainer","toast":"bds121Toast-toast","--variant_success":"bds121Toast---variant_success","--variant_warning":"bds121Toast---variant_warning","--variant_info":"bds121Toast---variant_info","--variant_error":"bds121Toast---variant_error","message":"bds121Toast-message","closeButton":"bds121Toast-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1837,10 +1841,10 @@ function useToast() {
 var import_react12 = require("react");
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds112Checkbox-checkboxGroup","inputWrapper":"bds112Checkbox-inputWrapper","checkbox":"bds112Checkbox-checkbox","checkboxError":"bds112Checkbox-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds121Checkbox-checkboxGroup","inputWrapper":"bds121Checkbox-inputWrapper","checkbox":"bds121Checkbox-checkbox","checkboxError":"bds121Checkbox-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds112Message-error","hint":"bds112Message-hint"};
+var Message_default = {"error":"bds121Message-error","hint":"bds121Message-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1851,7 +1855,7 @@ var Message = ({ message, type, inputId, className }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds112Label-label"};
+var Label_default = {"label":"bds121Label-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1864,7 +1868,7 @@ var Label = ({ label, id, className }) => {
 var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds112InputContainer-container"};
+var InputContainer_default = {"container":"bds121InputContainer-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1905,7 +1909,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
 var import_react13 = require("react");
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
-var CheckboxGroup_default = {"group":"bds112CheckboxGroup-group","legend":"bds112CheckboxGroup-legend","required":"bds112CheckboxGroup-required","items":"bds112CheckboxGroup-items"};
+var CheckboxGroup_default = {"group":"bds121CheckboxGroup-group","legend":"bds121CheckboxGroup-legend","required":"bds121CheckboxGroup-required","items":"bds121CheckboxGroup-items"};
 
 // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
 var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1947,7 +1951,7 @@ function CheckboxGroup({
 var import_react14 = require("react");
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-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"};
+var Combobox_default = {"formGroup":"bds121Combobox-formGroup","inputWrapper":"bds121Combobox-inputWrapper","input":"bds121Combobox-input","inputError":"bds121Combobox-inputError","chevron":"bds121Combobox-chevron","listbox":"bds121Combobox-listbox","option":"bds121Combobox-option","--highlighted":"bds121Combobox---highlighted","--selected":"bds121Combobox---selected","--disabled":"bds121Combobox---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2097,7 +2101,7 @@ function Combobox({
 var import_react15 = require("react");
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-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"};
+var FileInput_default = {"formGroup":"bds121FileInput-formGroup","fieldLabel":"bds121FileInput-fieldLabel","dropZone":"bds121FileInput-dropZone","isDragging":"bds121FileInput-isDragging","hasError":"bds121FileInput-hasError","isDisabled":"bds121FileInput-isDisabled","icon":"bds121FileInput-icon","prompt":"bds121FileInput-prompt","acceptHint":"bds121FileInput-acceptHint","hiddenInput":"bds121FileInput-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2197,7 +2201,7 @@ function FileInput({
 var import_react16 = require("react");
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds112FormInput-formGroup","input":"bds112FormInput-input","inputError":"bds112FormInput-inputError"};
+var FormInput_default = {"formGroup":"bds121FormInput-formGroup","input":"bds121FormInput-input","inputError":"bds121FormInput-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2241,7 +2245,7 @@ function FormInput({
 var import_react17 = require("react");
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds112NumberInput-formGroup","inputRow":"bds112NumberInput-inputRow","input":"bds112NumberInput-input","inputError":"bds112NumberInput-inputError","stepper":"bds112NumberInput-stepper"};
+var NumberInput_default = {"formGroup":"bds121NumberInput-formGroup","inputRow":"bds121NumberInput-inputRow","input":"bds121NumberInput-input","inputError":"bds121NumberInput-inputError","stepper":"bds121NumberInput-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2345,7 +2349,7 @@ function NumberInput({
 var import_react18 = require("react");
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds112Radio-radioGroup","inputWrapper":"bds112Radio-inputWrapper","textWrapper":"bds112Radio-textWrapper","description":"bds112Radio-description","radio":"bds112Radio-radio","radioError":"bds112Radio-radioError"};
+var Radio_default = {"radioGroup":"bds121Radio-radioGroup","inputWrapper":"bds121Radio-inputWrapper","textWrapper":"bds121Radio-textWrapper","description":"bds121Radio-description","radio":"bds121Radio-radio","radioError":"bds121Radio-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2383,7 +2387,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
 var import_react19 = require("react");
 
 // src/components/interaction/form/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"group":"bds112RadioGroup-group","legend":"bds112RadioGroup-legend","required":"bds112RadioGroup-required","items":"bds112RadioGroup-items"};
+var RadioGroup_default = {"group":"bds121RadioGroup-group","legend":"bds121RadioGroup-legend","required":"bds121RadioGroup-required","items":"bds121RadioGroup-items"};
 
 // src/components/interaction/form/RadioGroup/RadioGroup.tsx
 var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2425,74 +2429,52 @@ function RadioGroup({
 var import_react20 = require("react");
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
-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"};
+var SegmentedControl_default = {"control":"bds121SegmentedControl-control","thumb":"bds121SegmentedControl-thumb","indicator":"bds121SegmentedControl-indicator","item":"bds121SegmentedControl-item","--active":"bds121SegmentedControl---active","--disabled":"bds121SegmentedControl---disabled","--size_small":"bds121SegmentedControl---size_small","--size_large":"bds121SegmentedControl---size_large","--variant_outline":"bds121SegmentedControl---variant_outline"};
 
 // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
 var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function SegmentedControl({
-  name,
-  options,
-  value,
-  defaultValue,
-  onChange,
+  children,
+  selectedIndex: selectedIndexProp,
   disabled,
   size = "medium",
+  variant = "outline",
   className,
-  "aria-label": ariaLabel,
-  ...rest
+  "aria-label": ariaLabel
 }) {
-  const baseId = name + (0, import_react20.useId)();
-  const [internalValue, setInternalValue] = (0, import_react20.useState)(
-    defaultValue ?? options[0]?.value ?? ""
-  );
-  const activeValue = value ?? internalValue;
-  const selectedIndex = options.findIndex((o) => o.value === activeValue);
-  const handleChange = (optionValue) => {
-    if (value === void 0) setInternalValue(optionValue);
-    onChange?.(optionValue);
-  };
+  const validChildren = import_react20.Children.toArray(children).filter(import_react20.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_runtime42.jsxs)(
     "div",
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
+      className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
       style: {
-        "--control_count": options.length,
-        "--control_selected-index": Math.max(0, selectedIndex)
+        "--control_count": validChildren.length,
+        "--control_selected-index": activeIndex
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
-        options.map((option, index) => {
-          const id = `${baseId}-${index}`;
-          const isChecked = option.value === activeValue;
-          const isDisabled = disabled || option.disabled;
-          return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            "label",
-            {
-              htmlFor: id,
-              className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  "input",
-                  {
-                    ...rest,
-                    type: "radio",
-                    id,
-                    name,
-                    value: option.value,
-                    checked: isChecked,
-                    disabled: isDisabled,
-                    className: SegmentedControl_default.radio,
-                    onChange: () => handleChange(option.value)
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: SegmentedControl_default.label, children: option.label })
-              ]
-            },
-            option.value
-          );
+        /* @__PURE__ */ (0, import_jsx_runtime42.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_react20.cloneElement)(child, {
+            key: child.key ?? index,
+            className: (0, import_design_system_foundation42.cn)(
+              SegmentedControl_default.item,
+              isActive && SegmentedControl_default["--active"],
+              isDisabled && SegmentedControl_default["--disabled"],
+              p.className
+            )
+          });
         })
       ]
     }
@@ -2503,7 +2485,7 @@ function SegmentedControl({
 var import_react21 = require("react");
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds112Select-formGroup","selectWrapper":"bds112Select-selectWrapper","select":"bds112Select-select","selectError":"bds112Select-selectError","chevron":"bds112Select-chevron"};
+var Select_default = {"formGroup":"bds121Select-formGroup","selectWrapper":"bds121Select-selectWrapper","select":"bds121Select-select","selectError":"bds121Select-selectError","chevron":"bds121Select-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
@@ -2554,7 +2536,7 @@ function Select({
 var import_react22 = require("react");
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds112Slider-formGroup","labelRow":"bds112Slider-labelRow","value":"bds112Slider-value","slider":"bds112Slider-slider","sliderError":"bds112Slider-sliderError"};
+var Slider_default = {"formGroup":"bds121Slider-formGroup","labelRow":"bds121Slider-labelRow","value":"bds121Slider-value","slider":"bds121Slider-slider","sliderError":"bds121Slider-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
@@ -2616,7 +2598,7 @@ function Slider({
 var import_react23 = require("react");
 
 // src/components/interaction/form/Switch/Switch.module.css
-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"};
+var Switch_default = {"switchGroup":"bds121Switch-switchGroup","--size_small":"bds121Switch---size_small","--size_medium":"bds121Switch---size_medium","--size_large":"bds121Switch---size_large","inputWrapper":"bds121Switch-inputWrapper","trackWrapper":"bds121Switch-trackWrapper","switch":"bds121Switch-switch","track":"bds121Switch-track","thumb":"bds121Switch-thumb","switchError":"bds121Switch-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
@@ -2664,7 +2646,7 @@ function Switch({
 var import_react24 = require("react");
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds112Textarea-formGroup","textarea":"bds112Textarea-textarea","textareaError":"bds112Textarea-textareaError"};
+var Textarea_default = {"formGroup":"bds121Textarea-formGroup","textarea":"bds121Textarea-textarea","textareaError":"bds121Textarea-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
@@ -2703,7 +2685,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-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"};
+var ButtonGroup_default = {"buttonGroup":"bds121ButtonGroup-buttonGroup","container":"bds121ButtonGroup-container","--variant_card":"bds121ButtonGroup---variant_card","--variant_flow":"bds121ButtonGroup---variant_flow","--variant_modal":"bds121ButtonGroup---variant_modal","--variant_content":"bds121ButtonGroup---variant_content","--variant_grid":"bds121ButtonGroup---variant_grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
@@ -2721,7 +2703,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
 }
 
 // src/components/layout/Card/Card.module.css
-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"};
+var Card_default = {"card":"bds121Card-card","--default":"bds121Card---default","--elevated":"bds121Card---elevated","--outlined":"bds121Card---outlined","--clickable":"bds121Card---clickable","--padding-none":"bds121Card---padding-none","--padding-small":"bds121Card---padding-small","--padding-medium":"bds121Card---padding-medium","--padding-large":"bds121Card---padding-large","--text-start":"bds121Card---text-start","--text-center":"bds121Card---text-center","--text-end":"bds121Card---text-end"};
 
 // src/components/layout/Card/Card.tsx
 var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
@@ -2759,7 +2741,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-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"};
+var SectionHeader_default = {"sectionHeader":"bds121SectionHeader-sectionHeader","title":"bds121SectionHeader-title","subtitle":"bds121SectionHeader-subtitle","--start":"bds121SectionHeader---start","--center":"bds121SectionHeader---center","--end":"bds121SectionHeader---end","--small":"bds121SectionHeader---small","--medium":"bds121SectionHeader---medium","--large":"bds121SectionHeader---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
@@ -2780,7 +2762,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds112IconWrapper-wrapper"};
+var IconWrapper_default = {"wrapper":"bds121IconWrapper-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 var import_design_system_foundation50 = require("@boostdev/design-system-foundation");