@boostdev/design-system-components 0.1.15 → 0.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/AGENTS.md +4 -4
  2. package/README.md +50 -1
  3. package/dist/client.cjs +203 -114
  4. package/dist/client.css +520 -435
  5. package/dist/client.d.cts +23 -3
  6. package/dist/client.d.ts +23 -3
  7. package/dist/client.js +202 -114
  8. package/dist/index.cjs +203 -114
  9. package/dist/index.css +520 -435
  10. package/dist/index.d.cts +23 -3
  11. package/dist/index.d.ts +23 -3
  12. package/dist/index.js +202 -114
  13. package/package.json +1 -1
  14. package/src/components/interaction/Command/Command.mdx +1 -0
  15. package/src/components/interaction/Command/Command.spec.tsx +18 -0
  16. package/src/components/interaction/Command/Command.tsx +5 -0
  17. package/src/components/interaction/Dialog/Dialog.spec.tsx +18 -0
  18. package/src/components/interaction/Drawer/Drawer.spec.tsx +18 -0
  19. package/src/components/interaction/Drawer/Drawer.tsx +5 -0
  20. package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +64 -0
  21. package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +99 -0
  22. package/src/components/interaction/form/SegmentedControl/SegmentedControl.spec.tsx +87 -0
  23. package/src/components/interaction/form/SegmentedControl/SegmentedControl.stories.tsx +110 -0
  24. package/src/components/interaction/form/SegmentedControl/SegmentedControl.tsx +89 -0
  25. package/src/components/interaction/form/SegmentedControl/index.ts +2 -0
  26. package/src/components/interaction/form/Switch/Switch.mdx +7 -2
  27. package/src/components/interaction/form/Switch/Switch.module.css +6 -6
  28. package/src/components/interaction/form/Switch/Switch.spec.tsx +23 -0
  29. package/src/components/interaction/form/Switch/Switch.stories.tsx +8 -0
  30. package/src/components/interaction/form/Switch/Switch.tsx +5 -2
  31. package/src/components/interaction/form/atoms/Label.module.css +0 -1
  32. package/src/components/ui/Progress/Progress.module.css +0 -4
  33. package/src/index.ts +2 -0
  34. package/src/stories/Introduction.mdx +4 -3
package/dist/client.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { useId, useState } from "react";
5
5
 
6
6
  // src/components/ui/Accordion/Accordion.module.css
7
- var Accordion_default = {"accordion":"bds0115Accordion-accordion","item":"bds0115Accordion-item","heading":"bds0115Accordion-heading","trigger":"bds0115Accordion-trigger","triggerLabel":"bds0115Accordion-triggerLabel","chevron":"bds0115Accordion-chevron","--open":"bds0115Accordion---open","panel":"bds0115Accordion-panel","panelContent":"bds0115Accordion-panelContent"};
7
+ var Accordion_default = {"accordion":"bds0117Accordion-accordion","item":"bds0117Accordion-item","heading":"bds0117Accordion-heading","trigger":"bds0117Accordion-trigger","triggerLabel":"bds0117Accordion-triggerLabel","chevron":"bds0117Accordion-chevron","--open":"bds0117Accordion---open","panel":"bds0117Accordion-panel","panelContent":"bds0117Accordion-panelContent"};
8
8
 
9
9
  // src/components/ui/Accordion/Accordion.tsx
10
10
  import { cn } from "@boostdev/design-system-foundation";
@@ -72,7 +72,7 @@ function Accordion({
72
72
  }
73
73
 
74
74
  // src/components/ui/Alert/Alert.module.css
75
- var Alert_default = {"alert":"bds0115Alert-alert","--variant_info":"bds0115Alert---variant_info","--variant_success":"bds0115Alert---variant_success","--variant_warning":"bds0115Alert---variant_warning","--variant_error":"bds0115Alert---variant_error","icon":"bds0115Alert-icon","content":"bds0115Alert-content","title":"bds0115Alert-title","dismiss":"bds0115Alert-dismiss"};
75
+ var Alert_default = {"alert":"bds0117Alert-alert","--variant_info":"bds0117Alert---variant_info","--variant_success":"bds0117Alert---variant_success","--variant_warning":"bds0117Alert---variant_warning","--variant_error":"bds0117Alert---variant_error","icon":"bds0117Alert-icon","content":"bds0117Alert-content","title":"bds0117Alert-title","dismiss":"bds0117Alert-dismiss"};
76
76
 
77
77
  // src/components/ui/Alert/Alert.tsx
78
78
  import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -115,7 +115,7 @@ function Alert({
115
115
  }
116
116
 
117
117
  // src/components/ui/Avatar/Avatar.module.css
118
- var Avatar_default = {"avatar":"bds0115Avatar-avatar","--fallback":"bds0115Avatar---fallback","--size_small":"bds0115Avatar---size_small","--size_medium":"bds0115Avatar---size_medium","--size_large":"bds0115Avatar---size_large","image":"bds0115Avatar-image","initials":"bds0115Avatar-initials"};
118
+ var Avatar_default = {"avatar":"bds0117Avatar-avatar","--fallback":"bds0117Avatar---fallback","--size_small":"bds0117Avatar---size_small","--size_medium":"bds0117Avatar---size_medium","--size_large":"bds0117Avatar---size_large","image":"bds0117Avatar-image","initials":"bds0117Avatar-initials"};
119
119
 
120
120
  // src/components/ui/Avatar/Avatar.tsx
121
121
  import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -141,7 +141,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
141
141
  }
142
142
 
143
143
  // src/components/ui/Badge/Badge.module.css
144
- var Badge_default = {"badge":"bds0115Badge-badge","--variant_primary":"bds0115Badge---variant_primary","--variant_secondary":"bds0115Badge---variant_secondary","--variant_success":"bds0115Badge---variant_success","--variant_error":"bds0115Badge---variant_error","--variant_warning":"bds0115Badge---variant_warning"};
144
+ var Badge_default = {"badge":"bds0117Badge-badge","--variant_primary":"bds0117Badge---variant_primary","--variant_secondary":"bds0117Badge---variant_secondary","--variant_success":"bds0117Badge---variant_success","--variant_error":"bds0117Badge---variant_error","--variant_warning":"bds0117Badge---variant_warning"};
145
145
 
146
146
  // src/components/ui/Badge/Badge.tsx
147
147
  import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -151,7 +151,7 @@ function Badge({ children, variant = "primary", className }) {
151
151
  }
152
152
 
153
153
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
154
- var Breadcrumb_default = {"breadcrumb":"bds0115Breadcrumb-breadcrumb","list":"bds0115Breadcrumb-list","item":"bds0115Breadcrumb-item","link":"bds0115Breadcrumb-link","separator":"bds0115Breadcrumb-separator","current":"bds0115Breadcrumb-current"};
154
+ var Breadcrumb_default = {"breadcrumb":"bds0117Breadcrumb-breadcrumb","list":"bds0117Breadcrumb-list","item":"bds0117Breadcrumb-item","link":"bds0117Breadcrumb-link","separator":"bds0117Breadcrumb-separator","current":"bds0117Breadcrumb-current"};
155
155
 
156
156
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
157
157
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -167,7 +167,7 @@ function Breadcrumb({ items, className }) {
167
167
  }
168
168
 
169
169
  // src/components/ui/Collapsible/Collapsible.module.css
170
- var Collapsible_default = {"collapsible":"bds0115Collapsible-collapsible","summary":"bds0115Collapsible-summary","summaryContent":"bds0115Collapsible-summaryContent","icon":"bds0115Collapsible-icon","content":"bds0115Collapsible-content"};
170
+ var Collapsible_default = {"collapsible":"bds0117Collapsible-collapsible","summary":"bds0117Collapsible-summary","summaryContent":"bds0117Collapsible-summaryContent","icon":"bds0117Collapsible-icon","content":"bds0117Collapsible-content"};
171
171
 
172
172
  // src/components/ui/Collapsible/Collapsible.tsx
173
173
  import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -208,7 +208,7 @@ function Collapsible({
208
208
  import { useState as useState2, useId as useId2 } from "react";
209
209
 
210
210
  // src/components/ui/Calendar/Calendar.module.css
211
- var Calendar_default = {"calendar":"bds0115Calendar-calendar","header":"bds0115Calendar-header","monthYear":"bds0115Calendar-monthYear","navBtn":"bds0115Calendar-navBtn","grid":"bds0115Calendar-grid","weekday":"bds0115Calendar-weekday","empty":"bds0115Calendar-empty","day":"bds0115Calendar-day","disabled":"bds0115Calendar-disabled","selected":"bds0115Calendar-selected","today":"bds0115Calendar-today"};
211
+ var Calendar_default = {"calendar":"bds0117Calendar-calendar","header":"bds0117Calendar-header","monthYear":"bds0117Calendar-monthYear","navBtn":"bds0117Calendar-navBtn","grid":"bds0117Calendar-grid","weekday":"bds0117Calendar-weekday","empty":"bds0117Calendar-empty","day":"bds0117Calendar-day","disabled":"bds0117Calendar-disabled","selected":"bds0117Calendar-selected","today":"bds0117Calendar-today"};
212
212
 
213
213
  // src/components/ui/Calendar/Calendar.tsx
214
214
  import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -374,7 +374,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
374
374
  import { useRef, useId as useId3 } from "react";
375
375
 
376
376
  // src/components/ui/Carousel/Carousel.module.css
377
- var Carousel_default = {"carousel":"bds0115Carousel-carousel","track":"bds0115Carousel-track","slide":"bds0115Carousel-slide","navBtn":"bds0115Carousel-navBtn"};
377
+ var Carousel_default = {"carousel":"bds0117Carousel-carousel","track":"bds0117Carousel-track","slide":"bds0117Carousel-slide","navBtn":"bds0117Carousel-navBtn"};
378
378
 
379
379
  // src/components/ui/Carousel/Carousel.tsx
380
380
  import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -427,7 +427,7 @@ function Carousel({ items, label, className }) {
427
427
  }
428
428
 
429
429
  // src/components/ui/DescriptionList/DescriptionList.module.css
430
- var DescriptionList_default = {"list":"bds0115DescriptionList-list","group":"bds0115DescriptionList-group","term":"bds0115DescriptionList-term","details":"bds0115DescriptionList-details","--layout_inline":"bds0115DescriptionList---layout_inline"};
430
+ var DescriptionList_default = {"list":"bds0117DescriptionList-list","group":"bds0117DescriptionList-group","term":"bds0117DescriptionList-term","details":"bds0117DescriptionList-details","--layout_inline":"bds0117DescriptionList---layout_inline"};
431
431
 
432
432
  // src/components/ui/DescriptionList/DescriptionList.tsx
433
433
  import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -440,7 +440,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
440
440
  }
441
441
 
442
442
  // src/components/ui/Link/Link.module.css
443
- var Link_default = {"link":"bds0115Link-link","--variant_default":"bds0115Link---variant_default","--variant_subtle":"bds0115Link---variant_subtle","--variant_standalone":"bds0115Link---variant_standalone","externalLabel":"bds0115Link-externalLabel"};
443
+ var Link_default = {"link":"bds0117Link-link","--variant_default":"bds0117Link---variant_default","--variant_subtle":"bds0117Link---variant_subtle","--variant_standalone":"bds0117Link---variant_standalone","externalLabel":"bds0117Link-externalLabel"};
444
444
 
445
445
  // src/components/ui/Link/Link.tsx
446
446
  import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -471,7 +471,7 @@ function Link({
471
471
  }
472
472
 
473
473
  // src/components/ui/Loading/Loading.module.css
474
- var Loading_default = {"loading":"bds0115Loading-loading","spinner":"bds0115Loading-spinner","--size_small":"bds0115Loading---size_small","--size_large":"bds0115Loading---size_large"};
474
+ var Loading_default = {"loading":"bds0117Loading-loading","spinner":"bds0117Loading-spinner","--size_small":"bds0117Loading---size_small","--size_large":"bds0117Loading---size_large"};
475
475
 
476
476
  // src/components/ui/Loading/Loading.tsx
477
477
  import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -481,7 +481,7 @@ function Loading({ size = "medium", className }) {
481
481
  }
482
482
 
483
483
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
484
- var NotificationBanner_default = {"banner":"bds0115NotificationBanner-banner","--variant_info":"bds0115NotificationBanner---variant_info","--variant_success":"bds0115NotificationBanner---variant_success","--variant_warning":"bds0115NotificationBanner---variant_warning","--variant_error":"bds0115NotificationBanner---variant_error","content":"bds0115NotificationBanner-content","action":"bds0115NotificationBanner-action","dismiss":"bds0115NotificationBanner-dismiss"};
484
+ var NotificationBanner_default = {"banner":"bds0117NotificationBanner-banner","--variant_info":"bds0117NotificationBanner---variant_info","--variant_success":"bds0117NotificationBanner---variant_success","--variant_warning":"bds0117NotificationBanner---variant_warning","--variant_error":"bds0117NotificationBanner---variant_error","content":"bds0117NotificationBanner-content","action":"bds0117NotificationBanner-action","dismiss":"bds0117NotificationBanner-dismiss"};
485
485
 
486
486
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
487
487
  import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -520,7 +520,7 @@ function NotificationBanner({
520
520
  }
521
521
 
522
522
  // src/components/ui/Pagination/Pagination.module.css
523
- var Pagination_default = {"pagination":"bds0115Pagination-pagination","list":"bds0115Pagination-list","button":"bds0115Pagination-button","--active":"bds0115Pagination---active","--nav":"bds0115Pagination---nav","ellipsis":"bds0115Pagination-ellipsis"};
523
+ var Pagination_default = {"pagination":"bds0117Pagination-pagination","list":"bds0117Pagination-list","button":"bds0117Pagination-button","--active":"bds0117Pagination---active","--nav":"bds0117Pagination---nav","ellipsis":"bds0117Pagination-ellipsis"};
524
524
 
525
525
  // src/components/ui/Pagination/Pagination.tsx
526
526
  import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -584,7 +584,7 @@ function Pagination({
584
584
  }
585
585
 
586
586
  // src/components/ui/Progress/Progress.module.css
587
- var Progress_default = {"container":"bds0115Progress-container","labelRow":"bds0115Progress-labelRow","label":"bds0115Progress-label","value":"bds0115Progress-value","track":"bds0115Progress-track","--size_small":"bds0115Progress---size_small","--size_medium":"bds0115Progress---size_medium","--size_large":"bds0115Progress---size_large","fill":"bds0115Progress-fill"};
587
+ var Progress_default = {"container":"bds0117Progress-container","labelRow":"bds0117Progress-labelRow","value":"bds0117Progress-value","track":"bds0117Progress-track","--size_small":"bds0117Progress---size_small","--size_medium":"bds0117Progress---size_medium","--size_large":"bds0117Progress---size_large","fill":"bds0117Progress-fill"};
588
588
 
589
589
  // src/components/ui/Progress/Progress.tsx
590
590
  import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -622,7 +622,7 @@ function Progress({
622
622
  }
623
623
 
624
624
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
625
- var ProgressCircle_default = {"wrapper":"bds0115ProgressCircle-wrapper","svg":"bds0115ProgressCircle-svg","track":"bds0115ProgressCircle-track","fill":"bds0115ProgressCircle-fill","value":"bds0115ProgressCircle-value","--size_small":"bds0115ProgressCircle---size_small","--size_medium":"bds0115ProgressCircle---size_medium","--size_large":"bds0115ProgressCircle---size_large"};
625
+ var ProgressCircle_default = {"wrapper":"bds0117ProgressCircle-wrapper","svg":"bds0117ProgressCircle-svg","track":"bds0117ProgressCircle-track","fill":"bds0117ProgressCircle-fill","value":"bds0117ProgressCircle-value","--size_small":"bds0117ProgressCircle---size_small","--size_medium":"bds0117ProgressCircle---size_medium","--size_large":"bds0117ProgressCircle---size_large"};
626
626
 
627
627
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
628
628
  import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -701,7 +701,7 @@ function ProgressCircle({
701
701
  }
702
702
 
703
703
  // src/components/ui/Separator/Separator.module.css
704
- var Separator_default = {"separator":"bds0115Separator-separator","--horizontal":"bds0115Separator---horizontal","--vertical":"bds0115Separator---vertical"};
704
+ var Separator_default = {"separator":"bds0117Separator-separator","--horizontal":"bds0117Separator---horizontal","--vertical":"bds0117Separator---vertical"};
705
705
 
706
706
  // src/components/ui/Separator/Separator.tsx
707
707
  import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -724,7 +724,7 @@ function Separator({ orientation = "horizontal", className }) {
724
724
  import { cn as cn17 } from "@boostdev/design-system-foundation";
725
725
 
726
726
  // src/components/ui/Skeleton/Skeleton.module.css
727
- var Skeleton_default = {"skeleton":"bds0115Skeleton-skeleton"};
727
+ var Skeleton_default = {"skeleton":"bds0117Skeleton-skeleton"};
728
728
 
729
729
  // src/components/ui/Skeleton/Skeleton.tsx
730
730
  import { jsx as jsx17 } from "react/jsx-runtime";
@@ -733,7 +733,7 @@ function Skeleton({ className }) {
733
733
  }
734
734
 
735
735
  // src/components/ui/SkipLink/SkipLink.module.css
736
- var SkipLink_default = {"skipLink":"bds0115SkipLink-skipLink"};
736
+ var SkipLink_default = {"skipLink":"bds0117SkipLink-skipLink"};
737
737
 
738
738
  // src/components/ui/SkipLink/SkipLink.tsx
739
739
  import { jsx as jsx18 } from "react/jsx-runtime";
@@ -742,7 +742,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
742
742
  }
743
743
 
744
744
  // src/components/ui/Table/Table.module.css
745
- var Table_default = {"wrapper":"bds0115Table-wrapper","table":"bds0115Table-table","caption":"bds0115Table-caption","thead":"bds0115Table-thead","th":"bds0115Table-th","--sortable":"bds0115Table---sortable","sortButton":"bds0115Table-sortButton","sortIcon":"bds0115Table-sortIcon","--sort-active":"bds0115Table---sort-active","--sort-desc":"bds0115Table---sort-desc","tbody":"bds0115Table-tbody","tr":"bds0115Table-tr","td":"bds0115Table-td"};
745
+ var Table_default = {"wrapper":"bds0117Table-wrapper","table":"bds0117Table-table","caption":"bds0117Table-caption","thead":"bds0117Table-thead","th":"bds0117Table-th","--sortable":"bds0117Table---sortable","sortButton":"bds0117Table-sortButton","sortIcon":"bds0117Table-sortIcon","--sort-active":"bds0117Table---sort-active","--sort-desc":"bds0117Table---sort-desc","tbody":"bds0117Table-tbody","tr":"bds0117Table-tr","td":"bds0117Table-td"};
746
746
 
747
747
  // src/components/ui/Table/Table.tsx
748
748
  import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -811,7 +811,7 @@ function Table({
811
811
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
812
812
 
813
813
  // src/components/ui/Tabs/Tabs.module.css
814
- var Tabs_default = {"tabs":"bds0115Tabs-tabs","tabList":"bds0115Tabs-tabList","tab":"bds0115Tabs-tab","--active":"bds0115Tabs---active","panel":"bds0115Tabs-panel"};
814
+ var Tabs_default = {"tabs":"bds0117Tabs-tabs","tabList":"bds0117Tabs-tabList","tab":"bds0117Tabs-tab","--active":"bds0117Tabs---active","panel":"bds0117Tabs-panel"};
815
815
 
816
816
  // src/components/ui/Tabs/Tabs.tsx
817
817
  import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -892,7 +892,7 @@ function Tabs({ tabs, defaultTab, className }) {
892
892
  import { cloneElement, isValidElement, useId as useId5 } from "react";
893
893
 
894
894
  // src/components/ui/Tooltip/Tooltip.module.css
895
- var Tooltip_default = {"wrapper":"bds0115Tooltip-wrapper","tooltip":"bds0115Tooltip-tooltip","--placement_top":"bds0115Tooltip---placement_top","--placement_bottom":"bds0115Tooltip---placement_bottom","--placement_left":"bds0115Tooltip---placement_left","--placement_right":"bds0115Tooltip---placement_right"};
895
+ var Tooltip_default = {"wrapper":"bds0117Tooltip-wrapper","tooltip":"bds0117Tooltip-tooltip","--placement_top":"bds0117Tooltip---placement_top","--placement_bottom":"bds0117Tooltip---placement_bottom","--placement_left":"bds0117Tooltip---placement_left","--placement_right":"bds0117Tooltip---placement_right"};
896
896
 
897
897
  // src/components/ui/Tooltip/Tooltip.tsx
898
898
  import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -922,7 +922,7 @@ function Tooltip({
922
922
  }
923
923
 
924
924
  // src/components/ui/Typography/Typography.module.css
925
- var Typography_default = {"typography":"bds0115Typography-typography","--h1":"bds0115Typography---h1","--h2":"bds0115Typography---h2","--h3":"bds0115Typography---h3","--body":"bds0115Typography---body","--body_s":"bds0115Typography---body_s"};
925
+ var Typography_default = {"typography":"bds0117Typography-typography","--h1":"bds0117Typography---h1","--h2":"bds0117Typography---h2","--h3":"bds0117Typography---h3","--body":"bds0117Typography---body","--body_s":"bds0117Typography---body_s"};
926
926
 
927
927
  // src/components/ui/Typography/Typography.tsx
928
928
  import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -940,7 +940,7 @@ function Typography({ variant = "body", component, children, className }) {
940
940
  }
941
941
 
942
942
  // src/components/interaction/Button/Button.module.css
943
- var Button_default = {"button":"bds0115Button-button","--primary":"bds0115Button---primary","--secondary":"bds0115Button---secondary","--size_small":"bds0115Button---size_small","--size_medium":"bds0115Button---size_medium","--size_large":"bds0115Button---size_large","--hasPulse":"bds0115Button---hasPulse","prefix":"bds0115Button-prefix","suffix":"bds0115Button-suffix"};
943
+ var Button_default = {"button":"bds0117Button-button","--primary":"bds0117Button---primary","--secondary":"bds0117Button---secondary","--size_small":"bds0117Button---size_small","--size_medium":"bds0117Button---size_medium","--size_large":"bds0117Button---size_large","--hasPulse":"bds0117Button---hasPulse","prefix":"bds0117Button-prefix","suffix":"bds0117Button-suffix"};
944
944
 
945
945
  // src/components/interaction/Button/Button.tsx
946
946
  import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -1016,7 +1016,7 @@ function Button({
1016
1016
  import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
1017
1017
 
1018
1018
  // src/components/interaction/Command/Command.module.css
1019
- var Command_default = {"dialog":"bds0115Command-dialog","palette":"bds0115Command-palette","searchRow":"bds0115Command-searchRow","searchIcon":"bds0115Command-searchIcon","search":"bds0115Command-search","escHint":"bds0115Command-escHint","list":"bds0115Command-list","groupList":"bds0115Command-groupList","group":"bds0115Command-group","item":"bds0115Command-item","itemActive":"bds0115Command-itemActive","itemLabel":"bds0115Command-itemLabel","itemDesc":"bds0115Command-itemDesc","shortcut":"bds0115Command-shortcut","empty":"bds0115Command-empty"};
1019
+ var Command_default = {"dialog":"bds0117Command-dialog","palette":"bds0117Command-palette","searchRow":"bds0117Command-searchRow","searchIcon":"bds0117Command-searchIcon","search":"bds0117Command-search","escHint":"bds0117Command-escHint","list":"bds0117Command-list","groupList":"bds0117Command-groupList","group":"bds0117Command-group","item":"bds0117Command-item","itemActive":"bds0117Command-itemActive","itemLabel":"bds0117Command-itemLabel","itemDesc":"bds0117Command-itemDesc","shortcut":"bds0117Command-shortcut","empty":"bds0117Command-empty"};
1020
1020
 
1021
1021
  // src/components/interaction/Command/Command.tsx
1022
1022
  import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1054,12 +1054,17 @@ function Command({
1054
1054
  if (!dialog) return;
1055
1055
  if (isOpen) {
1056
1056
  dialog.showModal();
1057
+ document.body.style.overflow = "hidden";
1057
1058
  setQuery("");
1058
1059
  setActiveIndex(0);
1059
1060
  setTimeout(() => inputRef.current?.focus(), 0);
1060
1061
  } else if (dialog.open) {
1061
1062
  dialog.close();
1063
+ document.body.style.overflow = "";
1062
1064
  }
1065
+ return () => {
1066
+ document.body.style.overflow = "";
1067
+ };
1063
1068
  }, [isOpen]);
1064
1069
  useEffect(() => {
1065
1070
  setActiveIndex(0);
@@ -1155,7 +1160,7 @@ function Command({
1155
1160
  import { useEffect as useEffect2, useRef as useRef4 } from "react";
1156
1161
 
1157
1162
  // src/components/interaction/Dialog/Dialog.module.css
1158
- var Dialog_default = {"dialog":"bds0115Dialog-dialog","dialogContent":"bds0115Dialog-dialogContent","closeForm":"bds0115Dialog-closeForm","closeButton":"bds0115Dialog-closeButton"};
1163
+ var Dialog_default = {"dialog":"bds0117Dialog-dialog","dialogContent":"bds0117Dialog-dialogContent","closeForm":"bds0117Dialog-closeForm","closeButton":"bds0117Dialog-closeButton"};
1159
1164
 
1160
1165
  // src/components/interaction/Dialog/Dialog.tsx
1161
1166
  import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1211,7 +1216,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
1211
1216
  import { useEffect as useEffect3, useRef as useRef5 } from "react";
1212
1217
 
1213
1218
  // src/components/interaction/Drawer/Drawer.module.css
1214
- var Drawer_default = {"drawer":"bds0115Drawer-drawer","panel":"bds0115Drawer-panel","--side_right":"bds0115Drawer---side_right","--side_left":"bds0115Drawer---side_left","header":"bds0115Drawer-header","closeButton":"bds0115Drawer-closeButton","body":"bds0115Drawer-body"};
1219
+ var Drawer_default = {"drawer":"bds0117Drawer-drawer","panel":"bds0117Drawer-panel","--side_right":"bds0117Drawer---side_right","--side_left":"bds0117Drawer---side_left","header":"bds0117Drawer-header","closeButton":"bds0117Drawer-closeButton","body":"bds0117Drawer-body"};
1215
1220
 
1216
1221
  // src/components/interaction/Drawer/Drawer.tsx
1217
1222
  import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1231,9 +1236,14 @@ function Drawer({
1231
1236
  if (!dialog) return;
1232
1237
  if (isOpen) {
1233
1238
  dialog.showModal();
1239
+ document.body.style.overflow = "hidden";
1234
1240
  } else if (dialog.open) {
1235
1241
  dialog.close();
1242
+ document.body.style.overflow = "";
1236
1243
  }
1244
+ return () => {
1245
+ document.body.style.overflow = "";
1246
+ };
1237
1247
  }, [isOpen]);
1238
1248
  const handleClick = (e) => {
1239
1249
  if (e.target === dialogRef.current) onClose();
@@ -1281,7 +1291,7 @@ import {
1281
1291
  } from "react";
1282
1292
 
1283
1293
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1284
- var DropdownMenu_default = {"wrapper":"bds0115DropdownMenu-wrapper","menu":"bds0115DropdownMenu-menu","--placement_bottom-start":"bds0115DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0115DropdownMenu---placement_bottom-end","separator":"bds0115DropdownMenu-separator","item":"bds0115DropdownMenu-item","icon":"bds0115DropdownMenu-icon"};
1294
+ var DropdownMenu_default = {"wrapper":"bds0117DropdownMenu-wrapper","menu":"bds0117DropdownMenu-menu","--placement_bottom-start":"bds0117DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0117DropdownMenu---placement_bottom-end","separator":"bds0117DropdownMenu-separator","item":"bds0117DropdownMenu-item","icon":"bds0117DropdownMenu-icon"};
1285
1295
 
1286
1296
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1287
1297
  import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1401,7 +1411,7 @@ import {
1401
1411
  } from "react";
1402
1412
 
1403
1413
  // src/components/interaction/Popover/Popover.module.css
1404
- var Popover_default = {"wrapper":"bds0115Popover-wrapper","panel":"bds0115Popover-panel","--placement_bottom":"bds0115Popover---placement_bottom","--placement_top":"bds0115Popover---placement_top","--placement_right":"bds0115Popover---placement_right","--placement_left":"bds0115Popover---placement_left"};
1414
+ var Popover_default = {"wrapper":"bds0117Popover-wrapper","panel":"bds0117Popover-panel","--placement_bottom":"bds0117Popover---placement_bottom","--placement_top":"bds0117Popover---placement_top","--placement_right":"bds0117Popover---placement_right","--placement_left":"bds0117Popover---placement_left"};
1405
1415
 
1406
1416
  // src/components/interaction/Popover/Popover.tsx
1407
1417
  import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1457,7 +1467,7 @@ function Popover({
1457
1467
  }
1458
1468
 
1459
1469
  // src/components/interaction/Rating/Rating.module.css
1460
- var Rating_default = {"rating":"bds0115Rating-rating","star":"bds0115Rating-star","--filled":"bds0115Rating---filled"};
1470
+ var Rating_default = {"rating":"bds0117Rating-rating","star":"bds0117Rating-star","--filled":"bds0117Rating---filled"};
1461
1471
 
1462
1472
  // src/components/interaction/Rating/Rating.tsx
1463
1473
  import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1488,7 +1498,7 @@ function Rating({ value, max = 5, className }) {
1488
1498
  import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
1489
1499
 
1490
1500
  // src/components/interaction/Toast/Toast.module.css
1491
- var Toast_default = {"toastContainer":"bds0115Toast-toastContainer","toast":"bds0115Toast-toast","--variant_success":"bds0115Toast---variant_success","--variant_warning":"bds0115Toast---variant_warning","--variant_info":"bds0115Toast---variant_info","--variant_error":"bds0115Toast---variant_error","message":"bds0115Toast-message","closeButton":"bds0115Toast-closeButton"};
1501
+ var Toast_default = {"toastContainer":"bds0117Toast-toastContainer","toast":"bds0117Toast-toast","--variant_success":"bds0117Toast---variant_success","--variant_warning":"bds0117Toast---variant_warning","--variant_info":"bds0117Toast---variant_info","--variant_error":"bds0117Toast---variant_error","message":"bds0117Toast-message","closeButton":"bds0117Toast-closeButton"};
1492
1502
 
1493
1503
  // src/components/interaction/Toast/Toast.tsx
1494
1504
  import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1538,10 +1548,10 @@ function useToast() {
1538
1548
  import { useId as useId9 } from "react";
1539
1549
 
1540
1550
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1541
- var Checkbox_default = {"checkboxGroup":"bds0115Checkbox-checkboxGroup","inputWrapper":"bds0115Checkbox-inputWrapper","checkbox":"bds0115Checkbox-checkbox","checkboxError":"bds0115Checkbox-checkboxError"};
1551
+ var Checkbox_default = {"checkboxGroup":"bds0117Checkbox-checkboxGroup","inputWrapper":"bds0117Checkbox-inputWrapper","checkbox":"bds0117Checkbox-checkbox","checkboxError":"bds0117Checkbox-checkboxError"};
1542
1552
 
1543
1553
  // src/components/interaction/form/atoms/Message.module.css
1544
- var Message_default = {"error":"bds0115Message-error","hint":"bds0115Message-hint"};
1554
+ var Message_default = {"error":"bds0117Message-error","hint":"bds0117Message-hint"};
1545
1555
 
1546
1556
  // src/components/interaction/form/atoms/Message.tsx
1547
1557
  import { jsx as jsx31 } from "react/jsx-runtime";
@@ -1551,7 +1561,7 @@ var Message = ({ message, type, inputId }) => {
1551
1561
  };
1552
1562
 
1553
1563
  // src/components/interaction/form/atoms/Label.module.css
1554
- var Label_default = {"label":"bds0115Label-label"};
1564
+ var Label_default = {"label":"bds0117Label-label"};
1555
1565
 
1556
1566
  // src/components/interaction/form/atoms/Label.tsx
1557
1567
  import { jsx as jsx32 } from "react/jsx-runtime";
@@ -1563,7 +1573,7 @@ var Label = ({ label, id }) => {
1563
1573
  import { cn as cn31 } from "@boostdev/design-system-foundation";
1564
1574
 
1565
1575
  // src/components/interaction/form/atoms/InputContainer.module.css
1566
- var InputContainer_default = {"container":"bds0115InputContainer-container"};
1576
+ var InputContainer_default = {"container":"bds0117InputContainer-container"};
1567
1577
 
1568
1578
  // src/components/interaction/form/atoms/InputContainer.tsx
1569
1579
  import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1610,7 +1620,7 @@ import {
1610
1620
  } from "react";
1611
1621
 
1612
1622
  // src/components/interaction/form/Combobox/Combobox.module.css
1613
- var Combobox_default = {"formGroup":"bds0115Combobox-formGroup","inputWrapper":"bds0115Combobox-inputWrapper","input":"bds0115Combobox-input","inputError":"bds0115Combobox-inputError","chevron":"bds0115Combobox-chevron","listbox":"bds0115Combobox-listbox","option":"bds0115Combobox-option","--highlighted":"bds0115Combobox---highlighted","--selected":"bds0115Combobox---selected","--disabled":"bds0115Combobox---disabled"};
1623
+ var Combobox_default = {"formGroup":"bds0117Combobox-formGroup","inputWrapper":"bds0117Combobox-inputWrapper","input":"bds0117Combobox-input","inputError":"bds0117Combobox-inputError","chevron":"bds0117Combobox-chevron","listbox":"bds0117Combobox-listbox","option":"bds0117Combobox-option","--highlighted":"bds0117Combobox---highlighted","--selected":"bds0117Combobox---selected","--disabled":"bds0117Combobox---disabled"};
1614
1624
 
1615
1625
  // src/components/interaction/form/Combobox/Combobox.tsx
1616
1626
  import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1761,7 +1771,7 @@ function Combobox({
1761
1771
  import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
1762
1772
 
1763
1773
  // src/components/interaction/form/FileInput/FileInput.module.css
1764
- var FileInput_default = {"formGroup":"bds0115FileInput-formGroup","dropZone":"bds0115FileInput-dropZone","isDragging":"bds0115FileInput-isDragging","hasError":"bds0115FileInput-hasError","isDisabled":"bds0115FileInput-isDisabled","icon":"bds0115FileInput-icon","prompt":"bds0115FileInput-prompt","acceptHint":"bds0115FileInput-acceptHint","hiddenInput":"bds0115FileInput-hiddenInput"};
1774
+ var FileInput_default = {"formGroup":"bds0117FileInput-formGroup","dropZone":"bds0117FileInput-dropZone","isDragging":"bds0117FileInput-isDragging","hasError":"bds0117FileInput-hasError","isDisabled":"bds0117FileInput-isDisabled","icon":"bds0117FileInput-icon","prompt":"bds0117FileInput-prompt","acceptHint":"bds0117FileInput-acceptHint","hiddenInput":"bds0117FileInput-hiddenInput"};
1765
1775
 
1766
1776
  // src/components/interaction/form/FileInput/FileInput.tsx
1767
1777
  import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1858,7 +1868,7 @@ function FileInput({
1858
1868
  import { useId as useId12 } from "react";
1859
1869
 
1860
1870
  // src/components/interaction/form/FormInput/FormInput.module.css
1861
- var FormInput_default = {"formGroup":"bds0115FormInput-formGroup","input":"bds0115FormInput-input","inputError":"bds0115FormInput-inputError"};
1871
+ var FormInput_default = {"formGroup":"bds0117FormInput-formGroup","input":"bds0117FormInput-input","inputError":"bds0117FormInput-inputError"};
1862
1872
 
1863
1873
  // src/components/interaction/form/FormInput/FormInput.tsx
1864
1874
  import { cn as cn34 } from "@boostdev/design-system-foundation";
@@ -1899,7 +1909,7 @@ function FormInput({
1899
1909
  import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
1900
1910
 
1901
1911
  // src/components/interaction/form/NumberInput/NumberInput.module.css
1902
- var NumberInput_default = {"formGroup":"bds0115NumberInput-formGroup","inputRow":"bds0115NumberInput-inputRow","input":"bds0115NumberInput-input","inputError":"bds0115NumberInput-inputError","stepper":"bds0115NumberInput-stepper"};
1912
+ var NumberInput_default = {"formGroup":"bds0117NumberInput-formGroup","inputRow":"bds0117NumberInput-inputRow","input":"bds0117NumberInput-input","inputError":"bds0117NumberInput-inputError","stepper":"bds0117NumberInput-stepper"};
1903
1913
 
1904
1914
  // src/components/interaction/form/NumberInput/NumberInput.tsx
1905
1915
  import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1994,7 +2004,7 @@ function NumberInput({
1994
2004
  import { useId as useId14 } from "react";
1995
2005
 
1996
2006
  // src/components/interaction/form/Radio/Radio.module.css
1997
- var Radio_default = {"radioGroup":"bds0115Radio-radioGroup","inputWrapper":"bds0115Radio-inputWrapper","textWrapper":"bds0115Radio-textWrapper","description":"bds0115Radio-description","radio":"bds0115Radio-radio","radioError":"bds0115Radio-radioError"};
2007
+ var Radio_default = {"radioGroup":"bds0117Radio-radioGroup","inputWrapper":"bds0117Radio-inputWrapper","textWrapper":"bds0117Radio-textWrapper","description":"bds0117Radio-description","radio":"bds0117Radio-radio","radioError":"bds0117Radio-radioError"};
1998
2008
 
1999
2009
  // src/components/interaction/form/Radio/Radio.tsx
2000
2010
  import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2028,15 +2038,90 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2028
2038
  ] });
2029
2039
  }
2030
2040
 
2041
+ // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2042
+ import { useId as useId15, useState as useState11 } from "react";
2043
+
2044
+ // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2045
+ var SegmentedControl_default = {"control":"bds0117SegmentedControl-control","thumb":"bds0117SegmentedControl-thumb","item":"bds0117SegmentedControl-item","--disabled":"bds0117SegmentedControl---disabled","radio":"bds0117SegmentedControl-radio","label":"bds0117SegmentedControl-label","--size_small":"bds0117SegmentedControl---size_small","--size_large":"bds0117SegmentedControl---size_large","--active":"bds0117SegmentedControl---active"};
2046
+
2047
+ // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2048
+ import { cn as cn37 } from "@boostdev/design-system-foundation";
2049
+ import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2050
+ function SegmentedControl({
2051
+ name,
2052
+ options,
2053
+ value,
2054
+ defaultValue,
2055
+ onChange,
2056
+ disabled,
2057
+ size = "medium",
2058
+ className,
2059
+ ...rest
2060
+ }) {
2061
+ const baseId = name + useId15();
2062
+ const [internalValue, setInternalValue] = useState11(
2063
+ defaultValue ?? options[0]?.value ?? ""
2064
+ );
2065
+ const activeValue = value ?? internalValue;
2066
+ const selectedIndex = options.findIndex((o) => o.value === activeValue);
2067
+ const handleChange = (optionValue) => {
2068
+ if (value === void 0) setInternalValue(optionValue);
2069
+ onChange?.(optionValue);
2070
+ };
2071
+ return /* @__PURE__ */ jsxs29(
2072
+ "div",
2073
+ {
2074
+ className: cn37(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
2075
+ style: {
2076
+ "--control_count": options.length,
2077
+ "--control_selected-index": Math.max(0, selectedIndex)
2078
+ },
2079
+ children: [
2080
+ /* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2081
+ options.map((option, index) => {
2082
+ const id = `${baseId}-${index}`;
2083
+ const isChecked = option.value === activeValue;
2084
+ const isDisabled = disabled || option.disabled;
2085
+ return /* @__PURE__ */ jsxs29(
2086
+ "label",
2087
+ {
2088
+ htmlFor: id,
2089
+ className: cn37(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
2090
+ children: [
2091
+ /* @__PURE__ */ jsx40(
2092
+ "input",
2093
+ {
2094
+ ...rest,
2095
+ type: "radio",
2096
+ id,
2097
+ name,
2098
+ value: option.value,
2099
+ checked: isChecked,
2100
+ disabled: isDisabled,
2101
+ className: SegmentedControl_default.radio,
2102
+ onChange: () => handleChange(option.value)
2103
+ }
2104
+ ),
2105
+ /* @__PURE__ */ jsx40("span", { className: SegmentedControl_default.label, children: option.label })
2106
+ ]
2107
+ },
2108
+ option.value
2109
+ );
2110
+ })
2111
+ ]
2112
+ }
2113
+ );
2114
+ }
2115
+
2031
2116
  // src/components/interaction/form/Select/Select.tsx
2032
- import { useId as useId15 } from "react";
2117
+ import { useId as useId16 } from "react";
2033
2118
 
2034
2119
  // src/components/interaction/form/Select/Select.module.css
2035
- var Select_default = {"formGroup":"bds0115Select-formGroup","selectWrapper":"bds0115Select-selectWrapper","select":"bds0115Select-select","selectError":"bds0115Select-selectError","chevron":"bds0115Select-chevron"};
2120
+ var Select_default = {"formGroup":"bds0117Select-formGroup","selectWrapper":"bds0117Select-selectWrapper","select":"bds0117Select-select","selectError":"bds0117Select-selectError","chevron":"bds0117Select-chevron"};
2036
2121
 
2037
2122
  // src/components/interaction/form/Select/Select.tsx
2038
- import { cn as cn37 } from "@boostdev/design-system-foundation";
2039
- import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2123
+ import { cn as cn38 } from "@boostdev/design-system-foundation";
2124
+ import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2040
2125
  function Select({
2041
2126
  label,
2042
2127
  name,
@@ -2047,44 +2132,44 @@ function Select({
2047
2132
  className,
2048
2133
  ...props
2049
2134
  }) {
2050
- const id = name + useId15();
2135
+ const id = name + useId16();
2051
2136
  const hintId = id + "hint";
2052
2137
  const errorId = id + "error";
2053
2138
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2054
- return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Select_default.formGroup, className), children: [
2055
- /* @__PURE__ */ jsx40(Label, { id, label }),
2056
- /* @__PURE__ */ jsxs29("div", { className: Select_default.selectWrapper, children: [
2057
- /* @__PURE__ */ jsxs29(
2139
+ return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Select_default.formGroup, className), children: [
2140
+ /* @__PURE__ */ jsx41(Label, { id, label }),
2141
+ /* @__PURE__ */ jsxs30("div", { className: Select_default.selectWrapper, children: [
2142
+ /* @__PURE__ */ jsxs30(
2058
2143
  "select",
2059
2144
  {
2060
2145
  id,
2061
2146
  name,
2062
2147
  "aria-invalid": !!error,
2063
2148
  "aria-describedby": describedBy,
2064
- className: cn37(Select_default.select, error ? Select_default.selectError : void 0),
2149
+ className: cn38(Select_default.select, error ? Select_default.selectError : void 0),
2065
2150
  ...props,
2066
2151
  children: [
2067
- placeholder && /* @__PURE__ */ jsx40("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2068
- options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx40("option", { value, disabled, children: optLabel }, value))
2152
+ placeholder && /* @__PURE__ */ jsx41("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2153
+ options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx41("option", { value, disabled, children: optLabel }, value))
2069
2154
  ]
2070
2155
  }
2071
2156
  ),
2072
- /* @__PURE__ */ jsx40("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2157
+ /* @__PURE__ */ jsx41("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx41("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2073
2158
  ] }),
2074
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
2075
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
2159
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2160
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2076
2161
  ] });
2077
2162
  }
2078
2163
 
2079
2164
  // src/components/interaction/form/Slider/Slider.tsx
2080
- import { useId as useId16, useState as useState11 } from "react";
2165
+ import { useId as useId17, useState as useState12 } from "react";
2081
2166
 
2082
2167
  // src/components/interaction/form/Slider/Slider.module.css
2083
- var Slider_default = {"formGroup":"bds0115Slider-formGroup","labelRow":"bds0115Slider-labelRow","value":"bds0115Slider-value","slider":"bds0115Slider-slider","sliderError":"bds0115Slider-sliderError"};
2168
+ var Slider_default = {"formGroup":"bds0117Slider-formGroup","labelRow":"bds0117Slider-labelRow","value":"bds0117Slider-value","slider":"bds0117Slider-slider","sliderError":"bds0117Slider-sliderError"};
2084
2169
 
2085
2170
  // src/components/interaction/form/Slider/Slider.tsx
2086
- import { cn as cn38 } from "@boostdev/design-system-foundation";
2087
- import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2171
+ import { cn as cn39 } from "@boostdev/design-system-foundation";
2172
+ import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2088
2173
  function Slider({
2089
2174
  label,
2090
2175
  name,
@@ -2097,24 +2182,24 @@ function Slider({
2097
2182
  onChange,
2098
2183
  ...props
2099
2184
  }) {
2100
- const id = name + useId16();
2185
+ const id = name + useId17();
2101
2186
  const hintId = id + "hint";
2102
2187
  const errorId = id + "error";
2103
2188
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2104
2189
  const isControlled = props.value !== void 0;
2105
- const [internalValue, setInternalValue] = useState11(Number(props.defaultValue ?? min));
2190
+ const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
2106
2191
  const currentValue = isControlled ? Number(props.value) : internalValue;
2107
2192
  const fillPct = (currentValue - min) / (max - min) * 100;
2108
2193
  const handleChange = (e) => {
2109
2194
  if (!isControlled) setInternalValue(Number(e.target.value));
2110
2195
  onChange?.(e);
2111
2196
  };
2112
- return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Slider_default.formGroup, className), children: [
2113
- /* @__PURE__ */ jsxs30("div", { className: Slider_default.labelRow, children: [
2114
- /* @__PURE__ */ jsx41(Label, { id, label }),
2115
- showValue && /* @__PURE__ */ jsx41("span", { className: Slider_default.value, children: currentValue })
2197
+ return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Slider_default.formGroup, className), children: [
2198
+ /* @__PURE__ */ jsxs31("div", { className: Slider_default.labelRow, children: [
2199
+ /* @__PURE__ */ jsx42(Label, { id, label }),
2200
+ showValue && /* @__PURE__ */ jsx42("span", { className: Slider_default.value, children: currentValue })
2116
2201
  ] }),
2117
- /* @__PURE__ */ jsx41(
2202
+ /* @__PURE__ */ jsx42(
2118
2203
  "input",
2119
2204
  {
2120
2205
  type: "range",
@@ -2126,26 +2211,26 @@ function Slider({
2126
2211
  "aria-valuemin": min,
2127
2212
  "aria-valuemax": max,
2128
2213
  "aria-valuenow": currentValue,
2129
- className: cn38(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2214
+ className: cn39(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2130
2215
  style: { "--slider_fill": `${fillPct}%` },
2131
2216
  onChange: handleChange,
2132
2217
  ...props
2133
2218
  }
2134
2219
  ),
2135
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2136
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2220
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2221
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2137
2222
  ] });
2138
2223
  }
2139
2224
 
2140
2225
  // src/components/interaction/form/Switch/Switch.tsx
2141
- import { useId as useId17 } from "react";
2226
+ import { useId as useId18 } from "react";
2142
2227
 
2143
2228
  // src/components/interaction/form/Switch/Switch.module.css
2144
- var Switch_default = {"switchGroup":"bds0115Switch-switchGroup","--size_small":"bds0115Switch---size_small","--size_medium":"bds0115Switch---size_medium","--size_large":"bds0115Switch---size_large","inputWrapper":"bds0115Switch-inputWrapper","trackWrapper":"bds0115Switch-trackWrapper","switch":"bds0115Switch-switch","track":"bds0115Switch-track","thumb":"bds0115Switch-thumb","switchError":"bds0115Switch-switchError"};
2229
+ var Switch_default = {"switchGroup":"bds0117Switch-switchGroup","--size_small":"bds0117Switch---size_small","--size_medium":"bds0117Switch---size_medium","--size_large":"bds0117Switch---size_large","inputWrapper":"bds0117Switch-inputWrapper","trackWrapper":"bds0117Switch-trackWrapper","switch":"bds0117Switch-switch","track":"bds0117Switch-track","thumb":"bds0117Switch-thumb","switchError":"bds0117Switch-switchError"};
2145
2230
 
2146
2231
  // src/components/interaction/form/Switch/Switch.tsx
2147
- import { cn as cn39 } from "@boostdev/design-system-foundation";
2148
- import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2232
+ import { cn as cn40 } from "@boostdev/design-system-foundation";
2233
+ import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2149
2234
  function Switch({
2150
2235
  label,
2151
2236
  name,
@@ -2153,16 +2238,18 @@ function Switch({
2153
2238
  error,
2154
2239
  hint,
2155
2240
  className,
2241
+ prefix,
2156
2242
  ...props
2157
2243
  }) {
2158
- const id = name + useId17();
2244
+ const id = name + useId18();
2159
2245
  const hintId = id + "hint";
2160
2246
  const errorId = id + "error";
2161
2247
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2162
- return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2163
- /* @__PURE__ */ jsxs31("div", { className: Switch_default.inputWrapper, children: [
2164
- /* @__PURE__ */ jsxs31("div", { className: Switch_default.trackWrapper, children: [
2165
- /* @__PURE__ */ jsx42(
2248
+ return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2249
+ /* @__PURE__ */ jsxs32("div", { className: Switch_default.inputWrapper, children: [
2250
+ prefix && /* @__PURE__ */ jsx43(Label, { id, label: prefix }),
2251
+ /* @__PURE__ */ jsxs32("div", { className: Switch_default.trackWrapper, children: [
2252
+ /* @__PURE__ */ jsx43(
2166
2253
  "input",
2167
2254
  {
2168
2255
  type: "checkbox",
@@ -2170,28 +2257,28 @@ function Switch({
2170
2257
  id,
2171
2258
  name,
2172
2259
  "aria-describedby": describedBy,
2173
- className: cn39(Switch_default.switch, error ? Switch_default.switchError : void 0),
2260
+ className: cn40(Switch_default.switch, error ? Switch_default.switchError : void 0),
2174
2261
  ...props
2175
2262
  }
2176
2263
  ),
2177
- /* @__PURE__ */ jsx42("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx42("span", { className: Switch_default.thumb }) })
2264
+ /* @__PURE__ */ jsx43("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx43("span", { className: Switch_default.thumb }) })
2178
2265
  ] }),
2179
- /* @__PURE__ */ jsx42(Label, { id, label })
2266
+ /* @__PURE__ */ jsx43(Label, { id, label })
2180
2267
  ] }),
2181
- /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2182
- /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2268
+ /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
2269
+ /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
2183
2270
  ] });
2184
2271
  }
2185
2272
 
2186
2273
  // src/components/interaction/form/Textarea/Textarea.tsx
2187
- import { useId as useId18 } from "react";
2274
+ import { useId as useId19 } from "react";
2188
2275
 
2189
2276
  // src/components/interaction/form/Textarea/Textarea.module.css
2190
- var Textarea_default = {"formGroup":"bds0115Textarea-formGroup","textarea":"bds0115Textarea-textarea","textareaError":"bds0115Textarea-textareaError"};
2277
+ var Textarea_default = {"formGroup":"bds0117Textarea-formGroup","textarea":"bds0117Textarea-textarea","textareaError":"bds0117Textarea-textareaError"};
2191
2278
 
2192
2279
  // src/components/interaction/form/Textarea/Textarea.tsx
2193
- import { cn as cn40 } from "@boostdev/design-system-foundation";
2194
- import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2280
+ import { cn as cn41 } from "@boostdev/design-system-foundation";
2281
+ import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
2195
2282
  function Textarea({
2196
2283
  label,
2197
2284
  name,
@@ -2200,44 +2287,44 @@ function Textarea({
2200
2287
  className,
2201
2288
  ...props
2202
2289
  }) {
2203
- const id = name + useId18();
2290
+ const id = name + useId19();
2204
2291
  const hintId = id + "hint";
2205
2292
  const errorId = id + "error";
2206
2293
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2207
- return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Textarea_default.formGroup, className), children: [
2208
- /* @__PURE__ */ jsx43(Label, { id, label }),
2209
- /* @__PURE__ */ jsx43(
2294
+ return /* @__PURE__ */ jsxs33(InputContainer, { className: cn41(Textarea_default.formGroup, className), children: [
2295
+ /* @__PURE__ */ jsx44(Label, { id, label }),
2296
+ /* @__PURE__ */ jsx44(
2210
2297
  "textarea",
2211
2298
  {
2212
2299
  id,
2213
2300
  name,
2214
2301
  "aria-invalid": !!error,
2215
2302
  "aria-describedby": describedBy,
2216
- className: cn40(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2303
+ className: cn41(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2217
2304
  ...props
2218
2305
  }
2219
2306
  ),
2220
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
2221
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
2307
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
2308
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
2222
2309
  ] });
2223
2310
  }
2224
2311
 
2225
2312
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2226
- var ButtonGroup_default = {"buttonGroup":"bds0115ButtonGroup-buttonGroup","container":"bds0115ButtonGroup-container","--variant_card":"bds0115ButtonGroup---variant_card","--variant_flow":"bds0115ButtonGroup---variant_flow","--variant_modal":"bds0115ButtonGroup---variant_modal","--variant_content":"bds0115ButtonGroup---variant_content","--variant_grid":"bds0115ButtonGroup---variant_grid"};
2313
+ var ButtonGroup_default = {"buttonGroup":"bds0117ButtonGroup-buttonGroup","container":"bds0117ButtonGroup-container","--variant_card":"bds0117ButtonGroup---variant_card","--variant_flow":"bds0117ButtonGroup---variant_flow","--variant_modal":"bds0117ButtonGroup---variant_modal","--variant_content":"bds0117ButtonGroup---variant_content","--variant_grid":"bds0117ButtonGroup---variant_grid"};
2227
2314
 
2228
2315
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2229
- import { cn as cn41 } from "@boostdev/design-system-foundation";
2230
- import { jsx as jsx44 } from "react/jsx-runtime";
2316
+ import { cn as cn42 } from "@boostdev/design-system-foundation";
2317
+ import { jsx as jsx45 } from "react/jsx-runtime";
2231
2318
  function ButtonGroup({ children, className, variant }) {
2232
- return /* @__PURE__ */ jsx44("div", { className: cn41(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx44("div", { className: ButtonGroup_default.container, children }) });
2319
+ return /* @__PURE__ */ jsx45("div", { className: cn42(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx45("div", { className: ButtonGroup_default.container, children }) });
2233
2320
  }
2234
2321
 
2235
2322
  // src/components/layout/Card/Card.module.css
2236
- var Card_default = {"card":"bds0115Card-card","--default":"bds0115Card---default","--elevated":"bds0115Card---elevated","--outlined":"bds0115Card---outlined","--clickable":"bds0115Card---clickable","--padding-none":"bds0115Card---padding-none","--padding-small":"bds0115Card---padding-small","--padding-medium":"bds0115Card---padding-medium","--padding-large":"bds0115Card---padding-large","--text-start":"bds0115Card---text-start","--text-center":"bds0115Card---text-center","--text-end":"bds0115Card---text-end"};
2323
+ var Card_default = {"card":"bds0117Card-card","--default":"bds0117Card---default","--elevated":"bds0117Card---elevated","--outlined":"bds0117Card---outlined","--clickable":"bds0117Card---clickable","--padding-none":"bds0117Card---padding-none","--padding-small":"bds0117Card---padding-small","--padding-medium":"bds0117Card---padding-medium","--padding-large":"bds0117Card---padding-large","--text-start":"bds0117Card---text-start","--text-center":"bds0117Card---text-center","--text-end":"bds0117Card---text-end"};
2237
2324
 
2238
2325
  // src/components/layout/Card/Card.tsx
2239
- import { cn as cn42 } from "@boostdev/design-system-foundation";
2240
- import { jsx as jsx45 } from "react/jsx-runtime";
2326
+ import { cn as cn43 } from "@boostdev/design-system-foundation";
2327
+ import { jsx as jsx46 } from "react/jsx-runtime";
2241
2328
  function Card({
2242
2329
  children,
2243
2330
  className,
@@ -2248,7 +2335,7 @@ function Card({
2248
2335
  onClick,
2249
2336
  "aria-label": ariaLabel
2250
2337
  }) {
2251
- const classNames = cn42(
2338
+ const classNames = cn43(
2252
2339
  Card_default.card,
2253
2340
  Card_default[`--${variant}`],
2254
2341
  Card_default[`--padding-${padding}`],
@@ -2257,7 +2344,7 @@ function Card({
2257
2344
  className
2258
2345
  );
2259
2346
  const Component = onClick ? "button" : "div";
2260
- return /* @__PURE__ */ jsx45(
2347
+ return /* @__PURE__ */ jsx46(
2261
2348
  Component,
2262
2349
  {
2263
2350
  className: classNames,
@@ -2271,11 +2358,11 @@ function Card({
2271
2358
  }
2272
2359
 
2273
2360
  // src/components/layout/SectionHeader/SectionHeader.module.css
2274
- var SectionHeader_default = {"sectionHeader":"bds0115SectionHeader-sectionHeader","title":"bds0115SectionHeader-title","subtitle":"bds0115SectionHeader-subtitle","--start":"bds0115SectionHeader---start","--center":"bds0115SectionHeader---center","--end":"bds0115SectionHeader---end","--small":"bds0115SectionHeader---small","--medium":"bds0115SectionHeader---medium","--large":"bds0115SectionHeader---large"};
2361
+ var SectionHeader_default = {"sectionHeader":"bds0117SectionHeader-sectionHeader","title":"bds0117SectionHeader-title","subtitle":"bds0117SectionHeader-subtitle","--start":"bds0117SectionHeader---start","--center":"bds0117SectionHeader---center","--end":"bds0117SectionHeader---end","--small":"bds0117SectionHeader---small","--medium":"bds0117SectionHeader---medium","--large":"bds0117SectionHeader---large"};
2275
2362
 
2276
2363
  // src/components/layout/SectionHeader/SectionHeader.tsx
2277
- import { cn as cn43 } from "@boostdev/design-system-foundation";
2278
- import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
2364
+ import { cn as cn44 } from "@boostdev/design-system-foundation";
2365
+ import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
2279
2366
  function SectionHeader({
2280
2367
  title,
2281
2368
  subtitle,
@@ -2285,24 +2372,24 @@ function SectionHeader({
2285
2372
  titleAs = "h2"
2286
2373
  }) {
2287
2374
  const Title = titleAs;
2288
- return /* @__PURE__ */ jsxs33("header", { className: cn43(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
2289
- /* @__PURE__ */ jsx46(Title, { className: SectionHeader_default.title, children: title }),
2290
- subtitle && /* @__PURE__ */ jsx46("p", { className: SectionHeader_default.subtitle, children: subtitle })
2375
+ return /* @__PURE__ */ jsxs34("header", { className: cn44(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
2376
+ /* @__PURE__ */ jsx47(Title, { className: SectionHeader_default.title, children: title }),
2377
+ subtitle && /* @__PURE__ */ jsx47("p", { className: SectionHeader_default.subtitle, children: subtitle })
2291
2378
  ] });
2292
2379
  }
2293
2380
 
2294
2381
  // src/components/layout/IconWrapper/IconWrapper.module.css
2295
- var IconWrapper_default = {"wrapper":"bds0115IconWrapper-wrapper"};
2382
+ var IconWrapper_default = {"wrapper":"bds0117IconWrapper-wrapper"};
2296
2383
 
2297
2384
  // src/components/layout/IconWrapper/IconWrapper.tsx
2298
- import { cn as cn44 } from "@boostdev/design-system-foundation";
2299
- import { jsx as jsx47 } from "react/jsx-runtime";
2385
+ import { cn as cn45 } from "@boostdev/design-system-foundation";
2386
+ import { jsx as jsx48 } from "react/jsx-runtime";
2300
2387
  function IconWrapper({ children, className }) {
2301
- return /* @__PURE__ */ jsx47("div", { className: cn44(className, IconWrapper_default.wrapper), children });
2388
+ return /* @__PURE__ */ jsx48("div", { className: cn45(className, IconWrapper_default.wrapper), children });
2302
2389
  }
2303
2390
 
2304
2391
  // src/index.ts
2305
- import { cn as cn45 } from "@boostdev/design-system-foundation";
2392
+ import { cn as cn46 } from "@boostdev/design-system-foundation";
2306
2393
  export {
2307
2394
  Accordion,
2308
2395
  Alert,
@@ -2336,6 +2423,7 @@ export {
2336
2423
  Radio,
2337
2424
  Rating,
2338
2425
  SectionHeader,
2426
+ SegmentedControl,
2339
2427
  Select,
2340
2428
  Separator,
2341
2429
  Skeleton,
@@ -2348,6 +2436,6 @@ export {
2348
2436
  ToastProvider,
2349
2437
  Tooltip,
2350
2438
  Typography,
2351
- cn45 as cn,
2439
+ cn46 as cn,
2352
2440
  useToast
2353
2441
  };