@boostdev/design-system-components 2.5.1 → 2.7.0

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 (60) hide show
  1. package/dist/client.cjs +257 -219
  2. package/dist/client.css +673 -626
  3. package/dist/client.d.cts +27 -1
  4. package/dist/client.d.ts +27 -1
  5. package/dist/client.js +220 -183
  6. package/dist/index.cjs +257 -219
  7. package/dist/index.css +673 -626
  8. package/dist/index.d.cts +27 -1
  9. package/dist/index.d.ts +27 -1
  10. package/dist/index.js +220 -183
  11. package/dist/web-components/{chunk-N3TN6WCH.js → chunk-GER5UJOF.js} +22 -15
  12. package/dist/web-components/chunk-QWPACK5L.js +72 -0
  13. package/dist/web-components/{chunk-YRXCVKHV.js → chunk-RTOS7LLG.js} +9 -7
  14. package/dist/web-components/{chunk-BX3IPVOB.js → chunk-ZNKEZIYE.js} +20 -16
  15. package/dist/web-components/index.d.ts +56 -1
  16. package/dist/web-components/index.js +121 -4
  17. package/dist/web-components/interaction/bds-button.js +1 -1
  18. package/dist/web-components/ui/bds-alert.js +1 -1
  19. package/dist/web-components/ui/bds-badge.js +1 -1
  20. package/dist/web-components/ui/bds-card.js +1 -1
  21. package/package.json +3 -2
  22. package/src/components/interaction/Button/Button.mdx +87 -13
  23. package/src/components/interaction/Button/Button.module.css +22 -17
  24. package/src/components/interaction/Toast/Toast.mdx +22 -3
  25. package/src/components/interaction/Toast/Toast.module.css +13 -10
  26. package/src/components/interaction/form/FieldGroup/FieldGroup.mdx +113 -0
  27. package/src/components/interaction/form/FieldGroup/FieldGroup.module.css +96 -0
  28. package/src/components/interaction/form/FieldGroup/FieldGroup.spec.tsx +196 -0
  29. package/src/components/interaction/form/FieldGroup/FieldGroup.stories.tsx +99 -0
  30. package/src/components/interaction/form/FieldGroup/FieldGroup.tsx +64 -0
  31. package/src/components/interaction/form/FieldGroup/index.ts +2 -0
  32. package/src/components/interaction/form/atoms/Message.module.css +4 -0
  33. package/src/components/layout/Card/Card.mdx +20 -8
  34. package/src/components/layout/Card/Card.module.css +5 -3
  35. package/src/components/ui/Alert/Alert.mdx +39 -5
  36. package/src/components/ui/Alert/Alert.module.css +21 -15
  37. package/src/components/ui/Badge/Badge.mdx +23 -3
  38. package/src/components/ui/Badge/Badge.module.css +15 -12
  39. package/src/components/ui/Link/Link.mdx +20 -2
  40. package/src/components/ui/Link/Link.module.css +12 -8
  41. package/src/components/ui/NotificationBanner/NotificationBanner.mdx +25 -6
  42. package/src/components/ui/NotificationBanner/NotificationBanner.module.css +18 -15
  43. package/src/components/ui/Pagination/Pagination.mdx +22 -9
  44. package/src/components/ui/Pagination/Pagination.module.css +10 -8
  45. package/src/components/ui/Tabs/Tabs.mdx +20 -5
  46. package/src/components/ui/Tabs/Tabs.module.css +8 -5
  47. package/src/index.ts +2 -0
  48. package/src/web-components/index.ts +2 -0
  49. package/src/web-components/interaction/bds-button.ts +22 -15
  50. package/src/web-components/interaction/form/BdsFieldGroup.mdx +67 -0
  51. package/src/web-components/interaction/form/BdsFieldGroup.stories.tsx +110 -0
  52. package/src/web-components/interaction/form/bds-checkbox-group.ts +1 -0
  53. package/src/web-components/interaction/form/bds-field-group.spec.ts +64 -0
  54. package/src/web-components/interaction/form/bds-field-group.ts +157 -0
  55. package/src/web-components/interaction/form/bds-form-input.ts +1 -0
  56. package/src/web-components/interaction/form/bds-radio-group.ts +1 -0
  57. package/src/web-components/ui/bds-alert.ts +20 -16
  58. package/src/web-components/ui/bds-badge.ts +16 -13
  59. package/src/web-components/ui/bds-card.ts +9 -7
  60. package/dist/web-components/chunk-OHUTLSIQ.js +0 -69
package/dist/index.cjs CHANGED
@@ -50,6 +50,7 @@ __export(index_exports, {
50
50
  Dialog: () => Dialog,
51
51
  Drawer: () => Drawer,
52
52
  DropdownMenu: () => DropdownMenu,
53
+ FieldGroup: () => FieldGroup,
53
54
  FileInput: () => FileInput,
54
55
  FormInput: () => FormInput,
55
56
  Grid: () => Grid,
@@ -81,7 +82,7 @@ __export(index_exports, {
81
82
  ToastProvider: () => ToastProvider,
82
83
  Tooltip: () => Tooltip,
83
84
  Typography: () => Typography,
84
- cn: () => import_design_system_foundation53.cn,
85
+ cn: () => import_design_system_foundation54.cn,
85
86
  useToast: () => useToast
86
87
  });
87
88
  module.exports = __toCommonJS(index_exports);
@@ -90,7 +91,7 @@ module.exports = __toCommonJS(index_exports);
90
91
  var import_react = require("react");
91
92
 
92
93
  // src/components/ui/Accordion/Accordion.module.css
93
- var Accordion_default = {"component":"bds251Accordion-component","accordion":"bds251Accordion-accordion","item":"bds251Accordion-item","heading":"bds251Accordion-heading","trigger":"bds251Accordion-trigger","triggerLabel":"bds251Accordion-triggerLabel","chevron":"bds251Accordion-chevron","--open":"bds251Accordion---open","panel":"bds251Accordion-panel","panelContent":"bds251Accordion-panelContent"};
94
+ var Accordion_default = {"component":"bds270Accordion-component","accordion":"bds270Accordion-accordion","item":"bds270Accordion-item","heading":"bds270Accordion-heading","trigger":"bds270Accordion-trigger","triggerLabel":"bds270Accordion-triggerLabel","chevron":"bds270Accordion-chevron","--open":"bds270Accordion---open","panel":"bds270Accordion-panel","panelContent":"bds270Accordion-panelContent"};
94
95
 
95
96
  // src/components/ui/Accordion/Accordion.tsx
96
97
  var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -159,7 +160,7 @@ function Accordion({
159
160
  }
160
161
 
161
162
  // src/components/ui/Alert/Alert.module.css
162
- var Alert_default = {"component":"bds251Alert-component","alert":"bds251Alert-alert","--variant_info":"bds251Alert---variant_info","--variant_success":"bds251Alert---variant_success","--variant_warning":"bds251Alert---variant_warning","--variant_error":"bds251Alert---variant_error","icon":"bds251Alert-icon","content":"bds251Alert-content","title":"bds251Alert-title","dismiss":"bds251Alert-dismiss"};
163
+ var Alert_default = {"component":"bds270Alert-component","alert":"bds270Alert-alert","--variant_info":"bds270Alert---variant_info","--variant_success":"bds270Alert---variant_success","--variant_warning":"bds270Alert---variant_warning","--variant_error":"bds270Alert---variant_error","icon":"bds270Alert-icon","content":"bds270Alert-content","title":"bds270Alert-title","dismiss":"bds270Alert-dismiss"};
163
164
 
164
165
  // src/components/ui/Alert/Alert.tsx
165
166
  var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -204,7 +205,7 @@ function Alert({
204
205
  }
205
206
 
206
207
  // src/components/ui/Avatar/Avatar.module.css
207
- var Avatar_default = {"component":"bds251Avatar-component","avatar":"bds251Avatar-avatar","--fallback":"bds251Avatar---fallback","--size_small":"bds251Avatar---size_small","--size_medium":"bds251Avatar---size_medium","--size_large":"bds251Avatar---size_large","image":"bds251Avatar-image","initials":"bds251Avatar-initials"};
208
+ var Avatar_default = {"component":"bds270Avatar-component","avatar":"bds270Avatar-avatar","--fallback":"bds270Avatar---fallback","--size_small":"bds270Avatar---size_small","--size_medium":"bds270Avatar---size_medium","--size_large":"bds270Avatar---size_large","image":"bds270Avatar-image","initials":"bds270Avatar-initials"};
208
209
 
209
210
  // src/components/ui/Avatar/Avatar.tsx
210
211
  var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -231,7 +232,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
231
232
  }
232
233
 
233
234
  // src/components/ui/Badge/Badge.module.css
234
- var Badge_default = {"component":"bds251Badge-component","badge":"bds251Badge-badge","--variant_primary":"bds251Badge---variant_primary","--variant_secondary":"bds251Badge---variant_secondary","--variant_success":"bds251Badge---variant_success","--variant_error":"bds251Badge---variant_error","--variant_warning":"bds251Badge---variant_warning"};
235
+ var Badge_default = {"component":"bds270Badge-component","badge":"bds270Badge-badge","--variant_primary":"bds270Badge---variant_primary","--variant_secondary":"bds270Badge---variant_secondary","--variant_success":"bds270Badge---variant_success","--variant_error":"bds270Badge---variant_error","--variant_warning":"bds270Badge---variant_warning"};
235
236
 
236
237
  // src/components/ui/Badge/Badge.tsx
237
238
  var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -241,7 +242,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
241
242
  }
242
243
 
243
244
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
244
- var Breadcrumb_default = {"component":"bds251Breadcrumb-component","breadcrumb":"bds251Breadcrumb-breadcrumb","list":"bds251Breadcrumb-list","item":"bds251Breadcrumb-item","link":"bds251Breadcrumb-link","separator":"bds251Breadcrumb-separator","current":"bds251Breadcrumb-current"};
245
+ var Breadcrumb_default = {"component":"bds270Breadcrumb-component","breadcrumb":"bds270Breadcrumb-breadcrumb","list":"bds270Breadcrumb-list","item":"bds270Breadcrumb-item","link":"bds270Breadcrumb-link","separator":"bds270Breadcrumb-separator","current":"bds270Breadcrumb-current"};
245
246
 
246
247
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
247
248
  var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -257,7 +258,7 @@ function Breadcrumb({ items, className, ...rest }) {
257
258
  }
258
259
 
259
260
  // src/components/ui/Collapsible/Collapsible.module.css
260
- var Collapsible_default = {"component":"bds251Collapsible-component","collapsible":"bds251Collapsible-collapsible","summary":"bds251Collapsible-summary","summaryContent":"bds251Collapsible-summaryContent","icon":"bds251Collapsible-icon","content":"bds251Collapsible-content"};
261
+ var Collapsible_default = {"component":"bds270Collapsible-component","collapsible":"bds270Collapsible-collapsible","summary":"bds270Collapsible-summary","summaryContent":"bds270Collapsible-summaryContent","icon":"bds270Collapsible-icon","content":"bds270Collapsible-content"};
261
262
 
262
263
  // src/components/ui/Collapsible/Collapsible.tsx
263
264
  var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -298,7 +299,7 @@ function Collapsible({
298
299
  var import_react2 = require("react");
299
300
 
300
301
  // src/components/ui/Calendar/Calendar.module.css
301
- var Calendar_default = {"component":"bds251Calendar-component","calendar":"bds251Calendar-calendar","header":"bds251Calendar-header","monthYear":"bds251Calendar-monthYear","navBtn":"bds251Calendar-navBtn","grid":"bds251Calendar-grid","weekday":"bds251Calendar-weekday","empty":"bds251Calendar-empty","day":"bds251Calendar-day","disabled":"bds251Calendar-disabled","selected":"bds251Calendar-selected","today":"bds251Calendar-today"};
302
+ var Calendar_default = {"component":"bds270Calendar-component","calendar":"bds270Calendar-calendar","header":"bds270Calendar-header","monthYear":"bds270Calendar-monthYear","navBtn":"bds270Calendar-navBtn","grid":"bds270Calendar-grid","weekday":"bds270Calendar-weekday","empty":"bds270Calendar-empty","day":"bds270Calendar-day","disabled":"bds270Calendar-disabled","selected":"bds270Calendar-selected","today":"bds270Calendar-today"};
302
303
 
303
304
  // src/components/ui/Calendar/Calendar.tsx
304
305
  var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -473,7 +474,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
473
474
  var import_react3 = require("react");
474
475
 
475
476
  // src/components/ui/Carousel/Carousel.module.css
476
- var Carousel_default = {"component":"bds251Carousel-component","carousel":"bds251Carousel-carousel","track":"bds251Carousel-track","slide":"bds251Carousel-slide","navBtn":"bds251Carousel-navBtn"};
477
+ var Carousel_default = {"component":"bds270Carousel-component","carousel":"bds270Carousel-carousel","track":"bds270Carousel-track","slide":"bds270Carousel-slide","navBtn":"bds270Carousel-navBtn"};
477
478
 
478
479
  // src/components/ui/Carousel/Carousel.tsx
479
480
  var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -526,7 +527,7 @@ function Carousel({ items, label, className, ...rest }) {
526
527
  }
527
528
 
528
529
  // src/components/ui/DescriptionList/DescriptionList.module.css
529
- var DescriptionList_default = {"component":"bds251DescriptionList-component","list":"bds251DescriptionList-list","group":"bds251DescriptionList-group","term":"bds251DescriptionList-term","details":"bds251DescriptionList-details","--layout_inline":"bds251DescriptionList---layout_inline"};
530
+ var DescriptionList_default = {"component":"bds270DescriptionList-component","list":"bds270DescriptionList-list","group":"bds270DescriptionList-group","term":"bds270DescriptionList-term","details":"bds270DescriptionList-details","--layout_inline":"bds270DescriptionList---layout_inline"};
530
531
 
531
532
  // src/components/ui/DescriptionList/DescriptionList.tsx
532
533
  var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -539,7 +540,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
539
540
  }
540
541
 
541
542
  // src/components/ui/Link/Link.module.css
542
- var Link_default = {"component":"bds251Link-component","link":"bds251Link-link","--variant_default":"bds251Link---variant_default","--variant_subtle":"bds251Link---variant_subtle","--variant_standalone":"bds251Link---variant_standalone","externalLabel":"bds251Link-externalLabel"};
543
+ var Link_default = {"component":"bds270Link-component","link":"bds270Link-link","--variant_default":"bds270Link---variant_default","--variant_subtle":"bds270Link---variant_subtle","--variant_standalone":"bds270Link---variant_standalone","externalLabel":"bds270Link-externalLabel"};
543
544
 
544
545
  // src/components/ui/Link/Link.tsx
545
546
  var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -570,7 +571,7 @@ function Link({
570
571
  }
571
572
 
572
573
  // src/components/ui/Loading/Loading.module.css
573
- var Loading_default = {"component":"bds251Loading-component","loading":"bds251Loading-loading","spinner":"bds251Loading-spinner","--size_small":"bds251Loading---size_small","--size_large":"bds251Loading---size_large"};
574
+ var Loading_default = {"component":"bds270Loading-component","loading":"bds270Loading-loading","spinner":"bds270Loading-spinner","--size_small":"bds270Loading---size_small","--size_large":"bds270Loading---size_large"};
574
575
 
575
576
  // src/components/ui/Loading/Loading.tsx
576
577
  var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -580,7 +581,7 @@ function Loading({ size = "medium", className, ...rest }) {
580
581
  }
581
582
 
582
583
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
583
- var NotificationBanner_default = {"component":"bds251NotificationBanner-component","banner":"bds251NotificationBanner-banner","--variant_info":"bds251NotificationBanner---variant_info","--variant_success":"bds251NotificationBanner---variant_success","--variant_warning":"bds251NotificationBanner---variant_warning","--variant_error":"bds251NotificationBanner---variant_error","content":"bds251NotificationBanner-content","action":"bds251NotificationBanner-action","dismiss":"bds251NotificationBanner-dismiss"};
584
+ var NotificationBanner_default = {"component":"bds270NotificationBanner-component","banner":"bds270NotificationBanner-banner","--variant_info":"bds270NotificationBanner---variant_info","--variant_success":"bds270NotificationBanner---variant_success","--variant_warning":"bds270NotificationBanner---variant_warning","--variant_error":"bds270NotificationBanner---variant_error","content":"bds270NotificationBanner-content","action":"bds270NotificationBanner-action","dismiss":"bds270NotificationBanner-dismiss"};
584
585
 
585
586
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
586
587
  var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -621,7 +622,7 @@ function NotificationBanner({
621
622
  }
622
623
 
623
624
  // src/components/ui/Pagination/Pagination.module.css
624
- var Pagination_default = {"component":"bds251Pagination-component","pagination":"bds251Pagination-pagination","list":"bds251Pagination-list","button":"bds251Pagination-button","--active":"bds251Pagination---active","--nav":"bds251Pagination---nav","ellipsis":"bds251Pagination-ellipsis"};
625
+ var Pagination_default = {"component":"bds270Pagination-component","pagination":"bds270Pagination-pagination","list":"bds270Pagination-list","button":"bds270Pagination-button","--active":"bds270Pagination---active","--nav":"bds270Pagination---nav","ellipsis":"bds270Pagination-ellipsis"};
625
626
 
626
627
  // src/components/ui/Pagination/Pagination.tsx
627
628
  var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -686,7 +687,7 @@ function Pagination({
686
687
  }
687
688
 
688
689
  // src/components/ui/Progress/Progress.module.css
689
- var Progress_default = {"component":"bds251Progress-component","container":"bds251Progress-container","labelRow":"bds251Progress-labelRow","value":"bds251Progress-value","track":"bds251Progress-track","--size_small":"bds251Progress---size_small","--size_medium":"bds251Progress---size_medium","--size_large":"bds251Progress---size_large","fill":"bds251Progress-fill"};
690
+ var Progress_default = {"component":"bds270Progress-component","container":"bds270Progress-container","labelRow":"bds270Progress-labelRow","value":"bds270Progress-value","track":"bds270Progress-track","--size_small":"bds270Progress---size_small","--size_medium":"bds270Progress---size_medium","--size_large":"bds270Progress---size_large","fill":"bds270Progress-fill"};
690
691
 
691
692
  // src/components/ui/Progress/Progress.tsx
692
693
  var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -725,7 +726,7 @@ function Progress({
725
726
  }
726
727
 
727
728
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
728
- var ProgressCircle_default = {"component":"bds251ProgressCircle-component","wrapper":"bds251ProgressCircle-wrapper","svg":"bds251ProgressCircle-svg","track":"bds251ProgressCircle-track","fill":"bds251ProgressCircle-fill","value":"bds251ProgressCircle-value","--size_small":"bds251ProgressCircle---size_small","--size_medium":"bds251ProgressCircle---size_medium","--size_large":"bds251ProgressCircle---size_large"};
729
+ var ProgressCircle_default = {"component":"bds270ProgressCircle-component","wrapper":"bds270ProgressCircle-wrapper","svg":"bds270ProgressCircle-svg","track":"bds270ProgressCircle-track","fill":"bds270ProgressCircle-fill","value":"bds270ProgressCircle-value","--size_small":"bds270ProgressCircle---size_small","--size_medium":"bds270ProgressCircle---size_medium","--size_large":"bds270ProgressCircle---size_large"};
729
730
 
730
731
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
731
732
  var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -806,7 +807,7 @@ function ProgressCircle({
806
807
  }
807
808
 
808
809
  // src/components/ui/Separator/Separator.module.css
809
- var Separator_default = {"component":"bds251Separator-component","separator":"bds251Separator-separator","--horizontal":"bds251Separator---horizontal","--vertical":"bds251Separator---vertical"};
810
+ var Separator_default = {"component":"bds270Separator-component","separator":"bds270Separator-separator","--horizontal":"bds270Separator---horizontal","--vertical":"bds270Separator---vertical"};
810
811
 
811
812
  // src/components/ui/Separator/Separator.tsx
812
813
  var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
@@ -830,7 +831,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
830
831
  var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
831
832
 
832
833
  // src/components/ui/Skeleton/Skeleton.module.css
833
- var Skeleton_default = {"component":"bds251Skeleton-component","skeleton":"bds251Skeleton-skeleton"};
834
+ var Skeleton_default = {"component":"bds270Skeleton-component","skeleton":"bds270Skeleton-skeleton"};
834
835
 
835
836
  // src/components/ui/Skeleton/Skeleton.tsx
836
837
  var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -839,7 +840,7 @@ function Skeleton({ className, ...rest }) {
839
840
  }
840
841
 
841
842
  // src/components/ui/SkipLink/SkipLink.module.css
842
- var SkipLink_default = {"component":"bds251SkipLink-component","skipLink":"bds251SkipLink-skipLink"};
843
+ var SkipLink_default = {"component":"bds270SkipLink-component","skipLink":"bds270SkipLink-skipLink"};
843
844
 
844
845
  // src/components/ui/SkipLink/SkipLink.tsx
845
846
  var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -849,7 +850,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
849
850
  }
850
851
 
851
852
  // src/components/ui/Table/Table.module.css
852
- var Table_default = {"component":"bds251Table-component","wrapper":"bds251Table-wrapper","table":"bds251Table-table","caption":"bds251Table-caption","thead":"bds251Table-thead","th":"bds251Table-th","--sortable":"bds251Table---sortable","sortButton":"bds251Table-sortButton","sortIcon":"bds251Table-sortIcon","--sort-active":"bds251Table---sort-active","--sort-desc":"bds251Table---sort-desc","tbody":"bds251Table-tbody","tr":"bds251Table-tr","td":"bds251Table-td"};
853
+ var Table_default = {"component":"bds270Table-component","wrapper":"bds270Table-wrapper","table":"bds270Table-table","caption":"bds270Table-caption","thead":"bds270Table-thead","th":"bds270Table-th","--sortable":"bds270Table---sortable","sortButton":"bds270Table-sortButton","sortIcon":"bds270Table-sortIcon","--sort-active":"bds270Table---sort-active","--sort-desc":"bds270Table---sort-desc","tbody":"bds270Table-tbody","tr":"bds270Table-tr","td":"bds270Table-td"};
853
854
 
854
855
  // src/components/ui/Table/Table.tsx
855
856
  var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -919,7 +920,7 @@ function Table({
919
920
  var import_react4 = require("react");
920
921
 
921
922
  // src/components/ui/Tabs/Tabs.module.css
922
- var Tabs_default = {"component":"bds251Tabs-component","tabs":"bds251Tabs-tabs","tabList":"bds251Tabs-tabList","tab":"bds251Tabs-tab","--active":"bds251Tabs---active","panel":"bds251Tabs-panel"};
923
+ var Tabs_default = {"component":"bds270Tabs-component","tabs":"bds270Tabs-tabs","tabList":"bds270Tabs-tabList","tab":"bds270Tabs-tab","--active":"bds270Tabs---active","panel":"bds270Tabs-panel"};
923
924
 
924
925
  // src/components/ui/Tabs/Tabs.tsx
925
926
  var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -999,7 +1000,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
999
1000
  var import_react5 = require("react");
1000
1001
 
1001
1002
  // src/components/ui/Tooltip/Tooltip.module.css
1002
- var Tooltip_default = {"component":"bds251Tooltip-component","wrapper":"bds251Tooltip-wrapper","tooltip":"bds251Tooltip-tooltip","--placement_top":"bds251Tooltip---placement_top","--placement_bottom":"bds251Tooltip---placement_bottom","--placement_left":"bds251Tooltip---placement_left","--placement_right":"bds251Tooltip---placement_right"};
1003
+ var Tooltip_default = {"component":"bds270Tooltip-component","wrapper":"bds270Tooltip-wrapper","tooltip":"bds270Tooltip-tooltip","--placement_top":"bds270Tooltip---placement_top","--placement_bottom":"bds270Tooltip---placement_bottom","--placement_left":"bds270Tooltip---placement_left","--placement_right":"bds270Tooltip---placement_right"};
1003
1004
 
1004
1005
  // src/components/ui/Tooltip/Tooltip.tsx
1005
1006
  var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1043,7 +1044,7 @@ function Tooltip({
1043
1044
  }
1044
1045
 
1045
1046
  // src/components/ui/Typography/Typography.module.css
1046
- var Typography_default = {"component":"bds251Typography-component","typography":"bds251Typography-typography","--h1":"bds251Typography---h1","--h2":"bds251Typography---h2","--h3":"bds251Typography---h3","--body":"bds251Typography---body","--body_s":"bds251Typography---body_s"};
1047
+ var Typography_default = {"component":"bds270Typography-component","typography":"bds270Typography-typography","--h1":"bds270Typography---h1","--h2":"bds270Typography---h2","--h3":"bds270Typography---h3","--body":"bds270Typography---body","--body_s":"bds270Typography---body_s"};
1047
1048
 
1048
1049
  // src/components/ui/Typography/Typography.tsx
1049
1050
  var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1061,7 +1062,7 @@ function Typography({ variant = "body", component, children, className, ...rest
1061
1062
  }
1062
1063
 
1063
1064
  // src/components/interaction/Button/Button.module.css
1064
- var Button_default = {"component":"bds251Button-component","button":"bds251Button-button","--default":"bds251Button---default","--outline":"bds251Button---outline","--ghost":"bds251Button---ghost","--size_small":"bds251Button---size_small","--size_medium":"bds251Button---size_medium","--size_large":"bds251Button---size_large","--hasPulse":"bds251Button---hasPulse","iconStart":"bds251Button-iconStart","iconEnd":"bds251Button-iconEnd","--iconOnly":"bds251Button---iconOnly"};
1065
+ var Button_default = {"component":"bds270Button-component","button":"bds270Button-button","--default":"bds270Button---default","--outline":"bds270Button---outline","--ghost":"bds270Button---ghost","--size_small":"bds270Button---size_small","--size_medium":"bds270Button---size_medium","--size_large":"bds270Button---size_large","--hasPulse":"bds270Button---hasPulse","iconStart":"bds270Button-iconStart","iconEnd":"bds270Button-iconEnd","--iconOnly":"bds270Button---iconOnly"};
1065
1066
 
1066
1067
  // src/components/interaction/Button/Button.tsx
1067
1068
  var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1178,7 +1179,7 @@ function installInvokerCommandsPolyfill() {
1178
1179
  }
1179
1180
 
1180
1181
  // src/components/interaction/Command/Command.module.css
1181
- var Command_default = {"component":"bds251Command-component","dialog":"bds251Command-dialog","palette":"bds251Command-palette","searchRow":"bds251Command-searchRow","searchIcon":"bds251Command-searchIcon","search":"bds251Command-search","escHint":"bds251Command-escHint","list":"bds251Command-list","groupList":"bds251Command-groupList","group":"bds251Command-group","item":"bds251Command-item","itemActive":"bds251Command-itemActive","itemLabel":"bds251Command-itemLabel","itemDesc":"bds251Command-itemDesc","shortcut":"bds251Command-shortcut","empty":"bds251Command-empty"};
1182
+ var Command_default = {"component":"bds270Command-component","dialog":"bds270Command-dialog","palette":"bds270Command-palette","searchRow":"bds270Command-searchRow","searchIcon":"bds270Command-searchIcon","search":"bds270Command-search","escHint":"bds270Command-escHint","list":"bds270Command-list","groupList":"bds270Command-groupList","group":"bds270Command-group","item":"bds270Command-item","itemActive":"bds270Command-itemActive","itemLabel":"bds270Command-itemLabel","itemDesc":"bds270Command-itemDesc","shortcut":"bds270Command-shortcut","empty":"bds270Command-empty"};
1182
1183
 
1183
1184
  // src/components/interaction/Command/Command.tsx
1184
1185
  var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1355,7 +1356,7 @@ function Command({
1355
1356
  var import_react7 = require("react");
1356
1357
 
1357
1358
  // src/components/interaction/Dialog/Dialog.module.css
1358
- var Dialog_default = {"component":"bds251Dialog-component","dialog":"bds251Dialog-dialog","dialogContent":"bds251Dialog-dialogContent","closeButton":"bds251Dialog-closeButton"};
1359
+ var Dialog_default = {"component":"bds270Dialog-component","dialog":"bds270Dialog-dialog","dialogContent":"bds270Dialog-dialogContent","closeButton":"bds270Dialog-closeButton"};
1359
1360
 
1360
1361
  // src/components/interaction/Dialog/Dialog.tsx
1361
1362
  var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1461,7 +1462,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1461
1462
  var import_react8 = require("react");
1462
1463
 
1463
1464
  // src/components/interaction/Drawer/Drawer.module.css
1464
- var Drawer_default = {"component":"bds251Drawer-component","drawer":"bds251Drawer-drawer","--side_left":"bds251Drawer---side_left","header":"bds251Drawer-header","closeButton":"bds251Drawer-closeButton","body":"bds251Drawer-body"};
1465
+ var Drawer_default = {"component":"bds270Drawer-component","drawer":"bds270Drawer-drawer","--side_left":"bds270Drawer---side_left","header":"bds270Drawer-header","closeButton":"bds270Drawer-closeButton","body":"bds270Drawer-body"};
1465
1466
 
1466
1467
  // src/components/interaction/Drawer/Drawer.tsx
1467
1468
  var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1562,7 +1563,7 @@ function Drawer({
1562
1563
  var import_react9 = require("react");
1563
1564
 
1564
1565
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1565
- var DropdownMenu_default = {"component":"bds251DropdownMenu-component","wrapper":"bds251DropdownMenu-wrapper","menu":"bds251DropdownMenu-menu","--placement_bottom-start":"bds251DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds251DropdownMenu---placement_bottom-end","separator":"bds251DropdownMenu-separator","item":"bds251DropdownMenu-item","icon":"bds251DropdownMenu-icon"};
1566
+ var DropdownMenu_default = {"component":"bds270DropdownMenu-component","wrapper":"bds270DropdownMenu-wrapper","menu":"bds270DropdownMenu-menu","--placement_bottom-start":"bds270DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds270DropdownMenu---placement_bottom-end","separator":"bds270DropdownMenu-separator","item":"bds270DropdownMenu-item","icon":"bds270DropdownMenu-icon"};
1566
1567
 
1567
1568
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1568
1569
  var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1676,7 +1677,7 @@ function DropdownMenu({
1676
1677
  var import_react10 = require("react");
1677
1678
 
1678
1679
  // src/components/interaction/Popover/Popover.module.css
1679
- var Popover_default = {"component":"bds251Popover-component","wrapper":"bds251Popover-wrapper","panel":"bds251Popover-panel","g":"bds251Popover-g"};
1680
+ var Popover_default = {"component":"bds270Popover-component","wrapper":"bds270Popover-wrapper","panel":"bds270Popover-panel","g":"bds270Popover-g"};
1680
1681
 
1681
1682
  // src/components/interaction/Popover/Popover.tsx
1682
1683
  var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1761,7 +1762,7 @@ function Popover({
1761
1762
  }
1762
1763
 
1763
1764
  // src/components/interaction/Rating/Rating.module.css
1764
- var Rating_default = {"component":"bds251Rating-component","rating":"bds251Rating-rating","star":"bds251Rating-star","--filled":"bds251Rating---filled"};
1765
+ var Rating_default = {"component":"bds270Rating-component","rating":"bds270Rating-rating","star":"bds270Rating-star","--filled":"bds270Rating---filled"};
1765
1766
 
1766
1767
  // src/components/interaction/Rating/Rating.tsx
1767
1768
  var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1793,7 +1794,7 @@ function Rating({ value, max = 5, className, ...rest }) {
1793
1794
  var import_react11 = require("react");
1794
1795
 
1795
1796
  // src/components/interaction/Toast/Toast.module.css
1796
- var Toast_default = {"component":"bds251Toast-component","toastContainer":"bds251Toast-toastContainer","toast":"bds251Toast-toast","--variant_success":"bds251Toast---variant_success","--variant_warning":"bds251Toast---variant_warning","--variant_info":"bds251Toast---variant_info","--variant_error":"bds251Toast---variant_error","message":"bds251Toast-message","closeButton":"bds251Toast-closeButton"};
1797
+ var Toast_default = {"component":"bds270Toast-component","toastContainer":"bds270Toast-toastContainer","toast":"bds270Toast-toast","--variant_success":"bds270Toast---variant_success","--variant_warning":"bds270Toast---variant_warning","--variant_info":"bds270Toast---variant_info","--variant_error":"bds270Toast---variant_error","message":"bds270Toast-message","closeButton":"bds270Toast-closeButton"};
1797
1798
 
1798
1799
  // src/components/interaction/Toast/Toast.tsx
1799
1800
  var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
@@ -1871,10 +1872,10 @@ function useToast() {
1871
1872
  var import_react12 = require("react");
1872
1873
 
1873
1874
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1874
- var Checkbox_default = {"component":"bds251Checkbox-component","checkboxGroup":"bds251Checkbox-checkboxGroup","inputWrapper":"bds251Checkbox-inputWrapper","checkbox":"bds251Checkbox-checkbox","checkboxError":"bds251Checkbox-checkboxError"};
1875
+ var Checkbox_default = {"component":"bds270Checkbox-component","checkboxGroup":"bds270Checkbox-checkboxGroup","inputWrapper":"bds270Checkbox-inputWrapper","checkbox":"bds270Checkbox-checkbox","checkboxError":"bds270Checkbox-checkboxError"};
1875
1876
 
1876
1877
  // src/components/interaction/form/atoms/Message.module.css
1877
- var Message_default = {"component":"bds251Message-component","error":"bds251Message-error","hint":"bds251Message-hint"};
1878
+ var Message_default = {"component":"bds270Message-component","error":"bds270Message-error","hint":"bds270Message-hint"};
1878
1879
 
1879
1880
  // src/components/interaction/form/atoms/Message.tsx
1880
1881
  var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1885,7 +1886,7 @@ var Message = ({ message, type, inputId, className }) => {
1885
1886
  };
1886
1887
 
1887
1888
  // src/components/interaction/form/atoms/Label.module.css
1888
- var Label_default = {"component":"bds251Label-component","label":"bds251Label-label"};
1889
+ var Label_default = {"component":"bds270Label-component","label":"bds270Label-label"};
1889
1890
 
1890
1891
  // src/components/interaction/form/atoms/Label.tsx
1891
1892
  var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1898,7 +1899,7 @@ var Label = ({ label, id, className }) => {
1898
1899
  var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
1899
1900
 
1900
1901
  // src/components/interaction/form/atoms/InputContainer.module.css
1901
- var InputContainer_default = {"component":"bds251InputContainer-component","container":"bds251InputContainer-container"};
1902
+ var InputContainer_default = {"component":"bds270InputContainer-component","container":"bds270InputContainer-container"};
1902
1903
 
1903
1904
  // src/components/interaction/form/atoms/InputContainer.tsx
1904
1905
  var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1939,7 +1940,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1939
1940
  var import_react13 = require("react");
1940
1941
 
1941
1942
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1942
- var CheckboxGroup_default = {"component":"bds251CheckboxGroup-component","group":"bds251CheckboxGroup-group","legend":"bds251CheckboxGroup-legend","required":"bds251CheckboxGroup-required","items":"bds251CheckboxGroup-items"};
1943
+ var CheckboxGroup_default = {"component":"bds270CheckboxGroup-component","group":"bds270CheckboxGroup-group","legend":"bds270CheckboxGroup-legend","required":"bds270CheckboxGroup-required","items":"bds270CheckboxGroup-items"};
1943
1944
 
1944
1945
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1945
1946
  var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
@@ -1981,7 +1982,7 @@ function CheckboxGroup({
1981
1982
  var import_react14 = require("react");
1982
1983
 
1983
1984
  // src/components/interaction/form/Combobox/Combobox.module.css
1984
- var Combobox_default = {"component":"bds251Combobox-component","formGroup":"bds251Combobox-formGroup","inputWrapper":"bds251Combobox-inputWrapper","input":"bds251Combobox-input","inputError":"bds251Combobox-inputError","chevron":"bds251Combobox-chevron","listbox":"bds251Combobox-listbox","option":"bds251Combobox-option","--highlighted":"bds251Combobox---highlighted","--selected":"bds251Combobox---selected","--disabled":"bds251Combobox---disabled"};
1985
+ var Combobox_default = {"component":"bds270Combobox-component","formGroup":"bds270Combobox-formGroup","inputWrapper":"bds270Combobox-inputWrapper","input":"bds270Combobox-input","inputError":"bds270Combobox-inputError","chevron":"bds270Combobox-chevron","listbox":"bds270Combobox-listbox","option":"bds270Combobox-option","--highlighted":"bds270Combobox---highlighted","--selected":"bds270Combobox---selected","--disabled":"bds270Combobox---disabled"};
1985
1986
 
1986
1987
  // src/components/interaction/form/Combobox/Combobox.tsx
1987
1988
  var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2128,15 +2129,51 @@ function Combobox({
2128
2129
  ] });
2129
2130
  }
2130
2131
 
2131
- // src/components/interaction/form/FileInput/FileInput.tsx
2132
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2132
2133
  var import_react15 = require("react");
2134
+ var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
2135
+
2136
+ // src/components/interaction/form/FieldGroup/FieldGroup.module.css
2137
+ var FieldGroup_default = {"component":"bds270FieldGroup-component","fieldGroup":"bds270FieldGroup-fieldGroup","legend":"bds270FieldGroup-legend","fields":"bds270FieldGroup-fields","--variant_horizontal":"bds270FieldGroup---variant_horizontal"};
2138
+
2139
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2140
+ var import_jsx_runtime37 = require("react/jsx-runtime");
2141
+ function FieldGroup({
2142
+ variant = "horizontal",
2143
+ legend,
2144
+ children,
2145
+ className,
2146
+ style,
2147
+ ...rest
2148
+ }) {
2149
+ const fieldCount = import_react15.Children.count(children);
2150
+ const styleWithCount = {
2151
+ ...style,
2152
+ "--fieldGroup_field-count": fieldCount
2153
+ };
2154
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
2155
+ "fieldset",
2156
+ {
2157
+ ...rest,
2158
+ style: styleWithCount,
2159
+ className: (0, import_design_system_foundation37.cn)(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
2160
+ children: [
2161
+ legend !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("legend", { className: FieldGroup_default.legend, children: legend }),
2162
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: FieldGroup_default.fields, children })
2163
+ ]
2164
+ }
2165
+ );
2166
+ }
2167
+
2168
+ // src/components/interaction/form/FileInput/FileInput.tsx
2169
+ var import_react16 = require("react");
2133
2170
 
2134
2171
  // src/components/interaction/form/FileInput/FileInput.module.css
2135
- var FileInput_default = {"component":"bds251FileInput-component","formGroup":"bds251FileInput-formGroup","fieldLabel":"bds251FileInput-fieldLabel","dropZone":"bds251FileInput-dropZone","isDragging":"bds251FileInput-isDragging","hasError":"bds251FileInput-hasError","isDisabled":"bds251FileInput-isDisabled","icon":"bds251FileInput-icon","prompt":"bds251FileInput-prompt","acceptHint":"bds251FileInput-acceptHint","hiddenInput":"bds251FileInput-hiddenInput"};
2172
+ var FileInput_default = {"component":"bds270FileInput-component","formGroup":"bds270FileInput-formGroup","fieldLabel":"bds270FileInput-fieldLabel","dropZone":"bds270FileInput-dropZone","isDragging":"bds270FileInput-isDragging","hasError":"bds270FileInput-hasError","isDisabled":"bds270FileInput-isDisabled","icon":"bds270FileInput-icon","prompt":"bds270FileInput-prompt","acceptHint":"bds270FileInput-acceptHint","hiddenInput":"bds270FileInput-hiddenInput"};
2136
2173
 
2137
2174
  // src/components/interaction/form/FileInput/FileInput.tsx
2138
- var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
2139
- var import_jsx_runtime37 = require("react/jsx-runtime");
2175
+ var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
2176
+ var import_jsx_runtime38 = require("react/jsx-runtime");
2140
2177
  function FileInput({
2141
2178
  label,
2142
2179
  name,
@@ -2150,13 +2187,13 @@ function FileInput({
2150
2187
  className,
2151
2188
  ...rest
2152
2189
  }) {
2153
- const uid = name + (0, import_react15.useId)();
2190
+ const uid = name + (0, import_react16.useId)();
2154
2191
  const hintId = uid + "hint";
2155
2192
  const errorId = uid + "error";
2156
2193
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2157
- const inputRef = (0, import_react15.useRef)(null);
2158
- const [isDragging, setIsDragging] = (0, import_react15.useState)(false);
2159
- const [fileNames, setFileNames] = (0, import_react15.useState)([]);
2194
+ const inputRef = (0, import_react16.useRef)(null);
2195
+ const [isDragging, setIsDragging] = (0, import_react16.useState)(false);
2196
+ const [fileNames, setFileNames] = (0, import_react16.useState)([]);
2160
2197
  const isFileAccepted = (file) => {
2161
2198
  if (!accept) return true;
2162
2199
  return accept.split(",").some((token) => {
@@ -2186,24 +2223,24 @@ function FileInput({
2186
2223
  if (!disabled) setIsDragging(true);
2187
2224
  };
2188
2225
  const handleDragLeave = () => setIsDragging(false);
2189
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation37.cn)(FileInput_default.formGroup, className), children: [
2190
- /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
2226
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation38.cn)(FileInput_default.formGroup, className), children: [
2227
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2191
2228
  "label",
2192
2229
  {
2193
2230
  htmlFor: uid,
2194
- className: (0, import_design_system_foundation37.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2231
+ className: (0, import_design_system_foundation38.cn)(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2195
2232
  onDrop: handleDrop,
2196
2233
  onDragOver: handleDragOver,
2197
2234
  onDragLeave: handleDragLeave,
2198
2235
  children: [
2199
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: FileInput_default.fieldLabel, children: label }),
2200
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
2201
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
2202
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("strong", { children: "Click to upload" }),
2236
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.fieldLabel, children: label }),
2237
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
2238
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2239
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("strong", { children: "Click to upload" }),
2203
2240
  " or drag and drop"
2204
2241
  ] }) }),
2205
- accept && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
2206
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
2242
+ accept && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: FileInput_default.acceptHint, children: accept }),
2243
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2207
2244
  "input",
2208
2245
  {
2209
2246
  ref: inputRef,
@@ -2224,20 +2261,20 @@ function FileInput({
2224
2261
  ]
2225
2262
  }
2226
2263
  ),
2227
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: uid, type: "error", message: error }),
2228
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { inputId: uid, type: "hint", message: hint })
2264
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "error", message: error }),
2265
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: uid, type: "hint", message: hint })
2229
2266
  ] });
2230
2267
  }
2231
2268
 
2232
2269
  // src/components/interaction/form/FormInput/FormInput.tsx
2233
- var import_react16 = require("react");
2270
+ var import_react17 = require("react");
2234
2271
 
2235
2272
  // src/components/interaction/form/FormInput/FormInput.module.css
2236
- var FormInput_default = {"component":"bds251FormInput-component","formGroup":"bds251FormInput-formGroup","input":"bds251FormInput-input","inputError":"bds251FormInput-inputError"};
2273
+ var FormInput_default = {"component":"bds270FormInput-component","formGroup":"bds270FormInput-formGroup","input":"bds270FormInput-input","inputError":"bds270FormInput-inputError"};
2237
2274
 
2238
2275
  // src/components/interaction/form/FormInput/FormInput.tsx
2239
- var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
2240
- var import_jsx_runtime38 = require("react/jsx-runtime");
2276
+ var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
2277
+ var import_jsx_runtime39 = require("react/jsx-runtime");
2241
2278
  function FormInput({
2242
2279
  label,
2243
2280
  name,
@@ -2248,13 +2285,13 @@ function FormInput({
2248
2285
  required,
2249
2286
  ...props
2250
2287
  }) {
2251
- const id = name + (0, import_react16.useId)();
2288
+ const id = name + (0, import_react17.useId)();
2252
2289
  const hintId = id + "hint";
2253
2290
  const errorId = id + "error";
2254
2291
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2255
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(InputContainer, { className: (0, import_design_system_foundation38.cn)(FormInput_default.formGroup, className), children: [
2256
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label }),
2257
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2292
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { className: (0, import_design_system_foundation39.cn)(FormInput_default.formGroup, className), children: [
2293
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id, label }),
2294
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
2258
2295
  "input",
2259
2296
  {
2260
2297
  "aria-invalid": !!error,
@@ -2264,24 +2301,24 @@ function FormInput({
2264
2301
  id,
2265
2302
  name,
2266
2303
  required,
2267
- className: (0, import_design_system_foundation38.cn)(FormInput_default.input, error && FormInput_default.inputError),
2304
+ className: (0, import_design_system_foundation39.cn)(FormInput_default.input, error && FormInput_default.inputError),
2268
2305
  ...props
2269
2306
  }
2270
2307
  ),
2271
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "error", message: error }),
2272
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "hint", message: hint })
2308
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "error", message: error }),
2309
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: id, type: "hint", message: hint })
2273
2310
  ] });
2274
2311
  }
2275
2312
 
2276
2313
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2277
- var import_react17 = require("react");
2314
+ var import_react18 = require("react");
2278
2315
 
2279
2316
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2280
- var NumberInput_default = {"component":"bds251NumberInput-component","formGroup":"bds251NumberInput-formGroup","inputRow":"bds251NumberInput-inputRow","input":"bds251NumberInput-input","inputError":"bds251NumberInput-inputError","stepper":"bds251NumberInput-stepper"};
2317
+ var NumberInput_default = {"component":"bds270NumberInput-component","formGroup":"bds270NumberInput-formGroup","inputRow":"bds270NumberInput-inputRow","input":"bds270NumberInput-input","inputError":"bds270NumberInput-inputError","stepper":"bds270NumberInput-stepper"};
2281
2318
 
2282
2319
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2283
- var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
2284
- var import_jsx_runtime39 = require("react/jsx-runtime");
2320
+ var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
2321
+ var import_jsx_runtime40 = require("react/jsx-runtime");
2285
2322
  function NumberInput({
2286
2323
  label,
2287
2324
  name,
@@ -2297,13 +2334,13 @@ function NumberInput({
2297
2334
  className,
2298
2335
  ...rest
2299
2336
  }) {
2300
- const uid = name + (0, import_react17.useId)();
2337
+ const uid = name + (0, import_react18.useId)();
2301
2338
  const hintId = uid + "hint";
2302
2339
  const errorId = uid + "error";
2303
2340
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2304
- const inputRef = (0, import_react17.useRef)(null);
2341
+ const inputRef = (0, import_react18.useRef)(null);
2305
2342
  const isControlled = value !== void 0;
2306
- const [internalValue, setInternalValue] = (0, import_react17.useState)(defaultValue ?? 0);
2343
+ const [internalValue, setInternalValue] = (0, import_react18.useState)(defaultValue ?? 0);
2307
2344
  const currentValue = isControlled ? value : internalValue;
2308
2345
  const clamp = (v) => {
2309
2346
  const withMin = min !== void 0 ? Math.max(min, v) : v;
@@ -2320,10 +2357,10 @@ function NumberInput({
2320
2357
  }
2321
2358
  onChange?.(next);
2322
2359
  };
2323
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation39.cn)(NumberInput_default.formGroup, className), children: [
2324
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { id: uid, label }),
2325
- /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: NumberInput_default.inputRow, children: [
2326
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
2360
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { ...rest, className: (0, import_design_system_foundation40.cn)(NumberInput_default.formGroup, className), children: [
2361
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id: uid, label }),
2362
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: NumberInput_default.inputRow, children: [
2363
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2327
2364
  "button",
2328
2365
  {
2329
2366
  type: "button",
@@ -2333,10 +2370,10 @@ function NumberInput({
2333
2370
  disabled: disabled || min !== void 0 && currentValue <= min,
2334
2371
  onClick: () => adjust(-step),
2335
2372
  tabIndex: -1,
2336
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
2373
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
2337
2374
  }
2338
2375
  ),
2339
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
2376
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2340
2377
  "input",
2341
2378
  {
2342
2379
  ref: inputRef,
@@ -2350,7 +2387,7 @@ function NumberInput({
2350
2387
  disabled,
2351
2388
  "aria-invalid": !!error,
2352
2389
  "aria-describedby": describedBy,
2353
- className: (0, import_design_system_foundation39.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2390
+ className: (0, import_design_system_foundation40.cn)(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2354
2391
  onChange: (e) => {
2355
2392
  const v = parseFloat(e.target.value);
2356
2393
  const safe = isNaN(v) ? 0 : v;
@@ -2359,7 +2396,7 @@ function NumberInput({
2359
2396
  }
2360
2397
  }
2361
2398
  ),
2362
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
2399
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2363
2400
  "button",
2364
2401
  {
2365
2402
  type: "button",
@@ -2369,32 +2406,32 @@ function NumberInput({
2369
2406
  disabled: disabled || max !== void 0 && currentValue >= max,
2370
2407
  onClick: () => adjust(step),
2371
2408
  tabIndex: -1,
2372
- children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
2409
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
2373
2410
  }
2374
2411
  )
2375
2412
  ] }),
2376
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: uid, type: "error", message: error }),
2377
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { inputId: uid, type: "hint", message: hint })
2413
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "error", message: error }),
2414
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: uid, type: "hint", message: hint })
2378
2415
  ] });
2379
2416
  }
2380
2417
 
2381
2418
  // src/components/interaction/form/Radio/Radio.tsx
2382
- var import_react18 = require("react");
2419
+ var import_react19 = require("react");
2383
2420
 
2384
2421
  // src/components/interaction/form/Radio/Radio.module.css
2385
- var Radio_default = {"component":"bds251Radio-component","radioGroup":"bds251Radio-radioGroup","inputWrapper":"bds251Radio-inputWrapper","textWrapper":"bds251Radio-textWrapper","description":"bds251Radio-description","radio":"bds251Radio-radio","radioError":"bds251Radio-radioError"};
2422
+ var Radio_default = {"component":"bds270Radio-component","radioGroup":"bds270Radio-radioGroup","inputWrapper":"bds270Radio-inputWrapper","textWrapper":"bds270Radio-textWrapper","description":"bds270Radio-description","radio":"bds270Radio-radio","radioError":"bds270Radio-radioError"};
2386
2423
 
2387
2424
  // src/components/interaction/form/Radio/Radio.tsx
2388
- var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
2389
- var import_jsx_runtime40 = require("react/jsx-runtime");
2425
+ var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
2426
+ var import_jsx_runtime41 = require("react/jsx-runtime");
2390
2427
  function Radio({ label, name, description, error, hint, className, ...props }) {
2391
- const id = name + (0, import_react18.useId)();
2428
+ const id = name + (0, import_react19.useId)();
2392
2429
  const hintId = id + "hint";
2393
2430
  const errorId = id + "error";
2394
2431
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2395
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InputContainer, { className: (0, import_design_system_foundation40.cn)(Radio_default.radioGroup, className), children: [
2396
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: Radio_default.inputWrapper, children: [
2397
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2432
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(InputContainer, { className: (0, import_design_system_foundation41.cn)(Radio_default.radioGroup, className), children: [
2433
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.inputWrapper, children: [
2434
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
2398
2435
  "input",
2399
2436
  {
2400
2437
  "aria-describedby": describedBy,
@@ -2402,29 +2439,29 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2402
2439
  type: "radio",
2403
2440
  id,
2404
2441
  name,
2405
- className: (0, import_design_system_foundation40.cn)(Radio_default.radio, error && Radio_default.radioError),
2442
+ className: (0, import_design_system_foundation41.cn)(Radio_default.radio, error && Radio_default.radioError),
2406
2443
  ...props
2407
2444
  }
2408
2445
  ),
2409
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: Radio_default.textWrapper, children: [
2410
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { id, label }),
2411
- description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: Radio_default.description, children: description })
2446
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: Radio_default.textWrapper, children: [
2447
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { id, label }),
2448
+ description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Radio_default.description, children: description })
2412
2449
  ] })
2413
2450
  ] }),
2414
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "error", message: error }),
2415
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { inputId: id, type: "hint", message: hint })
2451
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
2452
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
2416
2453
  ] });
2417
2454
  }
2418
2455
 
2419
2456
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2420
- var import_react19 = require("react");
2457
+ var import_react20 = require("react");
2421
2458
 
2422
2459
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2423
- var RadioGroup_default = {"component":"bds251RadioGroup-component","group":"bds251RadioGroup-group","legend":"bds251RadioGroup-legend","required":"bds251RadioGroup-required","items":"bds251RadioGroup-items"};
2460
+ var RadioGroup_default = {"component":"bds270RadioGroup-component","group":"bds270RadioGroup-group","legend":"bds270RadioGroup-legend","required":"bds270RadioGroup-required","items":"bds270RadioGroup-items"};
2424
2461
 
2425
2462
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2426
- var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
2427
- var import_jsx_runtime41 = require("react/jsx-runtime");
2463
+ var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
2464
+ var import_jsx_runtime42 = require("react/jsx-runtime");
2428
2465
  function RadioGroup({
2429
2466
  legend,
2430
2467
  children,
@@ -2434,39 +2471,39 @@ function RadioGroup({
2434
2471
  className,
2435
2472
  ...rest
2436
2473
  }) {
2437
- const id = (0, import_react19.useId)();
2474
+ const id = (0, import_react20.useId)();
2438
2475
  const hintId = id + "hint";
2439
2476
  const errorId = id + "error";
2440
2477
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2441
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
2478
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
2442
2479
  "fieldset",
2443
2480
  {
2444
2481
  ...rest,
2445
- className: (0, import_design_system_foundation41.cn)(RadioGroup_default.group, className),
2482
+ className: (0, import_design_system_foundation42.cn)(RadioGroup_default.group, className),
2446
2483
  "aria-required": required || void 0,
2447
2484
  "aria-describedby": describedBy,
2448
2485
  children: [
2449
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("legend", { className: RadioGroup_default.legend, children: [
2486
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("legend", { className: RadioGroup_default.legend, children: [
2450
2487
  legend,
2451
- required && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2488
+ required && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2452
2489
  ] }),
2453
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: RadioGroup_default.items, children }),
2454
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "error", message: error }),
2455
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { inputId: id, type: "hint", message: hint })
2490
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: RadioGroup_default.items, children }),
2491
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "error", message: error }),
2492
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { inputId: id, type: "hint", message: hint })
2456
2493
  ]
2457
2494
  }
2458
2495
  );
2459
2496
  }
2460
2497
 
2461
2498
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2462
- var import_react20 = require("react");
2499
+ var import_react21 = require("react");
2463
2500
 
2464
2501
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2465
- var SegmentedControl_default = {"component":"bds251SegmentedControl-component","control":"bds251SegmentedControl-control","thumb":"bds251SegmentedControl-thumb","indicator":"bds251SegmentedControl-indicator","item":"bds251SegmentedControl-item","--active":"bds251SegmentedControl---active","--disabled":"bds251SegmentedControl---disabled","--size_small":"bds251SegmentedControl---size_small","--size_large":"bds251SegmentedControl---size_large","--variant_outline":"bds251SegmentedControl---variant_outline"};
2502
+ var SegmentedControl_default = {"component":"bds270SegmentedControl-component","control":"bds270SegmentedControl-control","thumb":"bds270SegmentedControl-thumb","indicator":"bds270SegmentedControl-indicator","item":"bds270SegmentedControl-item","--active":"bds270SegmentedControl---active","--disabled":"bds270SegmentedControl---disabled","--size_small":"bds270SegmentedControl---size_small","--size_large":"bds270SegmentedControl---size_large","--variant_outline":"bds270SegmentedControl---variant_outline"};
2466
2503
 
2467
2504
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2468
- var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
2469
- var import_jsx_runtime42 = require("react/jsx-runtime");
2505
+ var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
2506
+ var import_jsx_runtime43 = require("react/jsx-runtime");
2470
2507
  function SegmentedControl({
2471
2508
  children,
2472
2509
  selectedIndex: selectedIndexProp,
@@ -2476,32 +2513,32 @@ function SegmentedControl({
2476
2513
  className,
2477
2514
  ...rest
2478
2515
  }) {
2479
- const validChildren = import_react20.Children.toArray(children).filter(import_react20.isValidElement);
2516
+ const validChildren = import_react21.Children.toArray(children).filter(import_react21.isValidElement);
2480
2517
  const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
2481
2518
  const p = child.props;
2482
2519
  return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
2483
2520
  }) : -1;
2484
2521
  const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
2485
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
2522
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
2486
2523
  "div",
2487
2524
  {
2488
2525
  ...rest,
2489
2526
  role: "group",
2490
- className: (0, import_design_system_foundation42.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2527
+ className: (0, import_design_system_foundation43.cn)(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2491
2528
  style: {
2492
2529
  "--control_count": validChildren.length,
2493
2530
  "--control_selected-index": activeIndex
2494
2531
  },
2495
2532
  children: [
2496
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2497
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2533
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2534
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2498
2535
  validChildren.map((child, index) => {
2499
2536
  const isActive = index === activeIndex;
2500
2537
  const p = child.props;
2501
2538
  const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
2502
- return (0, import_react20.cloneElement)(child, {
2539
+ return (0, import_react21.cloneElement)(child, {
2503
2540
  key: child.key ?? index,
2504
- className: (0, import_design_system_foundation42.cn)(
2541
+ className: (0, import_design_system_foundation43.cn)(
2505
2542
  SegmentedControl_default.item,
2506
2543
  isActive && SegmentedControl_default["--active"],
2507
2544
  isDisabled && SegmentedControl_default["--disabled"],
@@ -2515,14 +2552,14 @@ function SegmentedControl({
2515
2552
  }
2516
2553
 
2517
2554
  // src/components/interaction/form/Select/Select.tsx
2518
- var import_react21 = require("react");
2555
+ var import_react22 = require("react");
2519
2556
 
2520
2557
  // src/components/interaction/form/Select/Select.module.css
2521
- var Select_default = {"component":"bds251Select-component","formGroup":"bds251Select-formGroup","selectWrapper":"bds251Select-selectWrapper","select":"bds251Select-select","selectError":"bds251Select-selectError","chevron":"bds251Select-chevron"};
2558
+ var Select_default = {"component":"bds270Select-component","formGroup":"bds270Select-formGroup","selectWrapper":"bds270Select-selectWrapper","select":"bds270Select-select","selectError":"bds270Select-selectError","chevron":"bds270Select-chevron"};
2522
2559
 
2523
2560
  // src/components/interaction/form/Select/Select.tsx
2524
- var import_design_system_foundation43 = require("@boostdev/design-system-foundation");
2525
- var import_jsx_runtime43 = require("react/jsx-runtime");
2561
+ var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
2562
+ var import_jsx_runtime44 = require("react/jsx-runtime");
2526
2563
  function Select({
2527
2564
  label,
2528
2565
  name,
@@ -2534,14 +2571,14 @@ function Select({
2534
2571
  required,
2535
2572
  ...props
2536
2573
  }) {
2537
- const id = name + (0, import_react21.useId)();
2574
+ const id = name + (0, import_react22.useId)();
2538
2575
  const hintId = id + "hint";
2539
2576
  const errorId = id + "error";
2540
2577
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2541
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputContainer, { className: (0, import_design_system_foundation43.cn)(Select_default.formGroup, className), children: [
2542
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { id, label }),
2543
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: Select_default.selectWrapper, children: [
2544
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
2578
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation44.cn)(Select_default.formGroup, className), children: [
2579
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
2580
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: Select_default.selectWrapper, children: [
2581
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
2545
2582
  "select",
2546
2583
  {
2547
2584
  id,
@@ -2550,30 +2587,30 @@ function Select({
2550
2587
  "aria-required": required || void 0,
2551
2588
  "aria-describedby": describedBy,
2552
2589
  required,
2553
- className: (0, import_design_system_foundation43.cn)(Select_default.select, error ? Select_default.selectError : void 0),
2590
+ className: (0, import_design_system_foundation44.cn)(Select_default.select, error ? Select_default.selectError : void 0),
2554
2591
  ...props,
2555
2592
  children: [
2556
- placeholder && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2557
- options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("option", { value, disabled, children: optLabel }, value))
2593
+ placeholder && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2594
+ options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value, disabled, children: optLabel }, value))
2558
2595
  ]
2559
2596
  }
2560
2597
  ),
2561
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2598
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2562
2599
  ] }),
2563
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "error", message: error }),
2564
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { inputId: id, type: "hint", message: hint })
2600
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
2601
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
2565
2602
  ] });
2566
2603
  }
2567
2604
 
2568
2605
  // src/components/interaction/form/Slider/Slider.tsx
2569
- var import_react22 = require("react");
2606
+ var import_react23 = require("react");
2570
2607
 
2571
2608
  // src/components/interaction/form/Slider/Slider.module.css
2572
- var Slider_default = {"component":"bds251Slider-component","formGroup":"bds251Slider-formGroup","labelRow":"bds251Slider-labelRow","value":"bds251Slider-value","slider":"bds251Slider-slider","sliderError":"bds251Slider-sliderError"};
2609
+ var Slider_default = {"component":"bds270Slider-component","formGroup":"bds270Slider-formGroup","labelRow":"bds270Slider-labelRow","value":"bds270Slider-value","slider":"bds270Slider-slider","sliderError":"bds270Slider-sliderError"};
2573
2610
 
2574
2611
  // src/components/interaction/form/Slider/Slider.tsx
2575
- var import_design_system_foundation44 = require("@boostdev/design-system-foundation");
2576
- var import_jsx_runtime44 = require("react/jsx-runtime");
2612
+ var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
2613
+ var import_jsx_runtime45 = require("react/jsx-runtime");
2577
2614
  function Slider({
2578
2615
  label,
2579
2616
  name,
@@ -2586,24 +2623,24 @@ function Slider({
2586
2623
  onChange,
2587
2624
  ...props
2588
2625
  }) {
2589
- const id = name + (0, import_react22.useId)();
2626
+ const id = name + (0, import_react23.useId)();
2590
2627
  const hintId = id + "hint";
2591
2628
  const errorId = id + "error";
2592
2629
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2593
2630
  const isControlled = props.value !== void 0;
2594
- const [internalValue, setInternalValue] = (0, import_react22.useState)(Number(props.defaultValue ?? min));
2631
+ const [internalValue, setInternalValue] = (0, import_react23.useState)(Number(props.defaultValue ?? min));
2595
2632
  const currentValue = isControlled ? Number(props.value) : internalValue;
2596
2633
  const fillPct = (currentValue - min) / (max - min) * 100;
2597
2634
  const handleChange = (e) => {
2598
2635
  if (!isControlled) setInternalValue(Number(e.target.value));
2599
2636
  onChange?.(e);
2600
2637
  };
2601
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputContainer, { className: (0, import_design_system_foundation44.cn)(Slider_default.formGroup, className), children: [
2602
- /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: Slider_default.labelRow, children: [
2603
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { id, label }),
2604
- showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: Slider_default.value, children: currentValue })
2638
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation45.cn)(Slider_default.formGroup, className), children: [
2639
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Slider_default.labelRow, children: [
2640
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { id, label }),
2641
+ showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: Slider_default.value, children: currentValue })
2605
2642
  ] }),
2606
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
2643
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2607
2644
  "input",
2608
2645
  {
2609
2646
  type: "range",
@@ -2616,26 +2653,26 @@ function Slider({
2616
2653
  "aria-valuemax": max,
2617
2654
  "aria-valuenow": currentValue,
2618
2655
  "aria-valuetext": String(currentValue),
2619
- className: (0, import_design_system_foundation44.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2656
+ className: (0, import_design_system_foundation45.cn)(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2620
2657
  style: { "--slider_fill": `${fillPct}%` },
2621
2658
  onChange: handleChange,
2622
2659
  ...props
2623
2660
  }
2624
2661
  ),
2625
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "error", message: error }),
2626
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Message, { inputId: id, type: "hint", message: hint })
2662
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "error", message: error }),
2663
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "hint", message: hint })
2627
2664
  ] });
2628
2665
  }
2629
2666
 
2630
2667
  // src/components/interaction/form/Switch/Switch.tsx
2631
- var import_react23 = require("react");
2668
+ var import_react24 = require("react");
2632
2669
 
2633
2670
  // src/components/interaction/form/Switch/Switch.module.css
2634
- var Switch_default = {"component":"bds251Switch-component","switchGroup":"bds251Switch-switchGroup","--size_small":"bds251Switch---size_small","--size_medium":"bds251Switch---size_medium","--size_large":"bds251Switch---size_large","inputWrapper":"bds251Switch-inputWrapper","trackWrapper":"bds251Switch-trackWrapper","switch":"bds251Switch-switch","track":"bds251Switch-track","thumb":"bds251Switch-thumb","switchError":"bds251Switch-switchError"};
2671
+ var Switch_default = {"component":"bds270Switch-component","switchGroup":"bds270Switch-switchGroup","--size_small":"bds270Switch---size_small","--size_medium":"bds270Switch---size_medium","--size_large":"bds270Switch---size_large","inputWrapper":"bds270Switch-inputWrapper","trackWrapper":"bds270Switch-trackWrapper","switch":"bds270Switch-switch","track":"bds270Switch-track","thumb":"bds270Switch-thumb","switchError":"bds270Switch-switchError"};
2635
2672
 
2636
2673
  // src/components/interaction/form/Switch/Switch.tsx
2637
- var import_design_system_foundation45 = require("@boostdev/design-system-foundation");
2638
- var import_jsx_runtime45 = require("react/jsx-runtime");
2674
+ var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
2675
+ var import_jsx_runtime46 = require("react/jsx-runtime");
2639
2676
  function Switch({
2640
2677
  label,
2641
2678
  name,
@@ -2646,15 +2683,15 @@ function Switch({
2646
2683
  prefix,
2647
2684
  ...props
2648
2685
  }) {
2649
- const id = name + (0, import_react23.useId)();
2686
+ const id = name + (0, import_react24.useId)();
2650
2687
  const hintId = id + "hint";
2651
2688
  const errorId = id + "error";
2652
2689
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2653
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputContainer, { className: (0, import_design_system_foundation45.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2654
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Switch_default.inputWrapper, children: [
2655
- prefix && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: prefix }),
2656
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: Switch_default.trackWrapper, children: [
2657
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2690
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2691
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.inputWrapper, children: [
2692
+ prefix && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: prefix }),
2693
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: Switch_default.trackWrapper, children: [
2694
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
2658
2695
  "input",
2659
2696
  {
2660
2697
  type: "checkbox",
@@ -2662,28 +2699,28 @@ function Switch({
2662
2699
  id,
2663
2700
  name,
2664
2701
  "aria-describedby": describedBy,
2665
- className: (0, import_design_system_foundation45.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
2702
+ className: (0, import_design_system_foundation46.cn)(Switch_default.switch, error ? Switch_default.switchError : void 0),
2666
2703
  ...props
2667
2704
  }
2668
2705
  ),
2669
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: Switch_default.thumb }) })
2706
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: Switch_default.thumb }) })
2670
2707
  ] }),
2671
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { id, label })
2708
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id, label })
2672
2709
  ] }),
2673
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "error", message: error }),
2674
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message, { inputId: id, type: "hint", message: hint })
2710
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "error", message: error }),
2711
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "hint", message: hint })
2675
2712
  ] });
2676
2713
  }
2677
2714
 
2678
2715
  // src/components/interaction/form/Textarea/Textarea.tsx
2679
- var import_react24 = require("react");
2716
+ var import_react25 = require("react");
2680
2717
 
2681
2718
  // src/components/interaction/form/Textarea/Textarea.module.css
2682
- var Textarea_default = {"component":"bds251Textarea-component","formGroup":"bds251Textarea-formGroup","textarea":"bds251Textarea-textarea","textareaError":"bds251Textarea-textareaError"};
2719
+ var Textarea_default = {"component":"bds270Textarea-component","formGroup":"bds270Textarea-formGroup","textarea":"bds270Textarea-textarea","textareaError":"bds270Textarea-textareaError"};
2683
2720
 
2684
2721
  // src/components/interaction/form/Textarea/Textarea.tsx
2685
- var import_design_system_foundation46 = require("@boostdev/design-system-foundation");
2686
- var import_jsx_runtime46 = require("react/jsx-runtime");
2722
+ var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
2723
+ var import_jsx_runtime47 = require("react/jsx-runtime");
2687
2724
  function Textarea({
2688
2725
  label,
2689
2726
  name,
@@ -2693,13 +2730,13 @@ function Textarea({
2693
2730
  required,
2694
2731
  ...props
2695
2732
  }) {
2696
- const id = name + (0, import_react24.useId)();
2733
+ const id = name + (0, import_react25.useId)();
2697
2734
  const hintId = id + "hint";
2698
2735
  const errorId = id + "error";
2699
2736
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2700
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(InputContainer, { className: (0, import_design_system_foundation46.cn)(Textarea_default.formGroup, className), children: [
2701
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { id, label }),
2702
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
2737
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(InputContainer, { className: (0, import_design_system_foundation47.cn)(Textarea_default.formGroup, className), children: [
2738
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label, { id, label }),
2739
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
2703
2740
  "textarea",
2704
2741
  {
2705
2742
  id,
@@ -2708,40 +2745,40 @@ function Textarea({
2708
2745
  "aria-describedby": describedBy,
2709
2746
  "aria-required": required || void 0,
2710
2747
  required,
2711
- className: (0, import_design_system_foundation46.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2748
+ className: (0, import_design_system_foundation47.cn)(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2712
2749
  ...props
2713
2750
  }
2714
2751
  ),
2715
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "error", message: error }),
2716
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message, { inputId: id, type: "hint", message: hint })
2752
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "error", message: error }),
2753
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Message, { inputId: id, type: "hint", message: hint })
2717
2754
  ] });
2718
2755
  }
2719
2756
 
2720
2757
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2721
- var ButtonGroup_default = {"component":"bds251ButtonGroup-component","buttonGroup":"bds251ButtonGroup-buttonGroup","container":"bds251ButtonGroup-container","--variant_card":"bds251ButtonGroup---variant_card","--variant_flow":"bds251ButtonGroup---variant_flow","--variant_modal":"bds251ButtonGroup---variant_modal","--variant_content":"bds251ButtonGroup---variant_content","--variant_grid":"bds251ButtonGroup---variant_grid"};
2758
+ var ButtonGroup_default = {"component":"bds270ButtonGroup-component","buttonGroup":"bds270ButtonGroup-buttonGroup","container":"bds270ButtonGroup-container","--variant_card":"bds270ButtonGroup---variant_card","--variant_flow":"bds270ButtonGroup---variant_flow","--variant_modal":"bds270ButtonGroup---variant_modal","--variant_content":"bds270ButtonGroup---variant_content","--variant_grid":"bds270ButtonGroup---variant_grid"};
2722
2759
 
2723
2760
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2724
- var import_design_system_foundation47 = require("@boostdev/design-system-foundation");
2725
- var import_jsx_runtime47 = require("react/jsx-runtime");
2761
+ var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
2762
+ var import_jsx_runtime48 = require("react/jsx-runtime");
2726
2763
  function ButtonContainer({ children, className, variant, ...rest }) {
2727
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
2764
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
2728
2765
  "div",
2729
2766
  {
2730
2767
  ...rest,
2731
2768
  role: "group",
2732
- className: (0, import_design_system_foundation47.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2733
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: ButtonGroup_default.container, children })
2769
+ className: (0, import_design_system_foundation48.cn)(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2770
+ children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: ButtonGroup_default.container, children })
2734
2771
  }
2735
2772
  );
2736
2773
  }
2737
2774
  var ButtonGroup = ButtonContainer;
2738
2775
 
2739
2776
  // src/components/layout/Card/Card.module.css
2740
- var Card_default = {"component":"bds251Card-component","card":"bds251Card-card","--default":"bds251Card---default","--elevated":"bds251Card---elevated","--outlined":"bds251Card---outlined","--clickable":"bds251Card---clickable","--padding-none":"bds251Card---padding-none","--padding-small":"bds251Card---padding-small","--padding-medium":"bds251Card---padding-medium","--padding-large":"bds251Card---padding-large","--padding-extra-large":"bds251Card---padding-extra-large","--text-start":"bds251Card---text-start","--text-center":"bds251Card---text-center","--text-end":"bds251Card---text-end"};
2777
+ var Card_default = {"component":"bds270Card-component","card":"bds270Card-card","--default":"bds270Card---default","--elevated":"bds270Card---elevated","--outlined":"bds270Card---outlined","--clickable":"bds270Card---clickable","--padding-none":"bds270Card---padding-none","--padding-small":"bds270Card---padding-small","--padding-medium":"bds270Card---padding-medium","--padding-large":"bds270Card---padding-large","--padding-extra-large":"bds270Card---padding-extra-large","--text-start":"bds270Card---text-start","--text-center":"bds270Card---text-center","--text-end":"bds270Card---text-end"};
2741
2778
 
2742
2779
  // src/components/layout/Card/Card.tsx
2743
- var import_design_system_foundation48 = require("@boostdev/design-system-foundation");
2744
- var import_jsx_runtime48 = require("react/jsx-runtime");
2780
+ var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
2781
+ var import_jsx_runtime49 = require("react/jsx-runtime");
2745
2782
  function Card({
2746
2783
  children,
2747
2784
  className,
@@ -2752,7 +2789,7 @@ function Card({
2752
2789
  onClick,
2753
2790
  ...rest
2754
2791
  }) {
2755
- const classNames = (0, import_design_system_foundation48.cn)(
2792
+ const classNames = (0, import_design_system_foundation49.cn)(
2756
2793
  Card_default.card,
2757
2794
  Card_default[`--${variant}`],
2758
2795
  Card_default[`--padding-${padding}`],
@@ -2761,7 +2798,7 @@ function Card({
2761
2798
  className
2762
2799
  );
2763
2800
  const Component = as ?? (onClick ? "button" : "div");
2764
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
2801
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
2765
2802
  Component,
2766
2803
  {
2767
2804
  ...rest,
@@ -2774,16 +2811,16 @@ function Card({
2774
2811
  }
2775
2812
 
2776
2813
  // src/components/layout/Grid/Grid.tsx
2777
- var import_react26 = require("react");
2814
+ var import_react27 = require("react");
2778
2815
 
2779
2816
  // src/components/layout/Grid/Grid.module.css
2780
- var Grid_default = {"component":"bds251Grid-component","grid":"bds251Grid-grid","--main":"bds251Grid---main","--page":"bds251Grid---page","--funnel":"bds251Grid---funnel","--custom":"bds251Grid---custom","--centered":"bds251Grid---centered","item":"bds251Grid-item","w3":"bds251Grid-w3","org":"bds251Grid-org","ts":"bds251Grid-ts","--masonry":"bds251Grid---masonry"};
2817
+ var Grid_default = {"component":"bds270Grid-component","grid":"bds270Grid-grid","--main":"bds270Grid---main","--page":"bds270Grid---page","--funnel":"bds270Grid---funnel","--custom":"bds270Grid---custom","--centered":"bds270Grid---centered","item":"bds270Grid-item","w3":"bds270Grid-w3","org":"bds270Grid-org","ts":"bds270Grid-ts","--masonry":"bds270Grid---masonry"};
2781
2818
 
2782
2819
  // src/components/layout/Grid/Grid.tsx
2783
- var import_design_system_foundation49 = require("@boostdev/design-system-foundation");
2820
+ var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
2784
2821
 
2785
2822
  // src/components/layout/Grid/masonry.ts
2786
- var import_react25 = require("react");
2823
+ var import_react26 = require("react");
2787
2824
  var NAMED_SPAN_VAR = {
2788
2825
  "three-quarters": "--bds-grid_columns-75",
2789
2826
  "two-thirds": "--bds-grid_columns-66",
@@ -2932,7 +2969,7 @@ function restoreOriginalColumn(el) {
2932
2969
  }
2933
2970
  function useMasonry(ref, enabled, options = {}) {
2934
2971
  const { preferredColumnSpan, rowUnitPx } = options;
2935
- (0, import_react25.useLayoutEffect)(() => {
2972
+ (0, import_react26.useLayoutEffect)(() => {
2936
2973
  const container = ref.current;
2937
2974
  if (!container || !enabled) return;
2938
2975
  if (supportsNativeMasonry()) return;
@@ -3004,10 +3041,10 @@ function useMasonry(ref, enabled, options = {}) {
3004
3041
  }
3005
3042
 
3006
3043
  // src/components/layout/Grid/Grid.tsx
3007
- var import_jsx_runtime49 = require("react/jsx-runtime");
3044
+ var import_jsx_runtime50 = require("react/jsx-runtime");
3008
3045
  var _GridContext;
3009
3046
  function getGridContext() {
3010
- _GridContext ??= (0, import_react26.createContext)({ autoSpanMedia: false });
3047
+ _GridContext ??= (0, import_react27.createContext)({ autoSpanMedia: false });
3011
3048
  return _GridContext;
3012
3049
  }
3013
3050
  function Grid({
@@ -3024,12 +3061,12 @@ function Grid({
3024
3061
  style,
3025
3062
  ...rest
3026
3063
  }) {
3027
- const ref = (0, import_react26.useRef)(null);
3064
+ const ref = (0, import_react27.useRef)(null);
3028
3065
  useMasonry(ref, isMasonry, {
3029
3066
  preferredColumnSpan: masonryPreferredColumnSpan,
3030
3067
  rowUnitPx: masonryRowUnitPx
3031
3068
  });
3032
- const classNames = (0, import_design_system_foundation49.cn)(
3069
+ const classNames = (0, import_design_system_foundation50.cn)(
3033
3070
  Grid_default.grid,
3034
3071
  Grid_default[`--${variant}`],
3035
3072
  isCentered && Grid_default["--centered"],
@@ -3039,13 +3076,13 @@ function Grid({
3039
3076
  const composedStyle = variant === "custom" && columns !== void 0 ? { ...style, ["--grid_columns"]: columns } : style;
3040
3077
  const Component = as ?? "div";
3041
3078
  const GridContext = getGridContext();
3042
- const ctx = (0, import_react26.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
3043
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(GridContext.Provider, { value: ctx, children }) });
3079
+ const ctx = (0, import_react27.useMemo)(() => ({ autoSpanMedia }), [autoSpanMedia]);
3080
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GridContext.Provider, { value: ctx, children }) });
3044
3081
  }
3045
3082
 
3046
3083
  // src/components/layout/Grid/GridItem.tsx
3047
- var import_react27 = require("react");
3048
- var import_design_system_foundation50 = require("@boostdev/design-system-foundation");
3084
+ var import_react28 = require("react");
3085
+ var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
3049
3086
 
3050
3087
  // src/components/layout/Grid/autoSpan.ts
3051
3088
  function aspectToColumnSpan(ratio) {
@@ -3077,7 +3114,7 @@ function mediaReadyEvent(media) {
3077
3114
  }
3078
3115
 
3079
3116
  // src/components/layout/Grid/GridItem.tsx
3080
- var import_jsx_runtime50 = require("react/jsx-runtime");
3117
+ var import_jsx_runtime51 = require("react/jsx-runtime");
3081
3118
  var GridItemSpan = {
3082
3119
  full: "full",
3083
3120
  threeQuarters: "three-quarters",
@@ -3110,11 +3147,11 @@ function GridItem({
3110
3147
  style,
3111
3148
  ...rest
3112
3149
  }) {
3113
- const { autoSpanMedia } = (0, import_react27.useContext)(getGridContext());
3150
+ const { autoSpanMedia } = (0, import_react28.useContext)(getGridContext());
3114
3151
  const effectiveSpan = columnSpan ?? (autoSpanMedia ? "auto" : "full");
3115
- const ref = (0, import_react27.useRef)(null);
3116
- const [autoSpan, setAutoSpan] = (0, import_react27.useState)("one-quarter");
3117
- (0, import_react27.useLayoutEffect)(() => {
3152
+ const ref = (0, import_react28.useRef)(null);
3153
+ const [autoSpan, setAutoSpan] = (0, import_react28.useState)("one-quarter");
3154
+ (0, import_react28.useLayoutEffect)(() => {
3118
3155
  if (effectiveSpan !== "auto") return;
3119
3156
  const el = ref.current;
3120
3157
  if (!el) return;
@@ -3159,13 +3196,13 @@ function GridItem({
3159
3196
  };
3160
3197
  const Component = as ?? "div";
3161
3198
  const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
3162
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
3199
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
3163
3200
  Component,
3164
3201
  {
3165
3202
  ref,
3166
3203
  ...rest,
3167
3204
  "data-column-span-auto": isColumnSpanAuto ? "" : void 0,
3168
- className: (0, import_design_system_foundation50.cn)(Grid_default.item, className),
3205
+ className: (0, import_design_system_foundation51.cn)(Grid_default.item, className),
3169
3206
  style: composedStyle,
3170
3207
  children
3171
3208
  }
@@ -3173,11 +3210,11 @@ function GridItem({
3173
3210
  }
3174
3211
 
3175
3212
  // src/components/layout/SectionHeader/SectionHeader.module.css
3176
- var SectionHeader_default = {"component":"bds251SectionHeader-component","sectionHeader":"bds251SectionHeader-sectionHeader","title":"bds251SectionHeader-title","subtitle":"bds251SectionHeader-subtitle","--start":"bds251SectionHeader---start","--center":"bds251SectionHeader---center","--end":"bds251SectionHeader---end","--medium":"bds251SectionHeader---medium","--xs":"bds251SectionHeader---xs","--small":"bds251SectionHeader---small","--large":"bds251SectionHeader---large"};
3213
+ var SectionHeader_default = {"component":"bds270SectionHeader-component","sectionHeader":"bds270SectionHeader-sectionHeader","title":"bds270SectionHeader-title","subtitle":"bds270SectionHeader-subtitle","--start":"bds270SectionHeader---start","--center":"bds270SectionHeader---center","--end":"bds270SectionHeader---end","--medium":"bds270SectionHeader---medium","--xs":"bds270SectionHeader---xs","--small":"bds270SectionHeader---small","--large":"bds270SectionHeader---large"};
3177
3214
 
3178
3215
  // src/components/layout/SectionHeader/SectionHeader.tsx
3179
- var import_design_system_foundation51 = require("@boostdev/design-system-foundation");
3180
- var import_jsx_runtime51 = require("react/jsx-runtime");
3216
+ var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
3217
+ var import_jsx_runtime52 = require("react/jsx-runtime");
3181
3218
  function SectionHeader({
3182
3219
  title,
3183
3220
  subtitle,
@@ -3188,24 +3225,24 @@ function SectionHeader({
3188
3225
  ...rest
3189
3226
  }) {
3190
3227
  const Title = titleAs;
3191
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ...rest, className: (0, import_design_system_foundation51.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3192
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Title, { className: SectionHeader_default.title, children: title }),
3193
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
3228
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...rest, className: (0, import_design_system_foundation52.cn)(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3229
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Title, { className: SectionHeader_default.title, children: title }),
3230
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: SectionHeader_default.subtitle, children: subtitle })
3194
3231
  ] });
3195
3232
  }
3196
3233
 
3197
3234
  // src/components/layout/IconWrapper/IconWrapper.module.css
3198
- var IconWrapper_default = {"component":"bds251IconWrapper-component","wrapper":"bds251IconWrapper-wrapper"};
3235
+ var IconWrapper_default = {"component":"bds270IconWrapper-component","wrapper":"bds270IconWrapper-wrapper"};
3199
3236
 
3200
3237
  // src/components/layout/IconWrapper/IconWrapper.tsx
3201
- var import_design_system_foundation52 = require("@boostdev/design-system-foundation");
3202
- var import_jsx_runtime52 = require("react/jsx-runtime");
3238
+ var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
3239
+ var import_jsx_runtime53 = require("react/jsx-runtime");
3203
3240
  function IconWrapper({ children, className, ...rest }) {
3204
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ...rest, className: (0, import_design_system_foundation52.cn)(className, IconWrapper_default.wrapper), children });
3241
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ...rest, className: (0, import_design_system_foundation53.cn)(className, IconWrapper_default.wrapper), children });
3205
3242
  }
3206
3243
 
3207
3244
  // src/index.ts
3208
- var import_design_system_foundation53 = require("@boostdev/design-system-foundation");
3245
+ var import_design_system_foundation54 = require("@boostdev/design-system-foundation");
3209
3246
  // Annotate the CommonJS export names for ESM import in node:
3210
3247
  0 && (module.exports = {
3211
3248
  Accordion,
@@ -3228,6 +3265,7 @@ var import_design_system_foundation53 = require("@boostdev/design-system-foundat
3228
3265
  Dialog,
3229
3266
  Drawer,
3230
3267
  DropdownMenu,
3268
+ FieldGroup,
3231
3269
  FileInput,
3232
3270
  FormInput,
3233
3271
  Grid,