@boostdev/design-system-components 0.1.12 → 0.1.14

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 (121) hide show
  1. package/AGENTS.md +14 -2
  2. package/README.md +35 -5
  3. package/dist/client.cjs +54 -50
  4. package/dist/client.css +498 -509
  5. package/dist/client.d.cts +5 -3
  6. package/dist/client.d.ts +5 -3
  7. package/dist/client.js +54 -50
  8. package/dist/index.cjs +54 -50
  9. package/dist/index.css +498 -509
  10. package/dist/index.d.cts +5 -3
  11. package/dist/index.d.ts +5 -3
  12. package/dist/index.js +54 -50
  13. package/package.json +6 -2
  14. package/src/components/interaction/Button/Button.mdx +73 -0
  15. package/src/components/interaction/Button/Button.module.css +12 -20
  16. package/src/components/interaction/Button/Button.stories.tsx +0 -1
  17. package/src/components/interaction/Command/Command.mdx +28 -0
  18. package/src/components/interaction/Command/Command.module.css +2 -1
  19. package/src/components/interaction/Command/Command.stories.tsx +3 -3
  20. package/src/components/interaction/Dialog/Dialog.mdx +57 -0
  21. package/src/components/interaction/Dialog/Dialog.module.css +6 -0
  22. package/src/components/interaction/Dialog/Dialog.stories.tsx +0 -1
  23. package/src/components/interaction/Drawer/Drawer.mdx +35 -0
  24. package/src/components/interaction/Drawer/Drawer.module.css +3 -9
  25. package/src/components/interaction/Drawer/Drawer.stories.tsx +3 -3
  26. package/src/components/interaction/Drawer/Drawer.tsx +5 -3
  27. package/src/components/interaction/DropdownMenu/DropdownMenu.mdx +40 -0
  28. package/src/components/interaction/DropdownMenu/DropdownMenu.stories.tsx +5 -5
  29. package/src/components/interaction/Popover/Popover.mdx +34 -0
  30. package/src/components/interaction/Popover/Popover.stories.tsx +3 -3
  31. package/src/components/interaction/Rating/Rating.mdx +38 -0
  32. package/src/components/interaction/Rating/Rating.stories.tsx +0 -1
  33. package/src/components/interaction/Toast/Toast.mdx +78 -0
  34. package/src/components/interaction/Toast/Toast.module.css +21 -7
  35. package/src/components/interaction/Toast/Toast.stories.tsx +0 -1
  36. package/src/components/interaction/form/Checkbox/Checkbox.mdx +57 -0
  37. package/src/components/interaction/form/Checkbox/Checkbox.stories.tsx +0 -1
  38. package/src/components/interaction/form/Combobox/Combobox.mdx +37 -0
  39. package/src/components/interaction/form/Combobox/Combobox.stories.tsx +0 -1
  40. package/src/components/interaction/form/FileInput/FileInput.mdx +38 -0
  41. package/src/components/interaction/form/FileInput/FileInput.stories.tsx +0 -1
  42. package/src/components/interaction/form/FormInput/FormInput.mdx +54 -0
  43. package/src/components/interaction/form/FormInput/FormInput.stories.tsx +0 -1
  44. package/src/components/interaction/form/NumberInput/NumberInput.mdx +38 -0
  45. package/src/components/interaction/form/NumberInput/NumberInput.stories.tsx +0 -1
  46. package/src/components/interaction/form/Radio/Radio.mdx +60 -0
  47. package/src/components/interaction/form/Radio/Radio.module.css +24 -11
  48. package/src/components/interaction/form/Radio/Radio.stories.tsx +5 -5
  49. package/src/components/interaction/form/Radio/Radio.tsx +6 -2
  50. package/src/components/interaction/form/Select/Select.mdx +58 -0
  51. package/src/components/interaction/form/Select/Select.stories.tsx +0 -1
  52. package/src/components/interaction/form/Slider/Slider.mdx +58 -0
  53. package/src/components/interaction/form/Slider/Slider.stories.tsx +0 -1
  54. package/src/components/interaction/form/Switch/Switch.mdx +61 -0
  55. package/src/components/interaction/form/Switch/Switch.module.css +6 -10
  56. package/src/components/interaction/form/Switch/Switch.stories.tsx +0 -1
  57. package/src/components/interaction/form/Textarea/Textarea.mdx +41 -0
  58. package/src/components/interaction/form/Textarea/Textarea.stories.tsx +0 -1
  59. package/src/components/layout/ButtonGroup/ButtonGroup.mdx +47 -0
  60. package/src/components/layout/ButtonGroup/ButtonGroup.module.css +10 -10
  61. package/src/components/layout/ButtonGroup/ButtonGroup.stories.tsx +1 -2
  62. package/src/components/layout/Card/Card.mdx +58 -0
  63. package/src/components/layout/Card/Card.stories.tsx +0 -1
  64. package/src/components/layout/IconWrapper/IconWrapper.mdx +39 -0
  65. package/src/components/layout/IconWrapper/IconWrapper.stories.tsx +0 -1
  66. package/src/components/layout/SectionHeader/SectionHeader.mdx +38 -0
  67. package/src/components/layout/SectionHeader/SectionHeader.stories.tsx +0 -1
  68. package/src/components/ui/Accordion/Accordion.mdx +40 -0
  69. package/src/components/ui/Accordion/Accordion.stories.tsx +0 -1
  70. package/src/components/ui/Alert/Alert.mdx +63 -0
  71. package/src/components/ui/Alert/Alert.module.css +3 -7
  72. package/src/components/ui/Alert/Alert.stories.tsx +0 -1
  73. package/src/components/ui/Avatar/Avatar.mdx +53 -0
  74. package/src/components/ui/Avatar/Avatar.module.css +4 -8
  75. package/src/components/ui/Avatar/Avatar.stories.tsx +0 -1
  76. package/src/components/ui/Badge/Badge.mdx +62 -0
  77. package/src/components/ui/Badge/Badge.module.css +4 -10
  78. package/src/components/ui/Badge/Badge.stories.tsx +0 -1
  79. package/src/components/ui/Breadcrumb/Breadcrumb.mdx +36 -0
  80. package/src/components/ui/Breadcrumb/Breadcrumb.stories.tsx +0 -1
  81. package/src/components/ui/Calendar/Calendar.mdx +34 -0
  82. package/src/components/ui/Calendar/Calendar.stories.tsx +0 -1
  83. package/src/components/ui/Carousel/Carousel.mdx +31 -0
  84. package/src/components/ui/Carousel/Carousel.stories.tsx +0 -1
  85. package/src/components/ui/DescriptionList/DescriptionList.mdx +28 -0
  86. package/src/components/ui/DescriptionList/DescriptionList.stories.tsx +0 -1
  87. package/src/components/ui/Link/Link.mdx +44 -0
  88. package/src/components/ui/Link/Link.module.css +2 -5
  89. package/src/components/ui/Link/Link.stories.tsx +0 -1
  90. package/src/components/ui/Loading/Loading.mdx +52 -0
  91. package/src/components/ui/Loading/Loading.stories.tsx +0 -1
  92. package/src/components/ui/NotificationBanner/NotificationBanner.mdx +45 -0
  93. package/src/components/ui/NotificationBanner/NotificationBanner.module.css +3 -7
  94. package/src/components/ui/NotificationBanner/NotificationBanner.stories.tsx +2 -2
  95. package/src/components/ui/Pagination/Pagination.mdx +39 -0
  96. package/src/components/ui/Pagination/Pagination.module.css +3 -7
  97. package/src/components/ui/Pagination/Pagination.stories.tsx +0 -1
  98. package/src/components/ui/Progress/Progress.mdx +52 -0
  99. package/src/components/ui/Progress/Progress.module.css +1 -3
  100. package/src/components/ui/Progress/Progress.stories.tsx +0 -1
  101. package/src/components/ui/ProgressCircle/ProgressCircle.mdx +46 -0
  102. package/src/components/ui/ProgressCircle/ProgressCircle.stories.tsx +0 -1
  103. package/src/components/ui/Separator/Separator.mdx +29 -0
  104. package/src/components/ui/Separator/Separator.stories.tsx +0 -1
  105. package/src/components/ui/Skeleton/Skeleton.mdx +36 -0
  106. package/src/components/ui/Skeleton/Skeleton.stories.tsx +0 -1
  107. package/src/components/ui/SkipLink/SkipLink.mdx +34 -0
  108. package/src/components/ui/SkipLink/SkipLink.stories.tsx +0 -1
  109. package/src/components/ui/Table/Table.mdx +38 -0
  110. package/src/components/ui/Table/Table.stories.tsx +0 -1
  111. package/src/components/ui/Tabs/Tabs.mdx +40 -0
  112. package/src/components/ui/Tabs/Tabs.module.css +2 -5
  113. package/src/components/ui/Tabs/Tabs.stories.tsx +0 -1
  114. package/src/components/ui/Tooltip/Tooltip.mdx +43 -0
  115. package/src/components/ui/Tooltip/Tooltip.module.css +2 -5
  116. package/src/components/ui/Tooltip/Tooltip.stories.tsx +6 -6
  117. package/src/components/ui/Typography/Typography.mdx +41 -0
  118. package/src/components/ui/Typography/Typography.stories.tsx +0 -1
  119. package/src/static/logo.svg +8 -0
  120. package/src/stories/Introduction.css +17 -0
  121. package/src/stories/Introduction.mdx +129 -0
package/AGENTS.md CHANGED
@@ -78,7 +78,7 @@ Prefer semantic tokens over palette tokens. Key tokens for component states:
78
78
  | Token | Meaning | Used in |
79
79
  |-------|---------|---------|
80
80
  | `--color_active` | Active / checked / filled state | Checkbox, Radio, Slider, Progress, ProgressCircle |
81
- | `--color_on-active` | Content on `--color_active` | Checkbox/Radio checkmark |
81
+ | `--color_on-active` | Content on `--color_active` | Checkbox tick, Radio inner dot |
82
82
  | `--color_active--subtle` | Subtle background for active track | Switch track |
83
83
  | `--color_active--strong` | Strong foreground for active thumb | Switch thumb |
84
84
  | `--color_success--subtle` | Subtle background for success variant | Alert, NotificationBanner |
@@ -128,4 +128,16 @@ References: https://developer.mozilla.org/en-US/docs/Web/Accessibility | https:/
128
128
  4. Use only design token custom properties for colours, spacing, typography
129
129
  5. Re-export from the category barrel and from `src/index.ts`
130
130
  6. Meet all accessibility requirements listed above
131
- 7. After changes: `pnpm build`, `pnpm typecheck`, `pnpm lint`, `pnpm lint:css`
131
+ 7. After changes: `pnpm build`, `pnpm typecheck`, `pnpm lint`, `pnpm lint:css`, `pnpm test`
132
+
133
+ ## MCP server
134
+
135
+ A live version of this design system is available as an MCP server at:
136
+
137
+ ```
138
+ https://ds.boostdev.nl/api/mcp
139
+ ```
140
+
141
+ Connect to it to look up component props and tokens without reading source files. Use
142
+ `ds_get_component` before writing any component code to ensure you have the correct prop names.
143
+ Run `pnpm mcp:start` to start a local instance at `http://localhost:3001/api/mcp`.
package/README.md CHANGED
@@ -155,14 +155,16 @@ import { Button } from '@boostdev/components';
155
155
  ```tsx
156
156
  import { Dialog } from '@boostdev/components';
157
157
 
158
- <Dialog isVisible={open} handleClose={() => setOpen(false)}>
158
+ <Dialog isOpen={open} onClose={() => setOpen(false)}>
159
159
  <h2>Confirm</h2>
160
160
  <p>Are you sure?</p>
161
161
  </Dialog>
162
162
  ```
163
163
 
164
- Renders a native `<dialog>` element. `isVisible` controls open/close; `handleClose` is called
165
- when the close button is pressed.
164
+ Renders a native `<dialog>` element with a dimmed, blurred backdrop. `isOpen` controls open/close;
165
+ `onClose` is called when the close button is pressed or the backdrop is clicked.
166
+
167
+ Override the backdrop colour via `--dialog_backdrop-color` (default: `rgb(0 0 0 / 50%)`).
166
168
 
167
169
  ---
168
170
 
@@ -242,7 +244,7 @@ import { Checkbox } from '@boostdev/components';
242
244
  ```tsx
243
245
  import { Radio } from '@boostdev/components';
244
246
 
245
- <Radio label="Option A" name="choice" value="a" />
247
+ <Radio label="Option A" name="choice" value="a" description="Optional supporting text." />
246
248
  <Radio label="Option B" name="choice" value="b" />
247
249
  ```
248
250
 
@@ -429,7 +431,8 @@ pnpm build # compile to dist/
429
431
  pnpm typecheck # TypeScript check (library code only)
430
432
  pnpm lint # ESLint
431
433
  pnpm lint:css # Stylelint
432
- pnpm test # Vitest — 300 tests
434
+ pnpm test # Vitest — 304 tests
435
+ pnpm mcp:start # Start the MCP server locally (http://localhost:3001/api/mcp)
433
436
  pnpm storybook # Storybook dev server on port 6006
434
437
  ```
435
438
 
@@ -444,6 +447,33 @@ pnpm storybook # Storybook dev server on port 6006
444
447
 
445
448
  ---
446
449
 
450
+ ## Design system reference (MCP server)
451
+
452
+ A live MCP server exposing this design system's components and tokens is deployed at:
453
+
454
+ ```
455
+ https://ds.boostdev.nl/api/mcp
456
+ ```
457
+
458
+ AI coding agents can connect to it to look up component props and design tokens without reading
459
+ the source code directly. It exposes five tools:
460
+
461
+ | Tool | Description |
462
+ |---|---|
463
+ | `ds_list_components` | All components grouped by category |
464
+ | `ds_get_component` | Full props interface for a named component |
465
+ | `ds_list_tokens` | Design tokens, filterable by group |
466
+ | `ds_search` | Keyword search across components and tokens |
467
+ | `ds_get_guide` | Returns the `AGENTS.md` usage guide |
468
+
469
+ To run the MCP server locally:
470
+
471
+ ```bash
472
+ pnpm mcp:start # listens on http://localhost:3001/api/mcp
473
+ ```
474
+
475
+ ---
476
+
447
477
  ## Publishing a new version
448
478
 
449
479
  ```bash
package/dist/client.cjs CHANGED
@@ -73,7 +73,7 @@ module.exports = __toCommonJS(client_exports);
73
73
  var import_react = require("react");
74
74
 
75
75
  // src/components/ui/Accordion/Accordion.module.css
76
- var Accordion_default = {"accordion":"bds0112Accordion-accordion","item":"bds0112Accordion-item","heading":"bds0112Accordion-heading","trigger":"bds0112Accordion-trigger","triggerLabel":"bds0112Accordion-triggerLabel","chevron":"bds0112Accordion-chevron","--open":"bds0112Accordion---open","panel":"bds0112Accordion-panel","panelContent":"bds0112Accordion-panelContent"};
76
+ var Accordion_default = {"accordion":"bds0114Accordion-accordion","item":"bds0114Accordion-item","heading":"bds0114Accordion-heading","trigger":"bds0114Accordion-trigger","triggerLabel":"bds0114Accordion-triggerLabel","chevron":"bds0114Accordion-chevron","--open":"bds0114Accordion---open","panel":"bds0114Accordion-panel","panelContent":"bds0114Accordion-panelContent"};
77
77
 
78
78
  // src/components/ui/Accordion/Accordion.tsx
79
79
  var import_design_system_foundation = require("@boostdev/design-system-foundation");
@@ -141,7 +141,7 @@ function Accordion({
141
141
  }
142
142
 
143
143
  // src/components/ui/Alert/Alert.module.css
144
- var Alert_default = {"alert":"bds0112Alert-alert","--variant_info":"bds0112Alert---variant_info","--variant_success":"bds0112Alert---variant_success","--variant_warning":"bds0112Alert---variant_warning","--variant_error":"bds0112Alert---variant_error","icon":"bds0112Alert-icon","content":"bds0112Alert-content","title":"bds0112Alert-title","dismiss":"bds0112Alert-dismiss"};
144
+ var Alert_default = {"alert":"bds0114Alert-alert","--variant_info":"bds0114Alert---variant_info","--variant_success":"bds0114Alert---variant_success","--variant_warning":"bds0114Alert---variant_warning","--variant_error":"bds0114Alert---variant_error","icon":"bds0114Alert-icon","content":"bds0114Alert-content","title":"bds0114Alert-title","dismiss":"bds0114Alert-dismiss"};
145
145
 
146
146
  // src/components/ui/Alert/Alert.tsx
147
147
  var import_design_system_foundation2 = require("@boostdev/design-system-foundation");
@@ -184,7 +184,7 @@ function Alert({
184
184
  }
185
185
 
186
186
  // src/components/ui/Avatar/Avatar.module.css
187
- var Avatar_default = {"avatar":"bds0112Avatar-avatar","--fallback":"bds0112Avatar---fallback","--size_small":"bds0112Avatar---size_small","--size_medium":"bds0112Avatar---size_medium","--size_large":"bds0112Avatar---size_large","image":"bds0112Avatar-image","initials":"bds0112Avatar-initials"};
187
+ var Avatar_default = {"avatar":"bds0114Avatar-avatar","--fallback":"bds0114Avatar---fallback","--size_small":"bds0114Avatar---size_small","--size_medium":"bds0114Avatar---size_medium","--size_large":"bds0114Avatar---size_large","image":"bds0114Avatar-image","initials":"bds0114Avatar-initials"};
188
188
 
189
189
  // src/components/ui/Avatar/Avatar.tsx
190
190
  var import_design_system_foundation3 = require("@boostdev/design-system-foundation");
@@ -210,7 +210,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
210
210
  }
211
211
 
212
212
  // src/components/ui/Badge/Badge.module.css
213
- var Badge_default = {"badge":"bds0112Badge-badge","--variant_primary":"bds0112Badge---variant_primary","--variant_secondary":"bds0112Badge---variant_secondary","--variant_success":"bds0112Badge---variant_success","--variant_error":"bds0112Badge---variant_error","--variant_warning":"bds0112Badge---variant_warning"};
213
+ var Badge_default = {"badge":"bds0114Badge-badge","--variant_primary":"bds0114Badge---variant_primary","--variant_secondary":"bds0114Badge---variant_secondary","--variant_success":"bds0114Badge---variant_success","--variant_error":"bds0114Badge---variant_error","--variant_warning":"bds0114Badge---variant_warning"};
214
214
 
215
215
  // src/components/ui/Badge/Badge.tsx
216
216
  var import_design_system_foundation4 = require("@boostdev/design-system-foundation");
@@ -220,7 +220,7 @@ function Badge({ children, variant = "primary", className }) {
220
220
  }
221
221
 
222
222
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
223
- var Breadcrumb_default = {"breadcrumb":"bds0112Breadcrumb-breadcrumb","list":"bds0112Breadcrumb-list","item":"bds0112Breadcrumb-item","link":"bds0112Breadcrumb-link","separator":"bds0112Breadcrumb-separator","current":"bds0112Breadcrumb-current"};
223
+ var Breadcrumb_default = {"breadcrumb":"bds0114Breadcrumb-breadcrumb","list":"bds0114Breadcrumb-list","item":"bds0114Breadcrumb-item","link":"bds0114Breadcrumb-link","separator":"bds0114Breadcrumb-separator","current":"bds0114Breadcrumb-current"};
224
224
 
225
225
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
226
226
  var import_design_system_foundation5 = require("@boostdev/design-system-foundation");
@@ -239,7 +239,7 @@ function Breadcrumb({ items, className }) {
239
239
  var import_react2 = require("react");
240
240
 
241
241
  // src/components/ui/Calendar/Calendar.module.css
242
- var Calendar_default = {"calendar":"bds0112Calendar-calendar","header":"bds0112Calendar-header","monthYear":"bds0112Calendar-monthYear","navBtn":"bds0112Calendar-navBtn","grid":"bds0112Calendar-grid","weekday":"bds0112Calendar-weekday","empty":"bds0112Calendar-empty","day":"bds0112Calendar-day","disabled":"bds0112Calendar-disabled","selected":"bds0112Calendar-selected","today":"bds0112Calendar-today"};
242
+ var Calendar_default = {"calendar":"bds0114Calendar-calendar","header":"bds0114Calendar-header","monthYear":"bds0114Calendar-monthYear","navBtn":"bds0114Calendar-navBtn","grid":"bds0114Calendar-grid","weekday":"bds0114Calendar-weekday","empty":"bds0114Calendar-empty","day":"bds0114Calendar-day","disabled":"bds0114Calendar-disabled","selected":"bds0114Calendar-selected","today":"bds0114Calendar-today"};
243
243
 
244
244
  // src/components/ui/Calendar/Calendar.tsx
245
245
  var import_design_system_foundation6 = require("@boostdev/design-system-foundation");
@@ -405,7 +405,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
405
405
  var import_react3 = require("react");
406
406
 
407
407
  // src/components/ui/Carousel/Carousel.module.css
408
- var Carousel_default = {"carousel":"bds0112Carousel-carousel","track":"bds0112Carousel-track","slide":"bds0112Carousel-slide","navBtn":"bds0112Carousel-navBtn"};
408
+ var Carousel_default = {"carousel":"bds0114Carousel-carousel","track":"bds0114Carousel-track","slide":"bds0114Carousel-slide","navBtn":"bds0114Carousel-navBtn"};
409
409
 
410
410
  // src/components/ui/Carousel/Carousel.tsx
411
411
  var import_design_system_foundation7 = require("@boostdev/design-system-foundation");
@@ -458,7 +458,7 @@ function Carousel({ items, label, className }) {
458
458
  }
459
459
 
460
460
  // src/components/ui/DescriptionList/DescriptionList.module.css
461
- var DescriptionList_default = {"list":"bds0112DescriptionList-list","group":"bds0112DescriptionList-group","term":"bds0112DescriptionList-term","details":"bds0112DescriptionList-details","--layout_inline":"bds0112DescriptionList---layout_inline"};
461
+ var DescriptionList_default = {"list":"bds0114DescriptionList-list","group":"bds0114DescriptionList-group","term":"bds0114DescriptionList-term","details":"bds0114DescriptionList-details","--layout_inline":"bds0114DescriptionList---layout_inline"};
462
462
 
463
463
  // src/components/ui/DescriptionList/DescriptionList.tsx
464
464
  var import_design_system_foundation8 = require("@boostdev/design-system-foundation");
@@ -471,7 +471,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
471
471
  }
472
472
 
473
473
  // src/components/ui/Link/Link.module.css
474
- var Link_default = {"link":"bds0112Link-link","--variant_default":"bds0112Link---variant_default","--variant_subtle":"bds0112Link---variant_subtle","--variant_standalone":"bds0112Link---variant_standalone","externalLabel":"bds0112Link-externalLabel"};
474
+ var Link_default = {"link":"bds0114Link-link","--variant_default":"bds0114Link---variant_default","--variant_subtle":"bds0114Link---variant_subtle","--variant_standalone":"bds0114Link---variant_standalone","externalLabel":"bds0114Link-externalLabel"};
475
475
 
476
476
  // src/components/ui/Link/Link.tsx
477
477
  var import_design_system_foundation9 = require("@boostdev/design-system-foundation");
@@ -502,7 +502,7 @@ function Link({
502
502
  }
503
503
 
504
504
  // src/components/ui/Loading/Loading.module.css
505
- var Loading_default = {"loading":"bds0112Loading-loading","spinner":"bds0112Loading-spinner","--size_small":"bds0112Loading---size_small","--size_large":"bds0112Loading---size_large"};
505
+ var Loading_default = {"loading":"bds0114Loading-loading","spinner":"bds0114Loading-spinner","--size_small":"bds0114Loading---size_small","--size_large":"bds0114Loading---size_large"};
506
506
 
507
507
  // src/components/ui/Loading/Loading.tsx
508
508
  var import_design_system_foundation10 = require("@boostdev/design-system-foundation");
@@ -512,7 +512,7 @@ function Loading({ size = "medium", className }) {
512
512
  }
513
513
 
514
514
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
515
- var NotificationBanner_default = {"banner":"bds0112NotificationBanner-banner","--variant_info":"bds0112NotificationBanner---variant_info","--variant_success":"bds0112NotificationBanner---variant_success","--variant_warning":"bds0112NotificationBanner---variant_warning","--variant_error":"bds0112NotificationBanner---variant_error","content":"bds0112NotificationBanner-content","action":"bds0112NotificationBanner-action","dismiss":"bds0112NotificationBanner-dismiss"};
515
+ var NotificationBanner_default = {"banner":"bds0114NotificationBanner-banner","--variant_info":"bds0114NotificationBanner---variant_info","--variant_success":"bds0114NotificationBanner---variant_success","--variant_warning":"bds0114NotificationBanner---variant_warning","--variant_error":"bds0114NotificationBanner---variant_error","content":"bds0114NotificationBanner-content","action":"bds0114NotificationBanner-action","dismiss":"bds0114NotificationBanner-dismiss"};
516
516
 
517
517
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
518
518
  var import_design_system_foundation11 = require("@boostdev/design-system-foundation");
@@ -551,7 +551,7 @@ function NotificationBanner({
551
551
  }
552
552
 
553
553
  // src/components/ui/Pagination/Pagination.module.css
554
- var Pagination_default = {"pagination":"bds0112Pagination-pagination","list":"bds0112Pagination-list","button":"bds0112Pagination-button","--active":"bds0112Pagination---active","--nav":"bds0112Pagination---nav","ellipsis":"bds0112Pagination-ellipsis"};
554
+ var Pagination_default = {"pagination":"bds0114Pagination-pagination","list":"bds0114Pagination-list","button":"bds0114Pagination-button","--active":"bds0114Pagination---active","--nav":"bds0114Pagination---nav","ellipsis":"bds0114Pagination-ellipsis"};
555
555
 
556
556
  // src/components/ui/Pagination/Pagination.tsx
557
557
  var import_design_system_foundation12 = require("@boostdev/design-system-foundation");
@@ -615,7 +615,7 @@ function Pagination({
615
615
  }
616
616
 
617
617
  // src/components/ui/Progress/Progress.module.css
618
- var Progress_default = {"container":"bds0112Progress-container","labelRow":"bds0112Progress-labelRow","label":"bds0112Progress-label","value":"bds0112Progress-value","track":"bds0112Progress-track","--size_small":"bds0112Progress---size_small","--size_medium":"bds0112Progress---size_medium","--size_large":"bds0112Progress---size_large","fill":"bds0112Progress-fill"};
618
+ var Progress_default = {"container":"bds0114Progress-container","labelRow":"bds0114Progress-labelRow","label":"bds0114Progress-label","value":"bds0114Progress-value","track":"bds0114Progress-track","--size_small":"bds0114Progress---size_small","--size_medium":"bds0114Progress---size_medium","--size_large":"bds0114Progress---size_large","fill":"bds0114Progress-fill"};
619
619
 
620
620
  // src/components/ui/Progress/Progress.tsx
621
621
  var import_design_system_foundation13 = require("@boostdev/design-system-foundation");
@@ -653,7 +653,7 @@ function Progress({
653
653
  }
654
654
 
655
655
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
656
- var ProgressCircle_default = {"wrapper":"bds0112ProgressCircle-wrapper","svg":"bds0112ProgressCircle-svg","track":"bds0112ProgressCircle-track","fill":"bds0112ProgressCircle-fill","value":"bds0112ProgressCircle-value","--size_small":"bds0112ProgressCircle---size_small","--size_medium":"bds0112ProgressCircle---size_medium","--size_large":"bds0112ProgressCircle---size_large"};
656
+ var ProgressCircle_default = {"wrapper":"bds0114ProgressCircle-wrapper","svg":"bds0114ProgressCircle-svg","track":"bds0114ProgressCircle-track","fill":"bds0114ProgressCircle-fill","value":"bds0114ProgressCircle-value","--size_small":"bds0114ProgressCircle---size_small","--size_medium":"bds0114ProgressCircle---size_medium","--size_large":"bds0114ProgressCircle---size_large"};
657
657
 
658
658
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
659
659
  var import_design_system_foundation14 = require("@boostdev/design-system-foundation");
@@ -732,7 +732,7 @@ function ProgressCircle({
732
732
  }
733
733
 
734
734
  // src/components/ui/Separator/Separator.module.css
735
- var Separator_default = {"separator":"bds0112Separator-separator","--horizontal":"bds0112Separator---horizontal","--vertical":"bds0112Separator---vertical"};
735
+ var Separator_default = {"separator":"bds0114Separator-separator","--horizontal":"bds0114Separator---horizontal","--vertical":"bds0114Separator---vertical"};
736
736
 
737
737
  // src/components/ui/Separator/Separator.tsx
738
738
  var import_design_system_foundation15 = require("@boostdev/design-system-foundation");
@@ -755,7 +755,7 @@ function Separator({ orientation = "horizontal", className }) {
755
755
  var import_design_system_foundation16 = require("@boostdev/design-system-foundation");
756
756
 
757
757
  // src/components/ui/Skeleton/Skeleton.module.css
758
- var Skeleton_default = {"skeleton":"bds0112Skeleton-skeleton"};
758
+ var Skeleton_default = {"skeleton":"bds0114Skeleton-skeleton"};
759
759
 
760
760
  // src/components/ui/Skeleton/Skeleton.tsx
761
761
  var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -764,7 +764,7 @@ function Skeleton({ className }) {
764
764
  }
765
765
 
766
766
  // src/components/ui/SkipLink/SkipLink.module.css
767
- var SkipLink_default = {"skipLink":"bds0112SkipLink-skipLink"};
767
+ var SkipLink_default = {"skipLink":"bds0114SkipLink-skipLink"};
768
768
 
769
769
  // src/components/ui/SkipLink/SkipLink.tsx
770
770
  var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -773,7 +773,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
773
773
  }
774
774
 
775
775
  // src/components/ui/Table/Table.module.css
776
- var Table_default = {"wrapper":"bds0112Table-wrapper","table":"bds0112Table-table","caption":"bds0112Table-caption","thead":"bds0112Table-thead","th":"bds0112Table-th","--sortable":"bds0112Table---sortable","sortButton":"bds0112Table-sortButton","sortIcon":"bds0112Table-sortIcon","--sort-active":"bds0112Table---sort-active","--sort-desc":"bds0112Table---sort-desc","tbody":"bds0112Table-tbody","tr":"bds0112Table-tr","td":"bds0112Table-td"};
776
+ var Table_default = {"wrapper":"bds0114Table-wrapper","table":"bds0114Table-table","caption":"bds0114Table-caption","thead":"bds0114Table-thead","th":"bds0114Table-th","--sortable":"bds0114Table---sortable","sortButton":"bds0114Table-sortButton","sortIcon":"bds0114Table-sortIcon","--sort-active":"bds0114Table---sort-active","--sort-desc":"bds0114Table---sort-desc","tbody":"bds0114Table-tbody","tr":"bds0114Table-tr","td":"bds0114Table-td"};
777
777
 
778
778
  // src/components/ui/Table/Table.tsx
779
779
  var import_design_system_foundation17 = require("@boostdev/design-system-foundation");
@@ -842,7 +842,7 @@ function Table({
842
842
  var import_react4 = require("react");
843
843
 
844
844
  // src/components/ui/Tabs/Tabs.module.css
845
- var Tabs_default = {"tabs":"bds0112Tabs-tabs","tabList":"bds0112Tabs-tabList","tab":"bds0112Tabs-tab","--active":"bds0112Tabs---active","panel":"bds0112Tabs-panel"};
845
+ var Tabs_default = {"tabs":"bds0114Tabs-tabs","tabList":"bds0114Tabs-tabList","tab":"bds0114Tabs-tab","--active":"bds0114Tabs---active","panel":"bds0114Tabs-panel"};
846
846
 
847
847
  // src/components/ui/Tabs/Tabs.tsx
848
848
  var import_design_system_foundation18 = require("@boostdev/design-system-foundation");
@@ -923,7 +923,7 @@ function Tabs({ tabs, defaultTab, className }) {
923
923
  var import_react5 = require("react");
924
924
 
925
925
  // src/components/ui/Tooltip/Tooltip.module.css
926
- var Tooltip_default = {"wrapper":"bds0112Tooltip-wrapper","tooltip":"bds0112Tooltip-tooltip","--placement_top":"bds0112Tooltip---placement_top","--placement_bottom":"bds0112Tooltip---placement_bottom","--placement_left":"bds0112Tooltip---placement_left","--placement_right":"bds0112Tooltip---placement_right"};
926
+ var Tooltip_default = {"wrapper":"bds0114Tooltip-wrapper","tooltip":"bds0114Tooltip-tooltip","--placement_top":"bds0114Tooltip---placement_top","--placement_bottom":"bds0114Tooltip---placement_bottom","--placement_left":"bds0114Tooltip---placement_left","--placement_right":"bds0114Tooltip---placement_right"};
927
927
 
928
928
  // src/components/ui/Tooltip/Tooltip.tsx
929
929
  var import_design_system_foundation19 = require("@boostdev/design-system-foundation");
@@ -953,7 +953,7 @@ function Tooltip({
953
953
  }
954
954
 
955
955
  // src/components/ui/Typography/Typography.module.css
956
- var Typography_default = {"typography":"bds0112Typography-typography","--h1":"bds0112Typography---h1","--h2":"bds0112Typography---h2","--h3":"bds0112Typography---h3","--body":"bds0112Typography---body","--body_s":"bds0112Typography---body_s"};
956
+ var Typography_default = {"typography":"bds0114Typography-typography","--h1":"bds0114Typography---h1","--h2":"bds0114Typography---h2","--h3":"bds0114Typography---h3","--body":"bds0114Typography---body","--body_s":"bds0114Typography---body_s"};
957
957
 
958
958
  // src/components/ui/Typography/Typography.tsx
959
959
  var import_design_system_foundation20 = require("@boostdev/design-system-foundation");
@@ -971,7 +971,7 @@ function Typography({ variant = "body", component, children, className }) {
971
971
  }
972
972
 
973
973
  // src/components/interaction/Button/Button.module.css
974
- var Button_default = {"button":"bds0112Button-button","--primary":"bds0112Button---primary","--secondary":"bds0112Button---secondary","--size_small":"bds0112Button---size_small","--size_medium":"bds0112Button---size_medium","--size_large":"bds0112Button---size_large","--hasPulse":"bds0112Button---hasPulse","prefix":"bds0112Button-prefix","suffix":"bds0112Button-suffix"};
974
+ var Button_default = {"button":"bds0114Button-button","--primary":"bds0114Button---primary","--secondary":"bds0114Button---secondary","--size_small":"bds0114Button---size_small","--size_medium":"bds0114Button---size_medium","--size_large":"bds0114Button---size_large","--hasPulse":"bds0114Button---hasPulse","prefix":"bds0114Button-prefix","suffix":"bds0114Button-suffix"};
975
975
 
976
976
  // src/components/interaction/Button/Button.tsx
977
977
  var import_design_system_foundation21 = require("@boostdev/design-system-foundation");
@@ -1047,7 +1047,7 @@ function Button({
1047
1047
  var import_react6 = require("react");
1048
1048
 
1049
1049
  // src/components/interaction/Command/Command.module.css
1050
- var Command_default = {"dialog":"bds0112Command-dialog","palette":"bds0112Command-palette","searchRow":"bds0112Command-searchRow","searchIcon":"bds0112Command-searchIcon","search":"bds0112Command-search","escHint":"bds0112Command-escHint","list":"bds0112Command-list","groupList":"bds0112Command-groupList","group":"bds0112Command-group","item":"bds0112Command-item","itemActive":"bds0112Command-itemActive","itemLabel":"bds0112Command-itemLabel","itemDesc":"bds0112Command-itemDesc","shortcut":"bds0112Command-shortcut","empty":"bds0112Command-empty"};
1050
+ var Command_default = {"dialog":"bds0114Command-dialog","palette":"bds0114Command-palette","searchRow":"bds0114Command-searchRow","searchIcon":"bds0114Command-searchIcon","search":"bds0114Command-search","escHint":"bds0114Command-escHint","list":"bds0114Command-list","groupList":"bds0114Command-groupList","group":"bds0114Command-group","item":"bds0114Command-item","itemActive":"bds0114Command-itemActive","itemLabel":"bds0114Command-itemLabel","itemDesc":"bds0114Command-itemDesc","shortcut":"bds0114Command-shortcut","empty":"bds0114Command-empty"};
1051
1051
 
1052
1052
  // src/components/interaction/Command/Command.tsx
1053
1053
  var import_design_system_foundation22 = require("@boostdev/design-system-foundation");
@@ -1186,7 +1186,7 @@ function Command({
1186
1186
  var import_react7 = require("react");
1187
1187
 
1188
1188
  // src/components/interaction/Dialog/Dialog.module.css
1189
- var Dialog_default = {"dialog":"bds0112Dialog-dialog","dialogContent":"bds0112Dialog-dialogContent","closeForm":"bds0112Dialog-closeForm","closeButton":"bds0112Dialog-closeButton"};
1189
+ var Dialog_default = {"dialog":"bds0114Dialog-dialog","dialogContent":"bds0114Dialog-dialogContent","closeForm":"bds0114Dialog-closeForm","closeButton":"bds0114Dialog-closeButton"};
1190
1190
 
1191
1191
  // src/components/interaction/Dialog/Dialog.tsx
1192
1192
  var import_design_system_foundation23 = require("@boostdev/design-system-foundation");
@@ -1242,7 +1242,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
1242
1242
  var import_react8 = require("react");
1243
1243
 
1244
1244
  // src/components/interaction/Drawer/Drawer.module.css
1245
- var Drawer_default = {"drawer":"bds0112Drawer-drawer","panel":"bds0112Drawer-panel","--side_right":"bds0112Drawer---side_right","--side_left":"bds0112Drawer---side_left","header":"bds0112Drawer-header","title":"bds0112Drawer-title","closeButton":"bds0112Drawer-closeButton","body":"bds0112Drawer-body"};
1245
+ var Drawer_default = {"drawer":"bds0114Drawer-drawer","panel":"bds0114Drawer-panel","--side_right":"bds0114Drawer---side_right","--side_left":"bds0114Drawer---side_left","header":"bds0114Drawer-header","closeButton":"bds0114Drawer-closeButton","body":"bds0114Drawer-body"};
1246
1246
 
1247
1247
  // src/components/interaction/Drawer/Drawer.tsx
1248
1248
  var import_design_system_foundation24 = require("@boostdev/design-system-foundation");
@@ -1253,6 +1253,7 @@ function Drawer({
1253
1253
  title,
1254
1254
  children,
1255
1255
  side = "right",
1256
+ arialLabel = "",
1256
1257
  className
1257
1258
  }) {
1258
1259
  const dialogRef = (0, import_react8.useRef)(null);
@@ -1277,12 +1278,12 @@ function Drawer({
1277
1278
  {
1278
1279
  ref: dialogRef,
1279
1280
  className: (0, import_design_system_foundation24.cn)(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
1280
- "aria-label": title,
1281
+ "aria-label": arialLabel,
1281
1282
  onClick: handleClick,
1282
1283
  onCancel: handleCancel,
1283
1284
  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: Drawer_default.panel, children: [
1284
1285
  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: Drawer_default.header, children: [
1285
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: Drawer_default.title, children: title }),
1286
+ !!title && title,
1286
1287
  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1287
1288
  "button",
1288
1289
  {
@@ -1304,7 +1305,7 @@ function Drawer({
1304
1305
  var import_react9 = require("react");
1305
1306
 
1306
1307
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1307
- var DropdownMenu_default = {"wrapper":"bds0112DropdownMenu-wrapper","menu":"bds0112DropdownMenu-menu","--placement_bottom-start":"bds0112DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0112DropdownMenu---placement_bottom-end","separator":"bds0112DropdownMenu-separator","item":"bds0112DropdownMenu-item","icon":"bds0112DropdownMenu-icon"};
1308
+ var DropdownMenu_default = {"wrapper":"bds0114DropdownMenu-wrapper","menu":"bds0114DropdownMenu-menu","--placement_bottom-start":"bds0114DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0114DropdownMenu---placement_bottom-end","separator":"bds0114DropdownMenu-separator","item":"bds0114DropdownMenu-item","icon":"bds0114DropdownMenu-icon"};
1308
1309
 
1309
1310
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1310
1311
  var import_design_system_foundation25 = require("@boostdev/design-system-foundation");
@@ -1417,7 +1418,7 @@ function DropdownMenu({
1417
1418
  var import_react10 = require("react");
1418
1419
 
1419
1420
  // src/components/interaction/Popover/Popover.module.css
1420
- var Popover_default = {"wrapper":"bds0112Popover-wrapper","panel":"bds0112Popover-panel","--placement_bottom":"bds0112Popover---placement_bottom","--placement_top":"bds0112Popover---placement_top","--placement_right":"bds0112Popover---placement_right","--placement_left":"bds0112Popover---placement_left"};
1421
+ var Popover_default = {"wrapper":"bds0114Popover-wrapper","panel":"bds0114Popover-panel","--placement_bottom":"bds0114Popover---placement_bottom","--placement_top":"bds0114Popover---placement_top","--placement_right":"bds0114Popover---placement_right","--placement_left":"bds0114Popover---placement_left"};
1421
1422
 
1422
1423
  // src/components/interaction/Popover/Popover.tsx
1423
1424
  var import_design_system_foundation26 = require("@boostdev/design-system-foundation");
@@ -1473,7 +1474,7 @@ function Popover({
1473
1474
  }
1474
1475
 
1475
1476
  // src/components/interaction/Rating/Rating.module.css
1476
- var Rating_default = {"rating":"bds0112Rating-rating","star":"bds0112Rating-star","--filled":"bds0112Rating---filled"};
1477
+ var Rating_default = {"rating":"bds0114Rating-rating","star":"bds0114Rating-star","--filled":"bds0114Rating---filled"};
1477
1478
 
1478
1479
  // src/components/interaction/Rating/Rating.tsx
1479
1480
  var import_design_system_foundation27 = require("@boostdev/design-system-foundation");
@@ -1504,7 +1505,7 @@ function Rating({ value, max = 5, className }) {
1504
1505
  var import_react11 = require("react");
1505
1506
 
1506
1507
  // src/components/interaction/Toast/Toast.module.css
1507
- var Toast_default = {"toastContainer":"bds0112Toast-toastContainer","toast":"bds0112Toast-toast","message":"bds0112Toast-message","closeButton":"bds0112Toast-closeButton"};
1508
+ var Toast_default = {"toastContainer":"bds0114Toast-toastContainer","toast":"bds0114Toast-toast","--variant_success":"bds0114Toast---variant_success","--variant_warning":"bds0114Toast---variant_warning","--variant_info":"bds0114Toast---variant_info","--variant_error":"bds0114Toast---variant_error","message":"bds0114Toast-message","closeButton":"bds0114Toast-closeButton"};
1508
1509
 
1509
1510
  // src/components/interaction/Toast/Toast.tsx
1510
1511
  var import_design_system_foundation28 = require("@boostdev/design-system-foundation");
@@ -1554,10 +1555,10 @@ function useToast() {
1554
1555
  var import_react12 = require("react");
1555
1556
 
1556
1557
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1557
- var Checkbox_default = {"checkboxGroup":"bds0112Checkbox-checkboxGroup","inputWrapper":"bds0112Checkbox-inputWrapper","checkbox":"bds0112Checkbox-checkbox","checkboxError":"bds0112Checkbox-checkboxError"};
1558
+ var Checkbox_default = {"checkboxGroup":"bds0114Checkbox-checkboxGroup","inputWrapper":"bds0114Checkbox-inputWrapper","checkbox":"bds0114Checkbox-checkbox","checkboxError":"bds0114Checkbox-checkboxError"};
1558
1559
 
1559
1560
  // src/components/interaction/form/atoms/Message.module.css
1560
- var Message_default = {"error":"bds0112Message-error","hint":"bds0112Message-hint"};
1561
+ var Message_default = {"error":"bds0114Message-error","hint":"bds0114Message-hint"};
1561
1562
 
1562
1563
  // src/components/interaction/form/atoms/Message.tsx
1563
1564
  var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -1567,7 +1568,7 @@ var Message = ({ message, type, inputId }) => {
1567
1568
  };
1568
1569
 
1569
1570
  // src/components/interaction/form/atoms/Label.module.css
1570
- var Label_default = {"label":"bds0112Label-label"};
1571
+ var Label_default = {"label":"bds0114Label-label"};
1571
1572
 
1572
1573
  // src/components/interaction/form/atoms/Label.tsx
1573
1574
  var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -1579,7 +1580,7 @@ var Label = ({ label, id }) => {
1579
1580
  var import_design_system_foundation30 = require("@boostdev/design-system-foundation");
1580
1581
 
1581
1582
  // src/components/interaction/form/atoms/InputContainer.module.css
1582
- var InputContainer_default = {"container":"bds0112InputContainer-container"};
1583
+ var InputContainer_default = {"container":"bds0114InputContainer-container"};
1583
1584
 
1584
1585
  // src/components/interaction/form/atoms/InputContainer.tsx
1585
1586
  var import_design_system_foundation29 = require("@boostdev/design-system-foundation");
@@ -1620,7 +1621,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1620
1621
  var import_react13 = require("react");
1621
1622
 
1622
1623
  // src/components/interaction/form/Combobox/Combobox.module.css
1623
- var Combobox_default = {"formGroup":"bds0112Combobox-formGroup","inputWrapper":"bds0112Combobox-inputWrapper","input":"bds0112Combobox-input","inputError":"bds0112Combobox-inputError","chevron":"bds0112Combobox-chevron","listbox":"bds0112Combobox-listbox","option":"bds0112Combobox-option","--highlighted":"bds0112Combobox---highlighted","--selected":"bds0112Combobox---selected","--disabled":"bds0112Combobox---disabled"};
1624
+ var Combobox_default = {"formGroup":"bds0114Combobox-formGroup","inputWrapper":"bds0114Combobox-inputWrapper","input":"bds0114Combobox-input","inputError":"bds0114Combobox-inputError","chevron":"bds0114Combobox-chevron","listbox":"bds0114Combobox-listbox","option":"bds0114Combobox-option","--highlighted":"bds0114Combobox---highlighted","--selected":"bds0114Combobox---selected","--disabled":"bds0114Combobox---disabled"};
1624
1625
 
1625
1626
  // src/components/interaction/form/Combobox/Combobox.tsx
1626
1627
  var import_design_system_foundation31 = require("@boostdev/design-system-foundation");
@@ -1771,7 +1772,7 @@ function Combobox({
1771
1772
  var import_react14 = require("react");
1772
1773
 
1773
1774
  // src/components/interaction/form/FileInput/FileInput.module.css
1774
- var FileInput_default = {"formGroup":"bds0112FileInput-formGroup","dropZone":"bds0112FileInput-dropZone","isDragging":"bds0112FileInput-isDragging","hasError":"bds0112FileInput-hasError","isDisabled":"bds0112FileInput-isDisabled","icon":"bds0112FileInput-icon","prompt":"bds0112FileInput-prompt","acceptHint":"bds0112FileInput-acceptHint","hiddenInput":"bds0112FileInput-hiddenInput"};
1775
+ var FileInput_default = {"formGroup":"bds0114FileInput-formGroup","dropZone":"bds0114FileInput-dropZone","isDragging":"bds0114FileInput-isDragging","hasError":"bds0114FileInput-hasError","isDisabled":"bds0114FileInput-isDisabled","icon":"bds0114FileInput-icon","prompt":"bds0114FileInput-prompt","acceptHint":"bds0114FileInput-acceptHint","hiddenInput":"bds0114FileInput-hiddenInput"};
1775
1776
 
1776
1777
  // src/components/interaction/form/FileInput/FileInput.tsx
1777
1778
  var import_design_system_foundation32 = require("@boostdev/design-system-foundation");
@@ -1868,7 +1869,7 @@ function FileInput({
1868
1869
  var import_react15 = require("react");
1869
1870
 
1870
1871
  // src/components/interaction/form/FormInput/FormInput.module.css
1871
- var FormInput_default = {"formGroup":"bds0112FormInput-formGroup","input":"bds0112FormInput-input","inputError":"bds0112FormInput-inputError"};
1872
+ var FormInput_default = {"formGroup":"bds0114FormInput-formGroup","input":"bds0114FormInput-input","inputError":"bds0114FormInput-inputError"};
1872
1873
 
1873
1874
  // src/components/interaction/form/FormInput/FormInput.tsx
1874
1875
  var import_design_system_foundation33 = require("@boostdev/design-system-foundation");
@@ -1909,7 +1910,7 @@ function FormInput({
1909
1910
  var import_react16 = require("react");
1910
1911
 
1911
1912
  // src/components/interaction/form/NumberInput/NumberInput.module.css
1912
- var NumberInput_default = {"formGroup":"bds0112NumberInput-formGroup","inputRow":"bds0112NumberInput-inputRow","input":"bds0112NumberInput-input","inputError":"bds0112NumberInput-inputError","stepper":"bds0112NumberInput-stepper"};
1913
+ var NumberInput_default = {"formGroup":"bds0114NumberInput-formGroup","inputRow":"bds0114NumberInput-inputRow","input":"bds0114NumberInput-input","inputError":"bds0114NumberInput-inputError","stepper":"bds0114NumberInput-stepper"};
1913
1914
 
1914
1915
  // src/components/interaction/form/NumberInput/NumberInput.tsx
1915
1916
  var import_design_system_foundation34 = require("@boostdev/design-system-foundation");
@@ -2004,12 +2005,12 @@ function NumberInput({
2004
2005
  var import_react17 = require("react");
2005
2006
 
2006
2007
  // src/components/interaction/form/Radio/Radio.module.css
2007
- var Radio_default = {"radioGroup":"bds0112Radio-radioGroup","inputWrapper":"bds0112Radio-inputWrapper","radio":"bds0112Radio-radio","radioError":"bds0112Radio-radioError"};
2008
+ var Radio_default = {"radioGroup":"bds0114Radio-radioGroup","inputWrapper":"bds0114Radio-inputWrapper","textWrapper":"bds0114Radio-textWrapper","description":"bds0114Radio-description","radio":"bds0114Radio-radio","radioError":"bds0114Radio-radioError"};
2008
2009
 
2009
2010
  // src/components/interaction/form/Radio/Radio.tsx
2010
2011
  var import_design_system_foundation35 = require("@boostdev/design-system-foundation");
2011
2012
  var import_jsx_runtime38 = require("react/jsx-runtime");
2012
- function Radio({ label, name, error, hint, className, ...props }) {
2013
+ function Radio({ label, name, description, error, hint, className, ...props }) {
2013
2014
  const id = name + (0, import_react17.useId)();
2014
2015
  const hintId = id + "hint";
2015
2016
  const errorId = id + "error";
@@ -2028,7 +2029,10 @@ function Radio({ label, name, error, hint, className, ...props }) {
2028
2029
  ...props
2029
2030
  }
2030
2031
  ),
2031
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label })
2032
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: Radio_default.textWrapper, children: [
2033
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Label, { id, label }),
2034
+ description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: Radio_default.description, children: description })
2035
+ ] })
2032
2036
  ] }),
2033
2037
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "error", message: error }),
2034
2038
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Message, { inputId: id, type: "hint", message: hint })
@@ -2039,7 +2043,7 @@ function Radio({ label, name, error, hint, className, ...props }) {
2039
2043
  var import_react18 = require("react");
2040
2044
 
2041
2045
  // src/components/interaction/form/Select/Select.module.css
2042
- var Select_default = {"formGroup":"bds0112Select-formGroup","selectWrapper":"bds0112Select-selectWrapper","select":"bds0112Select-select","selectError":"bds0112Select-selectError","chevron":"bds0112Select-chevron"};
2046
+ var Select_default = {"formGroup":"bds0114Select-formGroup","selectWrapper":"bds0114Select-selectWrapper","select":"bds0114Select-select","selectError":"bds0114Select-selectError","chevron":"bds0114Select-chevron"};
2043
2047
 
2044
2048
  // src/components/interaction/form/Select/Select.tsx
2045
2049
  var import_design_system_foundation36 = require("@boostdev/design-system-foundation");
@@ -2087,7 +2091,7 @@ function Select({
2087
2091
  var import_react19 = require("react");
2088
2092
 
2089
2093
  // src/components/interaction/form/Slider/Slider.module.css
2090
- var Slider_default = {"formGroup":"bds0112Slider-formGroup","labelRow":"bds0112Slider-labelRow","value":"bds0112Slider-value","slider":"bds0112Slider-slider","sliderError":"bds0112Slider-sliderError"};
2094
+ var Slider_default = {"formGroup":"bds0114Slider-formGroup","labelRow":"bds0114Slider-labelRow","value":"bds0114Slider-value","slider":"bds0114Slider-slider","sliderError":"bds0114Slider-sliderError"};
2091
2095
 
2092
2096
  // src/components/interaction/form/Slider/Slider.tsx
2093
2097
  var import_design_system_foundation37 = require("@boostdev/design-system-foundation");
@@ -2148,7 +2152,7 @@ function Slider({
2148
2152
  var import_react20 = require("react");
2149
2153
 
2150
2154
  // src/components/interaction/form/Switch/Switch.module.css
2151
- var Switch_default = {"switchGroup":"bds0112Switch-switchGroup","--size_small":"bds0112Switch---size_small","--size_medium":"bds0112Switch---size_medium","--size_large":"bds0112Switch---size_large","inputWrapper":"bds0112Switch-inputWrapper","trackWrapper":"bds0112Switch-trackWrapper","switch":"bds0112Switch-switch","track":"bds0112Switch-track","thumb":"bds0112Switch-thumb","switchError":"bds0112Switch-switchError"};
2155
+ var Switch_default = {"switchGroup":"bds0114Switch-switchGroup","--size_small":"bds0114Switch---size_small","--size_medium":"bds0114Switch---size_medium","--size_large":"bds0114Switch---size_large","inputWrapper":"bds0114Switch-inputWrapper","trackWrapper":"bds0114Switch-trackWrapper","switch":"bds0114Switch-switch","track":"bds0114Switch-track","thumb":"bds0114Switch-thumb","switchError":"bds0114Switch-switchError"};
2152
2156
 
2153
2157
  // src/components/interaction/form/Switch/Switch.tsx
2154
2158
  var import_design_system_foundation38 = require("@boostdev/design-system-foundation");
@@ -2194,7 +2198,7 @@ function Switch({
2194
2198
  var import_react21 = require("react");
2195
2199
 
2196
2200
  // src/components/interaction/form/Textarea/Textarea.module.css
2197
- var Textarea_default = {"formGroup":"bds0112Textarea-formGroup","textarea":"bds0112Textarea-textarea","textareaError":"bds0112Textarea-textareaError"};
2201
+ var Textarea_default = {"formGroup":"bds0114Textarea-formGroup","textarea":"bds0114Textarea-textarea","textareaError":"bds0114Textarea-textareaError"};
2198
2202
 
2199
2203
  // src/components/interaction/form/Textarea/Textarea.tsx
2200
2204
  var import_design_system_foundation39 = require("@boostdev/design-system-foundation");
@@ -2230,7 +2234,7 @@ function Textarea({
2230
2234
  }
2231
2235
 
2232
2236
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2233
- var ButtonGroup_default = {"buttonGroup":"bds0112ButtonGroup-buttonGroup","container":"bds0112ButtonGroup-container","--variant__card":"bds0112ButtonGroup---variant__card","--variant__flow":"bds0112ButtonGroup---variant__flow","--variant__modal":"bds0112ButtonGroup---variant__modal","--variant__content":"bds0112ButtonGroup---variant__content","--variant__grid":"bds0112ButtonGroup---variant__grid"};
2237
+ var ButtonGroup_default = {"buttonGroup":"bds0114ButtonGroup-buttonGroup","container":"bds0114ButtonGroup-container","--variant_card":"bds0114ButtonGroup---variant_card","--variant_flow":"bds0114ButtonGroup---variant_flow","--variant_modal":"bds0114ButtonGroup---variant_modal","--variant_content":"bds0114ButtonGroup---variant_content","--variant_grid":"bds0114ButtonGroup---variant_grid"};
2234
2238
 
2235
2239
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2236
2240
  var import_design_system_foundation40 = require("@boostdev/design-system-foundation");
@@ -2240,7 +2244,7 @@ function ButtonGroup({ children, className, variant }) {
2240
2244
  }
2241
2245
 
2242
2246
  // src/components/layout/Card/Card.module.css
2243
- var Card_default = {"card":"bds0112Card-card","--default":"bds0112Card---default","--elevated":"bds0112Card---elevated","--outlined":"bds0112Card---outlined","--clickable":"bds0112Card---clickable","--padding-none":"bds0112Card---padding-none","--padding-small":"bds0112Card---padding-small","--padding-medium":"bds0112Card---padding-medium","--padding-large":"bds0112Card---padding-large","--text-start":"bds0112Card---text-start","--text-center":"bds0112Card---text-center","--text-end":"bds0112Card---text-end"};
2247
+ var Card_default = {"card":"bds0114Card-card","--default":"bds0114Card---default","--elevated":"bds0114Card---elevated","--outlined":"bds0114Card---outlined","--clickable":"bds0114Card---clickable","--padding-none":"bds0114Card---padding-none","--padding-small":"bds0114Card---padding-small","--padding-medium":"bds0114Card---padding-medium","--padding-large":"bds0114Card---padding-large","--text-start":"bds0114Card---text-start","--text-center":"bds0114Card---text-center","--text-end":"bds0114Card---text-end"};
2244
2248
 
2245
2249
  // src/components/layout/Card/Card.tsx
2246
2250
  var import_design_system_foundation41 = require("@boostdev/design-system-foundation");
@@ -2278,7 +2282,7 @@ function Card({
2278
2282
  }
2279
2283
 
2280
2284
  // src/components/layout/SectionHeader/SectionHeader.module.css
2281
- var SectionHeader_default = {"sectionHeader":"bds0112SectionHeader-sectionHeader","title":"bds0112SectionHeader-title","subtitle":"bds0112SectionHeader-subtitle","--start":"bds0112SectionHeader---start","--center":"bds0112SectionHeader---center","--end":"bds0112SectionHeader---end","--small":"bds0112SectionHeader---small","--medium":"bds0112SectionHeader---medium","--large":"bds0112SectionHeader---large"};
2285
+ var SectionHeader_default = {"sectionHeader":"bds0114SectionHeader-sectionHeader","title":"bds0114SectionHeader-title","subtitle":"bds0114SectionHeader-subtitle","--start":"bds0114SectionHeader---start","--center":"bds0114SectionHeader---center","--end":"bds0114SectionHeader---end","--small":"bds0114SectionHeader---small","--medium":"bds0114SectionHeader---medium","--large":"bds0114SectionHeader---large"};
2282
2286
 
2283
2287
  // src/components/layout/SectionHeader/SectionHeader.tsx
2284
2288
  var import_design_system_foundation42 = require("@boostdev/design-system-foundation");
@@ -2299,7 +2303,7 @@ function SectionHeader({
2299
2303
  }
2300
2304
 
2301
2305
  // src/components/layout/IconWrapper/IconWrapper.module.css
2302
- var IconWrapper_default = {"wrapper":"bds0112IconWrapper-wrapper"};
2306
+ var IconWrapper_default = {"wrapper":"bds0114IconWrapper-wrapper"};
2303
2307
 
2304
2308
  // src/components/layout/IconWrapper/IconWrapper.tsx
2305
2309
  var import_design_system_foundation43 = require("@boostdev/design-system-foundation");