@boostdev/design-system-components 1.1.2 → 1.2.1

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 (213) hide show
  1. package/AGENTS.md +38 -14
  2. package/dist/client.cjs +85 -103
  3. package/dist/client.css +610 -601
  4. package/dist/client.d.cts +13 -16
  5. package/dist/client.d.ts +13 -16
  6. package/dist/client.js +95 -113
  7. package/dist/index.cjs +85 -103
  8. package/dist/index.css +610 -601
  9. package/dist/index.d.cts +13 -16
  10. package/dist/index.d.ts +13 -16
  11. package/dist/index.js +95 -113
  12. package/dist/native/index.cjs +9 -8
  13. package/dist/native/index.d.cts +1 -1
  14. package/dist/native/index.d.ts +1 -1
  15. package/dist/native/index.js +9 -8
  16. package/dist/web-components/{chunk-K5CE6HSB.js → chunk-2FGATTGT.js} +79 -17
  17. package/dist/web-components/{chunk-O4UFI2RX.js → chunk-3REOIRDW.js} +13 -11
  18. package/dist/web-components/{chunk-5IPHEONG.js → chunk-6I2DBFQ7.js} +1 -0
  19. package/dist/web-components/{chunk-VM3YHGQ2.js → chunk-AJSXNDAP.js} +1 -2
  20. package/dist/web-components/{chunk-LSC4N56Q.js → chunk-BX3IPVOB.js} +1 -2
  21. package/dist/web-components/{chunk-CAPI25CU.js → chunk-DZRSJGPB.js} +3 -3
  22. package/dist/web-components/{chunk-VSS5ITNE.js → chunk-EBJM3VD4.js} +1 -3
  23. package/dist/web-components/{chunk-O7I63SQX.js → chunk-HHHRF2PS.js} +6 -12
  24. package/dist/web-components/{chunk-OTX4COSV.js → chunk-JUKB3BUP.js} +3 -4
  25. package/dist/web-components/{chunk-IQGLIQSO.js → chunk-N6IMUOY4.js} +2 -5
  26. package/dist/web-components/{chunk-CJ5ZOO42.js → chunk-OCODKRVZ.js} +68 -44
  27. package/dist/web-components/{chunk-QDRH46TF.js → chunk-QLZ2362S.js} +1 -3
  28. package/dist/web-components/{chunk-IK3PTFZ4.js → chunk-T6AETZRP.js} +1 -3
  29. package/dist/web-components/{chunk-4BX6AWXX.js → chunk-X3FKVHLK.js} +2 -4
  30. package/dist/web-components/{chunk-A67LCT7C.js → chunk-XNA6WTXG.js} +3 -4
  31. package/dist/web-components/{chunk-XIENXR7H.js → chunk-YRXCVKHV.js} +1 -3
  32. package/dist/web-components/{chunk-6T3RKUKG.js → chunk-ZTC6GRP7.js} +1 -2
  33. package/dist/web-components/globals.js +1 -1
  34. package/dist/web-components/index.d.ts +571 -1
  35. package/dist/web-components/index.js +1515 -18
  36. package/dist/web-components/interaction/bds-accordion.js +1 -1
  37. package/dist/web-components/interaction/bds-button.d.ts +2 -2
  38. package/dist/web-components/interaction/bds-button.js +1 -1
  39. package/dist/web-components/interaction/bds-collapsible.js +1 -1
  40. package/dist/web-components/interaction/bds-dialog.js +1 -1
  41. package/dist/web-components/interaction/bds-drawer.js +1 -1
  42. package/dist/web-components/interaction/form/bds-checkbox.js +1 -1
  43. package/dist/web-components/interaction/form/bds-combobox.js +1 -1
  44. package/dist/web-components/interaction/form/bds-number-input.js +1 -1
  45. package/dist/web-components/interaction/form/bds-radio.js +1 -1
  46. package/dist/web-components/interaction/form/bds-segmented-control.d.ts +20 -3
  47. package/dist/web-components/interaction/form/bds-segmented-control.js +1 -1
  48. package/dist/web-components/interaction/form/bds-select.js +1 -1
  49. package/dist/web-components/interaction/form/bds-switch.js +1 -1
  50. package/dist/web-components/interaction/form/bds-textarea.js +1 -1
  51. package/dist/web-components/ui/bds-alert.js +1 -1
  52. package/dist/web-components/ui/bds-card.js +1 -1
  53. package/dist/web-components/ui/bds-notification-banner.js +1 -1
  54. package/package.json +2 -2
  55. package/src/components/interaction/Button/Button.module.css +12 -11
  56. package/src/components/interaction/Button/Button.native.tsx +10 -9
  57. package/src/components/interaction/Button/Button.tsx +1 -1
  58. package/src/components/interaction/Command/Command.module.css +3 -7
  59. package/src/components/interaction/Dialog/Dialog.module.css +7 -5
  60. package/src/components/interaction/Drawer/Drawer.module.css +48 -25
  61. package/src/components/interaction/Drawer/Drawer.tsx +21 -17
  62. package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +1 -3
  63. package/src/components/interaction/Popover/Popover.module.css +1 -3
  64. package/src/components/interaction/form/Checkbox/Checkbox.module.css +1 -3
  65. package/src/components/interaction/form/Combobox/Combobox.module.css +2 -6
  66. package/src/components/interaction/form/FormInput/FormInput.module.css +1 -3
  67. package/src/components/interaction/form/NumberInput/NumberInput.module.css +16 -4
  68. package/src/components/interaction/form/Radio/Radio.module.css +6 -16
  69. package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +74 -25
  70. package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +65 -36
  71. package/src/components/interaction/form/SegmentedControl/SegmentedControl.spec.tsx +127 -56
  72. package/src/components/interaction/form/SegmentedControl/SegmentedControl.stories.tsx +89 -72
  73. package/src/components/interaction/form/SegmentedControl/SegmentedControl.tsx +40 -62
  74. package/src/components/interaction/form/SegmentedControl/index.ts +1 -1
  75. package/src/components/interaction/form/Select/Select.module.css +2 -4
  76. package/src/components/interaction/form/Switch/Switch.module.css +5 -7
  77. package/src/components/interaction/form/Switch/Switch.native.spec.tsx +9 -9
  78. package/src/components/interaction/form/Switch/Switch.native.tsx +2 -2
  79. package/src/components/interaction/form/Textarea/Textarea.module.css +1 -3
  80. package/src/components/interaction/form/atoms/InputContainer.stories.tsx +64 -0
  81. package/src/components/interaction/form/atoms/Label.stories.tsx +33 -0
  82. package/src/components/interaction/form/atoms/Message.stories.tsx +33 -0
  83. package/src/components/layout/Card/Card.module.css +1 -3
  84. package/src/components/ui/Accordion/Accordion.module.css +1 -2
  85. package/src/components/ui/Alert/Alert.module.css +1 -2
  86. package/src/components/ui/Calendar/Calendar.module.css +2 -5
  87. package/src/components/ui/Carousel/Carousel.module.css +1 -3
  88. package/src/components/ui/NotificationBanner/NotificationBanner.module.css +1 -2
  89. package/src/components/ui/Pagination/Pagination.module.css +1 -2
  90. package/src/components/ui/SkipLink/SkipLink.module.css +1 -2
  91. package/src/components/ui/Table/Table.module.css +1 -2
  92. package/src/css/bdc.css +16 -11
  93. package/src/index.ts +1 -1
  94. package/src/stories/Introduction.mdx +2 -1
  95. package/src/web-components/globals.ts +3 -3
  96. package/src/web-components/index.ts +12 -0
  97. package/src/web-components/interaction/BdsAccordion.mdx +103 -0
  98. package/src/web-components/interaction/BdsAccordion.stories.tsx +94 -0
  99. package/src/web-components/interaction/BdsCollapsible.mdx +116 -0
  100. package/src/web-components/interaction/BdsCollapsible.stories.tsx +68 -0
  101. package/src/web-components/interaction/BdsDialog.mdx +110 -0
  102. package/src/web-components/interaction/BdsDialog.stories.tsx +157 -0
  103. package/src/web-components/interaction/BdsDrawer.mdx +108 -0
  104. package/src/web-components/interaction/BdsDrawer.stories.tsx +196 -0
  105. package/src/web-components/interaction/BdsDropdownMenu.mdx +108 -0
  106. package/src/web-components/interaction/BdsDropdownMenu.stories.tsx +91 -0
  107. package/src/web-components/interaction/BdsSkipLink.mdx +90 -0
  108. package/src/web-components/interaction/BdsSkipLink.stories.tsx +68 -0
  109. package/src/web-components/interaction/BdsTabs.mdx +117 -0
  110. package/src/web-components/interaction/BdsTabs.stories.tsx +94 -0
  111. package/src/web-components/interaction/BdsTooltip.mdx +104 -0
  112. package/src/web-components/interaction/BdsTooltip.stories.tsx +87 -0
  113. package/src/web-components/interaction/bds-accordion.ts +1 -2
  114. package/src/web-components/interaction/bds-button.ts +15 -13
  115. package/src/web-components/interaction/bds-collapsible.ts +1 -0
  116. package/src/web-components/interaction/bds-dialog.ts +2 -5
  117. package/src/web-components/interaction/bds-drawer.ts +70 -44
  118. package/src/web-components/interaction/bds-dropdown-menu-item.ts +124 -0
  119. package/src/web-components/interaction/bds-dropdown-menu.spec.ts +102 -0
  120. package/src/web-components/interaction/bds-dropdown-menu.ts +200 -0
  121. package/src/web-components/interaction/form/BdsCheckbox.mdx +76 -0
  122. package/src/web-components/interaction/form/BdsCheckbox.stories.tsx +72 -0
  123. package/src/web-components/interaction/form/BdsCheckboxGroup.mdx +70 -0
  124. package/src/web-components/interaction/form/BdsCheckboxGroup.stories.tsx +81 -0
  125. package/src/web-components/interaction/form/BdsCombobox.mdx +71 -0
  126. package/src/web-components/interaction/form/BdsCombobox.stories.tsx +93 -0
  127. package/src/web-components/interaction/form/BdsFileInput.mdx +79 -0
  128. package/src/web-components/interaction/form/BdsFileInput.stories.tsx +69 -0
  129. package/src/web-components/interaction/form/BdsFormInput.mdx +98 -0
  130. package/src/web-components/interaction/form/BdsFormInput.stories.tsx +139 -0
  131. package/src/web-components/interaction/form/BdsNumberInput.mdx +70 -0
  132. package/src/web-components/interaction/form/BdsNumberInput.stories.tsx +68 -0
  133. package/src/web-components/interaction/form/BdsRadio.mdx +72 -0
  134. package/src/web-components/interaction/form/BdsRadio.stories.tsx +58 -0
  135. package/src/web-components/interaction/form/BdsRadioGroup.mdx +73 -0
  136. package/src/web-components/interaction/form/BdsRadioGroup.stories.tsx +88 -0
  137. package/src/web-components/interaction/form/BdsSegmentedControl.mdx +95 -0
  138. package/src/web-components/interaction/form/BdsSegmentedControl.stories.tsx +102 -0
  139. package/src/web-components/interaction/form/BdsSelect.mdx +76 -0
  140. package/src/web-components/interaction/form/BdsSelect.stories.tsx +84 -0
  141. package/src/web-components/interaction/form/BdsSlider.mdx +77 -0
  142. package/src/web-components/interaction/form/BdsSlider.stories.tsx +68 -0
  143. package/src/web-components/interaction/form/BdsSwitch.mdx +72 -0
  144. package/src/web-components/interaction/form/BdsSwitch.stories.tsx +58 -0
  145. package/src/web-components/interaction/form/BdsTextarea.mdx +73 -0
  146. package/src/web-components/interaction/form/BdsTextarea.stories.tsx +70 -0
  147. package/src/web-components/interaction/form/bds-checkbox-group.spec.ts +55 -0
  148. package/src/web-components/interaction/form/bds-checkbox-group.ts +117 -0
  149. package/src/web-components/interaction/form/bds-checkbox.ts +1 -3
  150. package/src/web-components/interaction/form/bds-combobox.ts +1 -3
  151. package/src/web-components/interaction/form/bds-form-input.spec.ts +83 -0
  152. package/src/web-components/interaction/form/bds-form-input.ts +268 -0
  153. package/src/web-components/interaction/form/bds-number-input.ts +3 -4
  154. package/src/web-components/interaction/form/bds-radio-group.spec.ts +62 -0
  155. package/src/web-components/interaction/form/bds-radio-group.ts +142 -0
  156. package/src/web-components/interaction/form/bds-radio.ts +6 -12
  157. package/src/web-components/interaction/form/bds-segmented-control.ts +96 -20
  158. package/src/web-components/interaction/form/bds-select.ts +2 -4
  159. package/src/web-components/interaction/form/bds-switch.ts +3 -4
  160. package/src/web-components/interaction/form/bds-textarea.ts +1 -3
  161. package/src/web-components/ui/BdsAvatar.mdx +76 -0
  162. package/src/web-components/ui/BdsAvatar.stories.tsx +48 -0
  163. package/src/web-components/ui/BdsBreadcrumb.mdx +66 -0
  164. package/src/web-components/ui/BdsBreadcrumb.stories.tsx +49 -0
  165. package/src/web-components/ui/BdsButtonGroup.mdx +69 -0
  166. package/src/web-components/ui/BdsButtonGroup.stories.tsx +66 -0
  167. package/src/web-components/ui/BdsCalendar.mdx +93 -0
  168. package/src/web-components/ui/BdsCalendar.stories.tsx +63 -0
  169. package/src/web-components/ui/BdsCard.mdx +88 -0
  170. package/src/web-components/ui/BdsCard.stories.tsx +67 -0
  171. package/src/web-components/ui/BdsCarousel.mdx +83 -0
  172. package/src/web-components/ui/BdsCarousel.stories.tsx +96 -0
  173. package/src/web-components/ui/BdsDescriptionList.mdx +64 -0
  174. package/src/web-components/ui/BdsDescriptionList.stories.tsx +64 -0
  175. package/src/web-components/ui/BdsIconWrapper.mdx +70 -0
  176. package/src/web-components/ui/BdsIconWrapper.stories.tsx +81 -0
  177. package/src/web-components/ui/BdsLink.mdx +79 -0
  178. package/src/web-components/ui/BdsLink.stories.tsx +63 -0
  179. package/src/web-components/ui/BdsLoading.mdx +58 -0
  180. package/src/web-components/ui/BdsLoading.stories.tsx +35 -0
  181. package/src/web-components/ui/BdsNotificationBanner.mdx +85 -0
  182. package/src/web-components/ui/BdsNotificationBanner.stories.tsx +84 -0
  183. package/src/web-components/ui/BdsPagination.mdx +74 -0
  184. package/src/web-components/ui/BdsPagination.stories.tsx +36 -0
  185. package/src/web-components/ui/BdsProgress.mdx +70 -0
  186. package/src/web-components/ui/BdsProgress.stories.tsx +96 -0
  187. package/src/web-components/ui/BdsProgressCircle.mdx +70 -0
  188. package/src/web-components/ui/BdsProgressCircle.stories.tsx +57 -0
  189. package/src/web-components/ui/BdsRating.mdx +61 -0
  190. package/src/web-components/ui/BdsRating.stories.tsx +45 -0
  191. package/src/web-components/ui/BdsSectionHeader.mdx +72 -0
  192. package/src/web-components/ui/BdsSectionHeader.stories.tsx +54 -0
  193. package/src/web-components/ui/BdsSeparator.mdx +77 -0
  194. package/src/web-components/ui/BdsSeparator.stories.tsx +55 -0
  195. package/src/web-components/ui/BdsSkeleton.mdx +61 -0
  196. package/src/web-components/ui/BdsSkeleton.stories.tsx +50 -0
  197. package/src/web-components/ui/BdsTable.mdx +81 -0
  198. package/src/web-components/ui/BdsTable.stories.tsx +83 -0
  199. package/src/web-components/ui/BdsTypography.mdx +74 -0
  200. package/src/web-components/ui/BdsTypography.stories.tsx +52 -0
  201. package/src/web-components/ui/bds-alert.ts +1 -2
  202. package/src/web-components/ui/bds-button-group.spec.ts +40 -0
  203. package/src/web-components/ui/bds-button-group.ts +78 -0
  204. package/src/web-components/ui/bds-calendar.spec.ts +91 -0
  205. package/src/web-components/ui/bds-calendar.ts +427 -0
  206. package/src/web-components/ui/bds-card.ts +1 -3
  207. package/src/web-components/ui/bds-carousel.spec.ts +64 -0
  208. package/src/web-components/ui/bds-carousel.ts +296 -0
  209. package/src/web-components/ui/bds-notification-banner.ts +1 -2
  210. package/src/web-components/ui/bds-pagination.spec.ts +67 -0
  211. package/src/web-components/ui/bds-pagination.ts +197 -0
  212. package/src/web-components/ui/bds-table.spec.ts +45 -0
  213. package/src/web-components/ui/bds-table.ts +96 -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 = {"accordion":"bds112Accordion-accordion","item":"bds112Accordion-item","heading":"bds112Accordion-heading","trigger":"bds112Accordion-trigger","triggerLabel":"bds112Accordion-triggerLabel","chevron":"bds112Accordion-chevron","--open":"bds112Accordion---open","panel":"bds112Accordion-panel","panelContent":"bds112Accordion-panelContent"};
5
+ var Accordion_default = {"accordion":"bds121Accordion-accordion","item":"bds121Accordion-item","heading":"bds121Accordion-heading","trigger":"bds121Accordion-trigger","triggerLabel":"bds121Accordion-triggerLabel","chevron":"bds121Accordion-chevron","--open":"bds121Accordion---open","panel":"bds121Accordion-panel","panelContent":"bds121Accordion-panelContent"};
6
6
 
7
7
  // src/components/ui/Accordion/Accordion.tsx
8
8
  import { cn } from "@boostdev/design-system-foundation";
@@ -70,7 +70,7 @@ function Accordion({
70
70
  }
71
71
 
72
72
  // src/components/ui/Alert/Alert.module.css
73
- var Alert_default = {"alert":"bds112Alert-alert","--variant_info":"bds112Alert---variant_info","--variant_success":"bds112Alert---variant_success","--variant_warning":"bds112Alert---variant_warning","--variant_error":"bds112Alert---variant_error","icon":"bds112Alert-icon","content":"bds112Alert-content","title":"bds112Alert-title","dismiss":"bds112Alert-dismiss"};
73
+ var Alert_default = {"alert":"bds121Alert-alert","--variant_info":"bds121Alert---variant_info","--variant_success":"bds121Alert---variant_success","--variant_warning":"bds121Alert---variant_warning","--variant_error":"bds121Alert---variant_error","icon":"bds121Alert-icon","content":"bds121Alert-content","title":"bds121Alert-title","dismiss":"bds121Alert-dismiss"};
74
74
 
75
75
  // src/components/ui/Alert/Alert.tsx
76
76
  import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -113,7 +113,7 @@ function Alert({
113
113
  }
114
114
 
115
115
  // src/components/ui/Avatar/Avatar.module.css
116
- var Avatar_default = {"avatar":"bds112Avatar-avatar","--fallback":"bds112Avatar---fallback","--size_small":"bds112Avatar---size_small","--size_medium":"bds112Avatar---size_medium","--size_large":"bds112Avatar---size_large","image":"bds112Avatar-image","initials":"bds112Avatar-initials"};
116
+ var Avatar_default = {"avatar":"bds121Avatar-avatar","--fallback":"bds121Avatar---fallback","--size_small":"bds121Avatar---size_small","--size_medium":"bds121Avatar---size_medium","--size_large":"bds121Avatar---size_large","image":"bds121Avatar-image","initials":"bds121Avatar-initials"};
117
117
 
118
118
  // src/components/ui/Avatar/Avatar.tsx
119
119
  import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
139
139
  }
140
140
 
141
141
  // src/components/ui/Badge/Badge.module.css
142
- var Badge_default = {"badge":"bds112Badge-badge","--variant_primary":"bds112Badge---variant_primary","--variant_secondary":"bds112Badge---variant_secondary","--variant_success":"bds112Badge---variant_success","--variant_error":"bds112Badge---variant_error","--variant_warning":"bds112Badge---variant_warning"};
142
+ var Badge_default = {"badge":"bds121Badge-badge","--variant_primary":"bds121Badge---variant_primary","--variant_secondary":"bds121Badge---variant_secondary","--variant_success":"bds121Badge---variant_success","--variant_error":"bds121Badge---variant_error","--variant_warning":"bds121Badge---variant_warning"};
143
143
 
144
144
  // src/components/ui/Badge/Badge.tsx
145
145
  import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
149
149
  }
150
150
 
151
151
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
152
- var Breadcrumb_default = {"breadcrumb":"bds112Breadcrumb-breadcrumb","list":"bds112Breadcrumb-list","item":"bds112Breadcrumb-item","link":"bds112Breadcrumb-link","separator":"bds112Breadcrumb-separator","current":"bds112Breadcrumb-current"};
152
+ var Breadcrumb_default = {"breadcrumb":"bds121Breadcrumb-breadcrumb","list":"bds121Breadcrumb-list","item":"bds121Breadcrumb-item","link":"bds121Breadcrumb-link","separator":"bds121Breadcrumb-separator","current":"bds121Breadcrumb-current"};
153
153
 
154
154
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
155
155
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -165,7 +165,7 @@ function Breadcrumb({ items, className }) {
165
165
  }
166
166
 
167
167
  // src/components/ui/Collapsible/Collapsible.module.css
168
- var Collapsible_default = {"collapsible":"bds112Collapsible-collapsible","summary":"bds112Collapsible-summary","summaryContent":"bds112Collapsible-summaryContent","icon":"bds112Collapsible-icon","content":"bds112Collapsible-content"};
168
+ var Collapsible_default = {"collapsible":"bds121Collapsible-collapsible","summary":"bds121Collapsible-summary","summaryContent":"bds121Collapsible-summaryContent","icon":"bds121Collapsible-icon","content":"bds121Collapsible-content"};
169
169
 
170
170
  // src/components/ui/Collapsible/Collapsible.tsx
171
171
  import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -206,7 +206,7 @@ function Collapsible({
206
206
  import { useState as useState2, useId as useId2 } from "react";
207
207
 
208
208
  // src/components/ui/Calendar/Calendar.module.css
209
- var Calendar_default = {"calendar":"bds112Calendar-calendar","header":"bds112Calendar-header","monthYear":"bds112Calendar-monthYear","navBtn":"bds112Calendar-navBtn","grid":"bds112Calendar-grid","weekday":"bds112Calendar-weekday","empty":"bds112Calendar-empty","day":"bds112Calendar-day","disabled":"bds112Calendar-disabled","selected":"bds112Calendar-selected","today":"bds112Calendar-today"};
209
+ var Calendar_default = {"calendar":"bds121Calendar-calendar","header":"bds121Calendar-header","monthYear":"bds121Calendar-monthYear","navBtn":"bds121Calendar-navBtn","grid":"bds121Calendar-grid","weekday":"bds121Calendar-weekday","empty":"bds121Calendar-empty","day":"bds121Calendar-day","disabled":"bds121Calendar-disabled","selected":"bds121Calendar-selected","today":"bds121Calendar-today"};
210
210
 
211
211
  // src/components/ui/Calendar/Calendar.tsx
212
212
  import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -381,7 +381,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
381
381
  import { useRef, useId as useId3 } from "react";
382
382
 
383
383
  // src/components/ui/Carousel/Carousel.module.css
384
- var Carousel_default = {"carousel":"bds112Carousel-carousel","track":"bds112Carousel-track","slide":"bds112Carousel-slide","navBtn":"bds112Carousel-navBtn"};
384
+ var Carousel_default = {"carousel":"bds121Carousel-carousel","track":"bds121Carousel-track","slide":"bds121Carousel-slide","navBtn":"bds121Carousel-navBtn"};
385
385
 
386
386
  // src/components/ui/Carousel/Carousel.tsx
387
387
  import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -434,7 +434,7 @@ function Carousel({ items, label, className }) {
434
434
  }
435
435
 
436
436
  // src/components/ui/DescriptionList/DescriptionList.module.css
437
- var DescriptionList_default = {"list":"bds112DescriptionList-list","group":"bds112DescriptionList-group","term":"bds112DescriptionList-term","details":"bds112DescriptionList-details","--layout_inline":"bds112DescriptionList---layout_inline"};
437
+ var DescriptionList_default = {"list":"bds121DescriptionList-list","group":"bds121DescriptionList-group","term":"bds121DescriptionList-term","details":"bds121DescriptionList-details","--layout_inline":"bds121DescriptionList---layout_inline"};
438
438
 
439
439
  // src/components/ui/DescriptionList/DescriptionList.tsx
440
440
  import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -447,7 +447,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
447
447
  }
448
448
 
449
449
  // src/components/ui/Link/Link.module.css
450
- var Link_default = {"link":"bds112Link-link","--variant_default":"bds112Link---variant_default","--variant_subtle":"bds112Link---variant_subtle","--variant_standalone":"bds112Link---variant_standalone","externalLabel":"bds112Link-externalLabel"};
450
+ var Link_default = {"link":"bds121Link-link","--variant_default":"bds121Link---variant_default","--variant_subtle":"bds121Link---variant_subtle","--variant_standalone":"bds121Link---variant_standalone","externalLabel":"bds121Link-externalLabel"};
451
451
 
452
452
  // src/components/ui/Link/Link.tsx
453
453
  import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -478,7 +478,7 @@ function Link({
478
478
  }
479
479
 
480
480
  // src/components/ui/Loading/Loading.module.css
481
- var Loading_default = {"loading":"bds112Loading-loading","spinner":"bds112Loading-spinner","--size_small":"bds112Loading---size_small","--size_large":"bds112Loading---size_large"};
481
+ var Loading_default = {"loading":"bds121Loading-loading","spinner":"bds121Loading-spinner","--size_small":"bds121Loading---size_small","--size_large":"bds121Loading---size_large"};
482
482
 
483
483
  // src/components/ui/Loading/Loading.tsx
484
484
  import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -488,7 +488,7 @@ function Loading({ size = "medium", className }) {
488
488
  }
489
489
 
490
490
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
491
- var NotificationBanner_default = {"banner":"bds112NotificationBanner-banner","--variant_info":"bds112NotificationBanner---variant_info","--variant_success":"bds112NotificationBanner---variant_success","--variant_warning":"bds112NotificationBanner---variant_warning","--variant_error":"bds112NotificationBanner---variant_error","content":"bds112NotificationBanner-content","action":"bds112NotificationBanner-action","dismiss":"bds112NotificationBanner-dismiss"};
491
+ var NotificationBanner_default = {"banner":"bds121NotificationBanner-banner","--variant_info":"bds121NotificationBanner---variant_info","--variant_success":"bds121NotificationBanner---variant_success","--variant_warning":"bds121NotificationBanner---variant_warning","--variant_error":"bds121NotificationBanner---variant_error","content":"bds121NotificationBanner-content","action":"bds121NotificationBanner-action","dismiss":"bds121NotificationBanner-dismiss"};
492
492
 
493
493
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
494
494
  import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -527,7 +527,7 @@ function NotificationBanner({
527
527
  }
528
528
 
529
529
  // src/components/ui/Pagination/Pagination.module.css
530
- var Pagination_default = {"pagination":"bds112Pagination-pagination","list":"bds112Pagination-list","button":"bds112Pagination-button","--active":"bds112Pagination---active","--nav":"bds112Pagination---nav","ellipsis":"bds112Pagination-ellipsis"};
530
+ var Pagination_default = {"pagination":"bds121Pagination-pagination","list":"bds121Pagination-list","button":"bds121Pagination-button","--active":"bds121Pagination---active","--nav":"bds121Pagination---nav","ellipsis":"bds121Pagination-ellipsis"};
531
531
 
532
532
  // src/components/ui/Pagination/Pagination.tsx
533
533
  import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -591,7 +591,7 @@ function Pagination({
591
591
  }
592
592
 
593
593
  // src/components/ui/Progress/Progress.module.css
594
- var Progress_default = {"container":"bds112Progress-container","labelRow":"bds112Progress-labelRow","value":"bds112Progress-value","track":"bds112Progress-track","--size_small":"bds112Progress---size_small","--size_medium":"bds112Progress---size_medium","--size_large":"bds112Progress---size_large","fill":"bds112Progress-fill"};
594
+ var Progress_default = {"container":"bds121Progress-container","labelRow":"bds121Progress-labelRow","value":"bds121Progress-value","track":"bds121Progress-track","--size_small":"bds121Progress---size_small","--size_medium":"bds121Progress---size_medium","--size_large":"bds121Progress---size_large","fill":"bds121Progress-fill"};
595
595
 
596
596
  // src/components/ui/Progress/Progress.tsx
597
597
  import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -629,7 +629,7 @@ function Progress({
629
629
  }
630
630
 
631
631
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
632
- var ProgressCircle_default = {"wrapper":"bds112ProgressCircle-wrapper","svg":"bds112ProgressCircle-svg","track":"bds112ProgressCircle-track","fill":"bds112ProgressCircle-fill","value":"bds112ProgressCircle-value","--size_small":"bds112ProgressCircle---size_small","--size_medium":"bds112ProgressCircle---size_medium","--size_large":"bds112ProgressCircle---size_large"};
632
+ var ProgressCircle_default = {"wrapper":"bds121ProgressCircle-wrapper","svg":"bds121ProgressCircle-svg","track":"bds121ProgressCircle-track","fill":"bds121ProgressCircle-fill","value":"bds121ProgressCircle-value","--size_small":"bds121ProgressCircle---size_small","--size_medium":"bds121ProgressCircle---size_medium","--size_large":"bds121ProgressCircle---size_large"};
633
633
 
634
634
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
635
635
  import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -708,7 +708,7 @@ function ProgressCircle({
708
708
  }
709
709
 
710
710
  // src/components/ui/Separator/Separator.module.css
711
- var Separator_default = {"separator":"bds112Separator-separator","--horizontal":"bds112Separator---horizontal","--vertical":"bds112Separator---vertical"};
711
+ var Separator_default = {"separator":"bds121Separator-separator","--horizontal":"bds121Separator---horizontal","--vertical":"bds121Separator---vertical"};
712
712
 
713
713
  // src/components/ui/Separator/Separator.tsx
714
714
  import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -731,7 +731,7 @@ function Separator({ orientation = "horizontal", className }) {
731
731
  import { cn as cn17 } from "@boostdev/design-system-foundation";
732
732
 
733
733
  // src/components/ui/Skeleton/Skeleton.module.css
734
- var Skeleton_default = {"skeleton":"bds112Skeleton-skeleton"};
734
+ var Skeleton_default = {"skeleton":"bds121Skeleton-skeleton"};
735
735
 
736
736
  // src/components/ui/Skeleton/Skeleton.tsx
737
737
  import { jsx as jsx17 } from "react/jsx-runtime";
@@ -740,7 +740,7 @@ function Skeleton({ className }) {
740
740
  }
741
741
 
742
742
  // src/components/ui/SkipLink/SkipLink.module.css
743
- var SkipLink_default = {"skipLink":"bds112SkipLink-skipLink"};
743
+ var SkipLink_default = {"skipLink":"bds121SkipLink-skipLink"};
744
744
 
745
745
  // src/components/ui/SkipLink/SkipLink.tsx
746
746
  import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -750,7 +750,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
750
750
  }
751
751
 
752
752
  // src/components/ui/Table/Table.module.css
753
- var Table_default = {"wrapper":"bds112Table-wrapper","table":"bds112Table-table","caption":"bds112Table-caption","thead":"bds112Table-thead","th":"bds112Table-th","--sortable":"bds112Table---sortable","sortButton":"bds112Table-sortButton","sortIcon":"bds112Table-sortIcon","--sort-active":"bds112Table---sort-active","--sort-desc":"bds112Table---sort-desc","tbody":"bds112Table-tbody","tr":"bds112Table-tr","td":"bds112Table-td"};
753
+ var Table_default = {"wrapper":"bds121Table-wrapper","table":"bds121Table-table","caption":"bds121Table-caption","thead":"bds121Table-thead","th":"bds121Table-th","--sortable":"bds121Table---sortable","sortButton":"bds121Table-sortButton","sortIcon":"bds121Table-sortIcon","--sort-active":"bds121Table---sort-active","--sort-desc":"bds121Table---sort-desc","tbody":"bds121Table-tbody","tr":"bds121Table-tr","td":"bds121Table-td"};
754
754
 
755
755
  // src/components/ui/Table/Table.tsx
756
756
  import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -820,7 +820,7 @@ function Table({
820
820
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
821
821
 
822
822
  // src/components/ui/Tabs/Tabs.module.css
823
- var Tabs_default = {"tabs":"bds112Tabs-tabs","tabList":"bds112Tabs-tabList","tab":"bds112Tabs-tab","--active":"bds112Tabs---active","panel":"bds112Tabs-panel"};
823
+ var Tabs_default = {"tabs":"bds121Tabs-tabs","tabList":"bds121Tabs-tabList","tab":"bds121Tabs-tab","--active":"bds121Tabs---active","panel":"bds121Tabs-panel"};
824
824
 
825
825
  // src/components/ui/Tabs/Tabs.tsx
826
826
  import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -900,7 +900,7 @@ function Tabs({ tabs, defaultTab, className }) {
900
900
  import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
901
901
 
902
902
  // src/components/ui/Tooltip/Tooltip.module.css
903
- var Tooltip_default = {"wrapper":"bds112Tooltip-wrapper","tooltip":"bds112Tooltip-tooltip","--placement_top":"bds112Tooltip---placement_top","--placement_bottom":"bds112Tooltip---placement_bottom","--placement_left":"bds112Tooltip---placement_left","--placement_right":"bds112Tooltip---placement_right"};
903
+ var Tooltip_default = {"wrapper":"bds121Tooltip-wrapper","tooltip":"bds121Tooltip-tooltip","--placement_top":"bds121Tooltip---placement_top","--placement_bottom":"bds121Tooltip---placement_bottom","--placement_left":"bds121Tooltip---placement_left","--placement_right":"bds121Tooltip---placement_right"};
904
904
 
905
905
  // src/components/ui/Tooltip/Tooltip.tsx
906
906
  import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -942,7 +942,7 @@ function Tooltip({
942
942
  }
943
943
 
944
944
  // src/components/ui/Typography/Typography.module.css
945
- var Typography_default = {"typography":"bds112Typography-typography","--h1":"bds112Typography---h1","--h2":"bds112Typography---h2","--h3":"bds112Typography---h3","--body":"bds112Typography---body","--body_s":"bds112Typography---body_s"};
945
+ var Typography_default = {"typography":"bds121Typography-typography","--h1":"bds121Typography---h1","--h2":"bds121Typography---h2","--h3":"bds121Typography---h3","--body":"bds121Typography---body","--body_s":"bds121Typography---body_s"};
946
946
 
947
947
  // src/components/ui/Typography/Typography.tsx
948
948
  import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -960,7 +960,7 @@ function Typography({ variant = "body", component, children, className }) {
960
960
  }
961
961
 
962
962
  // src/components/interaction/Button/Button.module.css
963
- var Button_default = {"button":"bds112Button-button","--default":"bds112Button---default","--ghost":"bds112Button---ghost","--size_small":"bds112Button---size_small","--size_medium":"bds112Button---size_medium","--size_large":"bds112Button---size_large","--hasPulse":"bds112Button---hasPulse","iconStart":"bds112Button-iconStart","iconEnd":"bds112Button-iconEnd"};
963
+ var Button_default = {"button":"bds121Button-button","--default":"bds121Button---default","--outline":"bds121Button---outline","--ghost":"bds121Button---ghost","--size_small":"bds121Button---size_small","--size_medium":"bds121Button---size_medium","--size_large":"bds121Button---size_large","--hasPulse":"bds121Button---hasPulse","iconStart":"bds121Button-iconStart","iconEnd":"bds121Button-iconEnd"};
964
964
 
965
965
  // src/components/interaction/Button/Button.tsx
966
966
  import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1075,7 +1075,7 @@ function installInvokerCommandsPolyfill() {
1075
1075
  }
1076
1076
 
1077
1077
  // src/components/interaction/Command/Command.module.css
1078
- var Command_default = {"dialog":"bds112Command-dialog","palette":"bds112Command-palette","searchRow":"bds112Command-searchRow","searchIcon":"bds112Command-searchIcon","search":"bds112Command-search","escHint":"bds112Command-escHint","list":"bds112Command-list","groupList":"bds112Command-groupList","group":"bds112Command-group","item":"bds112Command-item","itemActive":"bds112Command-itemActive","itemLabel":"bds112Command-itemLabel","itemDesc":"bds112Command-itemDesc","shortcut":"bds112Command-shortcut","empty":"bds112Command-empty"};
1078
+ var Command_default = {"dialog":"bds121Command-dialog","palette":"bds121Command-palette","searchRow":"bds121Command-searchRow","searchIcon":"bds121Command-searchIcon","search":"bds121Command-search","escHint":"bds121Command-escHint","list":"bds121Command-list","groupList":"bds121Command-groupList","group":"bds121Command-group","item":"bds121Command-item","itemActive":"bds121Command-itemActive","itemLabel":"bds121Command-itemLabel","itemDesc":"bds121Command-itemDesc","shortcut":"bds121Command-shortcut","empty":"bds121Command-empty"};
1079
1079
 
1080
1080
  // src/components/interaction/Command/Command.tsx
1081
1081
  import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1250,7 +1250,7 @@ function Command({
1250
1250
  import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
1251
1251
 
1252
1252
  // src/components/interaction/Dialog/Dialog.module.css
1253
- var Dialog_default = {"dialog":"bds112Dialog-dialog","dialogContent":"bds112Dialog-dialogContent","closeButton":"bds112Dialog-closeButton"};
1253
+ var Dialog_default = {"dialog":"bds121Dialog-dialog","dialogContent":"bds121Dialog-dialogContent","closeButton":"bds121Dialog-closeButton"};
1254
1254
 
1255
1255
  // src/components/interaction/Dialog/Dialog.tsx
1256
1256
  import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1355,7 +1355,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1355
1355
  import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
1356
1356
 
1357
1357
  // src/components/interaction/Drawer/Drawer.module.css
1358
- var Drawer_default = {"drawer":"bds112Drawer-drawer","panel":"bds112Drawer-panel","--side_right":"bds112Drawer---side_right","--side_left":"bds112Drawer---side_left","header":"bds112Drawer-header","closeButton":"bds112Drawer-closeButton","body":"bds112Drawer-body"};
1358
+ var Drawer_default = {"drawer":"bds121Drawer-drawer","--side_left":"bds121Drawer---side_left","header":"bds121Drawer-header","closeButton":"bds121Drawer-closeButton","body":"bds121Drawer-body"};
1359
1359
 
1360
1360
  // src/components/interaction/Drawer/Drawer.tsx
1361
1361
  import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1411,13 +1411,17 @@ function Drawer({
1411
1411
  return () => dialog.removeEventListener("command", handleCommand);
1412
1412
  }, [onOpen, onClose]);
1413
1413
  const handleClick = (e) => {
1414
- if (e.target === dialogRef.current) onClose();
1414
+ const dialog = dialogRef.current;
1415
+ if (!dialog) return;
1416
+ const rect = dialog.getBoundingClientRect();
1417
+ const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
1418
+ if (outside) onClose();
1415
1419
  };
1416
1420
  const handleCancel = (e) => {
1417
1421
  e.preventDefault();
1418
1422
  onClose();
1419
1423
  };
1420
- return /* @__PURE__ */ jsx26(
1424
+ return /* @__PURE__ */ jsxs19(
1421
1425
  "dialog",
1422
1426
  {
1423
1427
  ref: dialogRef,
@@ -1427,7 +1431,7 @@ function Drawer({
1427
1431
  "aria-modal": "true",
1428
1432
  onClick: handleClick,
1429
1433
  onCancel: handleCancel,
1430
- children: /* @__PURE__ */ jsxs19("div", { className: Drawer_default.panel, children: [
1434
+ children: [
1431
1435
  /* @__PURE__ */ jsxs19("div", { className: Drawer_default.header, children: [
1432
1436
  !!title && title,
1433
1437
  /* @__PURE__ */ jsx26(
@@ -1443,7 +1447,7 @@ function Drawer({
1443
1447
  )
1444
1448
  ] }),
1445
1449
  /* @__PURE__ */ jsx26("div", { className: Drawer_default.body, children })
1446
- ] })
1450
+ ]
1447
1451
  }
1448
1452
  );
1449
1453
  }
@@ -1459,7 +1463,7 @@ import {
1459
1463
  } from "react";
1460
1464
 
1461
1465
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1462
- var DropdownMenu_default = {"wrapper":"bds112DropdownMenu-wrapper","menu":"bds112DropdownMenu-menu","--placement_bottom-start":"bds112DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds112DropdownMenu---placement_bottom-end","separator":"bds112DropdownMenu-separator","item":"bds112DropdownMenu-item","icon":"bds112DropdownMenu-icon"};
1466
+ var DropdownMenu_default = {"wrapper":"bds121DropdownMenu-wrapper","menu":"bds121DropdownMenu-menu","--placement_bottom-start":"bds121DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds121DropdownMenu---placement_bottom-end","separator":"bds121DropdownMenu-separator","item":"bds121DropdownMenu-item","icon":"bds121DropdownMenu-icon"};
1463
1467
 
1464
1468
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1465
1469
  import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1579,7 +1583,7 @@ import {
1579
1583
  } from "react";
1580
1584
 
1581
1585
  // src/components/interaction/Popover/Popover.module.css
1582
- var Popover_default = {"wrapper":"bds112Popover-wrapper","panel":"bds112Popover-panel","g":"bds112Popover-g"};
1586
+ var Popover_default = {"wrapper":"bds121Popover-wrapper","panel":"bds121Popover-panel","g":"bds121Popover-g"};
1583
1587
 
1584
1588
  // src/components/interaction/Popover/Popover.tsx
1585
1589
  import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1663,7 +1667,7 @@ function Popover({
1663
1667
  }
1664
1668
 
1665
1669
  // src/components/interaction/Rating/Rating.module.css
1666
- var Rating_default = {"rating":"bds112Rating-rating","star":"bds112Rating-star","--filled":"bds112Rating---filled"};
1670
+ var Rating_default = {"rating":"bds121Rating-rating","star":"bds121Rating-star","--filled":"bds121Rating---filled"};
1667
1671
 
1668
1672
  // src/components/interaction/Rating/Rating.tsx
1669
1673
  import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1694,7 +1698,7 @@ function Rating({ value, max = 5, className }) {
1694
1698
  import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
1695
1699
 
1696
1700
  // src/components/interaction/Toast/Toast.module.css
1697
- var Toast_default = {"toastContainer":"bds112Toast-toastContainer","toast":"bds112Toast-toast","--variant_success":"bds112Toast---variant_success","--variant_warning":"bds112Toast---variant_warning","--variant_info":"bds112Toast---variant_info","--variant_error":"bds112Toast---variant_error","message":"bds112Toast-message","closeButton":"bds112Toast-closeButton"};
1701
+ var Toast_default = {"toastContainer":"bds121Toast-toastContainer","toast":"bds121Toast-toast","--variant_success":"bds121Toast---variant_success","--variant_warning":"bds121Toast---variant_warning","--variant_info":"bds121Toast---variant_info","--variant_error":"bds121Toast---variant_error","message":"bds121Toast-message","closeButton":"bds121Toast-closeButton"};
1698
1702
 
1699
1703
  // src/components/interaction/Toast/Toast.tsx
1700
1704
  import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1767,10 +1771,10 @@ function useToast() {
1767
1771
  import { useId as useId11 } from "react";
1768
1772
 
1769
1773
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1770
- var Checkbox_default = {"checkboxGroup":"bds112Checkbox-checkboxGroup","inputWrapper":"bds112Checkbox-inputWrapper","checkbox":"bds112Checkbox-checkbox","checkboxError":"bds112Checkbox-checkboxError"};
1774
+ var Checkbox_default = {"checkboxGroup":"bds121Checkbox-checkboxGroup","inputWrapper":"bds121Checkbox-inputWrapper","checkbox":"bds121Checkbox-checkbox","checkboxError":"bds121Checkbox-checkboxError"};
1771
1775
 
1772
1776
  // src/components/interaction/form/atoms/Message.module.css
1773
- var Message_default = {"error":"bds112Message-error","hint":"bds112Message-hint"};
1777
+ var Message_default = {"error":"bds121Message-error","hint":"bds121Message-hint"};
1774
1778
 
1775
1779
  // src/components/interaction/form/atoms/Message.tsx
1776
1780
  import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1781,7 +1785,7 @@ var Message = ({ message, type, inputId, className }) => {
1781
1785
  };
1782
1786
 
1783
1787
  // src/components/interaction/form/atoms/Label.module.css
1784
- var Label_default = {"label":"bds112Label-label"};
1788
+ var Label_default = {"label":"bds121Label-label"};
1785
1789
 
1786
1790
  // src/components/interaction/form/atoms/Label.tsx
1787
1791
  import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1794,7 +1798,7 @@ var Label = ({ label, id, className }) => {
1794
1798
  import { cn as cn34 } from "@boostdev/design-system-foundation";
1795
1799
 
1796
1800
  // src/components/interaction/form/atoms/InputContainer.module.css
1797
- var InputContainer_default = {"container":"bds112InputContainer-container"};
1801
+ var InputContainer_default = {"container":"bds121InputContainer-container"};
1798
1802
 
1799
1803
  // src/components/interaction/form/atoms/InputContainer.tsx
1800
1804
  import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1835,7 +1839,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1835
1839
  import { useId as useId12 } from "react";
1836
1840
 
1837
1841
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1838
- var CheckboxGroup_default = {"group":"bds112CheckboxGroup-group","legend":"bds112CheckboxGroup-legend","required":"bds112CheckboxGroup-required","items":"bds112CheckboxGroup-items"};
1842
+ var CheckboxGroup_default = {"group":"bds121CheckboxGroup-group","legend":"bds121CheckboxGroup-legend","required":"bds121CheckboxGroup-required","items":"bds121CheckboxGroup-items"};
1839
1843
 
1840
1844
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1841
1845
  import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1883,7 +1887,7 @@ import {
1883
1887
  } from "react";
1884
1888
 
1885
1889
  // src/components/interaction/form/Combobox/Combobox.module.css
1886
- var Combobox_default = {"formGroup":"bds112Combobox-formGroup","inputWrapper":"bds112Combobox-inputWrapper","input":"bds112Combobox-input","inputError":"bds112Combobox-inputError","chevron":"bds112Combobox-chevron","listbox":"bds112Combobox-listbox","option":"bds112Combobox-option","--highlighted":"bds112Combobox---highlighted","--selected":"bds112Combobox---selected","--disabled":"bds112Combobox---disabled"};
1890
+ var Combobox_default = {"formGroup":"bds121Combobox-formGroup","inputWrapper":"bds121Combobox-inputWrapper","input":"bds121Combobox-input","inputError":"bds121Combobox-inputError","chevron":"bds121Combobox-chevron","listbox":"bds121Combobox-listbox","option":"bds121Combobox-option","--highlighted":"bds121Combobox---highlighted","--selected":"bds121Combobox---selected","--disabled":"bds121Combobox---disabled"};
1887
1891
 
1888
1892
  // src/components/interaction/form/Combobox/Combobox.tsx
1889
1893
  import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2033,7 +2037,7 @@ function Combobox({
2033
2037
  import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
2034
2038
 
2035
2039
  // src/components/interaction/form/FileInput/FileInput.module.css
2036
- var FileInput_default = {"formGroup":"bds112FileInput-formGroup","fieldLabel":"bds112FileInput-fieldLabel","dropZone":"bds112FileInput-dropZone","isDragging":"bds112FileInput-isDragging","hasError":"bds112FileInput-hasError","isDisabled":"bds112FileInput-isDisabled","icon":"bds112FileInput-icon","prompt":"bds112FileInput-prompt","acceptHint":"bds112FileInput-acceptHint","hiddenInput":"bds112FileInput-hiddenInput"};
2040
+ var FileInput_default = {"formGroup":"bds121FileInput-formGroup","fieldLabel":"bds121FileInput-fieldLabel","dropZone":"bds121FileInput-dropZone","isDragging":"bds121FileInput-isDragging","hasError":"bds121FileInput-hasError","isDisabled":"bds121FileInput-isDisabled","icon":"bds121FileInput-icon","prompt":"bds121FileInput-prompt","acceptHint":"bds121FileInput-acceptHint","hiddenInput":"bds121FileInput-hiddenInput"};
2037
2041
 
2038
2042
  // src/components/interaction/form/FileInput/FileInput.tsx
2039
2043
  import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2133,7 +2137,7 @@ function FileInput({
2133
2137
  import { useId as useId15 } from "react";
2134
2138
 
2135
2139
  // src/components/interaction/form/FormInput/FormInput.module.css
2136
- var FormInput_default = {"formGroup":"bds112FormInput-formGroup","input":"bds112FormInput-input","inputError":"bds112FormInput-inputError"};
2140
+ var FormInput_default = {"formGroup":"bds121FormInput-formGroup","input":"bds121FormInput-input","inputError":"bds121FormInput-inputError"};
2137
2141
 
2138
2142
  // src/components/interaction/form/FormInput/FormInput.tsx
2139
2143
  import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2177,7 +2181,7 @@ function FormInput({
2177
2181
  import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
2178
2182
 
2179
2183
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2180
- var NumberInput_default = {"formGroup":"bds112NumberInput-formGroup","inputRow":"bds112NumberInput-inputRow","input":"bds112NumberInput-input","inputError":"bds112NumberInput-inputError","stepper":"bds112NumberInput-stepper"};
2184
+ var NumberInput_default = {"formGroup":"bds121NumberInput-formGroup","inputRow":"bds121NumberInput-inputRow","input":"bds121NumberInput-input","inputError":"bds121NumberInput-inputError","stepper":"bds121NumberInput-stepper"};
2181
2185
 
2182
2186
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2183
2187
  import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2281,7 +2285,7 @@ function NumberInput({
2281
2285
  import { useId as useId17 } from "react";
2282
2286
 
2283
2287
  // src/components/interaction/form/Radio/Radio.module.css
2284
- var Radio_default = {"radioGroup":"bds112Radio-radioGroup","inputWrapper":"bds112Radio-inputWrapper","textWrapper":"bds112Radio-textWrapper","description":"bds112Radio-description","radio":"bds112Radio-radio","radioError":"bds112Radio-radioError"};
2288
+ var Radio_default = {"radioGroup":"bds121Radio-radioGroup","inputWrapper":"bds121Radio-inputWrapper","textWrapper":"bds121Radio-textWrapper","description":"bds121Radio-description","radio":"bds121Radio-radio","radioError":"bds121Radio-radioError"};
2285
2289
 
2286
2290
  // src/components/interaction/form/Radio/Radio.tsx
2287
2291
  import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2319,7 +2323,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2319
2323
  import { useId as useId18 } from "react";
2320
2324
 
2321
2325
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2322
- var RadioGroup_default = {"group":"bds112RadioGroup-group","legend":"bds112RadioGroup-legend","required":"bds112RadioGroup-required","items":"bds112RadioGroup-items"};
2326
+ var RadioGroup_default = {"group":"bds121RadioGroup-group","legend":"bds121RadioGroup-legend","required":"bds121RadioGroup-required","items":"bds121RadioGroup-items"};
2323
2327
 
2324
2328
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2325
2329
  import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2358,77 +2362,55 @@ function RadioGroup({
2358
2362
  }
2359
2363
 
2360
2364
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2361
- import { useId as useId19, useState as useState12 } from "react";
2365
+ import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2362
2366
 
2363
2367
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2364
- var SegmentedControl_default = {"control":"bds112SegmentedControl-control","thumb":"bds112SegmentedControl-thumb","item":"bds112SegmentedControl-item","--disabled":"bds112SegmentedControl---disabled","radio":"bds112SegmentedControl-radio","label":"bds112SegmentedControl-label","--size_small":"bds112SegmentedControl---size_small","--size_large":"bds112SegmentedControl---size_large","--active":"bds112SegmentedControl---active"};
2368
+ var SegmentedControl_default = {"control":"bds121SegmentedControl-control","thumb":"bds121SegmentedControl-thumb","indicator":"bds121SegmentedControl-indicator","item":"bds121SegmentedControl-item","--active":"bds121SegmentedControl---active","--disabled":"bds121SegmentedControl---disabled","--size_small":"bds121SegmentedControl---size_small","--size_large":"bds121SegmentedControl---size_large","--variant_outline":"bds121SegmentedControl---variant_outline"};
2365
2369
 
2366
2370
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2367
2371
  import { cn as cn42 } from "@boostdev/design-system-foundation";
2368
2372
  import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2369
2373
  function SegmentedControl({
2370
- name,
2371
- options,
2372
- value,
2373
- defaultValue,
2374
- onChange,
2374
+ children,
2375
+ selectedIndex: selectedIndexProp,
2375
2376
  disabled,
2376
2377
  size = "medium",
2378
+ variant = "outline",
2377
2379
  className,
2378
- "aria-label": ariaLabel,
2379
- ...rest
2380
+ "aria-label": ariaLabel
2380
2381
  }) {
2381
- const baseId = name + useId19();
2382
- const [internalValue, setInternalValue] = useState12(
2383
- defaultValue ?? options[0]?.value ?? ""
2384
- );
2385
- const activeValue = value ?? internalValue;
2386
- const selectedIndex = options.findIndex((o) => o.value === activeValue);
2387
- const handleChange = (optionValue) => {
2388
- if (value === void 0) setInternalValue(optionValue);
2389
- onChange?.(optionValue);
2390
- };
2382
+ const validChildren = Children.toArray(children).filter(isValidElement4);
2383
+ const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
2384
+ const p = child.props;
2385
+ return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
2386
+ }) : -1;
2387
+ const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
2391
2388
  return /* @__PURE__ */ jsxs31(
2392
2389
  "div",
2393
2390
  {
2394
2391
  role: "group",
2395
2392
  "aria-label": ariaLabel,
2396
- className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
2393
+ className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2397
2394
  style: {
2398
- "--control_count": options.length,
2399
- "--control_selected-index": Math.max(0, selectedIndex)
2395
+ "--control_count": validChildren.length,
2396
+ "--control_selected-index": activeIndex
2400
2397
  },
2401
2398
  children: [
2402
2399
  /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2403
- options.map((option, index) => {
2404
- const id = `${baseId}-${index}`;
2405
- const isChecked = option.value === activeValue;
2406
- const isDisabled = disabled || option.disabled;
2407
- return /* @__PURE__ */ jsxs31(
2408
- "label",
2409
- {
2410
- htmlFor: id,
2411
- className: cn42(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
2412
- children: [
2413
- /* @__PURE__ */ jsx42(
2414
- "input",
2415
- {
2416
- ...rest,
2417
- type: "radio",
2418
- id,
2419
- name,
2420
- value: option.value,
2421
- checked: isChecked,
2422
- disabled: isDisabled,
2423
- className: SegmentedControl_default.radio,
2424
- onChange: () => handleChange(option.value)
2425
- }
2426
- ),
2427
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.label, children: option.label })
2428
- ]
2429
- },
2430
- option.value
2431
- );
2400
+ /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2401
+ validChildren.map((child, index) => {
2402
+ const isActive = index === activeIndex;
2403
+ const p = child.props;
2404
+ const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
2405
+ return cloneElement4(child, {
2406
+ key: child.key ?? index,
2407
+ className: cn42(
2408
+ SegmentedControl_default.item,
2409
+ isActive && SegmentedControl_default["--active"],
2410
+ isDisabled && SegmentedControl_default["--disabled"],
2411
+ p.className
2412
+ )
2413
+ });
2432
2414
  })
2433
2415
  ]
2434
2416
  }
@@ -2436,10 +2418,10 @@ function SegmentedControl({
2436
2418
  }
2437
2419
 
2438
2420
  // src/components/interaction/form/Select/Select.tsx
2439
- import { useId as useId20 } from "react";
2421
+ import { useId as useId19 } from "react";
2440
2422
 
2441
2423
  // src/components/interaction/form/Select/Select.module.css
2442
- var Select_default = {"formGroup":"bds112Select-formGroup","selectWrapper":"bds112Select-selectWrapper","select":"bds112Select-select","selectError":"bds112Select-selectError","chevron":"bds112Select-chevron"};
2424
+ var Select_default = {"formGroup":"bds121Select-formGroup","selectWrapper":"bds121Select-selectWrapper","select":"bds121Select-select","selectError":"bds121Select-selectError","chevron":"bds121Select-chevron"};
2443
2425
 
2444
2426
  // src/components/interaction/form/Select/Select.tsx
2445
2427
  import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2455,7 +2437,7 @@ function Select({
2455
2437
  required,
2456
2438
  ...props
2457
2439
  }) {
2458
- const id = name + useId20();
2440
+ const id = name + useId19();
2459
2441
  const hintId = id + "hint";
2460
2442
  const errorId = id + "error";
2461
2443
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2487,10 +2469,10 @@ function Select({
2487
2469
  }
2488
2470
 
2489
2471
  // src/components/interaction/form/Slider/Slider.tsx
2490
- import { useId as useId21, useState as useState13 } from "react";
2472
+ import { useId as useId20, useState as useState12 } from "react";
2491
2473
 
2492
2474
  // src/components/interaction/form/Slider/Slider.module.css
2493
- var Slider_default = {"formGroup":"bds112Slider-formGroup","labelRow":"bds112Slider-labelRow","value":"bds112Slider-value","slider":"bds112Slider-slider","sliderError":"bds112Slider-sliderError"};
2475
+ var Slider_default = {"formGroup":"bds121Slider-formGroup","labelRow":"bds121Slider-labelRow","value":"bds121Slider-value","slider":"bds121Slider-slider","sliderError":"bds121Slider-sliderError"};
2494
2476
 
2495
2477
  // src/components/interaction/form/Slider/Slider.tsx
2496
2478
  import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2507,12 +2489,12 @@ function Slider({
2507
2489
  onChange,
2508
2490
  ...props
2509
2491
  }) {
2510
- const id = name + useId21();
2492
+ const id = name + useId20();
2511
2493
  const hintId = id + "hint";
2512
2494
  const errorId = id + "error";
2513
2495
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2514
2496
  const isControlled = props.value !== void 0;
2515
- const [internalValue, setInternalValue] = useState13(Number(props.defaultValue ?? min));
2497
+ const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
2516
2498
  const currentValue = isControlled ? Number(props.value) : internalValue;
2517
2499
  const fillPct = (currentValue - min) / (max - min) * 100;
2518
2500
  const handleChange = (e) => {
@@ -2549,10 +2531,10 @@ function Slider({
2549
2531
  }
2550
2532
 
2551
2533
  // src/components/interaction/form/Switch/Switch.tsx
2552
- import { useId as useId22 } from "react";
2534
+ import { useId as useId21 } from "react";
2553
2535
 
2554
2536
  // src/components/interaction/form/Switch/Switch.module.css
2555
- var Switch_default = {"switchGroup":"bds112Switch-switchGroup","--size_small":"bds112Switch---size_small","--size_medium":"bds112Switch---size_medium","--size_large":"bds112Switch---size_large","inputWrapper":"bds112Switch-inputWrapper","trackWrapper":"bds112Switch-trackWrapper","switch":"bds112Switch-switch","track":"bds112Switch-track","thumb":"bds112Switch-thumb","switchError":"bds112Switch-switchError"};
2537
+ var Switch_default = {"switchGroup":"bds121Switch-switchGroup","--size_small":"bds121Switch---size_small","--size_medium":"bds121Switch---size_medium","--size_large":"bds121Switch---size_large","inputWrapper":"bds121Switch-inputWrapper","trackWrapper":"bds121Switch-trackWrapper","switch":"bds121Switch-switch","track":"bds121Switch-track","thumb":"bds121Switch-thumb","switchError":"bds121Switch-switchError"};
2556
2538
 
2557
2539
  // src/components/interaction/form/Switch/Switch.tsx
2558
2540
  import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2567,7 +2549,7 @@ function Switch({
2567
2549
  prefix,
2568
2550
  ...props
2569
2551
  }) {
2570
- const id = name + useId22();
2552
+ const id = name + useId21();
2571
2553
  const hintId = id + "hint";
2572
2554
  const errorId = id + "error";
2573
2555
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2597,10 +2579,10 @@ function Switch({
2597
2579
  }
2598
2580
 
2599
2581
  // src/components/interaction/form/Textarea/Textarea.tsx
2600
- import { useId as useId23 } from "react";
2582
+ import { useId as useId22 } from "react";
2601
2583
 
2602
2584
  // src/components/interaction/form/Textarea/Textarea.module.css
2603
- var Textarea_default = {"formGroup":"bds112Textarea-formGroup","textarea":"bds112Textarea-textarea","textareaError":"bds112Textarea-textareaError"};
2585
+ var Textarea_default = {"formGroup":"bds121Textarea-formGroup","textarea":"bds121Textarea-textarea","textareaError":"bds121Textarea-textareaError"};
2604
2586
 
2605
2587
  // src/components/interaction/form/Textarea/Textarea.tsx
2606
2588
  import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2614,7 +2596,7 @@ function Textarea({
2614
2596
  required,
2615
2597
  ...props
2616
2598
  }) {
2617
- const id = name + useId23();
2599
+ const id = name + useId22();
2618
2600
  const hintId = id + "hint";
2619
2601
  const errorId = id + "error";
2620
2602
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2639,7 +2621,7 @@ function Textarea({
2639
2621
  }
2640
2622
 
2641
2623
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2642
- var ButtonGroup_default = {"buttonGroup":"bds112ButtonGroup-buttonGroup","container":"bds112ButtonGroup-container","--variant_card":"bds112ButtonGroup---variant_card","--variant_flow":"bds112ButtonGroup---variant_flow","--variant_modal":"bds112ButtonGroup---variant_modal","--variant_content":"bds112ButtonGroup---variant_content","--variant_grid":"bds112ButtonGroup---variant_grid"};
2624
+ var ButtonGroup_default = {"buttonGroup":"bds121ButtonGroup-buttonGroup","container":"bds121ButtonGroup-container","--variant_card":"bds121ButtonGroup---variant_card","--variant_flow":"bds121ButtonGroup---variant_flow","--variant_modal":"bds121ButtonGroup---variant_modal","--variant_content":"bds121ButtonGroup---variant_content","--variant_grid":"bds121ButtonGroup---variant_grid"};
2643
2625
 
2644
2626
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2645
2627
  import { cn as cn47 } from "@boostdev/design-system-foundation";
@@ -2657,7 +2639,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
2657
2639
  }
2658
2640
 
2659
2641
  // src/components/layout/Card/Card.module.css
2660
- var Card_default = {"card":"bds112Card-card","--default":"bds112Card---default","--elevated":"bds112Card---elevated","--outlined":"bds112Card---outlined","--clickable":"bds112Card---clickable","--padding-none":"bds112Card---padding-none","--padding-small":"bds112Card---padding-small","--padding-medium":"bds112Card---padding-medium","--padding-large":"bds112Card---padding-large","--text-start":"bds112Card---text-start","--text-center":"bds112Card---text-center","--text-end":"bds112Card---text-end"};
2642
+ var Card_default = {"card":"bds121Card-card","--default":"bds121Card---default","--elevated":"bds121Card---elevated","--outlined":"bds121Card---outlined","--clickable":"bds121Card---clickable","--padding-none":"bds121Card---padding-none","--padding-small":"bds121Card---padding-small","--padding-medium":"bds121Card---padding-medium","--padding-large":"bds121Card---padding-large","--text-start":"bds121Card---text-start","--text-center":"bds121Card---text-center","--text-end":"bds121Card---text-end"};
2661
2643
 
2662
2644
  // src/components/layout/Card/Card.tsx
2663
2645
  import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2695,7 +2677,7 @@ function Card({
2695
2677
  }
2696
2678
 
2697
2679
  // src/components/layout/SectionHeader/SectionHeader.module.css
2698
- var SectionHeader_default = {"sectionHeader":"bds112SectionHeader-sectionHeader","title":"bds112SectionHeader-title","subtitle":"bds112SectionHeader-subtitle","--start":"bds112SectionHeader---start","--center":"bds112SectionHeader---center","--end":"bds112SectionHeader---end","--small":"bds112SectionHeader---small","--medium":"bds112SectionHeader---medium","--large":"bds112SectionHeader---large"};
2680
+ var SectionHeader_default = {"sectionHeader":"bds121SectionHeader-sectionHeader","title":"bds121SectionHeader-title","subtitle":"bds121SectionHeader-subtitle","--start":"bds121SectionHeader---start","--center":"bds121SectionHeader---center","--end":"bds121SectionHeader---end","--small":"bds121SectionHeader---small","--medium":"bds121SectionHeader---medium","--large":"bds121SectionHeader---large"};
2699
2681
 
2700
2682
  // src/components/layout/SectionHeader/SectionHeader.tsx
2701
2683
  import { cn as cn49 } from "@boostdev/design-system-foundation";
@@ -2716,7 +2698,7 @@ function SectionHeader({
2716
2698
  }
2717
2699
 
2718
2700
  // src/components/layout/IconWrapper/IconWrapper.module.css
2719
- var IconWrapper_default = {"wrapper":"bds112IconWrapper-wrapper"};
2701
+ var IconWrapper_default = {"wrapper":"bds121IconWrapper-wrapper"};
2720
2702
 
2721
2703
  // src/components/layout/IconWrapper/IconWrapper.tsx
2722
2704
  import { cn as cn50 } from "@boostdev/design-system-foundation";