@boostdev/design-system-components 2.6.0 → 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 (29) hide show
  1. package/dist/client.cjs +257 -219
  2. package/dist/client.css +585 -537
  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 +585 -537
  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/index.d.ts +56 -1
  12. package/dist/web-components/index.js +117 -0
  13. package/package.json +3 -2
  14. package/src/components/interaction/form/FieldGroup/FieldGroup.mdx +113 -0
  15. package/src/components/interaction/form/FieldGroup/FieldGroup.module.css +96 -0
  16. package/src/components/interaction/form/FieldGroup/FieldGroup.spec.tsx +196 -0
  17. package/src/components/interaction/form/FieldGroup/FieldGroup.stories.tsx +99 -0
  18. package/src/components/interaction/form/FieldGroup/FieldGroup.tsx +64 -0
  19. package/src/components/interaction/form/FieldGroup/index.ts +2 -0
  20. package/src/components/interaction/form/atoms/Message.module.css +4 -0
  21. package/src/index.ts +2 -0
  22. package/src/web-components/index.ts +2 -0
  23. package/src/web-components/interaction/form/BdsFieldGroup.mdx +67 -0
  24. package/src/web-components/interaction/form/BdsFieldGroup.stories.tsx +110 -0
  25. package/src/web-components/interaction/form/bds-checkbox-group.ts +1 -0
  26. package/src/web-components/interaction/form/bds-field-group.spec.ts +64 -0
  27. package/src/web-components/interaction/form/bds-field-group.ts +157 -0
  28. package/src/web-components/interaction/form/bds-form-input.ts +1 -0
  29. package/src/web-components/interaction/form/bds-radio-group.ts +1 -0
package/dist/client.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { useId, useState } from "react";
5
5
 
6
6
  // src/components/ui/Accordion/Accordion.module.css
7
- var Accordion_default = {"component":"bds260Accordion-component","accordion":"bds260Accordion-accordion","item":"bds260Accordion-item","heading":"bds260Accordion-heading","trigger":"bds260Accordion-trigger","triggerLabel":"bds260Accordion-triggerLabel","chevron":"bds260Accordion-chevron","--open":"bds260Accordion---open","panel":"bds260Accordion-panel","panelContent":"bds260Accordion-panelContent"};
7
+ 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"};
8
8
 
9
9
  // src/components/ui/Accordion/Accordion.tsx
10
10
  import { cn } from "@boostdev/design-system-foundation";
@@ -73,7 +73,7 @@ function Accordion({
73
73
  }
74
74
 
75
75
  // src/components/ui/Alert/Alert.module.css
76
- var Alert_default = {"component":"bds260Alert-component","alert":"bds260Alert-alert","--variant_info":"bds260Alert---variant_info","--variant_success":"bds260Alert---variant_success","--variant_warning":"bds260Alert---variant_warning","--variant_error":"bds260Alert---variant_error","icon":"bds260Alert-icon","content":"bds260Alert-content","title":"bds260Alert-title","dismiss":"bds260Alert-dismiss"};
76
+ 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"};
77
77
 
78
78
  // src/components/ui/Alert/Alert.tsx
79
79
  import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -118,7 +118,7 @@ function Alert({
118
118
  }
119
119
 
120
120
  // src/components/ui/Avatar/Avatar.module.css
121
- var Avatar_default = {"component":"bds260Avatar-component","avatar":"bds260Avatar-avatar","--fallback":"bds260Avatar---fallback","--size_small":"bds260Avatar---size_small","--size_medium":"bds260Avatar---size_medium","--size_large":"bds260Avatar---size_large","image":"bds260Avatar-image","initials":"bds260Avatar-initials"};
121
+ 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"};
122
122
 
123
123
  // src/components/ui/Avatar/Avatar.tsx
124
124
  import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -145,7 +145,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
145
145
  }
146
146
 
147
147
  // src/components/ui/Badge/Badge.module.css
148
- var Badge_default = {"component":"bds260Badge-component","badge":"bds260Badge-badge","--variant_primary":"bds260Badge---variant_primary","--variant_secondary":"bds260Badge---variant_secondary","--variant_success":"bds260Badge---variant_success","--variant_error":"bds260Badge---variant_error","--variant_warning":"bds260Badge---variant_warning"};
148
+ 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"};
149
149
 
150
150
  // src/components/ui/Badge/Badge.tsx
151
151
  import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -155,7 +155,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
155
155
  }
156
156
 
157
157
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
158
- var Breadcrumb_default = {"component":"bds260Breadcrumb-component","breadcrumb":"bds260Breadcrumb-breadcrumb","list":"bds260Breadcrumb-list","item":"bds260Breadcrumb-item","link":"bds260Breadcrumb-link","separator":"bds260Breadcrumb-separator","current":"bds260Breadcrumb-current"};
158
+ var Breadcrumb_default = {"component":"bds270Breadcrumb-component","breadcrumb":"bds270Breadcrumb-breadcrumb","list":"bds270Breadcrumb-list","item":"bds270Breadcrumb-item","link":"bds270Breadcrumb-link","separator":"bds270Breadcrumb-separator","current":"bds270Breadcrumb-current"};
159
159
 
160
160
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
161
161
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -171,7 +171,7 @@ function Breadcrumb({ items, className, ...rest }) {
171
171
  }
172
172
 
173
173
  // src/components/ui/Collapsible/Collapsible.module.css
174
- var Collapsible_default = {"component":"bds260Collapsible-component","collapsible":"bds260Collapsible-collapsible","summary":"bds260Collapsible-summary","summaryContent":"bds260Collapsible-summaryContent","icon":"bds260Collapsible-icon","content":"bds260Collapsible-content"};
174
+ var Collapsible_default = {"component":"bds270Collapsible-component","collapsible":"bds270Collapsible-collapsible","summary":"bds270Collapsible-summary","summaryContent":"bds270Collapsible-summaryContent","icon":"bds270Collapsible-icon","content":"bds270Collapsible-content"};
175
175
 
176
176
  // src/components/ui/Collapsible/Collapsible.tsx
177
177
  import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -212,7 +212,7 @@ function Collapsible({
212
212
  import { useState as useState2, useId as useId2 } from "react";
213
213
 
214
214
  // src/components/ui/Calendar/Calendar.module.css
215
- var Calendar_default = {"component":"bds260Calendar-component","calendar":"bds260Calendar-calendar","header":"bds260Calendar-header","monthYear":"bds260Calendar-monthYear","navBtn":"bds260Calendar-navBtn","grid":"bds260Calendar-grid","weekday":"bds260Calendar-weekday","empty":"bds260Calendar-empty","day":"bds260Calendar-day","disabled":"bds260Calendar-disabled","selected":"bds260Calendar-selected","today":"bds260Calendar-today"};
215
+ 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"};
216
216
 
217
217
  // src/components/ui/Calendar/Calendar.tsx
218
218
  import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -387,7 +387,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
387
387
  import { useRef, useId as useId3 } from "react";
388
388
 
389
389
  // src/components/ui/Carousel/Carousel.module.css
390
- var Carousel_default = {"component":"bds260Carousel-component","carousel":"bds260Carousel-carousel","track":"bds260Carousel-track","slide":"bds260Carousel-slide","navBtn":"bds260Carousel-navBtn"};
390
+ var Carousel_default = {"component":"bds270Carousel-component","carousel":"bds270Carousel-carousel","track":"bds270Carousel-track","slide":"bds270Carousel-slide","navBtn":"bds270Carousel-navBtn"};
391
391
 
392
392
  // src/components/ui/Carousel/Carousel.tsx
393
393
  import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -440,7 +440,7 @@ function Carousel({ items, label, className, ...rest }) {
440
440
  }
441
441
 
442
442
  // src/components/ui/DescriptionList/DescriptionList.module.css
443
- var DescriptionList_default = {"component":"bds260DescriptionList-component","list":"bds260DescriptionList-list","group":"bds260DescriptionList-group","term":"bds260DescriptionList-term","details":"bds260DescriptionList-details","--layout_inline":"bds260DescriptionList---layout_inline"};
443
+ var DescriptionList_default = {"component":"bds270DescriptionList-component","list":"bds270DescriptionList-list","group":"bds270DescriptionList-group","term":"bds270DescriptionList-term","details":"bds270DescriptionList-details","--layout_inline":"bds270DescriptionList---layout_inline"};
444
444
 
445
445
  // src/components/ui/DescriptionList/DescriptionList.tsx
446
446
  import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -453,7 +453,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
453
453
  }
454
454
 
455
455
  // src/components/ui/Link/Link.module.css
456
- var Link_default = {"component":"bds260Link-component","link":"bds260Link-link","--variant_default":"bds260Link---variant_default","--variant_subtle":"bds260Link---variant_subtle","--variant_standalone":"bds260Link---variant_standalone","externalLabel":"bds260Link-externalLabel"};
456
+ 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"};
457
457
 
458
458
  // src/components/ui/Link/Link.tsx
459
459
  import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -484,7 +484,7 @@ function Link({
484
484
  }
485
485
 
486
486
  // src/components/ui/Loading/Loading.module.css
487
- var Loading_default = {"component":"bds260Loading-component","loading":"bds260Loading-loading","spinner":"bds260Loading-spinner","--size_small":"bds260Loading---size_small","--size_large":"bds260Loading---size_large"};
487
+ var Loading_default = {"component":"bds270Loading-component","loading":"bds270Loading-loading","spinner":"bds270Loading-spinner","--size_small":"bds270Loading---size_small","--size_large":"bds270Loading---size_large"};
488
488
 
489
489
  // src/components/ui/Loading/Loading.tsx
490
490
  import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -494,7 +494,7 @@ function Loading({ size = "medium", className, ...rest }) {
494
494
  }
495
495
 
496
496
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
497
- var NotificationBanner_default = {"component":"bds260NotificationBanner-component","banner":"bds260NotificationBanner-banner","--variant_info":"bds260NotificationBanner---variant_info","--variant_success":"bds260NotificationBanner---variant_success","--variant_warning":"bds260NotificationBanner---variant_warning","--variant_error":"bds260NotificationBanner---variant_error","content":"bds260NotificationBanner-content","action":"bds260NotificationBanner-action","dismiss":"bds260NotificationBanner-dismiss"};
497
+ 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"};
498
498
 
499
499
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
500
500
  import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -535,7 +535,7 @@ function NotificationBanner({
535
535
  }
536
536
 
537
537
  // src/components/ui/Pagination/Pagination.module.css
538
- var Pagination_default = {"component":"bds260Pagination-component","pagination":"bds260Pagination-pagination","list":"bds260Pagination-list","button":"bds260Pagination-button","--active":"bds260Pagination---active","--nav":"bds260Pagination---nav","ellipsis":"bds260Pagination-ellipsis"};
538
+ var Pagination_default = {"component":"bds270Pagination-component","pagination":"bds270Pagination-pagination","list":"bds270Pagination-list","button":"bds270Pagination-button","--active":"bds270Pagination---active","--nav":"bds270Pagination---nav","ellipsis":"bds270Pagination-ellipsis"};
539
539
 
540
540
  // src/components/ui/Pagination/Pagination.tsx
541
541
  import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -600,7 +600,7 @@ function Pagination({
600
600
  }
601
601
 
602
602
  // src/components/ui/Progress/Progress.module.css
603
- var Progress_default = {"component":"bds260Progress-component","container":"bds260Progress-container","labelRow":"bds260Progress-labelRow","value":"bds260Progress-value","track":"bds260Progress-track","--size_small":"bds260Progress---size_small","--size_medium":"bds260Progress---size_medium","--size_large":"bds260Progress---size_large","fill":"bds260Progress-fill"};
603
+ 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"};
604
604
 
605
605
  // src/components/ui/Progress/Progress.tsx
606
606
  import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -639,7 +639,7 @@ function Progress({
639
639
  }
640
640
 
641
641
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
642
- var ProgressCircle_default = {"component":"bds260ProgressCircle-component","wrapper":"bds260ProgressCircle-wrapper","svg":"bds260ProgressCircle-svg","track":"bds260ProgressCircle-track","fill":"bds260ProgressCircle-fill","value":"bds260ProgressCircle-value","--size_small":"bds260ProgressCircle---size_small","--size_medium":"bds260ProgressCircle---size_medium","--size_large":"bds260ProgressCircle---size_large"};
642
+ 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"};
643
643
 
644
644
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
645
645
  import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -720,7 +720,7 @@ function ProgressCircle({
720
720
  }
721
721
 
722
722
  // src/components/ui/Separator/Separator.module.css
723
- var Separator_default = {"component":"bds260Separator-component","separator":"bds260Separator-separator","--horizontal":"bds260Separator---horizontal","--vertical":"bds260Separator---vertical"};
723
+ var Separator_default = {"component":"bds270Separator-component","separator":"bds270Separator-separator","--horizontal":"bds270Separator---horizontal","--vertical":"bds270Separator---vertical"};
724
724
 
725
725
  // src/components/ui/Separator/Separator.tsx
726
726
  import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -744,7 +744,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
744
744
  import { cn as cn17 } from "@boostdev/design-system-foundation";
745
745
 
746
746
  // src/components/ui/Skeleton/Skeleton.module.css
747
- var Skeleton_default = {"component":"bds260Skeleton-component","skeleton":"bds260Skeleton-skeleton"};
747
+ var Skeleton_default = {"component":"bds270Skeleton-component","skeleton":"bds270Skeleton-skeleton"};
748
748
 
749
749
  // src/components/ui/Skeleton/Skeleton.tsx
750
750
  import { jsx as jsx17 } from "react/jsx-runtime";
@@ -753,7 +753,7 @@ function Skeleton({ className, ...rest }) {
753
753
  }
754
754
 
755
755
  // src/components/ui/SkipLink/SkipLink.module.css
756
- var SkipLink_default = {"component":"bds260SkipLink-component","skipLink":"bds260SkipLink-skipLink"};
756
+ var SkipLink_default = {"component":"bds270SkipLink-component","skipLink":"bds270SkipLink-skipLink"};
757
757
 
758
758
  // src/components/ui/SkipLink/SkipLink.tsx
759
759
  import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -763,7 +763,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
763
763
  }
764
764
 
765
765
  // src/components/ui/Table/Table.module.css
766
- var Table_default = {"component":"bds260Table-component","wrapper":"bds260Table-wrapper","table":"bds260Table-table","caption":"bds260Table-caption","thead":"bds260Table-thead","th":"bds260Table-th","--sortable":"bds260Table---sortable","sortButton":"bds260Table-sortButton","sortIcon":"bds260Table-sortIcon","--sort-active":"bds260Table---sort-active","--sort-desc":"bds260Table---sort-desc","tbody":"bds260Table-tbody","tr":"bds260Table-tr","td":"bds260Table-td"};
766
+ 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"};
767
767
 
768
768
  // src/components/ui/Table/Table.tsx
769
769
  import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -833,7 +833,7 @@ function Table({
833
833
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
834
834
 
835
835
  // src/components/ui/Tabs/Tabs.module.css
836
- var Tabs_default = {"component":"bds260Tabs-component","tabs":"bds260Tabs-tabs","tabList":"bds260Tabs-tabList","tab":"bds260Tabs-tab","--active":"bds260Tabs---active","panel":"bds260Tabs-panel"};
836
+ var Tabs_default = {"component":"bds270Tabs-component","tabs":"bds270Tabs-tabs","tabList":"bds270Tabs-tabList","tab":"bds270Tabs-tab","--active":"bds270Tabs---active","panel":"bds270Tabs-panel"};
837
837
 
838
838
  // src/components/ui/Tabs/Tabs.tsx
839
839
  import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -913,7 +913,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
913
913
  import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
914
914
 
915
915
  // src/components/ui/Tooltip/Tooltip.module.css
916
- var Tooltip_default = {"component":"bds260Tooltip-component","wrapper":"bds260Tooltip-wrapper","tooltip":"bds260Tooltip-tooltip","--placement_top":"bds260Tooltip---placement_top","--placement_bottom":"bds260Tooltip---placement_bottom","--placement_left":"bds260Tooltip---placement_left","--placement_right":"bds260Tooltip---placement_right"};
916
+ 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"};
917
917
 
918
918
  // src/components/ui/Tooltip/Tooltip.tsx
919
919
  import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -957,7 +957,7 @@ function Tooltip({
957
957
  }
958
958
 
959
959
  // src/components/ui/Typography/Typography.module.css
960
- var Typography_default = {"component":"bds260Typography-component","typography":"bds260Typography-typography","--h1":"bds260Typography---h1","--h2":"bds260Typography---h2","--h3":"bds260Typography---h3","--body":"bds260Typography---body","--body_s":"bds260Typography---body_s"};
960
+ 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"};
961
961
 
962
962
  // src/components/ui/Typography/Typography.tsx
963
963
  import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -975,7 +975,7 @@ function Typography({ variant = "body", component, children, className, ...rest
975
975
  }
976
976
 
977
977
  // src/components/interaction/Button/Button.module.css
978
- var Button_default = {"component":"bds260Button-component","button":"bds260Button-button","--default":"bds260Button---default","--outline":"bds260Button---outline","--ghost":"bds260Button---ghost","--size_small":"bds260Button---size_small","--size_medium":"bds260Button---size_medium","--size_large":"bds260Button---size_large","--hasPulse":"bds260Button---hasPulse","iconStart":"bds260Button-iconStart","iconEnd":"bds260Button-iconEnd","--iconOnly":"bds260Button---iconOnly"};
978
+ 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"};
979
979
 
980
980
  // src/components/interaction/Button/Button.tsx
981
981
  import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1092,7 +1092,7 @@ function installInvokerCommandsPolyfill() {
1092
1092
  }
1093
1093
 
1094
1094
  // src/components/interaction/Command/Command.module.css
1095
- var Command_default = {"component":"bds260Command-component","dialog":"bds260Command-dialog","palette":"bds260Command-palette","searchRow":"bds260Command-searchRow","searchIcon":"bds260Command-searchIcon","search":"bds260Command-search","escHint":"bds260Command-escHint","list":"bds260Command-list","groupList":"bds260Command-groupList","group":"bds260Command-group","item":"bds260Command-item","itemActive":"bds260Command-itemActive","itemLabel":"bds260Command-itemLabel","itemDesc":"bds260Command-itemDesc","shortcut":"bds260Command-shortcut","empty":"bds260Command-empty"};
1095
+ 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"};
1096
1096
 
1097
1097
  // src/components/interaction/Command/Command.tsx
1098
1098
  import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1269,7 +1269,7 @@ function Command({
1269
1269
  import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
1270
1270
 
1271
1271
  // src/components/interaction/Dialog/Dialog.module.css
1272
- var Dialog_default = {"component":"bds260Dialog-component","dialog":"bds260Dialog-dialog","dialogContent":"bds260Dialog-dialogContent","closeButton":"bds260Dialog-closeButton"};
1272
+ var Dialog_default = {"component":"bds270Dialog-component","dialog":"bds270Dialog-dialog","dialogContent":"bds270Dialog-dialogContent","closeButton":"bds270Dialog-closeButton"};
1273
1273
 
1274
1274
  // src/components/interaction/Dialog/Dialog.tsx
1275
1275
  import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1375,7 +1375,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1375
1375
  import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
1376
1376
 
1377
1377
  // src/components/interaction/Drawer/Drawer.module.css
1378
- var Drawer_default = {"component":"bds260Drawer-component","drawer":"bds260Drawer-drawer","--side_left":"bds260Drawer---side_left","header":"bds260Drawer-header","closeButton":"bds260Drawer-closeButton","body":"bds260Drawer-body"};
1378
+ var Drawer_default = {"component":"bds270Drawer-component","drawer":"bds270Drawer-drawer","--side_left":"bds270Drawer---side_left","header":"bds270Drawer-header","closeButton":"bds270Drawer-closeButton","body":"bds270Drawer-body"};
1379
1379
 
1380
1380
  // src/components/interaction/Drawer/Drawer.tsx
1381
1381
  import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1483,7 +1483,7 @@ import {
1483
1483
  } from "react";
1484
1484
 
1485
1485
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1486
- var DropdownMenu_default = {"component":"bds260DropdownMenu-component","wrapper":"bds260DropdownMenu-wrapper","menu":"bds260DropdownMenu-menu","--placement_bottom-start":"bds260DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds260DropdownMenu---placement_bottom-end","separator":"bds260DropdownMenu-separator","item":"bds260DropdownMenu-item","icon":"bds260DropdownMenu-icon"};
1486
+ 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"};
1487
1487
 
1488
1488
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1489
1489
  import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1604,7 +1604,7 @@ import {
1604
1604
  } from "react";
1605
1605
 
1606
1606
  // src/components/interaction/Popover/Popover.module.css
1607
- var Popover_default = {"component":"bds260Popover-component","wrapper":"bds260Popover-wrapper","panel":"bds260Popover-panel","g":"bds260Popover-g"};
1607
+ var Popover_default = {"component":"bds270Popover-component","wrapper":"bds270Popover-wrapper","panel":"bds270Popover-panel","g":"bds270Popover-g"};
1608
1608
 
1609
1609
  // src/components/interaction/Popover/Popover.tsx
1610
1610
  import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1689,7 +1689,7 @@ function Popover({
1689
1689
  }
1690
1690
 
1691
1691
  // src/components/interaction/Rating/Rating.module.css
1692
- var Rating_default = {"component":"bds260Rating-component","rating":"bds260Rating-rating","star":"bds260Rating-star","--filled":"bds260Rating---filled"};
1692
+ var Rating_default = {"component":"bds270Rating-component","rating":"bds270Rating-rating","star":"bds270Rating-star","--filled":"bds270Rating---filled"};
1693
1693
 
1694
1694
  // src/components/interaction/Rating/Rating.tsx
1695
1695
  import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1721,7 +1721,7 @@ function Rating({ value, max = 5, className, ...rest }) {
1721
1721
  import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
1722
1722
 
1723
1723
  // src/components/interaction/Toast/Toast.module.css
1724
- var Toast_default = {"component":"bds260Toast-component","toastContainer":"bds260Toast-toastContainer","toast":"bds260Toast-toast","--variant_success":"bds260Toast---variant_success","--variant_warning":"bds260Toast---variant_warning","--variant_info":"bds260Toast---variant_info","--variant_error":"bds260Toast---variant_error","message":"bds260Toast-message","closeButton":"bds260Toast-closeButton"};
1724
+ 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"};
1725
1725
 
1726
1726
  // src/components/interaction/Toast/Toast.tsx
1727
1727
  import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1799,10 +1799,10 @@ function useToast() {
1799
1799
  import { useId as useId11 } from "react";
1800
1800
 
1801
1801
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1802
- var Checkbox_default = {"component":"bds260Checkbox-component","checkboxGroup":"bds260Checkbox-checkboxGroup","inputWrapper":"bds260Checkbox-inputWrapper","checkbox":"bds260Checkbox-checkbox","checkboxError":"bds260Checkbox-checkboxError"};
1802
+ var Checkbox_default = {"component":"bds270Checkbox-component","checkboxGroup":"bds270Checkbox-checkboxGroup","inputWrapper":"bds270Checkbox-inputWrapper","checkbox":"bds270Checkbox-checkbox","checkboxError":"bds270Checkbox-checkboxError"};
1803
1803
 
1804
1804
  // src/components/interaction/form/atoms/Message.module.css
1805
- var Message_default = {"component":"bds260Message-component","error":"bds260Message-error","hint":"bds260Message-hint"};
1805
+ var Message_default = {"component":"bds270Message-component","error":"bds270Message-error","hint":"bds270Message-hint"};
1806
1806
 
1807
1807
  // src/components/interaction/form/atoms/Message.tsx
1808
1808
  import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1813,7 +1813,7 @@ var Message = ({ message, type, inputId, className }) => {
1813
1813
  };
1814
1814
 
1815
1815
  // src/components/interaction/form/atoms/Label.module.css
1816
- var Label_default = {"component":"bds260Label-component","label":"bds260Label-label"};
1816
+ var Label_default = {"component":"bds270Label-component","label":"bds270Label-label"};
1817
1817
 
1818
1818
  // src/components/interaction/form/atoms/Label.tsx
1819
1819
  import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1826,7 +1826,7 @@ var Label = ({ label, id, className }) => {
1826
1826
  import { cn as cn34 } from "@boostdev/design-system-foundation";
1827
1827
 
1828
1828
  // src/components/interaction/form/atoms/InputContainer.module.css
1829
- var InputContainer_default = {"component":"bds260InputContainer-component","container":"bds260InputContainer-container"};
1829
+ var InputContainer_default = {"component":"bds270InputContainer-component","container":"bds270InputContainer-container"};
1830
1830
 
1831
1831
  // src/components/interaction/form/atoms/InputContainer.tsx
1832
1832
  import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1867,7 +1867,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1867
1867
  import { useId as useId12 } from "react";
1868
1868
 
1869
1869
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1870
- var CheckboxGroup_default = {"component":"bds260CheckboxGroup-component","group":"bds260CheckboxGroup-group","legend":"bds260CheckboxGroup-legend","required":"bds260CheckboxGroup-required","items":"bds260CheckboxGroup-items"};
1870
+ var CheckboxGroup_default = {"component":"bds270CheckboxGroup-component","group":"bds270CheckboxGroup-group","legend":"bds270CheckboxGroup-legend","required":"bds270CheckboxGroup-required","items":"bds270CheckboxGroup-items"};
1871
1871
 
1872
1872
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1873
1873
  import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1915,7 +1915,7 @@ import {
1915
1915
  } from "react";
1916
1916
 
1917
1917
  // src/components/interaction/form/Combobox/Combobox.module.css
1918
- var Combobox_default = {"component":"bds260Combobox-component","formGroup":"bds260Combobox-formGroup","inputWrapper":"bds260Combobox-inputWrapper","input":"bds260Combobox-input","inputError":"bds260Combobox-inputError","chevron":"bds260Combobox-chevron","listbox":"bds260Combobox-listbox","option":"bds260Combobox-option","--highlighted":"bds260Combobox---highlighted","--selected":"bds260Combobox---selected","--disabled":"bds260Combobox---disabled"};
1918
+ 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"};
1919
1919
 
1920
1920
  // src/components/interaction/form/Combobox/Combobox.tsx
1921
1921
  import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2062,15 +2062,51 @@ function Combobox({
2062
2062
  ] });
2063
2063
  }
2064
2064
 
2065
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2066
+ import { Children } from "react";
2067
+ import { cn as cn37 } from "@boostdev/design-system-foundation";
2068
+
2069
+ // src/components/interaction/form/FieldGroup/FieldGroup.module.css
2070
+ var FieldGroup_default = {"component":"bds270FieldGroup-component","fieldGroup":"bds270FieldGroup-fieldGroup","legend":"bds270FieldGroup-legend","fields":"bds270FieldGroup-fields","--variant_horizontal":"bds270FieldGroup---variant_horizontal"};
2071
+
2072
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2073
+ import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
2074
+ function FieldGroup({
2075
+ variant = "horizontal",
2076
+ legend,
2077
+ children,
2078
+ className,
2079
+ style,
2080
+ ...rest
2081
+ }) {
2082
+ const fieldCount = Children.count(children);
2083
+ const styleWithCount = {
2084
+ ...style,
2085
+ "--fieldGroup_field-count": fieldCount
2086
+ };
2087
+ return /* @__PURE__ */ jsxs26(
2088
+ "fieldset",
2089
+ {
2090
+ ...rest,
2091
+ style: styleWithCount,
2092
+ className: cn37(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
2093
+ children: [
2094
+ legend !== void 0 && /* @__PURE__ */ jsx37("legend", { className: FieldGroup_default.legend, children: legend }),
2095
+ /* @__PURE__ */ jsx37("div", { className: FieldGroup_default.fields, children })
2096
+ ]
2097
+ }
2098
+ );
2099
+ }
2100
+
2065
2101
  // src/components/interaction/form/FileInput/FileInput.tsx
2066
2102
  import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
2067
2103
 
2068
2104
  // src/components/interaction/form/FileInput/FileInput.module.css
2069
- var FileInput_default = {"component":"bds260FileInput-component","formGroup":"bds260FileInput-formGroup","fieldLabel":"bds260FileInput-fieldLabel","dropZone":"bds260FileInput-dropZone","isDragging":"bds260FileInput-isDragging","hasError":"bds260FileInput-hasError","isDisabled":"bds260FileInput-isDisabled","icon":"bds260FileInput-icon","prompt":"bds260FileInput-prompt","acceptHint":"bds260FileInput-acceptHint","hiddenInput":"bds260FileInput-hiddenInput"};
2105
+ 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"};
2070
2106
 
2071
2107
  // src/components/interaction/form/FileInput/FileInput.tsx
2072
- import { cn as cn37 } from "@boostdev/design-system-foundation";
2073
- import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
2108
+ import { cn as cn38 } from "@boostdev/design-system-foundation";
2109
+ import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
2074
2110
  function FileInput({
2075
2111
  label,
2076
2112
  name,
@@ -2120,24 +2156,24 @@ function FileInput({
2120
2156
  if (!disabled) setIsDragging(true);
2121
2157
  };
2122
2158
  const handleDragLeave = () => setIsDragging(false);
2123
- return /* @__PURE__ */ jsxs26(InputContainer, { ...rest, className: cn37(FileInput_default.formGroup, className), children: [
2124
- /* @__PURE__ */ jsxs26(
2159
+ return /* @__PURE__ */ jsxs27(InputContainer, { ...rest, className: cn38(FileInput_default.formGroup, className), children: [
2160
+ /* @__PURE__ */ jsxs27(
2125
2161
  "label",
2126
2162
  {
2127
2163
  htmlFor: uid,
2128
- className: cn37(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2164
+ className: cn38(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2129
2165
  onDrop: handleDrop,
2130
2166
  onDragOver: handleDragOver,
2131
2167
  onDragLeave: handleDragLeave,
2132
2168
  children: [
2133
- /* @__PURE__ */ jsx37("span", { className: FileInput_default.fieldLabel, children: label }),
2134
- /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx37("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" }) }),
2135
- /* @__PURE__ */ jsx37("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs26(Fragment3, { children: [
2136
- /* @__PURE__ */ jsx37("strong", { children: "Click to upload" }),
2169
+ /* @__PURE__ */ jsx38("span", { className: FileInput_default.fieldLabel, children: label }),
2170
+ /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx38("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" }) }),
2171
+ /* @__PURE__ */ jsx38("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs27(Fragment3, { children: [
2172
+ /* @__PURE__ */ jsx38("strong", { children: "Click to upload" }),
2137
2173
  " or drag and drop"
2138
2174
  ] }) }),
2139
- accept && /* @__PURE__ */ jsx37("span", { className: FileInput_default.acceptHint, children: accept }),
2140
- /* @__PURE__ */ jsx37(
2175
+ accept && /* @__PURE__ */ jsx38("span", { className: FileInput_default.acceptHint, children: accept }),
2176
+ /* @__PURE__ */ jsx38(
2141
2177
  "input",
2142
2178
  {
2143
2179
  ref: inputRef,
@@ -2158,8 +2194,8 @@ function FileInput({
2158
2194
  ]
2159
2195
  }
2160
2196
  ),
2161
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
2162
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
2197
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
2198
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
2163
2199
  ] });
2164
2200
  }
2165
2201
 
@@ -2167,11 +2203,11 @@ function FileInput({
2167
2203
  import { useId as useId15 } from "react";
2168
2204
 
2169
2205
  // src/components/interaction/form/FormInput/FormInput.module.css
2170
- var FormInput_default = {"component":"bds260FormInput-component","formGroup":"bds260FormInput-formGroup","input":"bds260FormInput-input","inputError":"bds260FormInput-inputError"};
2206
+ var FormInput_default = {"component":"bds270FormInput-component","formGroup":"bds270FormInput-formGroup","input":"bds270FormInput-input","inputError":"bds270FormInput-inputError"};
2171
2207
 
2172
2208
  // src/components/interaction/form/FormInput/FormInput.tsx
2173
- import { cn as cn38 } from "@boostdev/design-system-foundation";
2174
- import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
2209
+ import { cn as cn39 } from "@boostdev/design-system-foundation";
2210
+ import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
2175
2211
  function FormInput({
2176
2212
  label,
2177
2213
  name,
@@ -2186,9 +2222,9 @@ function FormInput({
2186
2222
  const hintId = id + "hint";
2187
2223
  const errorId = id + "error";
2188
2224
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2189
- return /* @__PURE__ */ jsxs27(InputContainer, { className: cn38(FormInput_default.formGroup, className), children: [
2190
- /* @__PURE__ */ jsx38(Label, { id, label }),
2191
- /* @__PURE__ */ jsx38(
2225
+ return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(FormInput_default.formGroup, className), children: [
2226
+ /* @__PURE__ */ jsx39(Label, { id, label }),
2227
+ /* @__PURE__ */ jsx39(
2192
2228
  "input",
2193
2229
  {
2194
2230
  "aria-invalid": !!error,
@@ -2198,12 +2234,12 @@ function FormInput({
2198
2234
  id,
2199
2235
  name,
2200
2236
  required,
2201
- className: cn38(FormInput_default.input, error && FormInput_default.inputError),
2237
+ className: cn39(FormInput_default.input, error && FormInput_default.inputError),
2202
2238
  ...props
2203
2239
  }
2204
2240
  ),
2205
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
2206
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
2241
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
2242
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
2207
2243
  ] });
2208
2244
  }
2209
2245
 
@@ -2211,11 +2247,11 @@ function FormInput({
2211
2247
  import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
2212
2248
 
2213
2249
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2214
- var NumberInput_default = {"component":"bds260NumberInput-component","formGroup":"bds260NumberInput-formGroup","inputRow":"bds260NumberInput-inputRow","input":"bds260NumberInput-input","inputError":"bds260NumberInput-inputError","stepper":"bds260NumberInput-stepper"};
2250
+ var NumberInput_default = {"component":"bds270NumberInput-component","formGroup":"bds270NumberInput-formGroup","inputRow":"bds270NumberInput-inputRow","input":"bds270NumberInput-input","inputError":"bds270NumberInput-inputError","stepper":"bds270NumberInput-stepper"};
2215
2251
 
2216
2252
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2217
- import { cn as cn39 } from "@boostdev/design-system-foundation";
2218
- import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
2253
+ import { cn as cn40 } from "@boostdev/design-system-foundation";
2254
+ import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2219
2255
  function NumberInput({
2220
2256
  label,
2221
2257
  name,
@@ -2254,10 +2290,10 @@ function NumberInput({
2254
2290
  }
2255
2291
  onChange?.(next);
2256
2292
  };
2257
- return /* @__PURE__ */ jsxs28(InputContainer, { ...rest, className: cn39(NumberInput_default.formGroup, className), children: [
2258
- /* @__PURE__ */ jsx39(Label, { id: uid, label }),
2259
- /* @__PURE__ */ jsxs28("div", { className: NumberInput_default.inputRow, children: [
2260
- /* @__PURE__ */ jsx39(
2293
+ return /* @__PURE__ */ jsxs29(InputContainer, { ...rest, className: cn40(NumberInput_default.formGroup, className), children: [
2294
+ /* @__PURE__ */ jsx40(Label, { id: uid, label }),
2295
+ /* @__PURE__ */ jsxs29("div", { className: NumberInput_default.inputRow, children: [
2296
+ /* @__PURE__ */ jsx40(
2261
2297
  "button",
2262
2298
  {
2263
2299
  type: "button",
@@ -2267,10 +2303,10 @@ function NumberInput({
2267
2303
  disabled: disabled || min !== void 0 && currentValue <= min,
2268
2304
  onClick: () => adjust(-step),
2269
2305
  tabIndex: -1,
2270
- children: /* @__PURE__ */ jsx39("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
2306
+ children: /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
2271
2307
  }
2272
2308
  ),
2273
- /* @__PURE__ */ jsx39(
2309
+ /* @__PURE__ */ jsx40(
2274
2310
  "input",
2275
2311
  {
2276
2312
  ref: inputRef,
@@ -2284,7 +2320,7 @@ function NumberInput({
2284
2320
  disabled,
2285
2321
  "aria-invalid": !!error,
2286
2322
  "aria-describedby": describedBy,
2287
- className: cn39(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2323
+ className: cn40(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2288
2324
  onChange: (e) => {
2289
2325
  const v = parseFloat(e.target.value);
2290
2326
  const safe = isNaN(v) ? 0 : v;
@@ -2293,7 +2329,7 @@ function NumberInput({
2293
2329
  }
2294
2330
  }
2295
2331
  ),
2296
- /* @__PURE__ */ jsx39(
2332
+ /* @__PURE__ */ jsx40(
2297
2333
  "button",
2298
2334
  {
2299
2335
  type: "button",
@@ -2303,12 +2339,12 @@ function NumberInput({
2303
2339
  disabled: disabled || max !== void 0 && currentValue >= max,
2304
2340
  onClick: () => adjust(step),
2305
2341
  tabIndex: -1,
2306
- children: /* @__PURE__ */ jsx39("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
2342
+ children: /* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
2307
2343
  }
2308
2344
  )
2309
2345
  ] }),
2310
- /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "error", message: error }),
2311
- /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "hint", message: hint })
2346
+ /* @__PURE__ */ jsx40(Message, { inputId: uid, type: "error", message: error }),
2347
+ /* @__PURE__ */ jsx40(Message, { inputId: uid, type: "hint", message: hint })
2312
2348
  ] });
2313
2349
  }
2314
2350
 
@@ -2316,19 +2352,19 @@ function NumberInput({
2316
2352
  import { useId as useId17 } from "react";
2317
2353
 
2318
2354
  // src/components/interaction/form/Radio/Radio.module.css
2319
- var Radio_default = {"component":"bds260Radio-component","radioGroup":"bds260Radio-radioGroup","inputWrapper":"bds260Radio-inputWrapper","textWrapper":"bds260Radio-textWrapper","description":"bds260Radio-description","radio":"bds260Radio-radio","radioError":"bds260Radio-radioError"};
2355
+ var Radio_default = {"component":"bds270Radio-component","radioGroup":"bds270Radio-radioGroup","inputWrapper":"bds270Radio-inputWrapper","textWrapper":"bds270Radio-textWrapper","description":"bds270Radio-description","radio":"bds270Radio-radio","radioError":"bds270Radio-radioError"};
2320
2356
 
2321
2357
  // src/components/interaction/form/Radio/Radio.tsx
2322
- import { cn as cn40 } from "@boostdev/design-system-foundation";
2323
- import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2358
+ import { cn as cn41 } from "@boostdev/design-system-foundation";
2359
+ import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2324
2360
  function Radio({ label, name, description, error, hint, className, ...props }) {
2325
2361
  const id = name + useId17();
2326
2362
  const hintId = id + "hint";
2327
2363
  const errorId = id + "error";
2328
2364
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2329
- return /* @__PURE__ */ jsxs29(InputContainer, { className: cn40(Radio_default.radioGroup, className), children: [
2330
- /* @__PURE__ */ jsxs29("div", { className: Radio_default.inputWrapper, children: [
2331
- /* @__PURE__ */ jsx40(
2365
+ return /* @__PURE__ */ jsxs30(InputContainer, { className: cn41(Radio_default.radioGroup, className), children: [
2366
+ /* @__PURE__ */ jsxs30("div", { className: Radio_default.inputWrapper, children: [
2367
+ /* @__PURE__ */ jsx41(
2332
2368
  "input",
2333
2369
  {
2334
2370
  "aria-describedby": describedBy,
@@ -2336,17 +2372,17 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2336
2372
  type: "radio",
2337
2373
  id,
2338
2374
  name,
2339
- className: cn40(Radio_default.radio, error && Radio_default.radioError),
2375
+ className: cn41(Radio_default.radio, error && Radio_default.radioError),
2340
2376
  ...props
2341
2377
  }
2342
2378
  ),
2343
- /* @__PURE__ */ jsxs29("div", { className: Radio_default.textWrapper, children: [
2344
- /* @__PURE__ */ jsx40(Label, { id, label }),
2345
- description && /* @__PURE__ */ jsx40("span", { className: Radio_default.description, children: description })
2379
+ /* @__PURE__ */ jsxs30("div", { className: Radio_default.textWrapper, children: [
2380
+ /* @__PURE__ */ jsx41(Label, { id, label }),
2381
+ description && /* @__PURE__ */ jsx41("span", { className: Radio_default.description, children: description })
2346
2382
  ] })
2347
2383
  ] }),
2348
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
2349
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
2384
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2385
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2350
2386
  ] });
2351
2387
  }
2352
2388
 
@@ -2354,11 +2390,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2354
2390
  import { useId as useId18 } from "react";
2355
2391
 
2356
2392
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2357
- var RadioGroup_default = {"component":"bds260RadioGroup-component","group":"bds260RadioGroup-group","legend":"bds260RadioGroup-legend","required":"bds260RadioGroup-required","items":"bds260RadioGroup-items"};
2393
+ var RadioGroup_default = {"component":"bds270RadioGroup-component","group":"bds270RadioGroup-group","legend":"bds270RadioGroup-legend","required":"bds270RadioGroup-required","items":"bds270RadioGroup-items"};
2358
2394
 
2359
2395
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2360
- import { cn as cn41 } from "@boostdev/design-system-foundation";
2361
- import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2396
+ import { cn as cn42 } from "@boostdev/design-system-foundation";
2397
+ import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2362
2398
  function RadioGroup({
2363
2399
  legend,
2364
2400
  children,
@@ -2372,35 +2408,35 @@ function RadioGroup({
2372
2408
  const hintId = id + "hint";
2373
2409
  const errorId = id + "error";
2374
2410
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2375
- return /* @__PURE__ */ jsxs30(
2411
+ return /* @__PURE__ */ jsxs31(
2376
2412
  "fieldset",
2377
2413
  {
2378
2414
  ...rest,
2379
- className: cn41(RadioGroup_default.group, className),
2415
+ className: cn42(RadioGroup_default.group, className),
2380
2416
  "aria-required": required || void 0,
2381
2417
  "aria-describedby": describedBy,
2382
2418
  children: [
2383
- /* @__PURE__ */ jsxs30("legend", { className: RadioGroup_default.legend, children: [
2419
+ /* @__PURE__ */ jsxs31("legend", { className: RadioGroup_default.legend, children: [
2384
2420
  legend,
2385
- required && /* @__PURE__ */ jsx41("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2421
+ required && /* @__PURE__ */ jsx42("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2386
2422
  ] }),
2387
- /* @__PURE__ */ jsx41("div", { className: RadioGroup_default.items, children }),
2388
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2389
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2423
+ /* @__PURE__ */ jsx42("div", { className: RadioGroup_default.items, children }),
2424
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2425
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2390
2426
  ]
2391
2427
  }
2392
2428
  );
2393
2429
  }
2394
2430
 
2395
2431
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2396
- import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2432
+ import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2397
2433
 
2398
2434
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2399
- var SegmentedControl_default = {"component":"bds260SegmentedControl-component","control":"bds260SegmentedControl-control","thumb":"bds260SegmentedControl-thumb","indicator":"bds260SegmentedControl-indicator","item":"bds260SegmentedControl-item","--active":"bds260SegmentedControl---active","--disabled":"bds260SegmentedControl---disabled","--size_small":"bds260SegmentedControl---size_small","--size_large":"bds260SegmentedControl---size_large","--variant_outline":"bds260SegmentedControl---variant_outline"};
2435
+ 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"};
2400
2436
 
2401
2437
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2402
- import { cn as cn42 } from "@boostdev/design-system-foundation";
2403
- import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2438
+ import { cn as cn43 } from "@boostdev/design-system-foundation";
2439
+ import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2404
2440
  function SegmentedControl({
2405
2441
  children,
2406
2442
  selectedIndex: selectedIndexProp,
@@ -2410,32 +2446,32 @@ function SegmentedControl({
2410
2446
  className,
2411
2447
  ...rest
2412
2448
  }) {
2413
- const validChildren = Children.toArray(children).filter(isValidElement4);
2449
+ const validChildren = Children2.toArray(children).filter(isValidElement4);
2414
2450
  const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
2415
2451
  const p = child.props;
2416
2452
  return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
2417
2453
  }) : -1;
2418
2454
  const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
2419
- return /* @__PURE__ */ jsxs31(
2455
+ return /* @__PURE__ */ jsxs32(
2420
2456
  "div",
2421
2457
  {
2422
2458
  ...rest,
2423
2459
  role: "group",
2424
- className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2460
+ className: cn43(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2425
2461
  style: {
2426
2462
  "--control_count": validChildren.length,
2427
2463
  "--control_selected-index": activeIndex
2428
2464
  },
2429
2465
  children: [
2430
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2431
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2466
+ /* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2467
+ /* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2432
2468
  validChildren.map((child, index) => {
2433
2469
  const isActive = index === activeIndex;
2434
2470
  const p = child.props;
2435
2471
  const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
2436
2472
  return cloneElement4(child, {
2437
2473
  key: child.key ?? index,
2438
- className: cn42(
2474
+ className: cn43(
2439
2475
  SegmentedControl_default.item,
2440
2476
  isActive && SegmentedControl_default["--active"],
2441
2477
  isDisabled && SegmentedControl_default["--disabled"],
@@ -2452,11 +2488,11 @@ function SegmentedControl({
2452
2488
  import { useId as useId19 } from "react";
2453
2489
 
2454
2490
  // src/components/interaction/form/Select/Select.module.css
2455
- var Select_default = {"component":"bds260Select-component","formGroup":"bds260Select-formGroup","selectWrapper":"bds260Select-selectWrapper","select":"bds260Select-select","selectError":"bds260Select-selectError","chevron":"bds260Select-chevron"};
2491
+ var Select_default = {"component":"bds270Select-component","formGroup":"bds270Select-formGroup","selectWrapper":"bds270Select-selectWrapper","select":"bds270Select-select","selectError":"bds270Select-selectError","chevron":"bds270Select-chevron"};
2456
2492
 
2457
2493
  // src/components/interaction/form/Select/Select.tsx
2458
- import { cn as cn43 } from "@boostdev/design-system-foundation";
2459
- import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2494
+ import { cn as cn44 } from "@boostdev/design-system-foundation";
2495
+ import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
2460
2496
  function Select({
2461
2497
  label,
2462
2498
  name,
@@ -2472,10 +2508,10 @@ function Select({
2472
2508
  const hintId = id + "hint";
2473
2509
  const errorId = id + "error";
2474
2510
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2475
- return /* @__PURE__ */ jsxs32(InputContainer, { className: cn43(Select_default.formGroup, className), children: [
2476
- /* @__PURE__ */ jsx43(Label, { id, label }),
2477
- /* @__PURE__ */ jsxs32("div", { className: Select_default.selectWrapper, children: [
2478
- /* @__PURE__ */ jsxs32(
2511
+ return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Select_default.formGroup, className), children: [
2512
+ /* @__PURE__ */ jsx44(Label, { id, label }),
2513
+ /* @__PURE__ */ jsxs33("div", { className: Select_default.selectWrapper, children: [
2514
+ /* @__PURE__ */ jsxs33(
2479
2515
  "select",
2480
2516
  {
2481
2517
  id,
@@ -2484,18 +2520,18 @@ function Select({
2484
2520
  "aria-required": required || void 0,
2485
2521
  "aria-describedby": describedBy,
2486
2522
  required,
2487
- className: cn43(Select_default.select, error ? Select_default.selectError : void 0),
2523
+ className: cn44(Select_default.select, error ? Select_default.selectError : void 0),
2488
2524
  ...props,
2489
2525
  children: [
2490
- placeholder && /* @__PURE__ */ jsx43("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2491
- options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx43("option", { value, disabled, children: optLabel }, value))
2526
+ placeholder && /* @__PURE__ */ jsx44("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2527
+ options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx44("option", { value, disabled, children: optLabel }, value))
2492
2528
  ]
2493
2529
  }
2494
2530
  ),
2495
- /* @__PURE__ */ jsx43("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2531
+ /* @__PURE__ */ jsx44("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx44("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx44("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2496
2532
  ] }),
2497
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
2498
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
2533
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
2534
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
2499
2535
  ] });
2500
2536
  }
2501
2537
 
@@ -2503,11 +2539,11 @@ function Select({
2503
2539
  import { useId as useId20, useState as useState12 } from "react";
2504
2540
 
2505
2541
  // src/components/interaction/form/Slider/Slider.module.css
2506
- var Slider_default = {"component":"bds260Slider-component","formGroup":"bds260Slider-formGroup","labelRow":"bds260Slider-labelRow","value":"bds260Slider-value","slider":"bds260Slider-slider","sliderError":"bds260Slider-sliderError"};
2542
+ var Slider_default = {"component":"bds270Slider-component","formGroup":"bds270Slider-formGroup","labelRow":"bds270Slider-labelRow","value":"bds270Slider-value","slider":"bds270Slider-slider","sliderError":"bds270Slider-sliderError"};
2507
2543
 
2508
2544
  // src/components/interaction/form/Slider/Slider.tsx
2509
- import { cn as cn44 } from "@boostdev/design-system-foundation";
2510
- import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
2545
+ import { cn as cn45 } from "@boostdev/design-system-foundation";
2546
+ import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
2511
2547
  function Slider({
2512
2548
  label,
2513
2549
  name,
@@ -2532,12 +2568,12 @@ function Slider({
2532
2568
  if (!isControlled) setInternalValue(Number(e.target.value));
2533
2569
  onChange?.(e);
2534
2570
  };
2535
- return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Slider_default.formGroup, className), children: [
2536
- /* @__PURE__ */ jsxs33("div", { className: Slider_default.labelRow, children: [
2537
- /* @__PURE__ */ jsx44(Label, { id, label }),
2538
- showValue && /* @__PURE__ */ jsx44("span", { className: Slider_default.value, children: currentValue })
2571
+ return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Slider_default.formGroup, className), children: [
2572
+ /* @__PURE__ */ jsxs34("div", { className: Slider_default.labelRow, children: [
2573
+ /* @__PURE__ */ jsx45(Label, { id, label }),
2574
+ showValue && /* @__PURE__ */ jsx45("span", { className: Slider_default.value, children: currentValue })
2539
2575
  ] }),
2540
- /* @__PURE__ */ jsx44(
2576
+ /* @__PURE__ */ jsx45(
2541
2577
  "input",
2542
2578
  {
2543
2579
  type: "range",
@@ -2550,14 +2586,14 @@ function Slider({
2550
2586
  "aria-valuemax": max,
2551
2587
  "aria-valuenow": currentValue,
2552
2588
  "aria-valuetext": String(currentValue),
2553
- className: cn44(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2589
+ className: cn45(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2554
2590
  style: { "--slider_fill": `${fillPct}%` },
2555
2591
  onChange: handleChange,
2556
2592
  ...props
2557
2593
  }
2558
2594
  ),
2559
- /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
2560
- /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
2595
+ /* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
2596
+ /* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
2561
2597
  ] });
2562
2598
  }
2563
2599
 
@@ -2565,11 +2601,11 @@ function Slider({
2565
2601
  import { useId as useId21 } from "react";
2566
2602
 
2567
2603
  // src/components/interaction/form/Switch/Switch.module.css
2568
- var Switch_default = {"component":"bds260Switch-component","switchGroup":"bds260Switch-switchGroup","--size_small":"bds260Switch---size_small","--size_medium":"bds260Switch---size_medium","--size_large":"bds260Switch---size_large","inputWrapper":"bds260Switch-inputWrapper","trackWrapper":"bds260Switch-trackWrapper","switch":"bds260Switch-switch","track":"bds260Switch-track","thumb":"bds260Switch-thumb","switchError":"bds260Switch-switchError"};
2604
+ 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"};
2569
2605
 
2570
2606
  // src/components/interaction/form/Switch/Switch.tsx
2571
- import { cn as cn45 } from "@boostdev/design-system-foundation";
2572
- import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
2607
+ import { cn as cn46 } from "@boostdev/design-system-foundation";
2608
+ import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
2573
2609
  function Switch({
2574
2610
  label,
2575
2611
  name,
@@ -2584,11 +2620,11 @@ function Switch({
2584
2620
  const hintId = id + "hint";
2585
2621
  const errorId = id + "error";
2586
2622
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2587
- return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2588
- /* @__PURE__ */ jsxs34("div", { className: Switch_default.inputWrapper, children: [
2589
- prefix && /* @__PURE__ */ jsx45("span", { children: prefix }),
2590
- /* @__PURE__ */ jsxs34("div", { className: Switch_default.trackWrapper, children: [
2591
- /* @__PURE__ */ jsx45(
2623
+ return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2624
+ /* @__PURE__ */ jsxs35("div", { className: Switch_default.inputWrapper, children: [
2625
+ prefix && /* @__PURE__ */ jsx46("span", { children: prefix }),
2626
+ /* @__PURE__ */ jsxs35("div", { className: Switch_default.trackWrapper, children: [
2627
+ /* @__PURE__ */ jsx46(
2592
2628
  "input",
2593
2629
  {
2594
2630
  type: "checkbox",
@@ -2596,16 +2632,16 @@ function Switch({
2596
2632
  id,
2597
2633
  name,
2598
2634
  "aria-describedby": describedBy,
2599
- className: cn45(Switch_default.switch, error ? Switch_default.switchError : void 0),
2635
+ className: cn46(Switch_default.switch, error ? Switch_default.switchError : void 0),
2600
2636
  ...props
2601
2637
  }
2602
2638
  ),
2603
- /* @__PURE__ */ jsx45("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx45("span", { className: Switch_default.thumb }) })
2639
+ /* @__PURE__ */ jsx46("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx46("span", { className: Switch_default.thumb }) })
2604
2640
  ] }),
2605
- /* @__PURE__ */ jsx45(Label, { id, label })
2641
+ /* @__PURE__ */ jsx46(Label, { id, label })
2606
2642
  ] }),
2607
- /* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
2608
- /* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
2643
+ /* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
2644
+ /* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
2609
2645
  ] });
2610
2646
  }
2611
2647
 
@@ -2613,11 +2649,11 @@ function Switch({
2613
2649
  import { useId as useId22 } from "react";
2614
2650
 
2615
2651
  // src/components/interaction/form/Textarea/Textarea.module.css
2616
- var Textarea_default = {"component":"bds260Textarea-component","formGroup":"bds260Textarea-formGroup","textarea":"bds260Textarea-textarea","textareaError":"bds260Textarea-textareaError"};
2652
+ var Textarea_default = {"component":"bds270Textarea-component","formGroup":"bds270Textarea-formGroup","textarea":"bds270Textarea-textarea","textareaError":"bds270Textarea-textareaError"};
2617
2653
 
2618
2654
  // src/components/interaction/form/Textarea/Textarea.tsx
2619
- import { cn as cn46 } from "@boostdev/design-system-foundation";
2620
- import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
2655
+ import { cn as cn47 } from "@boostdev/design-system-foundation";
2656
+ import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
2621
2657
  function Textarea({
2622
2658
  label,
2623
2659
  name,
@@ -2631,9 +2667,9 @@ function Textarea({
2631
2667
  const hintId = id + "hint";
2632
2668
  const errorId = id + "error";
2633
2669
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2634
- return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Textarea_default.formGroup, className), children: [
2635
- /* @__PURE__ */ jsx46(Label, { id, label }),
2636
- /* @__PURE__ */ jsx46(
2670
+ return /* @__PURE__ */ jsxs36(InputContainer, { className: cn47(Textarea_default.formGroup, className), children: [
2671
+ /* @__PURE__ */ jsx47(Label, { id, label }),
2672
+ /* @__PURE__ */ jsx47(
2637
2673
  "textarea",
2638
2674
  {
2639
2675
  id,
@@ -2642,40 +2678,40 @@ function Textarea({
2642
2678
  "aria-describedby": describedBy,
2643
2679
  "aria-required": required || void 0,
2644
2680
  required,
2645
- className: cn46(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2681
+ className: cn47(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2646
2682
  ...props
2647
2683
  }
2648
2684
  ),
2649
- /* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
2650
- /* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
2685
+ /* @__PURE__ */ jsx47(Message, { inputId: id, type: "error", message: error }),
2686
+ /* @__PURE__ */ jsx47(Message, { inputId: id, type: "hint", message: hint })
2651
2687
  ] });
2652
2688
  }
2653
2689
 
2654
2690
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2655
- var ButtonGroup_default = {"component":"bds260ButtonGroup-component","buttonGroup":"bds260ButtonGroup-buttonGroup","container":"bds260ButtonGroup-container","--variant_card":"bds260ButtonGroup---variant_card","--variant_flow":"bds260ButtonGroup---variant_flow","--variant_modal":"bds260ButtonGroup---variant_modal","--variant_content":"bds260ButtonGroup---variant_content","--variant_grid":"bds260ButtonGroup---variant_grid"};
2691
+ 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"};
2656
2692
 
2657
2693
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2658
- import { cn as cn47 } from "@boostdev/design-system-foundation";
2659
- import { jsx as jsx47 } from "react/jsx-runtime";
2694
+ import { cn as cn48 } from "@boostdev/design-system-foundation";
2695
+ import { jsx as jsx48 } from "react/jsx-runtime";
2660
2696
  function ButtonContainer({ children, className, variant, ...rest }) {
2661
- return /* @__PURE__ */ jsx47(
2697
+ return /* @__PURE__ */ jsx48(
2662
2698
  "div",
2663
2699
  {
2664
2700
  ...rest,
2665
2701
  role: "group",
2666
- className: cn47(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2667
- children: /* @__PURE__ */ jsx47("div", { className: ButtonGroup_default.container, children })
2702
+ className: cn48(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2703
+ children: /* @__PURE__ */ jsx48("div", { className: ButtonGroup_default.container, children })
2668
2704
  }
2669
2705
  );
2670
2706
  }
2671
2707
  var ButtonGroup = ButtonContainer;
2672
2708
 
2673
2709
  // src/components/layout/Card/Card.module.css
2674
- var Card_default = {"component":"bds260Card-component","card":"bds260Card-card","--default":"bds260Card---default","--elevated":"bds260Card---elevated","--outlined":"bds260Card---outlined","--clickable":"bds260Card---clickable","--padding-none":"bds260Card---padding-none","--padding-small":"bds260Card---padding-small","--padding-medium":"bds260Card---padding-medium","--padding-large":"bds260Card---padding-large","--padding-extra-large":"bds260Card---padding-extra-large","--text-start":"bds260Card---text-start","--text-center":"bds260Card---text-center","--text-end":"bds260Card---text-end"};
2710
+ 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"};
2675
2711
 
2676
2712
  // src/components/layout/Card/Card.tsx
2677
- import { cn as cn48 } from "@boostdev/design-system-foundation";
2678
- import { jsx as jsx48 } from "react/jsx-runtime";
2713
+ import { cn as cn49 } from "@boostdev/design-system-foundation";
2714
+ import { jsx as jsx49 } from "react/jsx-runtime";
2679
2715
  function Card({
2680
2716
  children,
2681
2717
  className,
@@ -2686,7 +2722,7 @@ function Card({
2686
2722
  onClick,
2687
2723
  ...rest
2688
2724
  }) {
2689
- const classNames = cn48(
2725
+ const classNames = cn49(
2690
2726
  Card_default.card,
2691
2727
  Card_default[`--${variant}`],
2692
2728
  Card_default[`--padding-${padding}`],
@@ -2695,7 +2731,7 @@ function Card({
2695
2731
  className
2696
2732
  );
2697
2733
  const Component = as ?? (onClick ? "button" : "div");
2698
- return /* @__PURE__ */ jsx48(
2734
+ return /* @__PURE__ */ jsx49(
2699
2735
  Component,
2700
2736
  {
2701
2737
  ...rest,
@@ -2715,10 +2751,10 @@ import {
2715
2751
  } from "react";
2716
2752
 
2717
2753
  // src/components/layout/Grid/Grid.module.css
2718
- var Grid_default = {"component":"bds260Grid-component","grid":"bds260Grid-grid","--main":"bds260Grid---main","--page":"bds260Grid---page","--funnel":"bds260Grid---funnel","--custom":"bds260Grid---custom","--centered":"bds260Grid---centered","item":"bds260Grid-item","w3":"bds260Grid-w3","org":"bds260Grid-org","ts":"bds260Grid-ts","--masonry":"bds260Grid---masonry"};
2754
+ 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"};
2719
2755
 
2720
2756
  // src/components/layout/Grid/Grid.tsx
2721
- import { cn as cn49 } from "@boostdev/design-system-foundation";
2757
+ import { cn as cn50 } from "@boostdev/design-system-foundation";
2722
2758
 
2723
2759
  // src/components/layout/Grid/masonry.ts
2724
2760
  import { useLayoutEffect } from "react";
@@ -2942,7 +2978,7 @@ function useMasonry(ref, enabled, options = {}) {
2942
2978
  }
2943
2979
 
2944
2980
  // src/components/layout/Grid/Grid.tsx
2945
- import { jsx as jsx49 } from "react/jsx-runtime";
2981
+ import { jsx as jsx50 } from "react/jsx-runtime";
2946
2982
  var _GridContext;
2947
2983
  function getGridContext() {
2948
2984
  _GridContext ??= createContext2({ autoSpanMedia: false });
@@ -2967,7 +3003,7 @@ function Grid({
2967
3003
  preferredColumnSpan: masonryPreferredColumnSpan,
2968
3004
  rowUnitPx: masonryRowUnitPx
2969
3005
  });
2970
- const classNames = cn49(
3006
+ const classNames = cn50(
2971
3007
  Grid_default.grid,
2972
3008
  Grid_default[`--${variant}`],
2973
3009
  isCentered && Grid_default["--centered"],
@@ -2978,7 +3014,7 @@ function Grid({
2978
3014
  const Component = as ?? "div";
2979
3015
  const GridContext = getGridContext();
2980
3016
  const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
2981
- return /* @__PURE__ */ jsx49(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx49(GridContext.Provider, { value: ctx, children }) });
3017
+ return /* @__PURE__ */ jsx50(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx50(GridContext.Provider, { value: ctx, children }) });
2982
3018
  }
2983
3019
 
2984
3020
  // src/components/layout/Grid/GridItem.tsx
@@ -2988,7 +3024,7 @@ import {
2988
3024
  useRef as useRef13,
2989
3025
  useState as useState13
2990
3026
  } from "react";
2991
- import { cn as cn50 } from "@boostdev/design-system-foundation";
3027
+ import { cn as cn51 } from "@boostdev/design-system-foundation";
2992
3028
 
2993
3029
  // src/components/layout/Grid/autoSpan.ts
2994
3030
  function aspectToColumnSpan(ratio) {
@@ -3020,7 +3056,7 @@ function mediaReadyEvent(media) {
3020
3056
  }
3021
3057
 
3022
3058
  // src/components/layout/Grid/GridItem.tsx
3023
- import { jsx as jsx50 } from "react/jsx-runtime";
3059
+ import { jsx as jsx51 } from "react/jsx-runtime";
3024
3060
  var GridItemSpan = {
3025
3061
  full: "full",
3026
3062
  threeQuarters: "three-quarters",
@@ -3102,13 +3138,13 @@ function GridItem({
3102
3138
  };
3103
3139
  const Component = as ?? "div";
3104
3140
  const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
3105
- return /* @__PURE__ */ jsx50(
3141
+ return /* @__PURE__ */ jsx51(
3106
3142
  Component,
3107
3143
  {
3108
3144
  ref,
3109
3145
  ...rest,
3110
3146
  "data-column-span-auto": isColumnSpanAuto ? "" : void 0,
3111
- className: cn50(Grid_default.item, className),
3147
+ className: cn51(Grid_default.item, className),
3112
3148
  style: composedStyle,
3113
3149
  children
3114
3150
  }
@@ -3116,11 +3152,11 @@ function GridItem({
3116
3152
  }
3117
3153
 
3118
3154
  // src/components/layout/SectionHeader/SectionHeader.module.css
3119
- var SectionHeader_default = {"component":"bds260SectionHeader-component","sectionHeader":"bds260SectionHeader-sectionHeader","title":"bds260SectionHeader-title","subtitle":"bds260SectionHeader-subtitle","--start":"bds260SectionHeader---start","--center":"bds260SectionHeader---center","--end":"bds260SectionHeader---end","--medium":"bds260SectionHeader---medium","--xs":"bds260SectionHeader---xs","--small":"bds260SectionHeader---small","--large":"bds260SectionHeader---large"};
3155
+ 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"};
3120
3156
 
3121
3157
  // src/components/layout/SectionHeader/SectionHeader.tsx
3122
- import { cn as cn51 } from "@boostdev/design-system-foundation";
3123
- import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
3158
+ import { cn as cn52 } from "@boostdev/design-system-foundation";
3159
+ import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
3124
3160
  function SectionHeader({
3125
3161
  title,
3126
3162
  subtitle,
@@ -3131,24 +3167,24 @@ function SectionHeader({
3131
3167
  ...rest
3132
3168
  }) {
3133
3169
  const Title = titleAs;
3134
- return /* @__PURE__ */ jsxs36("div", { ...rest, className: cn51(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3135
- /* @__PURE__ */ jsx51(Title, { className: SectionHeader_default.title, children: title }),
3136
- subtitle && /* @__PURE__ */ jsx51("p", { className: SectionHeader_default.subtitle, children: subtitle })
3170
+ return /* @__PURE__ */ jsxs37("div", { ...rest, className: cn52(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3171
+ /* @__PURE__ */ jsx52(Title, { className: SectionHeader_default.title, children: title }),
3172
+ subtitle && /* @__PURE__ */ jsx52("p", { className: SectionHeader_default.subtitle, children: subtitle })
3137
3173
  ] });
3138
3174
  }
3139
3175
 
3140
3176
  // src/components/layout/IconWrapper/IconWrapper.module.css
3141
- var IconWrapper_default = {"component":"bds260IconWrapper-component","wrapper":"bds260IconWrapper-wrapper"};
3177
+ var IconWrapper_default = {"component":"bds270IconWrapper-component","wrapper":"bds270IconWrapper-wrapper"};
3142
3178
 
3143
3179
  // src/components/layout/IconWrapper/IconWrapper.tsx
3144
- import { cn as cn52 } from "@boostdev/design-system-foundation";
3145
- import { jsx as jsx52 } from "react/jsx-runtime";
3180
+ import { cn as cn53 } from "@boostdev/design-system-foundation";
3181
+ import { jsx as jsx53 } from "react/jsx-runtime";
3146
3182
  function IconWrapper({ children, className, ...rest }) {
3147
- return /* @__PURE__ */ jsx52("div", { ...rest, className: cn52(className, IconWrapper_default.wrapper), children });
3183
+ return /* @__PURE__ */ jsx53("div", { ...rest, className: cn53(className, IconWrapper_default.wrapper), children });
3148
3184
  }
3149
3185
 
3150
3186
  // src/index.ts
3151
- import { cn as cn53 } from "@boostdev/design-system-foundation";
3187
+ import { cn as cn54 } from "@boostdev/design-system-foundation";
3152
3188
  export {
3153
3189
  Accordion,
3154
3190
  Alert,
@@ -3170,6 +3206,7 @@ export {
3170
3206
  Dialog,
3171
3207
  Drawer,
3172
3208
  DropdownMenu,
3209
+ FieldGroup,
3173
3210
  FileInput,
3174
3211
  FormInput,
3175
3212
  Grid,
@@ -3201,6 +3238,6 @@ export {
3201
3238
  ToastProvider,
3202
3239
  Tooltip,
3203
3240
  Typography,
3204
- cn53 as cn,
3241
+ cn54 as cn,
3205
3242
  useToast
3206
3243
  };