@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/client.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { useId, useState } from "react";
5
5
 
6
6
  // src/components/ui/Accordion/Accordion.module.css
7
- var Accordion_default = {"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"};
7
+ 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"};
8
8
 
9
9
  // src/components/ui/Accordion/Accordion.tsx
10
10
  import { cn } from "@boostdev/design-system-foundation";
@@ -72,7 +72,7 @@ function Accordion({
72
72
  }
73
73
 
74
74
  // src/components/ui/Alert/Alert.module.css
75
- 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"};
75
+ 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"};
76
76
 
77
77
  // src/components/ui/Alert/Alert.tsx
78
78
  import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -115,7 +115,7 @@ function Alert({
115
115
  }
116
116
 
117
117
  // src/components/ui/Avatar/Avatar.module.css
118
- 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"};
118
+ 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"};
119
119
 
120
120
  // src/components/ui/Avatar/Avatar.tsx
121
121
  import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -141,7 +141,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
141
141
  }
142
142
 
143
143
  // src/components/ui/Badge/Badge.module.css
144
- 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"};
144
+ 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"};
145
145
 
146
146
  // src/components/ui/Badge/Badge.tsx
147
147
  import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -151,7 +151,7 @@ function Badge({ children, variant = "primary", className }) {
151
151
  }
152
152
 
153
153
  // src/components/ui/Breadcrumb/Breadcrumb.module.css
154
- var Breadcrumb_default = {"breadcrumb":"bds112Breadcrumb-breadcrumb","list":"bds112Breadcrumb-list","item":"bds112Breadcrumb-item","link":"bds112Breadcrumb-link","separator":"bds112Breadcrumb-separator","current":"bds112Breadcrumb-current"};
154
+ var Breadcrumb_default = {"breadcrumb":"bds121Breadcrumb-breadcrumb","list":"bds121Breadcrumb-list","item":"bds121Breadcrumb-item","link":"bds121Breadcrumb-link","separator":"bds121Breadcrumb-separator","current":"bds121Breadcrumb-current"};
155
155
 
156
156
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
157
157
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -167,7 +167,7 @@ function Breadcrumb({ items, className }) {
167
167
  }
168
168
 
169
169
  // src/components/ui/Collapsible/Collapsible.module.css
170
- var Collapsible_default = {"collapsible":"bds112Collapsible-collapsible","summary":"bds112Collapsible-summary","summaryContent":"bds112Collapsible-summaryContent","icon":"bds112Collapsible-icon","content":"bds112Collapsible-content"};
170
+ var Collapsible_default = {"collapsible":"bds121Collapsible-collapsible","summary":"bds121Collapsible-summary","summaryContent":"bds121Collapsible-summaryContent","icon":"bds121Collapsible-icon","content":"bds121Collapsible-content"};
171
171
 
172
172
  // src/components/ui/Collapsible/Collapsible.tsx
173
173
  import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -208,7 +208,7 @@ function Collapsible({
208
208
  import { useState as useState2, useId as useId2 } from "react";
209
209
 
210
210
  // src/components/ui/Calendar/Calendar.module.css
211
- 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"};
211
+ 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"};
212
212
 
213
213
  // src/components/ui/Calendar/Calendar.tsx
214
214
  import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -383,7 +383,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
383
383
  import { useRef, useId as useId3 } from "react";
384
384
 
385
385
  // src/components/ui/Carousel/Carousel.module.css
386
- var Carousel_default = {"carousel":"bds112Carousel-carousel","track":"bds112Carousel-track","slide":"bds112Carousel-slide","navBtn":"bds112Carousel-navBtn"};
386
+ var Carousel_default = {"carousel":"bds121Carousel-carousel","track":"bds121Carousel-track","slide":"bds121Carousel-slide","navBtn":"bds121Carousel-navBtn"};
387
387
 
388
388
  // src/components/ui/Carousel/Carousel.tsx
389
389
  import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -436,7 +436,7 @@ function Carousel({ items, label, className }) {
436
436
  }
437
437
 
438
438
  // src/components/ui/DescriptionList/DescriptionList.module.css
439
- var DescriptionList_default = {"list":"bds112DescriptionList-list","group":"bds112DescriptionList-group","term":"bds112DescriptionList-term","details":"bds112DescriptionList-details","--layout_inline":"bds112DescriptionList---layout_inline"};
439
+ var DescriptionList_default = {"list":"bds121DescriptionList-list","group":"bds121DescriptionList-group","term":"bds121DescriptionList-term","details":"bds121DescriptionList-details","--layout_inline":"bds121DescriptionList---layout_inline"};
440
440
 
441
441
  // src/components/ui/DescriptionList/DescriptionList.tsx
442
442
  import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -449,7 +449,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
449
449
  }
450
450
 
451
451
  // src/components/ui/Link/Link.module.css
452
- var Link_default = {"link":"bds112Link-link","--variant_default":"bds112Link---variant_default","--variant_subtle":"bds112Link---variant_subtle","--variant_standalone":"bds112Link---variant_standalone","externalLabel":"bds112Link-externalLabel"};
452
+ var Link_default = {"link":"bds121Link-link","--variant_default":"bds121Link---variant_default","--variant_subtle":"bds121Link---variant_subtle","--variant_standalone":"bds121Link---variant_standalone","externalLabel":"bds121Link-externalLabel"};
453
453
 
454
454
  // src/components/ui/Link/Link.tsx
455
455
  import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -480,7 +480,7 @@ function Link({
480
480
  }
481
481
 
482
482
  // src/components/ui/Loading/Loading.module.css
483
- var Loading_default = {"loading":"bds112Loading-loading","spinner":"bds112Loading-spinner","--size_small":"bds112Loading---size_small","--size_large":"bds112Loading---size_large"};
483
+ var Loading_default = {"loading":"bds121Loading-loading","spinner":"bds121Loading-spinner","--size_small":"bds121Loading---size_small","--size_large":"bds121Loading---size_large"};
484
484
 
485
485
  // src/components/ui/Loading/Loading.tsx
486
486
  import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -490,7 +490,7 @@ function Loading({ size = "medium", className }) {
490
490
  }
491
491
 
492
492
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
493
- 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"};
493
+ 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"};
494
494
 
495
495
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
496
496
  import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -529,7 +529,7 @@ function NotificationBanner({
529
529
  }
530
530
 
531
531
  // src/components/ui/Pagination/Pagination.module.css
532
- var Pagination_default = {"pagination":"bds112Pagination-pagination","list":"bds112Pagination-list","button":"bds112Pagination-button","--active":"bds112Pagination---active","--nav":"bds112Pagination---nav","ellipsis":"bds112Pagination-ellipsis"};
532
+ var Pagination_default = {"pagination":"bds121Pagination-pagination","list":"bds121Pagination-list","button":"bds121Pagination-button","--active":"bds121Pagination---active","--nav":"bds121Pagination---nav","ellipsis":"bds121Pagination-ellipsis"};
533
533
 
534
534
  // src/components/ui/Pagination/Pagination.tsx
535
535
  import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -593,7 +593,7 @@ function Pagination({
593
593
  }
594
594
 
595
595
  // src/components/ui/Progress/Progress.module.css
596
- 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"};
596
+ 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"};
597
597
 
598
598
  // src/components/ui/Progress/Progress.tsx
599
599
  import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -631,7 +631,7 @@ function Progress({
631
631
  }
632
632
 
633
633
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
634
- 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"};
634
+ 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"};
635
635
 
636
636
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
637
637
  import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -710,7 +710,7 @@ function ProgressCircle({
710
710
  }
711
711
 
712
712
  // src/components/ui/Separator/Separator.module.css
713
- var Separator_default = {"separator":"bds112Separator-separator","--horizontal":"bds112Separator---horizontal","--vertical":"bds112Separator---vertical"};
713
+ var Separator_default = {"separator":"bds121Separator-separator","--horizontal":"bds121Separator---horizontal","--vertical":"bds121Separator---vertical"};
714
714
 
715
715
  // src/components/ui/Separator/Separator.tsx
716
716
  import { cn as cn16 } from "@boostdev/design-system-foundation";
@@ -733,7 +733,7 @@ function Separator({ orientation = "horizontal", className }) {
733
733
  import { cn as cn17 } from "@boostdev/design-system-foundation";
734
734
 
735
735
  // src/components/ui/Skeleton/Skeleton.module.css
736
- var Skeleton_default = {"skeleton":"bds112Skeleton-skeleton"};
736
+ var Skeleton_default = {"skeleton":"bds121Skeleton-skeleton"};
737
737
 
738
738
  // src/components/ui/Skeleton/Skeleton.tsx
739
739
  import { jsx as jsx17 } from "react/jsx-runtime";
@@ -742,7 +742,7 @@ function Skeleton({ className }) {
742
742
  }
743
743
 
744
744
  // src/components/ui/SkipLink/SkipLink.module.css
745
- var SkipLink_default = {"skipLink":"bds112SkipLink-skipLink"};
745
+ var SkipLink_default = {"skipLink":"bds121SkipLink-skipLink"};
746
746
 
747
747
  // src/components/ui/SkipLink/SkipLink.tsx
748
748
  import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -752,7 +752,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
752
752
  }
753
753
 
754
754
  // src/components/ui/Table/Table.module.css
755
- 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"};
755
+ 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"};
756
756
 
757
757
  // src/components/ui/Table/Table.tsx
758
758
  import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -822,7 +822,7 @@ function Table({
822
822
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
823
823
 
824
824
  // src/components/ui/Tabs/Tabs.module.css
825
- var Tabs_default = {"tabs":"bds112Tabs-tabs","tabList":"bds112Tabs-tabList","tab":"bds112Tabs-tab","--active":"bds112Tabs---active","panel":"bds112Tabs-panel"};
825
+ var Tabs_default = {"tabs":"bds121Tabs-tabs","tabList":"bds121Tabs-tabList","tab":"bds121Tabs-tab","--active":"bds121Tabs---active","panel":"bds121Tabs-panel"};
826
826
 
827
827
  // src/components/ui/Tabs/Tabs.tsx
828
828
  import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -902,7 +902,7 @@ function Tabs({ tabs, defaultTab, className }) {
902
902
  import { cloneElement, isValidElement, useId as useId5, useState as useState4 } from "react";
903
903
 
904
904
  // src/components/ui/Tooltip/Tooltip.module.css
905
- 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"};
905
+ 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"};
906
906
 
907
907
  // src/components/ui/Tooltip/Tooltip.tsx
908
908
  import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -944,7 +944,7 @@ function Tooltip({
944
944
  }
945
945
 
946
946
  // src/components/ui/Typography/Typography.module.css
947
- var Typography_default = {"typography":"bds112Typography-typography","--h1":"bds112Typography---h1","--h2":"bds112Typography---h2","--h3":"bds112Typography---h3","--body":"bds112Typography---body","--body_s":"bds112Typography---body_s"};
947
+ var Typography_default = {"typography":"bds121Typography-typography","--h1":"bds121Typography---h1","--h2":"bds121Typography---h2","--h3":"bds121Typography---h3","--body":"bds121Typography---body","--body_s":"bds121Typography---body_s"};
948
948
 
949
949
  // src/components/ui/Typography/Typography.tsx
950
950
  import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -962,7 +962,7 @@ function Typography({ variant = "body", component, children, className }) {
962
962
  }
963
963
 
964
964
  // src/components/interaction/Button/Button.module.css
965
- 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"};
965
+ 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"};
966
966
 
967
967
  // src/components/interaction/Button/Button.tsx
968
968
  import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1077,7 +1077,7 @@ function installInvokerCommandsPolyfill() {
1077
1077
  }
1078
1078
 
1079
1079
  // src/components/interaction/Command/Command.module.css
1080
- 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"};
1080
+ 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"};
1081
1081
 
1082
1082
  // src/components/interaction/Command/Command.tsx
1083
1083
  import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1252,7 +1252,7 @@ function Command({
1252
1252
  import { useEffect as useEffect2, useId as useId7, useRef as useRef4 } from "react";
1253
1253
 
1254
1254
  // src/components/interaction/Dialog/Dialog.module.css
1255
- var Dialog_default = {"dialog":"bds112Dialog-dialog","dialogContent":"bds112Dialog-dialogContent","closeButton":"bds112Dialog-closeButton"};
1255
+ var Dialog_default = {"dialog":"bds121Dialog-dialog","dialogContent":"bds121Dialog-dialogContent","closeButton":"bds121Dialog-closeButton"};
1256
1256
 
1257
1257
  // src/components/interaction/Dialog/Dialog.tsx
1258
1258
  import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1357,7 +1357,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
1357
1357
  import { useEffect as useEffect3, useId as useId8, useRef as useRef5 } from "react";
1358
1358
 
1359
1359
  // src/components/interaction/Drawer/Drawer.module.css
1360
- 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"};
1360
+ var Drawer_default = {"drawer":"bds121Drawer-drawer","--side_left":"bds121Drawer---side_left","header":"bds121Drawer-header","closeButton":"bds121Drawer-closeButton","body":"bds121Drawer-body"};
1361
1361
 
1362
1362
  // src/components/interaction/Drawer/Drawer.tsx
1363
1363
  import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1413,13 +1413,17 @@ function Drawer({
1413
1413
  return () => dialog.removeEventListener("command", handleCommand);
1414
1414
  }, [onOpen, onClose]);
1415
1415
  const handleClick = (e) => {
1416
- if (e.target === dialogRef.current) onClose();
1416
+ const dialog = dialogRef.current;
1417
+ if (!dialog) return;
1418
+ const rect = dialog.getBoundingClientRect();
1419
+ const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
1420
+ if (outside) onClose();
1417
1421
  };
1418
1422
  const handleCancel = (e) => {
1419
1423
  e.preventDefault();
1420
1424
  onClose();
1421
1425
  };
1422
- return /* @__PURE__ */ jsx26(
1426
+ return /* @__PURE__ */ jsxs19(
1423
1427
  "dialog",
1424
1428
  {
1425
1429
  ref: dialogRef,
@@ -1429,7 +1433,7 @@ function Drawer({
1429
1433
  "aria-modal": "true",
1430
1434
  onClick: handleClick,
1431
1435
  onCancel: handleCancel,
1432
- children: /* @__PURE__ */ jsxs19("div", { className: Drawer_default.panel, children: [
1436
+ children: [
1433
1437
  /* @__PURE__ */ jsxs19("div", { className: Drawer_default.header, children: [
1434
1438
  !!title && title,
1435
1439
  /* @__PURE__ */ jsx26(
@@ -1445,7 +1449,7 @@ function Drawer({
1445
1449
  )
1446
1450
  ] }),
1447
1451
  /* @__PURE__ */ jsx26("div", { className: Drawer_default.body, children })
1448
- ] })
1452
+ ]
1449
1453
  }
1450
1454
  );
1451
1455
  }
@@ -1461,7 +1465,7 @@ import {
1461
1465
  } from "react";
1462
1466
 
1463
1467
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1464
- 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"};
1468
+ 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"};
1465
1469
 
1466
1470
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1467
1471
  import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1581,7 +1585,7 @@ import {
1581
1585
  } from "react";
1582
1586
 
1583
1587
  // src/components/interaction/Popover/Popover.module.css
1584
- var Popover_default = {"wrapper":"bds112Popover-wrapper","panel":"bds112Popover-panel","g":"bds112Popover-g"};
1588
+ var Popover_default = {"wrapper":"bds121Popover-wrapper","panel":"bds121Popover-panel","g":"bds121Popover-g"};
1585
1589
 
1586
1590
  // src/components/interaction/Popover/Popover.tsx
1587
1591
  import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1665,7 +1669,7 @@ function Popover({
1665
1669
  }
1666
1670
 
1667
1671
  // src/components/interaction/Rating/Rating.module.css
1668
- var Rating_default = {"rating":"bds112Rating-rating","star":"bds112Rating-star","--filled":"bds112Rating---filled"};
1672
+ var Rating_default = {"rating":"bds121Rating-rating","star":"bds121Rating-star","--filled":"bds121Rating---filled"};
1669
1673
 
1670
1674
  // src/components/interaction/Rating/Rating.tsx
1671
1675
  import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1696,7 +1700,7 @@ function Rating({ value, max = 5, className }) {
1696
1700
  import { useState as useState8, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2, useRef as useRef8 } from "react";
1697
1701
 
1698
1702
  // src/components/interaction/Toast/Toast.module.css
1699
- 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"};
1703
+ 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"};
1700
1704
 
1701
1705
  // src/components/interaction/Toast/Toast.tsx
1702
1706
  import { cn as cn30 } from "@boostdev/design-system-foundation";
@@ -1769,10 +1773,10 @@ function useToast() {
1769
1773
  import { useId as useId11 } from "react";
1770
1774
 
1771
1775
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1772
- var Checkbox_default = {"checkboxGroup":"bds112Checkbox-checkboxGroup","inputWrapper":"bds112Checkbox-inputWrapper","checkbox":"bds112Checkbox-checkbox","checkboxError":"bds112Checkbox-checkboxError"};
1776
+ var Checkbox_default = {"checkboxGroup":"bds121Checkbox-checkboxGroup","inputWrapper":"bds121Checkbox-inputWrapper","checkbox":"bds121Checkbox-checkbox","checkboxError":"bds121Checkbox-checkboxError"};
1773
1777
 
1774
1778
  // src/components/interaction/form/atoms/Message.module.css
1775
- var Message_default = {"error":"bds112Message-error","hint":"bds112Message-hint"};
1779
+ var Message_default = {"error":"bds121Message-error","hint":"bds121Message-hint"};
1776
1780
 
1777
1781
  // src/components/interaction/form/atoms/Message.tsx
1778
1782
  import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1783,7 +1787,7 @@ var Message = ({ message, type, inputId, className }) => {
1783
1787
  };
1784
1788
 
1785
1789
  // src/components/interaction/form/atoms/Label.module.css
1786
- var Label_default = {"label":"bds112Label-label"};
1790
+ var Label_default = {"label":"bds121Label-label"};
1787
1791
 
1788
1792
  // src/components/interaction/form/atoms/Label.tsx
1789
1793
  import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1796,7 +1800,7 @@ var Label = ({ label, id, className }) => {
1796
1800
  import { cn as cn34 } from "@boostdev/design-system-foundation";
1797
1801
 
1798
1802
  // src/components/interaction/form/atoms/InputContainer.module.css
1799
- var InputContainer_default = {"container":"bds112InputContainer-container"};
1803
+ var InputContainer_default = {"container":"bds121InputContainer-container"};
1800
1804
 
1801
1805
  // src/components/interaction/form/atoms/InputContainer.tsx
1802
1806
  import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1837,7 +1841,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1837
1841
  import { useId as useId12 } from "react";
1838
1842
 
1839
1843
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
1840
- var CheckboxGroup_default = {"group":"bds112CheckboxGroup-group","legend":"bds112CheckboxGroup-legend","required":"bds112CheckboxGroup-required","items":"bds112CheckboxGroup-items"};
1844
+ var CheckboxGroup_default = {"group":"bds121CheckboxGroup-group","legend":"bds121CheckboxGroup-legend","required":"bds121CheckboxGroup-required","items":"bds121CheckboxGroup-items"};
1841
1845
 
1842
1846
  // src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
1843
1847
  import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1885,7 +1889,7 @@ import {
1885
1889
  } from "react";
1886
1890
 
1887
1891
  // src/components/interaction/form/Combobox/Combobox.module.css
1888
- 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"};
1892
+ 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"};
1889
1893
 
1890
1894
  // src/components/interaction/form/Combobox/Combobox.tsx
1891
1895
  import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2035,7 +2039,7 @@ function Combobox({
2035
2039
  import { useId as useId14, useRef as useRef10, useState as useState10 } from "react";
2036
2040
 
2037
2041
  // src/components/interaction/form/FileInput/FileInput.module.css
2038
- 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"};
2042
+ 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"};
2039
2043
 
2040
2044
  // src/components/interaction/form/FileInput/FileInput.tsx
2041
2045
  import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2135,7 +2139,7 @@ function FileInput({
2135
2139
  import { useId as useId15 } from "react";
2136
2140
 
2137
2141
  // src/components/interaction/form/FormInput/FormInput.module.css
2138
- var FormInput_default = {"formGroup":"bds112FormInput-formGroup","input":"bds112FormInput-input","inputError":"bds112FormInput-inputError"};
2142
+ var FormInput_default = {"formGroup":"bds121FormInput-formGroup","input":"bds121FormInput-input","inputError":"bds121FormInput-inputError"};
2139
2143
 
2140
2144
  // src/components/interaction/form/FormInput/FormInput.tsx
2141
2145
  import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2179,7 +2183,7 @@ function FormInput({
2179
2183
  import { useId as useId16, useRef as useRef11, useState as useState11 } from "react";
2180
2184
 
2181
2185
  // src/components/interaction/form/NumberInput/NumberInput.module.css
2182
- var NumberInput_default = {"formGroup":"bds112NumberInput-formGroup","inputRow":"bds112NumberInput-inputRow","input":"bds112NumberInput-input","inputError":"bds112NumberInput-inputError","stepper":"bds112NumberInput-stepper"};
2186
+ var NumberInput_default = {"formGroup":"bds121NumberInput-formGroup","inputRow":"bds121NumberInput-inputRow","input":"bds121NumberInput-input","inputError":"bds121NumberInput-inputError","stepper":"bds121NumberInput-stepper"};
2183
2187
 
2184
2188
  // src/components/interaction/form/NumberInput/NumberInput.tsx
2185
2189
  import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2283,7 +2287,7 @@ function NumberInput({
2283
2287
  import { useId as useId17 } from "react";
2284
2288
 
2285
2289
  // src/components/interaction/form/Radio/Radio.module.css
2286
- var Radio_default = {"radioGroup":"bds112Radio-radioGroup","inputWrapper":"bds112Radio-inputWrapper","textWrapper":"bds112Radio-textWrapper","description":"bds112Radio-description","radio":"bds112Radio-radio","radioError":"bds112Radio-radioError"};
2290
+ var Radio_default = {"radioGroup":"bds121Radio-radioGroup","inputWrapper":"bds121Radio-inputWrapper","textWrapper":"bds121Radio-textWrapper","description":"bds121Radio-description","radio":"bds121Radio-radio","radioError":"bds121Radio-radioError"};
2287
2291
 
2288
2292
  // src/components/interaction/form/Radio/Radio.tsx
2289
2293
  import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2321,7 +2325,7 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
2321
2325
  import { useId as useId18 } from "react";
2322
2326
 
2323
2327
  // src/components/interaction/form/RadioGroup/RadioGroup.module.css
2324
- var RadioGroup_default = {"group":"bds112RadioGroup-group","legend":"bds112RadioGroup-legend","required":"bds112RadioGroup-required","items":"bds112RadioGroup-items"};
2328
+ var RadioGroup_default = {"group":"bds121RadioGroup-group","legend":"bds121RadioGroup-legend","required":"bds121RadioGroup-required","items":"bds121RadioGroup-items"};
2325
2329
 
2326
2330
  // src/components/interaction/form/RadioGroup/RadioGroup.tsx
2327
2331
  import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2360,77 +2364,55 @@ function RadioGroup({
2360
2364
  }
2361
2365
 
2362
2366
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2363
- import { useId as useId19, useState as useState12 } from "react";
2367
+ import { Children, cloneElement as cloneElement4, isValidElement as isValidElement4 } from "react";
2364
2368
 
2365
2369
  // src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
2366
- 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"};
2370
+ 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"};
2367
2371
 
2368
2372
  // src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
2369
2373
  import { cn as cn42 } from "@boostdev/design-system-foundation";
2370
2374
  import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2371
2375
  function SegmentedControl({
2372
- name,
2373
- options,
2374
- value,
2375
- defaultValue,
2376
- onChange,
2376
+ children,
2377
+ selectedIndex: selectedIndexProp,
2377
2378
  disabled,
2378
2379
  size = "medium",
2380
+ variant = "outline",
2379
2381
  className,
2380
- "aria-label": ariaLabel,
2381
- ...rest
2382
+ "aria-label": ariaLabel
2382
2383
  }) {
2383
- const baseId = name + useId19();
2384
- const [internalValue, setInternalValue] = useState12(
2385
- defaultValue ?? options[0]?.value ?? ""
2386
- );
2387
- const activeValue = value ?? internalValue;
2388
- const selectedIndex = options.findIndex((o) => o.value === activeValue);
2389
- const handleChange = (optionValue) => {
2390
- if (value === void 0) setInternalValue(optionValue);
2391
- onChange?.(optionValue);
2392
- };
2384
+ const validChildren = Children.toArray(children).filter(isValidElement4);
2385
+ const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
2386
+ const p = child.props;
2387
+ return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
2388
+ }) : -1;
2389
+ const activeIndex = Math.max(0, selectedIndexProp ?? (autoIndex >= 0 ? autoIndex : 0));
2393
2390
  return /* @__PURE__ */ jsxs31(
2394
2391
  "div",
2395
2392
  {
2396
2393
  role: "group",
2397
2394
  "aria-label": ariaLabel,
2398
- className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], className),
2395
+ className: cn42(SegmentedControl_default.control, SegmentedControl_default[`--size_${size}`], SegmentedControl_default[`--variant_${variant}`], className),
2399
2396
  style: {
2400
- "--control_count": options.length,
2401
- "--control_selected-index": Math.max(0, selectedIndex)
2397
+ "--control_count": validChildren.length,
2398
+ "--control_selected-index": activeIndex
2402
2399
  },
2403
2400
  children: [
2404
2401
  /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.thumb, "aria-hidden": "true" }),
2405
- options.map((option, index) => {
2406
- const id = `${baseId}-${index}`;
2407
- const isChecked = option.value === activeValue;
2408
- const isDisabled = disabled || option.disabled;
2409
- return /* @__PURE__ */ jsxs31(
2410
- "label",
2411
- {
2412
- htmlFor: id,
2413
- className: cn42(SegmentedControl_default.item, isChecked && SegmentedControl_default["--active"], isDisabled && SegmentedControl_default["--disabled"]),
2414
- children: [
2415
- /* @__PURE__ */ jsx42(
2416
- "input",
2417
- {
2418
- ...rest,
2419
- type: "radio",
2420
- id,
2421
- name,
2422
- value: option.value,
2423
- checked: isChecked,
2424
- disabled: isDisabled,
2425
- className: SegmentedControl_default.radio,
2426
- onChange: () => handleChange(option.value)
2427
- }
2428
- ),
2429
- /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.label, children: option.label })
2430
- ]
2431
- },
2432
- option.value
2433
- );
2402
+ /* @__PURE__ */ jsx42("span", { className: SegmentedControl_default.indicator, "aria-hidden": "true" }),
2403
+ validChildren.map((child, index) => {
2404
+ const isActive = index === activeIndex;
2405
+ const p = child.props;
2406
+ const isDisabled = disabled || !!p.disabled || p["aria-disabled"] === true;
2407
+ return cloneElement4(child, {
2408
+ key: child.key ?? index,
2409
+ className: cn42(
2410
+ SegmentedControl_default.item,
2411
+ isActive && SegmentedControl_default["--active"],
2412
+ isDisabled && SegmentedControl_default["--disabled"],
2413
+ p.className
2414
+ )
2415
+ });
2434
2416
  })
2435
2417
  ]
2436
2418
  }
@@ -2438,10 +2420,10 @@ function SegmentedControl({
2438
2420
  }
2439
2421
 
2440
2422
  // src/components/interaction/form/Select/Select.tsx
2441
- import { useId as useId20 } from "react";
2423
+ import { useId as useId19 } from "react";
2442
2424
 
2443
2425
  // src/components/interaction/form/Select/Select.module.css
2444
- var Select_default = {"formGroup":"bds112Select-formGroup","selectWrapper":"bds112Select-selectWrapper","select":"bds112Select-select","selectError":"bds112Select-selectError","chevron":"bds112Select-chevron"};
2426
+ var Select_default = {"formGroup":"bds121Select-formGroup","selectWrapper":"bds121Select-selectWrapper","select":"bds121Select-select","selectError":"bds121Select-selectError","chevron":"bds121Select-chevron"};
2445
2427
 
2446
2428
  // src/components/interaction/form/Select/Select.tsx
2447
2429
  import { cn as cn43 } from "@boostdev/design-system-foundation";
@@ -2457,7 +2439,7 @@ function Select({
2457
2439
  required,
2458
2440
  ...props
2459
2441
  }) {
2460
- const id = name + useId20();
2442
+ const id = name + useId19();
2461
2443
  const hintId = id + "hint";
2462
2444
  const errorId = id + "error";
2463
2445
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2489,10 +2471,10 @@ function Select({
2489
2471
  }
2490
2472
 
2491
2473
  // src/components/interaction/form/Slider/Slider.tsx
2492
- import { useId as useId21, useState as useState13 } from "react";
2474
+ import { useId as useId20, useState as useState12 } from "react";
2493
2475
 
2494
2476
  // src/components/interaction/form/Slider/Slider.module.css
2495
- var Slider_default = {"formGroup":"bds112Slider-formGroup","labelRow":"bds112Slider-labelRow","value":"bds112Slider-value","slider":"bds112Slider-slider","sliderError":"bds112Slider-sliderError"};
2477
+ var Slider_default = {"formGroup":"bds121Slider-formGroup","labelRow":"bds121Slider-labelRow","value":"bds121Slider-value","slider":"bds121Slider-slider","sliderError":"bds121Slider-sliderError"};
2496
2478
 
2497
2479
  // src/components/interaction/form/Slider/Slider.tsx
2498
2480
  import { cn as cn44 } from "@boostdev/design-system-foundation";
@@ -2509,12 +2491,12 @@ function Slider({
2509
2491
  onChange,
2510
2492
  ...props
2511
2493
  }) {
2512
- const id = name + useId21();
2494
+ const id = name + useId20();
2513
2495
  const hintId = id + "hint";
2514
2496
  const errorId = id + "error";
2515
2497
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2516
2498
  const isControlled = props.value !== void 0;
2517
- const [internalValue, setInternalValue] = useState13(Number(props.defaultValue ?? min));
2499
+ const [internalValue, setInternalValue] = useState12(Number(props.defaultValue ?? min));
2518
2500
  const currentValue = isControlled ? Number(props.value) : internalValue;
2519
2501
  const fillPct = (currentValue - min) / (max - min) * 100;
2520
2502
  const handleChange = (e) => {
@@ -2551,10 +2533,10 @@ function Slider({
2551
2533
  }
2552
2534
 
2553
2535
  // src/components/interaction/form/Switch/Switch.tsx
2554
- import { useId as useId22 } from "react";
2536
+ import { useId as useId21 } from "react";
2555
2537
 
2556
2538
  // src/components/interaction/form/Switch/Switch.module.css
2557
- 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"};
2539
+ 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"};
2558
2540
 
2559
2541
  // src/components/interaction/form/Switch/Switch.tsx
2560
2542
  import { cn as cn45 } from "@boostdev/design-system-foundation";
@@ -2569,7 +2551,7 @@ function Switch({
2569
2551
  prefix,
2570
2552
  ...props
2571
2553
  }) {
2572
- const id = name + useId22();
2554
+ const id = name + useId21();
2573
2555
  const hintId = id + "hint";
2574
2556
  const errorId = id + "error";
2575
2557
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2599,10 +2581,10 @@ function Switch({
2599
2581
  }
2600
2582
 
2601
2583
  // src/components/interaction/form/Textarea/Textarea.tsx
2602
- import { useId as useId23 } from "react";
2584
+ import { useId as useId22 } from "react";
2603
2585
 
2604
2586
  // src/components/interaction/form/Textarea/Textarea.module.css
2605
- var Textarea_default = {"formGroup":"bds112Textarea-formGroup","textarea":"bds112Textarea-textarea","textareaError":"bds112Textarea-textareaError"};
2587
+ var Textarea_default = {"formGroup":"bds121Textarea-formGroup","textarea":"bds121Textarea-textarea","textareaError":"bds121Textarea-textareaError"};
2606
2588
 
2607
2589
  // src/components/interaction/form/Textarea/Textarea.tsx
2608
2590
  import { cn as cn46 } from "@boostdev/design-system-foundation";
@@ -2616,7 +2598,7 @@ function Textarea({
2616
2598
  required,
2617
2599
  ...props
2618
2600
  }) {
2619
- const id = name + useId23();
2601
+ const id = name + useId22();
2620
2602
  const hintId = id + "hint";
2621
2603
  const errorId = id + "error";
2622
2604
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
@@ -2641,7 +2623,7 @@ function Textarea({
2641
2623
  }
2642
2624
 
2643
2625
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2644
- 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"};
2626
+ 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"};
2645
2627
 
2646
2628
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2647
2629
  import { cn as cn47 } from "@boostdev/design-system-foundation";
@@ -2659,7 +2641,7 @@ function ButtonGroup({ children, className, variant, "aria-label": ariaLabel })
2659
2641
  }
2660
2642
 
2661
2643
  // src/components/layout/Card/Card.module.css
2662
- 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"};
2644
+ 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"};
2663
2645
 
2664
2646
  // src/components/layout/Card/Card.tsx
2665
2647
  import { cn as cn48 } from "@boostdev/design-system-foundation";
@@ -2697,7 +2679,7 @@ function Card({
2697
2679
  }
2698
2680
 
2699
2681
  // src/components/layout/SectionHeader/SectionHeader.module.css
2700
- 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"};
2682
+ 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"};
2701
2683
 
2702
2684
  // src/components/layout/SectionHeader/SectionHeader.tsx
2703
2685
  import { cn as cn49 } from "@boostdev/design-system-foundation";
@@ -2718,7 +2700,7 @@ function SectionHeader({
2718
2700
  }
2719
2701
 
2720
2702
  // src/components/layout/IconWrapper/IconWrapper.module.css
2721
- var IconWrapper_default = {"wrapper":"bds112IconWrapper-wrapper"};
2703
+ var IconWrapper_default = {"wrapper":"bds121IconWrapper-wrapper"};
2722
2704
 
2723
2705
  // src/components/layout/IconWrapper/IconWrapper.tsx
2724
2706
  import { cn as cn50 } from "@boostdev/design-system-foundation";