@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/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { useId, useState } from "react";
3
3
 
4
4
  // src/components/ui/Accordion/Accordion.module.css
5
- 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"};
5
+ 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"};
6
6
 
7
7
  // src/components/ui/Accordion/Accordion.tsx
8
8
  import { cn } from "@boostdev/design-system-foundation";
@@ -71,7 +71,7 @@ function Accordion({
71
71
  }
72
72
 
73
73
  // src/components/ui/Alert/Alert.module.css
74
- 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"};
74
+ 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"};
75
75
 
76
76
  // src/components/ui/Alert/Alert.tsx
77
77
  import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -116,7 +116,7 @@ function Alert({
116
116
  }
117
117
 
118
118
  // src/components/ui/Avatar/Avatar.module.css
119
- 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"};
119
+ 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"};
120
120
 
121
121
  // src/components/ui/Avatar/Avatar.tsx
122
122
  import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -143,7 +143,7 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
143
143
  }
144
144
 
145
145
  // src/components/ui/Badge/Badge.module.css
146
- 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"};
146
+ 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"};
147
147
 
148
148
  // src/components/ui/Badge/Badge.tsx
149
149
  import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -153,7 +153,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
153
153
  }
154
154
 
155
155
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
156
- var Breadcrumb_default = {"component":"bds260Breadcrumb-component","breadcrumb":"bds260Breadcrumb-breadcrumb","list":"bds260Breadcrumb-list","item":"bds260Breadcrumb-item","link":"bds260Breadcrumb-link","separator":"bds260Breadcrumb-separator","current":"bds260Breadcrumb-current"};
156
+ var Breadcrumb_default = {"component":"bds270Breadcrumb-component","breadcrumb":"bds270Breadcrumb-breadcrumb","list":"bds270Breadcrumb-list","item":"bds270Breadcrumb-item","link":"bds270Breadcrumb-link","separator":"bds270Breadcrumb-separator","current":"bds270Breadcrumb-current"};
157
157
 
158
158
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
159
159
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -169,7 +169,7 @@ function Breadcrumb({ items, className, ...rest }) {
169
169
  }
170
170
 
171
171
  // src/components/ui/Collapsible/Collapsible.module.css
172
- var Collapsible_default = {"component":"bds260Collapsible-component","collapsible":"bds260Collapsible-collapsible","summary":"bds260Collapsible-summary","summaryContent":"bds260Collapsible-summaryContent","icon":"bds260Collapsible-icon","content":"bds260Collapsible-content"};
172
+ var Collapsible_default = {"component":"bds270Collapsible-component","collapsible":"bds270Collapsible-collapsible","summary":"bds270Collapsible-summary","summaryContent":"bds270Collapsible-summaryContent","icon":"bds270Collapsible-icon","content":"bds270Collapsible-content"};
173
173
 
174
174
  // src/components/ui/Collapsible/Collapsible.tsx
175
175
  import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -210,7 +210,7 @@ function Collapsible({
210
210
  import { useState as useState2, useId as useId2 } from "react";
211
211
 
212
212
  // src/components/ui/Calendar/Calendar.module.css
213
- 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"};
213
+ 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"};
214
214
 
215
215
  // src/components/ui/Calendar/Calendar.tsx
216
216
  import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -385,7 +385,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className, ...rest
385
385
  import { useRef, useId as useId3 } from "react";
386
386
 
387
387
  // src/components/ui/Carousel/Carousel.module.css
388
- var Carousel_default = {"component":"bds260Carousel-component","carousel":"bds260Carousel-carousel","track":"bds260Carousel-track","slide":"bds260Carousel-slide","navBtn":"bds260Carousel-navBtn"};
388
+ var Carousel_default = {"component":"bds270Carousel-component","carousel":"bds270Carousel-carousel","track":"bds270Carousel-track","slide":"bds270Carousel-slide","navBtn":"bds270Carousel-navBtn"};
389
389
 
390
390
  // src/components/ui/Carousel/Carousel.tsx
391
391
  import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -438,7 +438,7 @@ function Carousel({ items, label, className, ...rest }) {
438
438
  }
439
439
 
440
440
  // src/components/ui/DescriptionList/DescriptionList.module.css
441
- var DescriptionList_default = {"component":"bds260DescriptionList-component","list":"bds260DescriptionList-list","group":"bds260DescriptionList-group","term":"bds260DescriptionList-term","details":"bds260DescriptionList-details","--layout_inline":"bds260DescriptionList---layout_inline"};
441
+ var DescriptionList_default = {"component":"bds270DescriptionList-component","list":"bds270DescriptionList-list","group":"bds270DescriptionList-group","term":"bds270DescriptionList-term","details":"bds270DescriptionList-details","--layout_inline":"bds270DescriptionList---layout_inline"};
442
442
 
443
443
  // src/components/ui/DescriptionList/DescriptionList.tsx
444
444
  import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -451,7 +451,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
451
451
  }
452
452
 
453
453
  // src/components/ui/Link/Link.module.css
454
- 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"};
454
+ 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"};
455
455
 
456
456
  // src/components/ui/Link/Link.tsx
457
457
  import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -482,7 +482,7 @@ function Link({
482
482
  }
483
483
 
484
484
  // src/components/ui/Loading/Loading.module.css
485
- var Loading_default = {"component":"bds260Loading-component","loading":"bds260Loading-loading","spinner":"bds260Loading-spinner","--size_small":"bds260Loading---size_small","--size_large":"bds260Loading---size_large"};
485
+ var Loading_default = {"component":"bds270Loading-component","loading":"bds270Loading-loading","spinner":"bds270Loading-spinner","--size_small":"bds270Loading---size_small","--size_large":"bds270Loading---size_large"};
486
486
 
487
487
  // src/components/ui/Loading/Loading.tsx
488
488
  import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -492,7 +492,7 @@ function Loading({ size = "medium", className, ...rest }) {
492
492
  }
493
493
 
494
494
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
495
- 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"};
495
+ 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"};
496
496
 
497
497
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
498
498
  import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -533,7 +533,7 @@ function NotificationBanner({
533
533
  }
534
534
 
535
535
  // src/components/ui/Pagination/Pagination.module.css
536
- var Pagination_default = {"component":"bds260Pagination-component","pagination":"bds260Pagination-pagination","list":"bds260Pagination-list","button":"bds260Pagination-button","--active":"bds260Pagination---active","--nav":"bds260Pagination---nav","ellipsis":"bds260Pagination-ellipsis"};
536
+ var Pagination_default = {"component":"bds270Pagination-component","pagination":"bds270Pagination-pagination","list":"bds270Pagination-list","button":"bds270Pagination-button","--active":"bds270Pagination---active","--nav":"bds270Pagination---nav","ellipsis":"bds270Pagination-ellipsis"};
537
537
 
538
538
  // src/components/ui/Pagination/Pagination.tsx
539
539
  import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -598,7 +598,7 @@ function Pagination({
598
598
  }
599
599
 
600
600
  // src/components/ui/Progress/Progress.module.css
601
- 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"};
601
+ 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"};
602
602
 
603
603
  // src/components/ui/Progress/Progress.tsx
604
604
  import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -637,7 +637,7 @@ function Progress({
637
637
  }
638
638
 
639
639
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
640
- 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"};
640
+ 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"};
641
641
 
642
642
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
643
643
  import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -718,7 +718,7 @@ function ProgressCircle({
718
718
  }
719
719
 
720
720
  // src/components/ui/Separator/Separator.module.css
721
- var Separator_default = {"component":"bds260Separator-component","separator":"bds260Separator-separator","--horizontal":"bds260Separator---horizontal","--vertical":"bds260Separator---vertical"};
721
+ var Separator_default = {"component":"bds270Separator-component","separator":"bds270Separator-separator","--horizontal":"bds270Separator---horizontal","--vertical":"bds270Separator---vertical"};
722
722
 
723
723
  // src/components/ui/Separator/Separator.tsx
724
724
  import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -742,7 +742,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
742
742
  import { cn as cn17 } from "@boostdev/design-system-foundation";
743
743
 
744
744
  // src/components/ui/Skeleton/Skeleton.module.css
745
- var Skeleton_default = {"component":"bds260Skeleton-component","skeleton":"bds260Skeleton-skeleton"};
745
+ var Skeleton_default = {"component":"bds270Skeleton-component","skeleton":"bds270Skeleton-skeleton"};
746
746
 
747
747
  // src/components/ui/Skeleton/Skeleton.tsx
748
748
  import { jsx as jsx17 } from "react/jsx-runtime";
@@ -751,7 +751,7 @@ function Skeleton({ className, ...rest }) {
751
751
  }
752
752
 
753
753
  // src/components/ui/SkipLink/SkipLink.module.css
754
- var SkipLink_default = {"component":"bds260SkipLink-component","skipLink":"bds260SkipLink-skipLink"};
754
+ var SkipLink_default = {"component":"bds270SkipLink-component","skipLink":"bds270SkipLink-skipLink"};
755
755
 
756
756
  // src/components/ui/SkipLink/SkipLink.tsx
757
757
  import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -761,7 +761,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
761
761
  }
762
762
 
763
763
  // src/components/ui/Table/Table.module.css
764
- 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"};
764
+ 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"};
765
765
 
766
766
  // src/components/ui/Table/Table.tsx
767
767
  import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -831,7 +831,7 @@ function Table({
831
831
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
832
832
 
833
833
  // src/components/ui/Tabs/Tabs.module.css
834
- var Tabs_default = {"component":"bds260Tabs-component","tabs":"bds260Tabs-tabs","tabList":"bds260Tabs-tabList","tab":"bds260Tabs-tab","--active":"bds260Tabs---active","panel":"bds260Tabs-panel"};
834
+ var Tabs_default = {"component":"bds270Tabs-component","tabs":"bds270Tabs-tabs","tabList":"bds270Tabs-tabList","tab":"bds270Tabs-tab","--active":"bds270Tabs---active","panel":"bds270Tabs-panel"};
835
835
 
836
836
  // src/components/ui/Tabs/Tabs.tsx
837
837
  import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -911,7 +911,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
911
911
  import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
912
912
 
913
913
  // src/components/ui/Tooltip/Tooltip.module.css
914
- 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"};
914
+ 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"};
915
915
 
916
916
  // src/components/ui/Tooltip/Tooltip.tsx
917
917
  import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -955,7 +955,7 @@ function Tooltip({
955
955
  }
956
956
 
957
957
  // src/components/ui/Typography/Typography.module.css
958
- 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"};
958
+ 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"};
959
959
 
960
960
  // src/components/ui/Typography/Typography.tsx
961
961
  import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -973,7 +973,7 @@ function Typography({ variant = "body", component, children, className, ...rest
973
973
  }
974
974
 
975
975
  // src/components/interaction/Button/Button.module.css
976
- 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"};
976
+ 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"};
977
977
 
978
978
  // src/components/interaction/Button/Button.tsx
979
979
  import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1090,7 +1090,7 @@ function installInvokerCommandsPolyfill() {
1090
1090
  }
1091
1091
 
1092
1092
  // src/components/interaction/Command/Command.module.css
1093
- 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"};
1093
+ 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"};
1094
1094
 
1095
1095
  // src/components/interaction/Command/Command.tsx
1096
1096
  import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1267,7 +1267,7 @@ function Command({
1267
1267
  import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
1268
1268
 
1269
1269
  // src/components/interaction/Dialog/Dialog.module.css
1270
- var Dialog_default = {"component":"bds260Dialog-component","dialog":"bds260Dialog-dialog","dialogContent":"bds260Dialog-dialogContent","closeButton":"bds260Dialog-closeButton"};
1270
+ var Dialog_default = {"component":"bds270Dialog-component","dialog":"bds270Dialog-dialog","dialogContent":"bds270Dialog-dialogContent","closeButton":"bds270Dialog-closeButton"};
1271
1271
 
1272
1272
  // src/components/interaction/Dialog/Dialog.tsx
1273
1273
  import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1373,7 +1373,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1373
1373
  import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
1374
1374
 
1375
1375
  // src/components/interaction/Drawer/Drawer.module.css
1376
- var Drawer_default = {"component":"bds260Drawer-component","drawer":"bds260Drawer-drawer","--side_left":"bds260Drawer---side_left","header":"bds260Drawer-header","closeButton":"bds260Drawer-closeButton","body":"bds260Drawer-body"};
1376
+ var Drawer_default = {"component":"bds270Drawer-component","drawer":"bds270Drawer-drawer","--side_left":"bds270Drawer---side_left","header":"bds270Drawer-header","closeButton":"bds270Drawer-closeButton","body":"bds270Drawer-body"};
1377
1377
 
1378
1378
  // src/components/interaction/Drawer/Drawer.tsx
1379
1379
  import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1481,7 +1481,7 @@ import {
1481
1481
  } from "react";
1482
1482
 
1483
1483
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1484
- 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"};
1484
+ 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"};
1485
1485
 
1486
1486
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1487
1487
  import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1602,7 +1602,7 @@ import {
1602
1602
  } from "react";
1603
1603
 
1604
1604
  // src/components/interaction/Popover/Popover.module.css
1605
- var Popover_default = {"component":"bds260Popover-component","wrapper":"bds260Popover-wrapper","panel":"bds260Popover-panel","g":"bds260Popover-g"};
1605
+ var Popover_default = {"component":"bds270Popover-component","wrapper":"bds270Popover-wrapper","panel":"bds270Popover-panel","g":"bds270Popover-g"};
1606
1606
 
1607
1607
  // src/components/interaction/Popover/Popover.tsx
1608
1608
  import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1687,7 +1687,7 @@ function Popover({
1687
1687
  }
1688
1688
 
1689
1689
  // src/components/interaction/Rating/Rating.module.css
1690
- var Rating_default = {"component":"bds260Rating-component","rating":"bds260Rating-rating","star":"bds260Rating-star","--filled":"bds260Rating---filled"};
1690
+ var Rating_default = {"component":"bds270Rating-component","rating":"bds270Rating-rating","star":"bds270Rating-star","--filled":"bds270Rating---filled"};
1691
1691
 
1692
1692
  // src/components/interaction/Rating/Rating.tsx
1693
1693
  import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1719,7 +1719,7 @@ function Rating({ value, max = 5, className, ...rest }) {
1719
1719
  import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
1720
1720
 
1721
1721
  // src/components/interaction/Toast/Toast.module.css
1722
- 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"};
1722
+ 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"};
1723
1723
 
1724
1724
  // src/components/interaction/Toast/Toast.tsx
1725
1725
  import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1797,10 +1797,10 @@ function useToast() {
1797
1797
  import { useId as useId11 } from "react";
1798
1798
 
1799
1799
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1800
- var Checkbox_default = {"component":"bds260Checkbox-component","checkboxGroup":"bds260Checkbox-checkboxGroup","inputWrapper":"bds260Checkbox-inputWrapper","checkbox":"bds260Checkbox-checkbox","checkboxError":"bds260Checkbox-checkboxError"};
1800
+ var Checkbox_default = {"component":"bds270Checkbox-component","checkboxGroup":"bds270Checkbox-checkboxGroup","inputWrapper":"bds270Checkbox-inputWrapper","checkbox":"bds270Checkbox-checkbox","checkboxError":"bds270Checkbox-checkboxError"};
1801
1801
 
1802
1802
  // src/components/interaction/form/atoms/Message.module.css
1803
- var Message_default = {"component":"bds260Message-component","error":"bds260Message-error","hint":"bds260Message-hint"};
1803
+ var Message_default = {"component":"bds270Message-component","error":"bds270Message-error","hint":"bds270Message-hint"};
1804
1804
 
1805
1805
  // src/components/interaction/form/atoms/Message.tsx
1806
1806
  import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1811,7 +1811,7 @@ var Message = ({ message, type, inputId, className }) => {
1811
1811
  };
1812
1812
 
1813
1813
  // src/components/interaction/form/atoms/Label.module.css
1814
- var Label_default = {"component":"bds260Label-component","label":"bds260Label-label"};
1814
+ var Label_default = {"component":"bds270Label-component","label":"bds270Label-label"};
1815
1815
 
1816
1816
  // src/components/interaction/form/atoms/Label.tsx
1817
1817
  import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1824,7 +1824,7 @@ var Label = ({ label, id, className }) => {
1824
1824
  import { cn as cn34 } from "@boostdev/design-system-foundation";
1825
1825
 
1826
1826
  // src/components/interaction/form/atoms/InputContainer.module.css
1827
- var InputContainer_default = {"component":"bds260InputContainer-component","container":"bds260InputContainer-container"};
1827
+ var InputContainer_default = {"component":"bds270InputContainer-component","container":"bds270InputContainer-container"};
1828
1828
 
1829
1829
  // src/components/interaction/form/atoms/InputContainer.tsx
1830
1830
  import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1865,7 +1865,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1865
1865
  import { useId as useId12 } from "react";
1866
1866
 
1867
1867
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1868
- var CheckboxGroup_default = {"component":"bds260CheckboxGroup-component","group":"bds260CheckboxGroup-group","legend":"bds260CheckboxGroup-legend","required":"bds260CheckboxGroup-required","items":"bds260CheckboxGroup-items"};
1868
+ var CheckboxGroup_default = {"component":"bds270CheckboxGroup-component","group":"bds270CheckboxGroup-group","legend":"bds270CheckboxGroup-legend","required":"bds270CheckboxGroup-required","items":"bds270CheckboxGroup-items"};
1869
1869
 
1870
1870
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1871
1871
  import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1913,7 +1913,7 @@ import {
1913
1913
  } from "react";
1914
1914
 
1915
1915
  // src/components/interaction/form/Combobox/Combobox.module.css
1916
- 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"};
1916
+ 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"};
1917
1917
 
1918
1918
  // src/components/interaction/form/Combobox/Combobox.tsx
1919
1919
  import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2060,15 +2060,51 @@ function Combobox({
2060
2060
  ] });
2061
2061
  }
2062
2062
 
2063
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2064
+ import { Children } from "react";
2065
+ import { cn as cn37 } from "@boostdev/design-system-foundation";
2066
+
2067
+ // src/components/interaction/form/FieldGroup/FieldGroup.module.css
2068
+ var FieldGroup_default = {"component":"bds270FieldGroup-component","fieldGroup":"bds270FieldGroup-fieldGroup","legend":"bds270FieldGroup-legend","fields":"bds270FieldGroup-fields","--variant_horizontal":"bds270FieldGroup---variant_horizontal"};
2069
+
2070
+ // src/components/interaction/form/FieldGroup/FieldGroup.tsx
2071
+ import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
2072
+ function FieldGroup({
2073
+ variant = "horizontal",
2074
+ legend,
2075
+ children,
2076
+ className,
2077
+ style,
2078
+ ...rest
2079
+ }) {
2080
+ const fieldCount = Children.count(children);
2081
+ const styleWithCount = {
2082
+ ...style,
2083
+ "--fieldGroup_field-count": fieldCount
2084
+ };
2085
+ return /* @__PURE__ */ jsxs26(
2086
+ "fieldset",
2087
+ {
2088
+ ...rest,
2089
+ style: styleWithCount,
2090
+ className: cn37(FieldGroup_default.fieldGroup, FieldGroup_default[`--variant_${variant}`], className),
2091
+ children: [
2092
+ legend !== void 0 && /* @__PURE__ */ jsx37("legend", { className: FieldGroup_default.legend, children: legend }),
2093
+ /* @__PURE__ */ jsx37("div", { className: FieldGroup_default.fields, children })
2094
+ ]
2095
+ }
2096
+ );
2097
+ }
2098
+
2063
2099
  // src/components/interaction/form/FileInput/FileInput.tsx
2064
2100
  import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
2065
2101
 
2066
2102
  // src/components/interaction/form/FileInput/FileInput.module.css
2067
- 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"};
2103
+ 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"};
2068
2104
 
2069
2105
  // src/components/interaction/form/FileInput/FileInput.tsx
2070
- import { cn as cn37 } from "@boostdev/design-system-foundation";
2071
- import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
2106
+ import { cn as cn38 } from "@boostdev/design-system-foundation";
2107
+ import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
2072
2108
  function FileInput({
2073
2109
  label,
2074
2110
  name,
@@ -2118,24 +2154,24 @@ function FileInput({
2118
2154
  if (!disabled) setIsDragging(true);
2119
2155
  };
2120
2156
  const handleDragLeave = () => setIsDragging(false);
2121
- return /* @__PURE__ */ jsxs26(InputContainer, { ...rest, className: cn37(FileInput_default.formGroup, className), children: [
2122
- /* @__PURE__ */ jsxs26(
2157
+ return /* @__PURE__ */ jsxs27(InputContainer, { ...rest, className: cn38(FileInput_default.formGroup, className), children: [
2158
+ /* @__PURE__ */ jsxs27(
2123
2159
  "label",
2124
2160
  {
2125
2161
  htmlFor: uid,
2126
- className: cn37(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2162
+ className: cn38(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
2127
2163
  onDrop: handleDrop,
2128
2164
  onDragOver: handleDragOver,
2129
2165
  onDragLeave: handleDragLeave,
2130
2166
  children: [
2131
- /* @__PURE__ */ jsx37("span", { className: FileInput_default.fieldLabel, children: label }),
2132
- /* @__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" }) }),
2133
- /* @__PURE__ */ jsx37("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs26(Fragment3, { children: [
2134
- /* @__PURE__ */ jsx37("strong", { children: "Click to upload" }),
2167
+ /* @__PURE__ */ jsx38("span", { className: FileInput_default.fieldLabel, children: label }),
2168
+ /* @__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" }) }),
2169
+ /* @__PURE__ */ jsx38("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs27(Fragment3, { children: [
2170
+ /* @__PURE__ */ jsx38("strong", { children: "Click to upload" }),
2135
2171
  " or drag and drop"
2136
2172
  ] }) }),
2137
- accept && /* @__PURE__ */ jsx37("span", { className: FileInput_default.acceptHint, children: accept }),
2138
- /* @__PURE__ */ jsx37(
2173
+ accept && /* @__PURE__ */ jsx38("span", { className: FileInput_default.acceptHint, children: accept }),
2174
+ /* @__PURE__ */ jsx38(
2139
2175
  "input",
2140
2176
  {
2141
2177
  ref: inputRef,
@@ -2156,8 +2192,8 @@ function FileInput({
2156
2192
  ]
2157
2193
  }
2158
2194
  ),
2159
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
2160
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
2195
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
2196
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
2161
2197
  ] });
2162
2198
  }
2163
2199
 
@@ -2165,11 +2201,11 @@ function FileInput({
2165
2201
  import { useId as useId15 } from "react";
2166
2202
 
2167
2203
  // src/components/interaction/form/FormInput/FormInput.module.css
2168
- var FormInput_default = {"component":"bds260FormInput-component","formGroup":"bds260FormInput-formGroup","input":"bds260FormInput-input","inputError":"bds260FormInput-inputError"};
2204
+ var FormInput_default = {"component":"bds270FormInput-component","formGroup":"bds270FormInput-formGroup","input":"bds270FormInput-input","inputError":"bds270FormInput-inputError"};
2169
2205
 
2170
2206
  // src/components/interaction/form/FormInput/FormInput.tsx
2171
- import { cn as cn38 } from "@boostdev/design-system-foundation";
2172
- import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
2207
+ import { cn as cn39 } from "@boostdev/design-system-foundation";
2208
+ import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
2173
2209
  function FormInput({
2174
2210
  label,
2175
2211
  name,
@@ -2184,9 +2220,9 @@ function FormInput({
2184
2220
  const hintId = id + "hint";
2185
2221
  const errorId = id + "error";
2186
2222
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2187
- return /* @__PURE__ */ jsxs27(InputContainer, { className: cn38(FormInput_default.formGroup, className), children: [
2188
- /* @__PURE__ */ jsx38(Label, { id, label }),
2189
- /* @__PURE__ */ jsx38(
2223
+ return /* @__PURE__ */ jsxs28(InputContainer, { className: cn39(FormInput_default.formGroup, className), children: [
2224
+ /* @__PURE__ */ jsx39(Label, { id, label }),
2225
+ /* @__PURE__ */ jsx39(
2190
2226
  "input",
2191
2227
  {
2192
2228
  "aria-invalid": !!error,
@@ -2196,12 +2232,12 @@ function FormInput({
2196
2232
  id,
2197
2233
  name,
2198
2234
  required,
2199
- className: cn38(FormInput_default.input, error && FormInput_default.inputError),
2235
+ className: cn39(FormInput_default.input, error && FormInput_default.inputError),
2200
2236
  ...props
2201
2237
  }
2202
2238
  ),
2203
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
2204
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
2239
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
2240
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
2205
2241
  ] });
2206
2242
  }
2207
2243
 
@@ -2209,11 +2245,11 @@ function FormInput({
2209
2245
  import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
2210
2246
 
2211
2247
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2212
- var NumberInput_default = {"component":"bds260NumberInput-component","formGroup":"bds260NumberInput-formGroup","inputRow":"bds260NumberInput-inputRow","input":"bds260NumberInput-input","inputError":"bds260NumberInput-inputError","stepper":"bds260NumberInput-stepper"};
2248
+ var NumberInput_default = {"component":"bds270NumberInput-component","formGroup":"bds270NumberInput-formGroup","inputRow":"bds270NumberInput-inputRow","input":"bds270NumberInput-input","inputError":"bds270NumberInput-inputError","stepper":"bds270NumberInput-stepper"};
2213
2249
 
2214
2250
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2215
- import { cn as cn39 } from "@boostdev/design-system-foundation";
2216
- import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
2251
+ import { cn as cn40 } from "@boostdev/design-system-foundation";
2252
+ import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2217
2253
  function NumberInput({
2218
2254
  label,
2219
2255
  name,
@@ -2252,10 +2288,10 @@ function NumberInput({
2252
2288
  }
2253
2289
  onChange?.(next);
2254
2290
  };
2255
- return /* @__PURE__ */ jsxs28(InputContainer, { ...rest, className: cn39(NumberInput_default.formGroup, className), children: [
2256
- /* @__PURE__ */ jsx39(Label, { id: uid, label }),
2257
- /* @__PURE__ */ jsxs28("div", { className: NumberInput_default.inputRow, children: [
2258
- /* @__PURE__ */ jsx39(
2291
+ return /* @__PURE__ */ jsxs29(InputContainer, { ...rest, className: cn40(NumberInput_default.formGroup, className), children: [
2292
+ /* @__PURE__ */ jsx40(Label, { id: uid, label }),
2293
+ /* @__PURE__ */ jsxs29("div", { className: NumberInput_default.inputRow, children: [
2294
+ /* @__PURE__ */ jsx40(
2259
2295
  "button",
2260
2296
  {
2261
2297
  type: "button",
@@ -2265,10 +2301,10 @@ function NumberInput({
2265
2301
  disabled: disabled || min !== void 0 && currentValue <= min,
2266
2302
  onClick: () => adjust(-step),
2267
2303
  tabIndex: -1,
2268
- 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" }) })
2304
+ 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" }) })
2269
2305
  }
2270
2306
  ),
2271
- /* @__PURE__ */ jsx39(
2307
+ /* @__PURE__ */ jsx40(
2272
2308
  "input",
2273
2309
  {
2274
2310
  ref: inputRef,
@@ -2282,7 +2318,7 @@ function NumberInput({
2282
2318
  disabled,
2283
2319
  "aria-invalid": !!error,
2284
2320
  "aria-describedby": describedBy,
2285
- className: cn39(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2321
+ className: cn40(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
2286
2322
  onChange: (e) => {
2287
2323
  const v = parseFloat(e.target.value);
2288
2324
  const safe = isNaN(v) ? 0 : v;
@@ -2291,7 +2327,7 @@ function NumberInput({
2291
2327
  }
2292
2328
  }
2293
2329
  ),
2294
- /* @__PURE__ */ jsx39(
2330
+ /* @__PURE__ */ jsx40(
2295
2331
  "button",
2296
2332
  {
2297
2333
  type: "button",
@@ -2301,12 +2337,12 @@ function NumberInput({
2301
2337
  disabled: disabled || max !== void 0 && currentValue >= max,
2302
2338
  onClick: () => adjust(step),
2303
2339
  tabIndex: -1,
2304
- 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" }) })
2340
+ 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" }) })
2305
2341
  }
2306
2342
  )
2307
2343
  ] }),
2308
- /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "error", message: error }),
2309
- /* @__PURE__ */ jsx39(Message, { inputId: uid, type: "hint", message: hint })
2344
+ /* @__PURE__ */ jsx40(Message, { inputId: uid, type: "error", message: error }),
2345
+ /* @__PURE__ */ jsx40(Message, { inputId: uid, type: "hint", message: hint })
2310
2346
  ] });
2311
2347
  }
2312
2348
 
@@ -2314,19 +2350,19 @@ function NumberInput({
2314
2350
  import { useId as useId17 } from "react";
2315
2351
 
2316
2352
  // src/components/interaction/form/Radio/Radio.module.css
2317
- var Radio_default = {"component":"bds260Radio-component","radioGroup":"bds260Radio-radioGroup","inputWrapper":"bds260Radio-inputWrapper","textWrapper":"bds260Radio-textWrapper","description":"bds260Radio-description","radio":"bds260Radio-radio","radioError":"bds260Radio-radioError"};
2353
+ var Radio_default = {"component":"bds270Radio-component","radioGroup":"bds270Radio-radioGroup","inputWrapper":"bds270Radio-inputWrapper","textWrapper":"bds270Radio-textWrapper","description":"bds270Radio-description","radio":"bds270Radio-radio","radioError":"bds270Radio-radioError"};
2318
2354
 
2319
2355
  // src/components/interaction/form/Radio/Radio.tsx
2320
- import { cn as cn40 } from "@boostdev/design-system-foundation";
2321
- import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2356
+ import { cn as cn41 } from "@boostdev/design-system-foundation";
2357
+ import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2322
2358
  function Radio({ label, name, description, error, hint, className, ...props }) {
2323
2359
  const id = name + useId17();
2324
2360
  const hintId = id + "hint";
2325
2361
  const errorId = id + "error";
2326
2362
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2327
- return /* @__PURE__ */ jsxs29(InputContainer, { className: cn40(Radio_default.radioGroup, className), children: [
2328
- /* @__PURE__ */ jsxs29("div", { className: Radio_default.inputWrapper, children: [
2329
- /* @__PURE__ */ jsx40(
2363
+ return /* @__PURE__ */ jsxs30(InputContainer, { className: cn41(Radio_default.radioGroup, className), children: [
2364
+ /* @__PURE__ */ jsxs30("div", { className: Radio_default.inputWrapper, children: [
2365
+ /* @__PURE__ */ jsx41(
2330
2366
  "input",
2331
2367
  {
2332
2368
  "aria-describedby": describedBy,
@@ -2334,17 +2370,17 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2334
2370
  type: "radio",
2335
2371
  id,
2336
2372
  name,
2337
- className: cn40(Radio_default.radio, error && Radio_default.radioError),
2373
+ className: cn41(Radio_default.radio, error && Radio_default.radioError),
2338
2374
  ...props
2339
2375
  }
2340
2376
  ),
2341
- /* @__PURE__ */ jsxs29("div", { className: Radio_default.textWrapper, children: [
2342
- /* @__PURE__ */ jsx40(Label, { id, label }),
2343
- description && /* @__PURE__ */ jsx40("span", { className: Radio_default.description, children: description })
2377
+ /* @__PURE__ */ jsxs30("div", { className: Radio_default.textWrapper, children: [
2378
+ /* @__PURE__ */ jsx41(Label, { id, label }),
2379
+ description && /* @__PURE__ */ jsx41("span", { className: Radio_default.description, children: description })
2344
2380
  ] })
2345
2381
  ] }),
2346
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
2347
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
2382
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2383
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2348
2384
  ] });
2349
2385
  }
2350
2386
 
@@ -2352,11 +2388,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2352
2388
  import { useId as useId18 } from "react";
2353
2389
 
2354
2390
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2355
- var RadioGroup_default = {"component":"bds260RadioGroup-component","group":"bds260RadioGroup-group","legend":"bds260RadioGroup-legend","required":"bds260RadioGroup-required","items":"bds260RadioGroup-items"};
2391
+ var RadioGroup_default = {"component":"bds270RadioGroup-component","group":"bds270RadioGroup-group","legend":"bds270RadioGroup-legend","required":"bds270RadioGroup-required","items":"bds270RadioGroup-items"};
2356
2392
 
2357
2393
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2358
- import { cn as cn41 } from "@boostdev/design-system-foundation";
2359
- import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2394
+ import { cn as cn42 } from "@boostdev/design-system-foundation";
2395
+ import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2360
2396
  function RadioGroup({
2361
2397
  legend,
2362
2398
  children,
@@ -2370,35 +2406,35 @@ function RadioGroup({
2370
2406
  const hintId = id + "hint";
2371
2407
  const errorId = id + "error";
2372
2408
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2373
- return /* @__PURE__ */ jsxs30(
2409
+ return /* @__PURE__ */ jsxs31(
2374
2410
  "fieldset",
2375
2411
  {
2376
2412
  ...rest,
2377
- className: cn41(RadioGroup_default.group, className),
2413
+ className: cn42(RadioGroup_default.group, className),
2378
2414
  "aria-required": required || void 0,
2379
2415
  "aria-describedby": describedBy,
2380
2416
  children: [
2381
- /* @__PURE__ */ jsxs30("legend", { className: RadioGroup_default.legend, children: [
2417
+ /* @__PURE__ */ jsxs31("legend", { className: RadioGroup_default.legend, children: [
2382
2418
  legend,
2383
- required && /* @__PURE__ */ jsx41("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2419
+ required && /* @__PURE__ */ jsx42("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
2384
2420
  ] }),
2385
- /* @__PURE__ */ jsx41("div", { className: RadioGroup_default.items, children }),
2386
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2387
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2421
+ /* @__PURE__ */ jsx42("div", { className: RadioGroup_default.items, children }),
2422
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2423
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2388
2424
  ]
2389
2425
  }
2390
2426
  );
2391
2427
  }
2392
2428
 
2393
2429
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2394
- import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2430
+ import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2395
2431
 
2396
2432
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2397
- 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"};
2433
+ 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"};
2398
2434
 
2399
2435
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2400
- import { cn as cn42 } from "@boostdev/design-system-foundation";
2401
- import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2436
+ import { cn as cn43 } from "@boostdev/design-system-foundation";
2437
+ import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2402
2438
  function SegmentedControl({
2403
2439
  children,
2404
2440
  selectedIndex: selectedIndexProp,
@@ -2408,32 +2444,32 @@ function SegmentedControl({
2408
2444
  className,
2409
2445
  ...rest
2410
2446
  }) {
2411
- const validChildren = Children.toArray(children).filter(isValidElement4);
2447
+ const validChildren = Children2.toArray(children).filter(isValidElement4);
2412
2448
  const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
2413
2449
  const p = child.props;
2414
2450
  return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
2415
2451
  }) : -1;
2416
2452
  const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
2417
- return /* @__PURE__ */ jsxs31(
2453
+ return /* @__PURE__ */ jsxs32(
2418
2454
  "div",
2419
2455
  {
2420
2456
  ...rest,
2421
2457
  role: "group",
2422
- className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2458
+ className: cn43(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2423
2459
  style: {
2424
2460
  "--control_count": validChildren.length,
2425
2461
  "--control_selected-index": activeIndex
2426
2462
  },
2427
2463
  children: [
2428
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2429
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2464
+ /* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2465
+ /* @__PURE__ */ jsx43("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2430
2466
  validChildren.map((child, index) => {
2431
2467
  const isActive = index === activeIndex;
2432
2468
  const p = child.props;
2433
2469
  const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
2434
2470
  return cloneElement4(child, {
2435
2471
  key: child.key ?? index,
2436
- className: cn42(
2472
+ className: cn43(
2437
2473
  SegmentedControl_default.item,
2438
2474
  isActive && SegmentedControl_default["--active"],
2439
2475
  isDisabled && SegmentedControl_default["--disabled"],
@@ -2450,11 +2486,11 @@ function SegmentedControl({
2450
2486
  import { useId as useId19 } from "react";
2451
2487
 
2452
2488
  // src/components/interaction/form/Select/Select.module.css
2453
- var Select_default = {"component":"bds260Select-component","formGroup":"bds260Select-formGroup","selectWrapper":"bds260Select-selectWrapper","select":"bds260Select-select","selectError":"bds260Select-selectError","chevron":"bds260Select-chevron"};
2489
+ var Select_default = {"component":"bds270Select-component","formGroup":"bds270Select-formGroup","selectWrapper":"bds270Select-selectWrapper","select":"bds270Select-select","selectError":"bds270Select-selectError","chevron":"bds270Select-chevron"};
2454
2490
 
2455
2491
  // src/components/interaction/form/Select/Select.tsx
2456
- import { cn as cn43 } from "@boostdev/design-system-foundation";
2457
- import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2492
+ import { cn as cn44 } from "@boostdev/design-system-foundation";
2493
+ import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
2458
2494
  function Select({
2459
2495
  label,
2460
2496
  name,
@@ -2470,10 +2506,10 @@ function Select({
2470
2506
  const hintId = id + "hint";
2471
2507
  const errorId = id + "error";
2472
2508
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2473
- return /* @__PURE__ */ jsxs32(InputContainer, { className: cn43(Select_default.formGroup, className), children: [
2474
- /* @__PURE__ */ jsx43(Label, { id, label }),
2475
- /* @__PURE__ */ jsxs32("div", { className: Select_default.selectWrapper, children: [
2476
- /* @__PURE__ */ jsxs32(
2509
+ return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Select_default.formGroup, className), children: [
2510
+ /* @__PURE__ */ jsx44(Label, { id, label }),
2511
+ /* @__PURE__ */ jsxs33("div", { className: Select_default.selectWrapper, children: [
2512
+ /* @__PURE__ */ jsxs33(
2477
2513
  "select",
2478
2514
  {
2479
2515
  id,
@@ -2482,18 +2518,18 @@ function Select({
2482
2518
  "aria-required": required || void 0,
2483
2519
  "aria-describedby": describedBy,
2484
2520
  required,
2485
- className: cn43(Select_default.select, error ? Select_default.selectError : void 0),
2521
+ className: cn44(Select_default.select, error ? Select_default.selectError : void 0),
2486
2522
  ...props,
2487
2523
  children: [
2488
- placeholder && /* @__PURE__ */ jsx43("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2489
- options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx43("option", { value, disabled, children: optLabel }, value))
2524
+ placeholder && /* @__PURE__ */ jsx44("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2525
+ options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx44("option", { value, disabled, children: optLabel }, value))
2490
2526
  ]
2491
2527
  }
2492
2528
  ),
2493
- /* @__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" }) }) })
2529
+ /* @__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" }) }) })
2494
2530
  ] }),
2495
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
2496
- /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
2531
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
2532
+ /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
2497
2533
  ] });
2498
2534
  }
2499
2535
 
@@ -2501,11 +2537,11 @@ function Select({
2501
2537
  import { useId as useId20, useState as useState12 } from "react";
2502
2538
 
2503
2539
  // src/components/interaction/form/Slider/Slider.module.css
2504
- var Slider_default = {"component":"bds260Slider-component","formGroup":"bds260Slider-formGroup","labelRow":"bds260Slider-labelRow","value":"bds260Slider-value","slider":"bds260Slider-slider","sliderError":"bds260Slider-sliderError"};
2540
+ var Slider_default = {"component":"bds270Slider-component","formGroup":"bds270Slider-formGroup","labelRow":"bds270Slider-labelRow","value":"bds270Slider-value","slider":"bds270Slider-slider","sliderError":"bds270Slider-sliderError"};
2505
2541
 
2506
2542
  // src/components/interaction/form/Slider/Slider.tsx
2507
- import { cn as cn44 } from "@boostdev/design-system-foundation";
2508
- import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
2543
+ import { cn as cn45 } from "@boostdev/design-system-foundation";
2544
+ import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
2509
2545
  function Slider({
2510
2546
  label,
2511
2547
  name,
@@ -2530,12 +2566,12 @@ function Slider({
2530
2566
  if (!isControlled) setInternalValue(Number(e.target.value));
2531
2567
  onChange?.(e);
2532
2568
  };
2533
- return /* @__PURE__ */ jsxs33(InputContainer, { className: cn44(Slider_default.formGroup, className), children: [
2534
- /* @__PURE__ */ jsxs33("div", { className: Slider_default.labelRow, children: [
2535
- /* @__PURE__ */ jsx44(Label, { id, label }),
2536
- showValue && /* @__PURE__ */ jsx44("span", { className: Slider_default.value, children: currentValue })
2569
+ return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Slider_default.formGroup, className), children: [
2570
+ /* @__PURE__ */ jsxs34("div", { className: Slider_default.labelRow, children: [
2571
+ /* @__PURE__ */ jsx45(Label, { id, label }),
2572
+ showValue && /* @__PURE__ */ jsx45("span", { className: Slider_default.value, children: currentValue })
2537
2573
  ] }),
2538
- /* @__PURE__ */ jsx44(
2574
+ /* @__PURE__ */ jsx45(
2539
2575
  "input",
2540
2576
  {
2541
2577
  type: "range",
@@ -2548,14 +2584,14 @@ function Slider({
2548
2584
  "aria-valuemax": max,
2549
2585
  "aria-valuenow": currentValue,
2550
2586
  "aria-valuetext": String(currentValue),
2551
- className: cn44(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2587
+ className: cn45(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2552
2588
  style: { "--slider_fill": `${fillPct}%` },
2553
2589
  onChange: handleChange,
2554
2590
  ...props
2555
2591
  }
2556
2592
  ),
2557
- /* @__PURE__ */ jsx44(Message, { inputId: id, type: "error", message: error }),
2558
- /* @__PURE__ */ jsx44(Message, { inputId: id, type: "hint", message: hint })
2593
+ /* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
2594
+ /* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
2559
2595
  ] });
2560
2596
  }
2561
2597
 
@@ -2563,11 +2599,11 @@ function Slider({
2563
2599
  import { useId as useId21 } from "react";
2564
2600
 
2565
2601
  // src/components/interaction/form/Switch/Switch.module.css
2566
- 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"};
2602
+ 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"};
2567
2603
 
2568
2604
  // src/components/interaction/form/Switch/Switch.tsx
2569
- import { cn as cn45 } from "@boostdev/design-system-foundation";
2570
- import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
2605
+ import { cn as cn46 } from "@boostdev/design-system-foundation";
2606
+ import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
2571
2607
  function Switch({
2572
2608
  label,
2573
2609
  name,
@@ -2582,11 +2618,11 @@ function Switch({
2582
2618
  const hintId = id + "hint";
2583
2619
  const errorId = id + "error";
2584
2620
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2585
- return /* @__PURE__ */ jsxs34(InputContainer, { className: cn45(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2586
- /* @__PURE__ */ jsxs34("div", { className: Switch_default.inputWrapper, children: [
2587
- prefix && /* @__PURE__ */ jsx45("span", { children: prefix }),
2588
- /* @__PURE__ */ jsxs34("div", { className: Switch_default.trackWrapper, children: [
2589
- /* @__PURE__ */ jsx45(
2621
+ return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2622
+ /* @__PURE__ */ jsxs35("div", { className: Switch_default.inputWrapper, children: [
2623
+ prefix && /* @__PURE__ */ jsx46("span", { children: prefix }),
2624
+ /* @__PURE__ */ jsxs35("div", { className: Switch_default.trackWrapper, children: [
2625
+ /* @__PURE__ */ jsx46(
2590
2626
  "input",
2591
2627
  {
2592
2628
  type: "checkbox",
@@ -2594,16 +2630,16 @@ function Switch({
2594
2630
  id,
2595
2631
  name,
2596
2632
  "aria-describedby": describedBy,
2597
- className: cn45(Switch_default.switch, error ? Switch_default.switchError : void 0),
2633
+ className: cn46(Switch_default.switch, error ? Switch_default.switchError : void 0),
2598
2634
  ...props
2599
2635
  }
2600
2636
  ),
2601
- /* @__PURE__ */ jsx45("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx45("span", { className: Switch_default.thumb }) })
2637
+ /* @__PURE__ */ jsx46("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx46("span", { className: Switch_default.thumb }) })
2602
2638
  ] }),
2603
- /* @__PURE__ */ jsx45(Label, { id, label })
2639
+ /* @__PURE__ */ jsx46(Label, { id, label })
2604
2640
  ] }),
2605
- /* @__PURE__ */ jsx45(Message, { inputId: id, type: "error", message: error }),
2606
- /* @__PURE__ */ jsx45(Message, { inputId: id, type: "hint", message: hint })
2641
+ /* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
2642
+ /* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
2607
2643
  ] });
2608
2644
  }
2609
2645
 
@@ -2611,11 +2647,11 @@ function Switch({
2611
2647
  import { useId as useId22 } from "react";
2612
2648
 
2613
2649
  // src/components/interaction/form/Textarea/Textarea.module.css
2614
- var Textarea_default = {"component":"bds260Textarea-component","formGroup":"bds260Textarea-formGroup","textarea":"bds260Textarea-textarea","textareaError":"bds260Textarea-textareaError"};
2650
+ var Textarea_default = {"component":"bds270Textarea-component","formGroup":"bds270Textarea-formGroup","textarea":"bds270Textarea-textarea","textareaError":"bds270Textarea-textareaError"};
2615
2651
 
2616
2652
  // src/components/interaction/form/Textarea/Textarea.tsx
2617
- import { cn as cn46 } from "@boostdev/design-system-foundation";
2618
- import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
2653
+ import { cn as cn47 } from "@boostdev/design-system-foundation";
2654
+ import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
2619
2655
  function Textarea({
2620
2656
  label,
2621
2657
  name,
@@ -2629,9 +2665,9 @@ function Textarea({
2629
2665
  const hintId = id + "hint";
2630
2666
  const errorId = id + "error";
2631
2667
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2632
- return /* @__PURE__ */ jsxs35(InputContainer, { className: cn46(Textarea_default.formGroup, className), children: [
2633
- /* @__PURE__ */ jsx46(Label, { id, label }),
2634
- /* @__PURE__ */ jsx46(
2668
+ return /* @__PURE__ */ jsxs36(InputContainer, { className: cn47(Textarea_default.formGroup, className), children: [
2669
+ /* @__PURE__ */ jsx47(Label, { id, label }),
2670
+ /* @__PURE__ */ jsx47(
2635
2671
  "textarea",
2636
2672
  {
2637
2673
  id,
@@ -2640,40 +2676,40 @@ function Textarea({
2640
2676
  "aria-describedby": describedBy,
2641
2677
  "aria-required": required || void 0,
2642
2678
  required,
2643
- className: cn46(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2679
+ className: cn47(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2644
2680
  ...props
2645
2681
  }
2646
2682
  ),
2647
- /* @__PURE__ */ jsx46(Message, { inputId: id, type: "error", message: error }),
2648
- /* @__PURE__ */ jsx46(Message, { inputId: id, type: "hint", message: hint })
2683
+ /* @__PURE__ */ jsx47(Message, { inputId: id, type: "error", message: error }),
2684
+ /* @__PURE__ */ jsx47(Message, { inputId: id, type: "hint", message: hint })
2649
2685
  ] });
2650
2686
  }
2651
2687
 
2652
2688
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2653
- 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"};
2689
+ 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"};
2654
2690
 
2655
2691
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2656
- import { cn as cn47 } from "@boostdev/design-system-foundation";
2657
- import { jsx as jsx47 } from "react/jsx-runtime";
2692
+ import { cn as cn48 } from "@boostdev/design-system-foundation";
2693
+ import { jsx as jsx48 } from "react/jsx-runtime";
2658
2694
  function ButtonContainer({ children, className, variant, ...rest }) {
2659
- return /* @__PURE__ */ jsx47(
2695
+ return /* @__PURE__ */ jsx48(
2660
2696
  "div",
2661
2697
  {
2662
2698
  ...rest,
2663
2699
  role: "group",
2664
- className: cn47(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2665
- children: /* @__PURE__ */ jsx47("div", { className: ButtonGroup_default.container, children })
2700
+ className: cn48(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]),
2701
+ children: /* @__PURE__ */ jsx48("div", { className: ButtonGroup_default.container, children })
2666
2702
  }
2667
2703
  );
2668
2704
  }
2669
2705
  var ButtonGroup = ButtonContainer;
2670
2706
 
2671
2707
  // src/components/layout/Card/Card.module.css
2672
- 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"};
2708
+ 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"};
2673
2709
 
2674
2710
  // src/components/layout/Card/Card.tsx
2675
- import { cn as cn48 } from "@boostdev/design-system-foundation";
2676
- import { jsx as jsx48 } from "react/jsx-runtime";
2711
+ import { cn as cn49 } from "@boostdev/design-system-foundation";
2712
+ import { jsx as jsx49 } from "react/jsx-runtime";
2677
2713
  function Card({
2678
2714
  children,
2679
2715
  className,
@@ -2684,7 +2720,7 @@ function Card({
2684
2720
  onClick,
2685
2721
  ...rest
2686
2722
  }) {
2687
- const classNames = cn48(
2723
+ const classNames = cn49(
2688
2724
  Card_default.card,
2689
2725
  Card_default[`--${variant}`],
2690
2726
  Card_default[`--padding-${padding}`],
@@ -2693,7 +2729,7 @@ function Card({
2693
2729
  className
2694
2730
  );
2695
2731
  const Component = as ?? (onClick ? "button" : "div");
2696
- return /* @__PURE__ */ jsx48(
2732
+ return /* @__PURE__ */ jsx49(
2697
2733
  Component,
2698
2734
  {
2699
2735
  ...rest,
@@ -2713,10 +2749,10 @@ import {
2713
2749
  } from "react";
2714
2750
 
2715
2751
  // src/components/layout/Grid/Grid.module.css
2716
- 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"};
2752
+ 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"};
2717
2753
 
2718
2754
  // src/components/layout/Grid/Grid.tsx
2719
- import { cn as cn49 } from "@boostdev/design-system-foundation";
2755
+ import { cn as cn50 } from "@boostdev/design-system-foundation";
2720
2756
 
2721
2757
  // src/components/layout/Grid/masonry.ts
2722
2758
  import { useLayoutEffect } from "react";
@@ -2940,7 +2976,7 @@ function useMasonry(ref, enabled, options = {}) {
2940
2976
  }
2941
2977
 
2942
2978
  // src/components/layout/Grid/Grid.tsx
2943
- import { jsx as jsx49 } from "react/jsx-runtime";
2979
+ import { jsx as jsx50 } from "react/jsx-runtime";
2944
2980
  var _GridContext;
2945
2981
  function getGridContext() {
2946
2982
  _GridContext ??= createContext2({ autoSpanMedia: false });
@@ -2965,7 +3001,7 @@ function Grid({
2965
3001
  preferredColumnSpan: masonryPreferredColumnSpan,
2966
3002
  rowUnitPx: masonryRowUnitPx
2967
3003
  });
2968
- const classNames = cn49(
3004
+ const classNames = cn50(
2969
3005
  Grid_default.grid,
2970
3006
  Grid_default[`--${variant}`],
2971
3007
  isCentered && Grid_default["--centered"],
@@ -2976,7 +3012,7 @@ function Grid({
2976
3012
  const Component = as ?? "div";
2977
3013
  const GridContext = getGridContext();
2978
3014
  const ctx = useMemo4(() => ({ autoSpanMedia }), [autoSpanMedia]);
2979
- return /* @__PURE__ */ jsx49(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx49(GridContext.Provider, { value: ctx, children }) });
3015
+ return /* @__PURE__ */ jsx50(Component, { ref, ...rest, className: classNames, style: composedStyle, children: /* @__PURE__ */ jsx50(GridContext.Provider, { value: ctx, children }) });
2980
3016
  }
2981
3017
 
2982
3018
  // src/components/layout/Grid/GridItem.tsx
@@ -2986,7 +3022,7 @@ import {
2986
3022
  useRef as useRef13,
2987
3023
  useState as useState13
2988
3024
  } from "react";
2989
- import { cn as cn50 } from "@boostdev/design-system-foundation";
3025
+ import { cn as cn51 } from "@boostdev/design-system-foundation";
2990
3026
 
2991
3027
  // src/components/layout/Grid/autoSpan.ts
2992
3028
  function aspectToColumnSpan(ratio) {
@@ -3018,7 +3054,7 @@ function mediaReadyEvent(media) {
3018
3054
  }
3019
3055
 
3020
3056
  // src/components/layout/Grid/GridItem.tsx
3021
- import { jsx as jsx50 } from "react/jsx-runtime";
3057
+ import { jsx as jsx51 } from "react/jsx-runtime";
3022
3058
  var GridItemSpan = {
3023
3059
  full: "full",
3024
3060
  threeQuarters: "three-quarters",
@@ -3100,13 +3136,13 @@ function GridItem({
3100
3136
  };
3101
3137
  const Component = as ?? "div";
3102
3138
  const isColumnSpanAuto = columnSpan === void 0 && !hasExplicitRange;
3103
- return /* @__PURE__ */ jsx50(
3139
+ return /* @__PURE__ */ jsx51(
3104
3140
  Component,
3105
3141
  {
3106
3142
  ref,
3107
3143
  ...rest,
3108
3144
  "data-column-span-auto": isColumnSpanAuto ? "" : void 0,
3109
- className: cn50(Grid_default.item, className),
3145
+ className: cn51(Grid_default.item, className),
3110
3146
  style: composedStyle,
3111
3147
  children
3112
3148
  }
@@ -3114,11 +3150,11 @@ function GridItem({
3114
3150
  }
3115
3151
 
3116
3152
  // src/components/layout/SectionHeader/SectionHeader.module.css
3117
- 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"};
3153
+ 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"};
3118
3154
 
3119
3155
  // src/components/layout/SectionHeader/SectionHeader.tsx
3120
- import { cn as cn51 } from "@boostdev/design-system-foundation";
3121
- import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
3156
+ import { cn as cn52 } from "@boostdev/design-system-foundation";
3157
+ import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
3122
3158
  function SectionHeader({
3123
3159
  title,
3124
3160
  subtitle,
@@ -3129,24 +3165,24 @@ function SectionHeader({
3129
3165
  ...rest
3130
3166
  }) {
3131
3167
  const Title = titleAs;
3132
- return /* @__PURE__ */ jsxs36("div", { ...rest, className: cn51(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3133
- /* @__PURE__ */ jsx51(Title, { className: SectionHeader_default.title, children: title }),
3134
- subtitle && /* @__PURE__ */ jsx51("p", { className: SectionHeader_default.subtitle, children: subtitle })
3168
+ return /* @__PURE__ */ jsxs37("div", { ...rest, className: cn52(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
3169
+ /* @__PURE__ */ jsx52(Title, { className: SectionHeader_default.title, children: title }),
3170
+ subtitle && /* @__PURE__ */ jsx52("p", { className: SectionHeader_default.subtitle, children: subtitle })
3135
3171
  ] });
3136
3172
  }
3137
3173
 
3138
3174
  // src/components/layout/IconWrapper/IconWrapper.module.css
3139
- var IconWrapper_default = {"component":"bds260IconWrapper-component","wrapper":"bds260IconWrapper-wrapper"};
3175
+ var IconWrapper_default = {"component":"bds270IconWrapper-component","wrapper":"bds270IconWrapper-wrapper"};
3140
3176
 
3141
3177
  // src/components/layout/IconWrapper/IconWrapper.tsx
3142
- import { cn as cn52 } from "@boostdev/design-system-foundation";
3143
- import { jsx as jsx52 } from "react/jsx-runtime";
3178
+ import { cn as cn53 } from "@boostdev/design-system-foundation";
3179
+ import { jsx as jsx53 } from "react/jsx-runtime";
3144
3180
  function IconWrapper({ children, className, ...rest }) {
3145
- return /* @__PURE__ */ jsx52("div", { ...rest, className: cn52(className, IconWrapper_default.wrapper), children });
3181
+ return /* @__PURE__ */ jsx53("div", { ...rest, className: cn53(className, IconWrapper_default.wrapper), children });
3146
3182
  }
3147
3183
 
3148
3184
  // src/index.ts
3149
- import { cn as cn53 } from "@boostdev/design-system-foundation";
3185
+ import { cn as cn54 } from "@boostdev/design-system-foundation";
3150
3186
  export {
3151
3187
  Accordion,
3152
3188
  Alert,
@@ -3168,6 +3204,7 @@ export {
3168
3204
  Dialog,
3169
3205
  Drawer,
3170
3206
  DropdownMenu,
3207
+ FieldGroup,
3171
3208
  FileInput,
3172
3209
  FormInput,
3173
3210
  Grid,
@@ -3199,6 +3236,6 @@ export {
3199
3236
  ToastProvider,
3200
3237
  Tooltip,
3201
3238
  Typography,
3202
- cn53 as cn,
3239
+ cn54 as cn,
3203
3240
  useToast
3204
3241
  };