@boostdev/design-system-components 0.1.14 → 0.1.16

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.
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":"bds0114Accordion-accordion","item":"bds0114Accordion-item","heading":"bds0114Accordion-heading","trigger":"bds0114Accordion-trigger","triggerLabel":"bds0114Accordion-triggerLabel","chevron":"bds0114Accordion-chevron","--open":"bds0114Accordion---open","panel":"bds0114Accordion-panel","panelContent":"bds0114Accordion-panelContent"};
7
+ var Accordion_default = {"accordion":"bds0116Accordion-accordion","item":"bds0116Accordion-item","heading":"bds0116Accordion-heading","trigger":"bds0116Accordion-trigger","triggerLabel":"bds0116Accordion-triggerLabel","chevron":"bds0116Accordion-chevron","--open":"bds0116Accordion---open","panel":"bds0116Accordion-panel","panelContent":"bds0116Accordion-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":"bds0114Alert-alert","--variant_info":"bds0114Alert---variant_info","--variant_success":"bds0114Alert---variant_success","--variant_warning":"bds0114Alert---variant_warning","--variant_error":"bds0114Alert---variant_error","icon":"bds0114Alert-icon","content":"bds0114Alert-content","title":"bds0114Alert-title","dismiss":"bds0114Alert-dismiss"};
75
+ var Alert_default = {"alert":"bds0116Alert-alert","--variant_info":"bds0116Alert---variant_info","--variant_success":"bds0116Alert---variant_success","--variant_warning":"bds0116Alert---variant_warning","--variant_error":"bds0116Alert---variant_error","icon":"bds0116Alert-icon","content":"bds0116Alert-content","title":"bds0116Alert-title","dismiss":"bds0116Alert-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":"bds0114Avatar-avatar","--fallback":"bds0114Avatar---fallback","--size_small":"bds0114Avatar---size_small","--size_medium":"bds0114Avatar---size_medium","--size_large":"bds0114Avatar---size_large","image":"bds0114Avatar-image","initials":"bds0114Avatar-initials"};
118
+ var Avatar_default = {"avatar":"bds0116Avatar-avatar","--fallback":"bds0116Avatar---fallback","--size_small":"bds0116Avatar---size_small","--size_medium":"bds0116Avatar---size_medium","--size_large":"bds0116Avatar---size_large","image":"bds0116Avatar-image","initials":"bds0116Avatar-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":"bds0114Badge-badge","--variant_primary":"bds0114Badge---variant_primary","--variant_secondary":"bds0114Badge---variant_secondary","--variant_success":"bds0114Badge---variant_success","--variant_error":"bds0114Badge---variant_error","--variant_warning":"bds0114Badge---variant_warning"};
144
+ var Badge_default = {"badge":"bds0116Badge-badge","--variant_primary":"bds0116Badge---variant_primary","--variant_secondary":"bds0116Badge---variant_secondary","--variant_success":"bds0116Badge---variant_success","--variant_error":"bds0116Badge---variant_error","--variant_warning":"bds0116Badge---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":"bds0114Breadcrumb-breadcrumb","list":"bds0114Breadcrumb-list","item":"bds0114Breadcrumb-item","link":"bds0114Breadcrumb-link","separator":"bds0114Breadcrumb-separator","current":"bds0114Breadcrumb-current"};
154
+ var Breadcrumb_default = {"breadcrumb":"bds0116Breadcrumb-breadcrumb","list":"bds0116Breadcrumb-list","item":"bds0116Breadcrumb-item","link":"bds0116Breadcrumb-link","separator":"bds0116Breadcrumb-separator","current":"bds0116Breadcrumb-current"};
155
155
 
156
156
  // src/components/ui/Breadcrumb/Breadcrumb.tsx
157
157
  import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -166,15 +166,53 @@ function Breadcrumb({ items, className }) {
166
166
  }) }) });
167
167
  }
168
168
 
169
+ // src/components/ui/Collapsible/Collapsible.module.css
170
+ var Collapsible_default = {"collapsible":"bds0116Collapsible-collapsible","summary":"bds0116Collapsible-summary","summaryContent":"bds0116Collapsible-summaryContent","icon":"bds0116Collapsible-icon","content":"bds0116Collapsible-content"};
171
+
172
+ // src/components/ui/Collapsible/Collapsible.tsx
173
+ import { cn as cn6 } from "@boostdev/design-system-foundation";
174
+ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
175
+ function Collapsible({
176
+ summary,
177
+ children,
178
+ open,
179
+ defaultOpen,
180
+ onToggle,
181
+ name,
182
+ className,
183
+ ...rest
184
+ }) {
185
+ const handleToggle = (e) => {
186
+ onToggle?.(e.currentTarget.open);
187
+ };
188
+ return /* @__PURE__ */ jsxs4(
189
+ "details",
190
+ {
191
+ className: cn6(Collapsible_default.collapsible, className),
192
+ open: open ?? defaultOpen,
193
+ name,
194
+ onToggle: handleToggle,
195
+ ...rest,
196
+ children: [
197
+ /* @__PURE__ */ jsxs4("summary", { className: Collapsible_default.summary, children: [
198
+ /* @__PURE__ */ jsx6("span", { className: Collapsible_default.summaryContent, children: summary }),
199
+ /* @__PURE__ */ jsx6("span", { className: Collapsible_default.icon, "aria-hidden": "true" })
200
+ ] }),
201
+ /* @__PURE__ */ jsx6("div", { className: Collapsible_default.content, children })
202
+ ]
203
+ }
204
+ );
205
+ }
206
+
169
207
  // src/components/ui/Calendar/Calendar.tsx
170
208
  import { useState as useState2, useId as useId2 } from "react";
171
209
 
172
210
  // src/components/ui/Calendar/Calendar.module.css
173
- var Calendar_default = {"calendar":"bds0114Calendar-calendar","header":"bds0114Calendar-header","monthYear":"bds0114Calendar-monthYear","navBtn":"bds0114Calendar-navBtn","grid":"bds0114Calendar-grid","weekday":"bds0114Calendar-weekday","empty":"bds0114Calendar-empty","day":"bds0114Calendar-day","disabled":"bds0114Calendar-disabled","selected":"bds0114Calendar-selected","today":"bds0114Calendar-today"};
211
+ var Calendar_default = {"calendar":"bds0116Calendar-calendar","header":"bds0116Calendar-header","monthYear":"bds0116Calendar-monthYear","navBtn":"bds0116Calendar-navBtn","grid":"bds0116Calendar-grid","weekday":"bds0116Calendar-weekday","empty":"bds0116Calendar-empty","day":"bds0116Calendar-day","disabled":"bds0116Calendar-disabled","selected":"bds0116Calendar-selected","today":"bds0116Calendar-today"};
174
212
 
175
213
  // src/components/ui/Calendar/Calendar.tsx
176
- import { cn as cn6 } from "@boostdev/design-system-foundation";
177
- import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
214
+ import { cn as cn7 } from "@boostdev/design-system-foundation";
215
+ import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
178
216
  var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
179
217
  var MONTHS = [
180
218
  "January",
@@ -261,54 +299,54 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
261
299
  ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
262
300
  ];
263
301
  while (cells.length % 7 !== 0) cells.push(null);
264
- return /* @__PURE__ */ jsxs4("div", { className: cn6(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
265
- /* @__PURE__ */ jsxs4("div", { className: Calendar_default.header, children: [
266
- /* @__PURE__ */ jsx6(
302
+ return /* @__PURE__ */ jsxs5("div", { className: cn7(Calendar_default.calendar, className), role: "group", "aria-labelledby": titleId, children: [
303
+ /* @__PURE__ */ jsxs5("div", { className: Calendar_default.header, children: [
304
+ /* @__PURE__ */ jsx7(
267
305
  "button",
268
306
  {
269
307
  type: "button",
270
308
  className: Calendar_default.navBtn,
271
309
  "aria-label": "Previous month",
272
310
  onClick: () => navigate(-1),
273
- children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
311
+ children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
274
312
  }
275
313
  ),
276
- /* @__PURE__ */ jsxs4("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
314
+ /* @__PURE__ */ jsxs5("span", { id: titleId, className: Calendar_default.monthYear, "aria-live": "polite", children: [
277
315
  MONTHS[viewMonth],
278
316
  " ",
279
317
  viewYear
280
318
  ] }),
281
- /* @__PURE__ */ jsx6(
319
+ /* @__PURE__ */ jsx7(
282
320
  "button",
283
321
  {
284
322
  type: "button",
285
323
  className: Calendar_default.navBtn,
286
324
  "aria-label": "Next month",
287
325
  onClick: () => navigate(1),
288
- children: /* @__PURE__ */ jsx6("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx6("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
326
+ children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
289
327
  }
290
328
  )
291
329
  ] }),
292
- /* @__PURE__ */ jsxs4(
330
+ /* @__PURE__ */ jsxs5(
293
331
  "table",
294
332
  {
295
333
  className: Calendar_default.grid,
296
334
  role: "grid",
297
335
  "aria-labelledby": titleId,
298
336
  children: [
299
- /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsx6("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx6("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
300
- /* @__PURE__ */ jsx6("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx6("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
301
- if (!cell) return /* @__PURE__ */ jsx6("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
337
+ /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: DAYS.map((d) => /* @__PURE__ */ jsx7("th", { scope: "col", abbr: d, className: Calendar_default.weekday, children: d }, d)) }) }),
338
+ /* @__PURE__ */ jsx7("tbody", { children: Array.from({ length: cells.length / 7 }, (_, row) => /* @__PURE__ */ jsx7("tr", { children: cells.slice(row * 7, row * 7 + 7).map((cell, col) => {
339
+ if (!cell) return /* @__PURE__ */ jsx7("td", { className: Calendar_default.empty, "aria-hidden": "true" }, col);
302
340
  const date = new Date(viewYear, viewMonth, cell.day);
303
341
  const isSelected = selected ? isSameDay(date, selected) : false;
304
342
  const isToday = isSameDay(date, today);
305
343
  const disabled = isOutOfRange(date, min, max);
306
344
  const isFocused = focusedDay === cell.day;
307
- return /* @__PURE__ */ jsx6("td", { role: "gridcell", children: /* @__PURE__ */ jsx6(
345
+ return /* @__PURE__ */ jsx7("td", { role: "gridcell", children: /* @__PURE__ */ jsx7(
308
346
  "button",
309
347
  {
310
348
  type: "button",
311
- className: cn6(
349
+ className: cn7(
312
350
  Calendar_default.day,
313
351
  isSelected && Calendar_default.selected,
314
352
  isToday && !isSelected && Calendar_default.today,
@@ -336,11 +374,11 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
336
374
  import { useRef, useId as useId3 } from "react";
337
375
 
338
376
  // src/components/ui/Carousel/Carousel.module.css
339
- var Carousel_default = {"carousel":"bds0114Carousel-carousel","track":"bds0114Carousel-track","slide":"bds0114Carousel-slide","navBtn":"bds0114Carousel-navBtn"};
377
+ var Carousel_default = {"carousel":"bds0116Carousel-carousel","track":"bds0116Carousel-track","slide":"bds0116Carousel-slide","navBtn":"bds0116Carousel-navBtn"};
340
378
 
341
379
  // src/components/ui/Carousel/Carousel.tsx
342
- import { cn as cn7 } from "@boostdev/design-system-foundation";
343
- import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
380
+ import { cn as cn8 } from "@boostdev/design-system-foundation";
381
+ import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
344
382
  function Carousel({ items, label, className }) {
345
383
  const trackRef = useRef(null);
346
384
  const listId = useId3();
@@ -352,61 +390,61 @@ function Carousel({ items, label, className }) {
352
390
  behavior: "smooth"
353
391
  });
354
392
  };
355
- return /* @__PURE__ */ jsxs5("section", { "aria-label": label, className: cn7(Carousel_default.carousel, className), children: [
356
- /* @__PURE__ */ jsx7(
393
+ return /* @__PURE__ */ jsxs6("section", { "aria-label": label, className: cn8(Carousel_default.carousel, className), children: [
394
+ /* @__PURE__ */ jsx8(
357
395
  "button",
358
396
  {
359
397
  type: "button",
360
- className: cn7(Carousel_default.navBtn, Carousel_default["--prev"]),
398
+ className: cn8(Carousel_default.navBtn, Carousel_default["--prev"]),
361
399
  "aria-label": "Previous",
362
400
  "aria-controls": listId,
363
401
  onClick: () => scroll("prev"),
364
- children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
402
+ children: /* @__PURE__ */ jsx8("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
365
403
  }
366
404
  ),
367
- /* @__PURE__ */ jsx7(
405
+ /* @__PURE__ */ jsx8(
368
406
  "div",
369
407
  {
370
408
  ref: trackRef,
371
409
  id: listId,
372
410
  role: "list",
373
411
  className: Carousel_default.track,
374
- children: items.map((item, i) => /* @__PURE__ */ jsx7("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
412
+ children: items.map((item, i) => /* @__PURE__ */ jsx8("div", { role: "listitem", className: Carousel_default.slide, children: item }, i))
375
413
  }
376
414
  ),
377
- /* @__PURE__ */ jsx7(
415
+ /* @__PURE__ */ jsx8(
378
416
  "button",
379
417
  {
380
418
  type: "button",
381
- className: cn7(Carousel_default.navBtn, Carousel_default["--next"]),
419
+ className: cn8(Carousel_default.navBtn, Carousel_default["--next"]),
382
420
  "aria-label": "Next",
383
421
  "aria-controls": listId,
384
422
  onClick: () => scroll("next"),
385
- children: /* @__PURE__ */ jsx7("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
423
+ children: /* @__PURE__ */ jsx8("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
386
424
  }
387
425
  )
388
426
  ] });
389
427
  }
390
428
 
391
429
  // src/components/ui/DescriptionList/DescriptionList.module.css
392
- var DescriptionList_default = {"list":"bds0114DescriptionList-list","group":"bds0114DescriptionList-group","term":"bds0114DescriptionList-term","details":"bds0114DescriptionList-details","--layout_inline":"bds0114DescriptionList---layout_inline"};
430
+ var DescriptionList_default = {"list":"bds0116DescriptionList-list","group":"bds0116DescriptionList-group","term":"bds0116DescriptionList-term","details":"bds0116DescriptionList-details","--layout_inline":"bds0116DescriptionList---layout_inline"};
393
431
 
394
432
  // src/components/ui/DescriptionList/DescriptionList.tsx
395
- import { cn as cn8 } from "@boostdev/design-system-foundation";
396
- import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
433
+ import { cn as cn9 } from "@boostdev/design-system-foundation";
434
+ import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
397
435
  function DescriptionList({ items, layout = "stacked", className }) {
398
- return /* @__PURE__ */ jsx8("dl", { className: cn8(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs6("div", { className: DescriptionList_default.group, children: [
399
- /* @__PURE__ */ jsx8("dt", { className: DescriptionList_default.term, children: item.term }),
400
- Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx8("dd", { className: DescriptionList_default.details, children: item.details })
436
+ return /* @__PURE__ */ jsx9("dl", { className: cn9(DescriptionList_default.list, DescriptionList_default[`--layout_${layout}`], className), children: items.map((item, i) => /* @__PURE__ */ jsxs7("div", { className: DescriptionList_default.group, children: [
437
+ /* @__PURE__ */ jsx9("dt", { className: DescriptionList_default.term, children: item.term }),
438
+ Array.isArray(item.details) ? item.details.map((d, j) => /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: d }, j)) : /* @__PURE__ */ jsx9("dd", { className: DescriptionList_default.details, children: item.details })
401
439
  ] }, i)) });
402
440
  }
403
441
 
404
442
  // src/components/ui/Link/Link.module.css
405
- var Link_default = {"link":"bds0114Link-link","--variant_default":"bds0114Link---variant_default","--variant_subtle":"bds0114Link---variant_subtle","--variant_standalone":"bds0114Link---variant_standalone","externalLabel":"bds0114Link-externalLabel"};
443
+ var Link_default = {"link":"bds0116Link-link","--variant_default":"bds0116Link---variant_default","--variant_subtle":"bds0116Link---variant_subtle","--variant_standalone":"bds0116Link---variant_standalone","externalLabel":"bds0116Link-externalLabel"};
406
444
 
407
445
  // src/components/ui/Link/Link.tsx
408
- import { cn as cn9 } from "@boostdev/design-system-foundation";
409
- import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
446
+ import { cn as cn10 } from "@boostdev/design-system-foundation";
447
+ import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
410
448
  function Link({
411
449
  as,
412
450
  children,
@@ -418,36 +456,36 @@ function Link({
418
456
  }) {
419
457
  const Component = as ?? "a";
420
458
  const externalProps = external ? { target: "_blank", rel: "noreferrer noopener" } : {};
421
- return /* @__PURE__ */ jsxs7(
459
+ return /* @__PURE__ */ jsxs8(
422
460
  Component,
423
461
  {
424
- className: cn9(Link_default.link, Link_default[`--variant_${variant}`], className),
462
+ className: cn10(Link_default.link, Link_default[`--variant_${variant}`], className),
425
463
  ...externalProps,
426
464
  ...props,
427
465
  children: [
428
466
  children,
429
- external && /* @__PURE__ */ jsx9("span", { className: Link_default.externalLabel, children: externalLabel })
467
+ external && /* @__PURE__ */ jsx10("span", { className: Link_default.externalLabel, children: externalLabel })
430
468
  ]
431
469
  }
432
470
  );
433
471
  }
434
472
 
435
473
  // src/components/ui/Loading/Loading.module.css
436
- var Loading_default = {"loading":"bds0114Loading-loading","spinner":"bds0114Loading-spinner","--size_small":"bds0114Loading---size_small","--size_large":"bds0114Loading---size_large"};
474
+ var Loading_default = {"loading":"bds0116Loading-loading","spinner":"bds0116Loading-spinner","--size_small":"bds0116Loading---size_small","--size_large":"bds0116Loading---size_large"};
437
475
 
438
476
  // src/components/ui/Loading/Loading.tsx
439
- import { cn as cn10 } from "@boostdev/design-system-foundation";
440
- import { jsx as jsx10 } from "react/jsx-runtime";
477
+ import { cn as cn11 } from "@boostdev/design-system-foundation";
478
+ import { jsx as jsx11 } from "react/jsx-runtime";
441
479
  function Loading({ size = "medium", className }) {
442
- return /* @__PURE__ */ jsx10("div", { className: cn10(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx10("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
480
+ return /* @__PURE__ */ jsx11("div", { className: cn11(Loading_default.loading, Loading_default[`--size_${size}`], className), children: /* @__PURE__ */ jsx11("div", { className: Loading_default.spinner, role: "status", "aria-label": "Loading" }) });
443
481
  }
444
482
 
445
483
  // src/components/ui/NotificationBanner/NotificationBanner.module.css
446
- var NotificationBanner_default = {"banner":"bds0114NotificationBanner-banner","--variant_info":"bds0114NotificationBanner---variant_info","--variant_success":"bds0114NotificationBanner---variant_success","--variant_warning":"bds0114NotificationBanner---variant_warning","--variant_error":"bds0114NotificationBanner---variant_error","content":"bds0114NotificationBanner-content","action":"bds0114NotificationBanner-action","dismiss":"bds0114NotificationBanner-dismiss"};
484
+ var NotificationBanner_default = {"banner":"bds0116NotificationBanner-banner","--variant_info":"bds0116NotificationBanner---variant_info","--variant_success":"bds0116NotificationBanner---variant_success","--variant_warning":"bds0116NotificationBanner---variant_warning","--variant_error":"bds0116NotificationBanner---variant_error","content":"bds0116NotificationBanner-content","action":"bds0116NotificationBanner-action","dismiss":"bds0116NotificationBanner-dismiss"};
447
485
 
448
486
  // src/components/ui/NotificationBanner/NotificationBanner.tsx
449
- import { cn as cn11 } from "@boostdev/design-system-foundation";
450
- import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
487
+ import { cn as cn12 } from "@boostdev/design-system-foundation";
488
+ import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
451
489
  function NotificationBanner({
452
490
  variant = "info",
453
491
  children,
@@ -456,24 +494,24 @@ function NotificationBanner({
456
494
  className
457
495
  }) {
458
496
  const isUrgent = variant === "error" || variant === "warning";
459
- return /* @__PURE__ */ jsxs8(
497
+ return /* @__PURE__ */ jsxs9(
460
498
  "div",
461
499
  {
462
500
  role: isUrgent ? "alert" : "status",
463
501
  "aria-live": isUrgent ? "assertive" : "polite",
464
502
  "aria-atomic": "true",
465
- className: cn11(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
503
+ className: cn12(NotificationBanner_default.banner, NotificationBanner_default[`--variant_${variant}`], className),
466
504
  children: [
467
- /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.content, children }),
468
- action && /* @__PURE__ */ jsx11("div", { className: NotificationBanner_default.action, children: action }),
469
- onDismiss && /* @__PURE__ */ jsx11(
505
+ /* @__PURE__ */ jsx12("div", { className: NotificationBanner_default.content, children }),
506
+ action && /* @__PURE__ */ jsx12("div", { className: NotificationBanner_default.action, children: action }),
507
+ onDismiss && /* @__PURE__ */ jsx12(
470
508
  "button",
471
509
  {
472
510
  type: "button",
473
511
  className: NotificationBanner_default.dismiss,
474
512
  onClick: onDismiss,
475
513
  "aria-label": "Dismiss notification",
476
- children: /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx11("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
514
+ children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
477
515
  }
478
516
  )
479
517
  ]
@@ -482,11 +520,11 @@ function NotificationBanner({
482
520
  }
483
521
 
484
522
  // src/components/ui/Pagination/Pagination.module.css
485
- var Pagination_default = {"pagination":"bds0114Pagination-pagination","list":"bds0114Pagination-list","button":"bds0114Pagination-button","--active":"bds0114Pagination---active","--nav":"bds0114Pagination---nav","ellipsis":"bds0114Pagination-ellipsis"};
523
+ var Pagination_default = {"pagination":"bds0116Pagination-pagination","list":"bds0116Pagination-list","button":"bds0116Pagination-button","--active":"bds0116Pagination---active","--nav":"bds0116Pagination---nav","ellipsis":"bds0116Pagination-ellipsis"};
486
524
 
487
525
  // src/components/ui/Pagination/Pagination.tsx
488
- import { cn as cn12 } from "@boostdev/design-system-foundation";
489
- import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
526
+ import { cn as cn13 } from "@boostdev/design-system-foundation";
527
+ import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
490
528
  function getPageRange(current, total) {
491
529
  const delta = 1;
492
530
  const range = [];
@@ -506,24 +544,24 @@ function Pagination({
506
544
  className
507
545
  }) {
508
546
  const pages = getPageRange(currentPage, totalPages);
509
- return /* @__PURE__ */ jsx12("nav", { "aria-label": "Pagination", className: cn12(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs9("ul", { className: Pagination_default.list, children: [
510
- /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
547
+ return /* @__PURE__ */ jsx13("nav", { "aria-label": "Pagination", className: cn13(Pagination_default.pagination, className), children: /* @__PURE__ */ jsxs10("ul", { className: Pagination_default.list, children: [
548
+ /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
511
549
  "button",
512
550
  {
513
551
  type: "button",
514
- className: cn12(Pagination_default.button, Pagination_default["--nav"]),
552
+ className: cn13(Pagination_default.button, Pagination_default["--nav"]),
515
553
  onClick: () => onPageChange(currentPage - 1),
516
554
  disabled: currentPage <= 1,
517
555
  "aria-label": "Previous page",
518
- children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
556
+ children: /* @__PURE__ */ jsx13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
519
557
  }
520
558
  ) }),
521
559
  pages.map(
522
- (page, index) => page === "..." ? /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
560
+ (page, index) => page === "..." ? /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
523
561
  "button",
524
562
  {
525
563
  type: "button",
526
- className: cn12(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
564
+ className: cn13(Pagination_default.button, currentPage === page ? Pagination_default["--active"] : void 0),
527
565
  onClick: () => onPageChange(page),
528
566
  "aria-label": `Page ${page}`,
529
567
  "aria-current": currentPage === page ? "page" : void 0,
@@ -531,26 +569,26 @@ function Pagination({
531
569
  }
532
570
  ) }, page)
533
571
  ),
534
- /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(
572
+ /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
535
573
  "button",
536
574
  {
537
575
  type: "button",
538
- className: cn12(Pagination_default.button, Pagination_default["--nav"]),
576
+ className: cn13(Pagination_default.button, Pagination_default["--nav"]),
539
577
  onClick: () => onPageChange(currentPage + 1),
540
578
  disabled: currentPage >= totalPages,
541
579
  "aria-label": "Next page",
542
- children: /* @__PURE__ */ jsx12("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx12("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
580
+ children: /* @__PURE__ */ jsx13("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
543
581
  }
544
582
  ) })
545
583
  ] }) });
546
584
  }
547
585
 
548
586
  // src/components/ui/Progress/Progress.module.css
549
- var Progress_default = {"container":"bds0114Progress-container","labelRow":"bds0114Progress-labelRow","label":"bds0114Progress-label","value":"bds0114Progress-value","track":"bds0114Progress-track","--size_small":"bds0114Progress---size_small","--size_medium":"bds0114Progress---size_medium","--size_large":"bds0114Progress---size_large","fill":"bds0114Progress-fill"};
587
+ var Progress_default = {"container":"bds0116Progress-container","labelRow":"bds0116Progress-labelRow","value":"bds0116Progress-value","track":"bds0116Progress-track","--size_small":"bds0116Progress---size_small","--size_medium":"bds0116Progress---size_medium","--size_large":"bds0116Progress---size_large","fill":"bds0116Progress-fill"};
550
588
 
551
589
  // src/components/ui/Progress/Progress.tsx
552
- import { cn as cn13 } from "@boostdev/design-system-foundation";
553
- import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
590
+ import { cn as cn14 } from "@boostdev/design-system-foundation";
591
+ import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
554
592
  function Progress({
555
593
  value,
556
594
  max = 100,
@@ -560,15 +598,15 @@ function Progress({
560
598
  className
561
599
  }) {
562
600
  const percentage = Math.min(100, Math.max(0, value / max * 100));
563
- return /* @__PURE__ */ jsxs10("div", { className: cn13(Progress_default.container, className), children: [
564
- showLabel && /* @__PURE__ */ jsxs10("div", { className: Progress_default.labelRow, children: [
565
- /* @__PURE__ */ jsx13("span", { className: Progress_default.label, children: label }),
566
- /* @__PURE__ */ jsxs10("span", { className: Progress_default.value, children: [
601
+ return /* @__PURE__ */ jsxs11("div", { className: cn14(Progress_default.container, className), children: [
602
+ showLabel && /* @__PURE__ */ jsxs11("div", { className: Progress_default.labelRow, children: [
603
+ /* @__PURE__ */ jsx14("span", { className: Progress_default.label, children: label }),
604
+ /* @__PURE__ */ jsxs11("span", { className: Progress_default.value, children: [
567
605
  Math.round(percentage),
568
606
  "%"
569
607
  ] })
570
608
  ] }),
571
- /* @__PURE__ */ jsx13(
609
+ /* @__PURE__ */ jsx14(
572
610
  "div",
573
611
  {
574
612
  role: "progressbar",
@@ -576,19 +614,19 @@ function Progress({
576
614
  "aria-valuenow": value,
577
615
  "aria-valuemin": 0,
578
616
  "aria-valuemax": max,
579
- className: cn13(Progress_default.track, Progress_default[`--size_${size}`]),
580
- children: /* @__PURE__ */ jsx13("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
617
+ className: cn14(Progress_default.track, Progress_default[`--size_${size}`]),
618
+ children: /* @__PURE__ */ jsx14("div", { className: Progress_default.fill, style: { width: `${percentage}%` } })
581
619
  }
582
620
  )
583
621
  ] });
584
622
  }
585
623
 
586
624
  // src/components/ui/ProgressCircle/ProgressCircle.module.css
587
- var ProgressCircle_default = {"wrapper":"bds0114ProgressCircle-wrapper","svg":"bds0114ProgressCircle-svg","track":"bds0114ProgressCircle-track","fill":"bds0114ProgressCircle-fill","value":"bds0114ProgressCircle-value","--size_small":"bds0114ProgressCircle---size_small","--size_medium":"bds0114ProgressCircle---size_medium","--size_large":"bds0114ProgressCircle---size_large"};
625
+ var ProgressCircle_default = {"wrapper":"bds0116ProgressCircle-wrapper","svg":"bds0116ProgressCircle-svg","track":"bds0116ProgressCircle-track","fill":"bds0116ProgressCircle-fill","value":"bds0116ProgressCircle-value","--size_small":"bds0116ProgressCircle---size_small","--size_medium":"bds0116ProgressCircle---size_medium","--size_large":"bds0116ProgressCircle---size_large"};
588
626
 
589
627
  // src/components/ui/ProgressCircle/ProgressCircle.tsx
590
- import { cn as cn14 } from "@boostdev/design-system-foundation";
591
- import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
628
+ import { cn as cn15 } from "@boostdev/design-system-foundation";
629
+ import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
592
630
  var SIZE_PX = { small: 40, medium: 64, large: 96 };
593
631
  var STROKE_WIDTH = 4;
594
632
  function ProgressCircle({
@@ -605,7 +643,7 @@ function ProgressCircle({
605
643
  const circumference = 2 * Math.PI * radius;
606
644
  const offset = circumference - percentage / 100 * circumference;
607
645
  const cx = px / 2;
608
- return /* @__PURE__ */ jsxs11(
646
+ return /* @__PURE__ */ jsxs12(
609
647
  "div",
610
648
  {
611
649
  role: "progressbar",
@@ -613,9 +651,9 @@ function ProgressCircle({
613
651
  "aria-valuenow": value,
614
652
  "aria-valuemin": 0,
615
653
  "aria-valuemax": max,
616
- className: cn14(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
654
+ className: cn15(ProgressCircle_default.wrapper, ProgressCircle_default[`--size_${size}`], className),
617
655
  children: [
618
- /* @__PURE__ */ jsxs11(
656
+ /* @__PURE__ */ jsxs12(
619
657
  "svg",
620
658
  {
621
659
  width: px,
@@ -624,7 +662,7 @@ function ProgressCircle({
624
662
  "aria-hidden": "true",
625
663
  className: ProgressCircle_default.svg,
626
664
  children: [
627
- /* @__PURE__ */ jsx14(
665
+ /* @__PURE__ */ jsx15(
628
666
  "circle",
629
667
  {
630
668
  className: ProgressCircle_default.track,
@@ -635,7 +673,7 @@ function ProgressCircle({
635
673
  fill: "none"
636
674
  }
637
675
  ),
638
- /* @__PURE__ */ jsx14(
676
+ /* @__PURE__ */ jsx15(
639
677
  "circle",
640
678
  {
641
679
  className: ProgressCircle_default.fill,
@@ -653,7 +691,7 @@ function ProgressCircle({
653
691
  ]
654
692
  }
655
693
  ),
656
- showValue && /* @__PURE__ */ jsxs11("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
694
+ showValue && /* @__PURE__ */ jsxs12("span", { className: ProgressCircle_default.value, "aria-hidden": "true", children: [
657
695
  Math.round(percentage),
658
696
  "%"
659
697
  ] })
@@ -663,52 +701,52 @@ function ProgressCircle({
663
701
  }
664
702
 
665
703
  // src/components/ui/Separator/Separator.module.css
666
- var Separator_default = {"separator":"bds0114Separator-separator","--horizontal":"bds0114Separator---horizontal","--vertical":"bds0114Separator---vertical"};
704
+ var Separator_default = {"separator":"bds0116Separator-separator","--horizontal":"bds0116Separator---horizontal","--vertical":"bds0116Separator---vertical"};
667
705
 
668
706
  // src/components/ui/Separator/Separator.tsx
669
- import { cn as cn15 } from "@boostdev/design-system-foundation";
670
- import { jsx as jsx15 } from "react/jsx-runtime";
707
+ import { cn as cn16 } from "@boostdev/design-system-foundation";
708
+ import { jsx as jsx16 } from "react/jsx-runtime";
671
709
  function Separator({ orientation = "horizontal", className }) {
672
710
  if (orientation === "vertical") {
673
- return /* @__PURE__ */ jsx15(
711
+ return /* @__PURE__ */ jsx16(
674
712
  "div",
675
713
  {
676
714
  role: "separator",
677
715
  "aria-orientation": "vertical",
678
- className: cn15(Separator_default.separator, Separator_default["--vertical"], className)
716
+ className: cn16(Separator_default.separator, Separator_default["--vertical"], className)
679
717
  }
680
718
  );
681
719
  }
682
- return /* @__PURE__ */ jsx15("hr", { className: cn15(Separator_default.separator, Separator_default["--horizontal"], className) });
720
+ return /* @__PURE__ */ jsx16("hr", { className: cn16(Separator_default.separator, Separator_default["--horizontal"], className) });
683
721
  }
684
722
 
685
723
  // src/components/ui/Skeleton/Skeleton.tsx
686
- import { cn as cn16 } from "@boostdev/design-system-foundation";
724
+ import { cn as cn17 } from "@boostdev/design-system-foundation";
687
725
 
688
726
  // src/components/ui/Skeleton/Skeleton.module.css
689
- var Skeleton_default = {"skeleton":"bds0114Skeleton-skeleton"};
727
+ var Skeleton_default = {"skeleton":"bds0116Skeleton-skeleton"};
690
728
 
691
729
  // src/components/ui/Skeleton/Skeleton.tsx
692
- import { jsx as jsx16 } from "react/jsx-runtime";
730
+ import { jsx as jsx17 } from "react/jsx-runtime";
693
731
  function Skeleton({ className }) {
694
- return /* @__PURE__ */ jsx16("div", { "aria-hidden": "true", className: cn16(Skeleton_default.skeleton, className) });
732
+ return /* @__PURE__ */ jsx17("div", { "aria-hidden": "true", className: cn17(Skeleton_default.skeleton, className) });
695
733
  }
696
734
 
697
735
  // src/components/ui/SkipLink/SkipLink.module.css
698
- var SkipLink_default = {"skipLink":"bds0114SkipLink-skipLink"};
736
+ var SkipLink_default = {"skipLink":"bds0116SkipLink-skipLink"};
699
737
 
700
738
  // src/components/ui/SkipLink/SkipLink.tsx
701
- import { jsx as jsx17 } from "react/jsx-runtime";
739
+ import { jsx as jsx18 } from "react/jsx-runtime";
702
740
  function SkipLink({ href = "#main", children = "Skip to main content" }) {
703
- return /* @__PURE__ */ jsx17("a", { href, className: SkipLink_default.skipLink, children });
741
+ return /* @__PURE__ */ jsx18("a", { href, className: SkipLink_default.skipLink, children });
704
742
  }
705
743
 
706
744
  // src/components/ui/Table/Table.module.css
707
- var Table_default = {"wrapper":"bds0114Table-wrapper","table":"bds0114Table-table","caption":"bds0114Table-caption","thead":"bds0114Table-thead","th":"bds0114Table-th","--sortable":"bds0114Table---sortable","sortButton":"bds0114Table-sortButton","sortIcon":"bds0114Table-sortIcon","--sort-active":"bds0114Table---sort-active","--sort-desc":"bds0114Table---sort-desc","tbody":"bds0114Table-tbody","tr":"bds0114Table-tr","td":"bds0114Table-td"};
745
+ var Table_default = {"wrapper":"bds0116Table-wrapper","table":"bds0116Table-table","caption":"bds0116Table-caption","thead":"bds0116Table-thead","th":"bds0116Table-th","--sortable":"bds0116Table---sortable","sortButton":"bds0116Table-sortButton","sortIcon":"bds0116Table-sortIcon","--sort-active":"bds0116Table---sort-active","--sort-desc":"bds0116Table---sort-desc","tbody":"bds0116Table-tbody","tr":"bds0116Table-tr","td":"bds0116Table-td"};
708
746
 
709
747
  // src/components/ui/Table/Table.tsx
710
- import { cn as cn17 } from "@boostdev/design-system-foundation";
711
- import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
748
+ import { cn as cn18 } from "@boostdev/design-system-foundation";
749
+ import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
712
750
  function Table({
713
751
  columns,
714
752
  rows,
@@ -727,15 +765,15 @@ function Table({
727
765
  if (sortKey !== key) return "none";
728
766
  return sortDirection === "asc" ? "ascending" : "descending";
729
767
  };
730
- return /* @__PURE__ */ jsx18("div", { className: cn17(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs12("table", { className: Table_default.table, children: [
731
- caption && /* @__PURE__ */ jsx18("caption", { className: Table_default.caption, children: caption }),
732
- /* @__PURE__ */ jsx18("thead", { className: Table_default.thead, children: /* @__PURE__ */ jsx18("tr", { children: columns.map((col) => /* @__PURE__ */ jsx18(
768
+ return /* @__PURE__ */ jsx19("div", { className: cn18(Table_default.wrapper, className), children: /* @__PURE__ */ jsxs13("table", { className: Table_default.table, children: [
769
+ caption && /* @__PURE__ */ jsx19("caption", { className: Table_default.caption, children: caption }),
770
+ /* @__PURE__ */ jsx19("thead", { className: Table_default.thead, children: /* @__PURE__ */ jsx19("tr", { children: columns.map((col) => /* @__PURE__ */ jsx19(
733
771
  "th",
734
772
  {
735
773
  scope: "col",
736
774
  "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
737
- className: cn17(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
738
- children: col.sortable ? /* @__PURE__ */ jsxs12(
775
+ className: cn18(Table_default.th, col.sortable ? Table_default["--sortable"] : void 0),
776
+ children: col.sortable ? /* @__PURE__ */ jsxs13(
739
777
  "button",
740
778
  {
741
779
  type: "button",
@@ -743,11 +781,11 @@ function Table({
743
781
  onClick: () => handleSort(col.key),
744
782
  children: [
745
783
  col.header,
746
- /* @__PURE__ */ jsx18(
784
+ /* @__PURE__ */ jsx19(
747
785
  "svg",
748
786
  {
749
787
  "aria-hidden": "true",
750
- className: cn17(
788
+ className: cn18(
751
789
  Table_default.sortIcon,
752
790
  sortKey === col.key ? Table_default["--sort-active"] : void 0,
753
791
  sortKey === col.key && sortDirection === "desc" ? Table_default["--sort-desc"] : void 0
@@ -756,7 +794,7 @@ function Table({
756
794
  fill: "none",
757
795
  stroke: "currentColor",
758
796
  strokeWidth: "2",
759
- children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
797
+ children: /* @__PURE__ */ jsx19("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
760
798
  }
761
799
  )
762
800
  ]
@@ -765,7 +803,7 @@ function Table({
765
803
  },
766
804
  col.key
767
805
  )) }) }),
768
- /* @__PURE__ */ jsx18("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx18("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx18("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
806
+ /* @__PURE__ */ jsx19("tbody", { className: Table_default.tbody, children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx19("tr", { className: Table_default.tr, children: columns.map((col) => /* @__PURE__ */ jsx19("td", { className: Table_default.td, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)) }, rowIndex)) })
769
807
  ] }) });
770
808
  }
771
809
 
@@ -773,11 +811,11 @@ function Table({
773
811
  import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
774
812
 
775
813
  // src/components/ui/Tabs/Tabs.module.css
776
- var Tabs_default = {"tabs":"bds0114Tabs-tabs","tabList":"bds0114Tabs-tabList","tab":"bds0114Tabs-tab","--active":"bds0114Tabs---active","panel":"bds0114Tabs-panel"};
814
+ var Tabs_default = {"tabs":"bds0116Tabs-tabs","tabList":"bds0116Tabs-tabList","tab":"bds0116Tabs-tab","--active":"bds0116Tabs---active","panel":"bds0116Tabs-panel"};
777
815
 
778
816
  // src/components/ui/Tabs/Tabs.tsx
779
- import { cn as cn18 } from "@boostdev/design-system-foundation";
780
- import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
817
+ import { cn as cn19 } from "@boostdev/design-system-foundation";
818
+ import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
781
819
  function Tabs({ tabs, defaultTab, className }) {
782
820
  const baseId = useId4();
783
821
  const [activeTab, setActiveTab] = useState3(defaultTab ?? tabs[0]?.id);
@@ -803,12 +841,12 @@ function Tabs({ tabs, defaultTab, className }) {
803
841
  focusAt(enabledIndexes[enabledIndexes.length - 1]);
804
842
  }
805
843
  };
806
- return /* @__PURE__ */ jsxs13("div", { className: cn18(Tabs_default.tabs, className), children: [
807
- /* @__PURE__ */ jsx19("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
844
+ return /* @__PURE__ */ jsxs14("div", { className: cn19(Tabs_default.tabs, className), children: [
845
+ /* @__PURE__ */ jsx20("div", { role: "tablist", className: Tabs_default.tabList, children: tabs.map((tab, i) => {
808
846
  const tabId = `${baseId}-tab-${tab.id}`;
809
847
  const panelId = `${baseId}-panel-${tab.id}`;
810
848
  const isActive = activeTab === tab.id;
811
- return /* @__PURE__ */ jsx19(
849
+ return /* @__PURE__ */ jsx20(
812
850
  "button",
813
851
  {
814
852
  ref: (el) => {
@@ -821,7 +859,7 @@ function Tabs({ tabs, defaultTab, className }) {
821
859
  "aria-controls": panelId,
822
860
  tabIndex: isActive ? 0 : -1,
823
861
  disabled: tab.disabled,
824
- className: cn18(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
862
+ className: cn19(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
825
863
  onClick: () => setActiveTab(tab.id),
826
864
  onKeyDown: (e) => handleKeyDown(e, i),
827
865
  children: tab.label
@@ -833,7 +871,7 @@ function Tabs({ tabs, defaultTab, className }) {
833
871
  const tabId = `${baseId}-tab-${tab.id}`;
834
872
  const panelId = `${baseId}-panel-${tab.id}`;
835
873
  const isActive = activeTab === tab.id;
836
- return /* @__PURE__ */ jsx19(
874
+ return /* @__PURE__ */ jsx20(
837
875
  "div",
838
876
  {
839
877
  id: panelId,
@@ -854,11 +892,11 @@ function Tabs({ tabs, defaultTab, className }) {
854
892
  import { cloneElement, isValidElement, useId as useId5 } from "react";
855
893
 
856
894
  // src/components/ui/Tooltip/Tooltip.module.css
857
- var Tooltip_default = {"wrapper":"bds0114Tooltip-wrapper","tooltip":"bds0114Tooltip-tooltip","--placement_top":"bds0114Tooltip---placement_top","--placement_bottom":"bds0114Tooltip---placement_bottom","--placement_left":"bds0114Tooltip---placement_left","--placement_right":"bds0114Tooltip---placement_right"};
895
+ var Tooltip_default = {"wrapper":"bds0116Tooltip-wrapper","tooltip":"bds0116Tooltip-tooltip","--placement_top":"bds0116Tooltip---placement_top","--placement_bottom":"bds0116Tooltip---placement_bottom","--placement_left":"bds0116Tooltip---placement_left","--placement_right":"bds0116Tooltip---placement_right"};
858
896
 
859
897
  // src/components/ui/Tooltip/Tooltip.tsx
860
- import { cn as cn19 } from "@boostdev/design-system-foundation";
861
- import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
898
+ import { cn as cn20 } from "@boostdev/design-system-foundation";
899
+ import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
862
900
  function Tooltip({
863
901
  content,
864
902
  placement = "top",
@@ -869,14 +907,14 @@ function Tooltip({
869
907
  const trigger = isValidElement(children) ? cloneElement(children, {
870
908
  "aria-describedby": tooltipId
871
909
  }) : children;
872
- return /* @__PURE__ */ jsxs14("span", { className: cn19(Tooltip_default.wrapper, className), children: [
910
+ return /* @__PURE__ */ jsxs15("span", { className: cn20(Tooltip_default.wrapper, className), children: [
873
911
  trigger,
874
- /* @__PURE__ */ jsx20(
912
+ /* @__PURE__ */ jsx21(
875
913
  "span",
876
914
  {
877
915
  id: tooltipId,
878
916
  role: "tooltip",
879
- className: cn19(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
917
+ className: cn20(Tooltip_default.tooltip, Tooltip_default[`--placement_${placement}`]),
880
918
  children: content
881
919
  }
882
920
  )
@@ -884,11 +922,11 @@ function Tooltip({
884
922
  }
885
923
 
886
924
  // src/components/ui/Typography/Typography.module.css
887
- var Typography_default = {"typography":"bds0114Typography-typography","--h1":"bds0114Typography---h1","--h2":"bds0114Typography---h2","--h3":"bds0114Typography---h3","--body":"bds0114Typography---body","--body_s":"bds0114Typography---body_s"};
925
+ var Typography_default = {"typography":"bds0116Typography-typography","--h1":"bds0116Typography---h1","--h2":"bds0116Typography---h2","--h3":"bds0116Typography---h3","--body":"bds0116Typography---body","--body_s":"bds0116Typography---body_s"};
888
926
 
889
927
  // src/components/ui/Typography/Typography.tsx
890
- import { cn as cn20 } from "@boostdev/design-system-foundation";
891
- import { jsx as jsx21 } from "react/jsx-runtime";
928
+ import { cn as cn21 } from "@boostdev/design-system-foundation";
929
+ import { jsx as jsx22 } from "react/jsx-runtime";
892
930
  var variantToElement = {
893
931
  h1: "h1",
894
932
  h2: "h2",
@@ -898,15 +936,15 @@ var variantToElement = {
898
936
  };
899
937
  function Typography({ variant = "body", component, children, className }) {
900
938
  const Component = component || variantToElement[variant];
901
- return /* @__PURE__ */ jsx21(Component, { className: cn20(Typography_default.typography, Typography_default[`--${variant}`], className), children });
939
+ return /* @__PURE__ */ jsx22(Component, { className: cn21(Typography_default.typography, Typography_default[`--${variant}`], className), children });
902
940
  }
903
941
 
904
942
  // src/components/interaction/Button/Button.module.css
905
- var Button_default = {"button":"bds0114Button-button","--primary":"bds0114Button---primary","--secondary":"bds0114Button---secondary","--size_small":"bds0114Button---size_small","--size_medium":"bds0114Button---size_medium","--size_large":"bds0114Button---size_large","--hasPulse":"bds0114Button---hasPulse","prefix":"bds0114Button-prefix","suffix":"bds0114Button-suffix"};
943
+ var Button_default = {"button":"bds0116Button-button","--primary":"bds0116Button---primary","--secondary":"bds0116Button---secondary","--size_small":"bds0116Button---size_small","--size_medium":"bds0116Button---size_medium","--size_large":"bds0116Button---size_large","--hasPulse":"bds0116Button---hasPulse","prefix":"bds0116Button-prefix","suffix":"bds0116Button-suffix"};
906
944
 
907
945
  // src/components/interaction/Button/Button.tsx
908
- import { cn as cn21 } from "@boostdev/design-system-foundation";
909
- import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
946
+ import { cn as cn22 } from "@boostdev/design-system-foundation";
947
+ import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
910
948
  function Button({
911
949
  children,
912
950
  className,
@@ -923,7 +961,7 @@ function Button({
923
961
  onClick,
924
962
  ...rest
925
963
  }) {
926
- const classNames = cn21(
964
+ const classNames = cn22(
927
965
  Button_default.button,
928
966
  Button_default[`--${variant}`],
929
967
  Button_default[`--size_${size}`],
@@ -940,13 +978,13 @@ function Button({
940
978
  const handleButtonClick = (e) => {
941
979
  onClick?.(e);
942
980
  };
943
- const content = /* @__PURE__ */ jsxs15(Fragment2, { children: [
944
- Boolean(iconStart) && /* @__PURE__ */ jsx22("span", { className: Button_default.prefix, children: iconStart }),
981
+ const content = /* @__PURE__ */ jsxs16(Fragment2, { children: [
982
+ Boolean(iconStart) && /* @__PURE__ */ jsx23("span", { className: Button_default.prefix, children: iconStart }),
945
983
  children,
946
- Boolean(iconEnd) && /* @__PURE__ */ jsx22("span", { className: Button_default.suffix, children: iconEnd })
984
+ Boolean(iconEnd) && /* @__PURE__ */ jsx23("span", { className: Button_default.suffix, children: iconEnd })
947
985
  ] });
948
986
  if (href) {
949
- return /* @__PURE__ */ jsx22(
987
+ return /* @__PURE__ */ jsx23(
950
988
  "a",
951
989
  {
952
990
  className: classNames,
@@ -961,7 +999,7 @@ function Button({
961
999
  }
962
1000
  );
963
1001
  }
964
- return /* @__PURE__ */ jsx22(
1002
+ return /* @__PURE__ */ jsx23(
965
1003
  "button",
966
1004
  {
967
1005
  type,
@@ -978,11 +1016,11 @@ function Button({
978
1016
  import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
979
1017
 
980
1018
  // src/components/interaction/Command/Command.module.css
981
- var Command_default = {"dialog":"bds0114Command-dialog","palette":"bds0114Command-palette","searchRow":"bds0114Command-searchRow","searchIcon":"bds0114Command-searchIcon","search":"bds0114Command-search","escHint":"bds0114Command-escHint","list":"bds0114Command-list","groupList":"bds0114Command-groupList","group":"bds0114Command-group","item":"bds0114Command-item","itemActive":"bds0114Command-itemActive","itemLabel":"bds0114Command-itemLabel","itemDesc":"bds0114Command-itemDesc","shortcut":"bds0114Command-shortcut","empty":"bds0114Command-empty"};
1019
+ var Command_default = {"dialog":"bds0116Command-dialog","palette":"bds0116Command-palette","searchRow":"bds0116Command-searchRow","searchIcon":"bds0116Command-searchIcon","search":"bds0116Command-search","escHint":"bds0116Command-escHint","list":"bds0116Command-list","groupList":"bds0116Command-groupList","group":"bds0116Command-group","item":"bds0116Command-item","itemActive":"bds0116Command-itemActive","itemLabel":"bds0116Command-itemLabel","itemDesc":"bds0116Command-itemDesc","shortcut":"bds0116Command-shortcut","empty":"bds0116Command-empty"};
982
1020
 
983
1021
  // src/components/interaction/Command/Command.tsx
984
- import { cn as cn22 } from "@boostdev/design-system-foundation";
985
- import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
1022
+ import { cn as cn23 } from "@boostdev/design-system-foundation";
1023
+ import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
986
1024
  function Command({
987
1025
  isOpen,
988
1026
  onClose,
@@ -1049,20 +1087,20 @@ function Command({
1049
1087
  item.onSelect();
1050
1088
  onClose();
1051
1089
  };
1052
- return /* @__PURE__ */ jsx23(
1090
+ return /* @__PURE__ */ jsx24(
1053
1091
  "dialog",
1054
1092
  {
1055
1093
  ref: dialogRef,
1056
- className: cn22(Command_default.dialog, className),
1094
+ className: cn23(Command_default.dialog, className),
1057
1095
  "aria-label": "Command palette",
1058
1096
  onCancel: handleCancel,
1059
- children: /* @__PURE__ */ jsxs16("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
1060
- /* @__PURE__ */ jsxs16("div", { className: Command_default.searchRow, children: [
1061
- /* @__PURE__ */ jsxs16("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
1062
- /* @__PURE__ */ jsx23("circle", { cx: "11", cy: "11", r: "8" }),
1063
- /* @__PURE__ */ jsx23("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
1097
+ children: /* @__PURE__ */ jsxs17("div", { className: Command_default.palette, onKeyDown: handleKeyDown, children: [
1098
+ /* @__PURE__ */ jsxs17("div", { className: Command_default.searchRow, children: [
1099
+ /* @__PURE__ */ jsxs17("svg", { "aria-hidden": "true", className: Command_default.searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
1100
+ /* @__PURE__ */ jsx24("circle", { cx: "11", cy: "11", r: "8" }),
1101
+ /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", d: "M21 21l-4.35-4.35" })
1064
1102
  ] }),
1065
- /* @__PURE__ */ jsx23(
1103
+ /* @__PURE__ */ jsx24(
1066
1104
  "input",
1067
1105
  {
1068
1106
  ref: inputRef,
@@ -1078,32 +1116,32 @@ function Command({
1078
1116
  onChange: (e) => setQuery(e.target.value)
1079
1117
  }
1080
1118
  ),
1081
- /* @__PURE__ */ jsx23("kbd", { className: Command_default.escHint, children: "Esc" })
1119
+ /* @__PURE__ */ jsx24("kbd", { className: Command_default.escHint, children: "Esc" })
1082
1120
  ] }),
1083
- filtered.length > 0 ? /* @__PURE__ */ jsx23("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ jsxs16("li", { role: "presentation", children: [
1084
- group && /* @__PURE__ */ jsx23("div", { className: Command_default.group, role: "presentation", children: group }),
1085
- /* @__PURE__ */ jsx23("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
1121
+ filtered.length > 0 ? /* @__PURE__ */ jsx24("ul", { id: listboxId, role: "listbox", className: Command_default.list, "aria-label": "Commands", children: Array.from(groups.entries()).map(([group, groupItems]) => /* @__PURE__ */ jsxs17("li", { role: "presentation", children: [
1122
+ group && /* @__PURE__ */ jsx24("div", { className: Command_default.group, role: "presentation", children: group }),
1123
+ /* @__PURE__ */ jsx24("ul", { role: "group", "aria-label": group || void 0, className: Command_default.groupList, children: groupItems.map((item) => {
1086
1124
  const flatIndex = filtered.indexOf(item);
1087
1125
  const isActive = flatIndex === activeIndex;
1088
- return /* @__PURE__ */ jsxs16(
1126
+ return /* @__PURE__ */ jsxs17(
1089
1127
  "li",
1090
1128
  {
1091
1129
  id: `cmd-${item.id}`,
1092
1130
  role: "option",
1093
1131
  "aria-selected": isActive,
1094
- className: cn22(Command_default.item, isActive && Command_default.itemActive),
1132
+ className: cn23(Command_default.item, isActive && Command_default.itemActive),
1095
1133
  onPointerDown: (e) => e.preventDefault(),
1096
1134
  onClick: () => selectItem(item),
1097
1135
  children: [
1098
- /* @__PURE__ */ jsx23("span", { className: Command_default.itemLabel, children: item.label }),
1099
- item.description && /* @__PURE__ */ jsx23("span", { className: Command_default.itemDesc, children: item.description }),
1100
- item.shortcut && /* @__PURE__ */ jsx23("kbd", { className: Command_default.shortcut, children: item.shortcut })
1136
+ /* @__PURE__ */ jsx24("span", { className: Command_default.itemLabel, children: item.label }),
1137
+ item.description && /* @__PURE__ */ jsx24("span", { className: Command_default.itemDesc, children: item.description }),
1138
+ item.shortcut && /* @__PURE__ */ jsx24("kbd", { className: Command_default.shortcut, children: item.shortcut })
1101
1139
  ]
1102
1140
  },
1103
1141
  item.id
1104
1142
  );
1105
1143
  }) })
1106
- ] }, group)) }) : /* @__PURE__ */ jsxs16("div", { className: Command_default.empty, "aria-live": "polite", children: [
1144
+ ] }, group)) }) : /* @__PURE__ */ jsxs17("div", { className: Command_default.empty, "aria-live": "polite", children: [
1107
1145
  "No results for \u201C",
1108
1146
  query,
1109
1147
  "\u201D"
@@ -1117,11 +1155,11 @@ function Command({
1117
1155
  import { useEffect as useEffect2, useRef as useRef4 } from "react";
1118
1156
 
1119
1157
  // src/components/interaction/Dialog/Dialog.module.css
1120
- var Dialog_default = {"dialog":"bds0114Dialog-dialog","dialogContent":"bds0114Dialog-dialogContent","closeForm":"bds0114Dialog-closeForm","closeButton":"bds0114Dialog-closeButton"};
1158
+ var Dialog_default = {"dialog":"bds0116Dialog-dialog","dialogContent":"bds0116Dialog-dialogContent","closeForm":"bds0116Dialog-closeForm","closeButton":"bds0116Dialog-closeButton"};
1121
1159
 
1122
1160
  // src/components/interaction/Dialog/Dialog.tsx
1123
- import { cn as cn23 } from "@boostdev/design-system-foundation";
1124
- import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
1161
+ import { cn as cn24 } from "@boostdev/design-system-foundation";
1162
+ import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
1125
1163
  function Dialog({ children, isOpen = false, className, onClose }) {
1126
1164
  const dialogRef = useRef4(null);
1127
1165
  useEffect2(() => {
@@ -1145,25 +1183,25 @@ function Dialog({ children, isOpen = false, className, onClose }) {
1145
1183
  e.preventDefault();
1146
1184
  onClose?.();
1147
1185
  };
1148
- return /* @__PURE__ */ jsxs17(
1186
+ return /* @__PURE__ */ jsxs18(
1149
1187
  "dialog",
1150
1188
  {
1151
1189
  ref: dialogRef,
1152
- className: cn23(className, Dialog_default.dialog),
1190
+ className: cn24(className, Dialog_default.dialog),
1153
1191
  onClick: handleBackdropClick,
1154
1192
  onCancel: handleCancel,
1155
1193
  children: [
1156
- /* @__PURE__ */ jsx24("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx24(
1194
+ /* @__PURE__ */ jsx25("form", { method: "dialog", className: Dialog_default.closeForm, children: /* @__PURE__ */ jsx25(
1157
1195
  "button",
1158
1196
  {
1159
1197
  type: "submit",
1160
1198
  className: Dialog_default.closeButton,
1161
1199
  onClick: onClose,
1162
1200
  "aria-label": "Close dialog",
1163
- children: /* @__PURE__ */ jsx24("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
1201
+ children: /* @__PURE__ */ jsx25("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
1164
1202
  }
1165
1203
  ) }),
1166
- /* @__PURE__ */ jsx24("div", { className: Dialog_default.dialogContent, children })
1204
+ /* @__PURE__ */ jsx25("div", { className: Dialog_default.dialogContent, children })
1167
1205
  ]
1168
1206
  }
1169
1207
  );
@@ -1173,11 +1211,11 @@ function Dialog({ children, isOpen = false, className, onClose }) {
1173
1211
  import { useEffect as useEffect3, useRef as useRef5 } from "react";
1174
1212
 
1175
1213
  // src/components/interaction/Drawer/Drawer.module.css
1176
- var Drawer_default = {"drawer":"bds0114Drawer-drawer","panel":"bds0114Drawer-panel","--side_right":"bds0114Drawer---side_right","--side_left":"bds0114Drawer---side_left","header":"bds0114Drawer-header","closeButton":"bds0114Drawer-closeButton","body":"bds0114Drawer-body"};
1214
+ var Drawer_default = {"drawer":"bds0116Drawer-drawer","panel":"bds0116Drawer-panel","--side_right":"bds0116Drawer---side_right","--side_left":"bds0116Drawer---side_left","header":"bds0116Drawer-header","closeButton":"bds0116Drawer-closeButton","body":"bds0116Drawer-body"};
1177
1215
 
1178
1216
  // src/components/interaction/Drawer/Drawer.tsx
1179
- import { cn as cn24 } from "@boostdev/design-system-foundation";
1180
- import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
1217
+ import { cn as cn25 } from "@boostdev/design-system-foundation";
1218
+ import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
1181
1219
  function Drawer({
1182
1220
  isOpen,
1183
1221
  onClose,
@@ -1204,29 +1242,29 @@ function Drawer({
1204
1242
  e.preventDefault();
1205
1243
  onClose();
1206
1244
  };
1207
- return /* @__PURE__ */ jsx25(
1245
+ return /* @__PURE__ */ jsx26(
1208
1246
  "dialog",
1209
1247
  {
1210
1248
  ref: dialogRef,
1211
- className: cn24(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
1249
+ className: cn25(Drawer_default.drawer, Drawer_default[`--side_${side}`], className),
1212
1250
  "aria-label": arialLabel,
1213
1251
  onClick: handleClick,
1214
1252
  onCancel: handleCancel,
1215
- children: /* @__PURE__ */ jsxs18("div", { className: Drawer_default.panel, children: [
1216
- /* @__PURE__ */ jsxs18("div", { className: Drawer_default.header, children: [
1253
+ children: /* @__PURE__ */ jsxs19("div", { className: Drawer_default.panel, children: [
1254
+ /* @__PURE__ */ jsxs19("div", { className: Drawer_default.header, children: [
1217
1255
  !!title && title,
1218
- /* @__PURE__ */ jsx25(
1256
+ /* @__PURE__ */ jsx26(
1219
1257
  "button",
1220
1258
  {
1221
1259
  type: "button",
1222
1260
  className: Drawer_default.closeButton,
1223
1261
  onClick: onClose,
1224
1262
  "aria-label": "Close drawer",
1225
- children: /* @__PURE__ */ jsx25("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
1263
+ children: /* @__PURE__ */ jsx26("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
1226
1264
  }
1227
1265
  )
1228
1266
  ] }),
1229
- /* @__PURE__ */ jsx25("div", { className: Drawer_default.body, children })
1267
+ /* @__PURE__ */ jsx26("div", { className: Drawer_default.body, children })
1230
1268
  ] })
1231
1269
  }
1232
1270
  );
@@ -1243,11 +1281,11 @@ import {
1243
1281
  } from "react";
1244
1282
 
1245
1283
  // src/components/interaction/DropdownMenu/DropdownMenu.module.css
1246
- var DropdownMenu_default = {"wrapper":"bds0114DropdownMenu-wrapper","menu":"bds0114DropdownMenu-menu","--placement_bottom-start":"bds0114DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0114DropdownMenu---placement_bottom-end","separator":"bds0114DropdownMenu-separator","item":"bds0114DropdownMenu-item","icon":"bds0114DropdownMenu-icon"};
1284
+ var DropdownMenu_default = {"wrapper":"bds0116DropdownMenu-wrapper","menu":"bds0116DropdownMenu-menu","--placement_bottom-start":"bds0116DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds0116DropdownMenu---placement_bottom-end","separator":"bds0116DropdownMenu-separator","item":"bds0116DropdownMenu-item","icon":"bds0116DropdownMenu-icon"};
1247
1285
 
1248
1286
  // src/components/interaction/DropdownMenu/DropdownMenu.tsx
1249
- import { cn as cn25 } from "@boostdev/design-system-foundation";
1250
- import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
1287
+ import { cn as cn26 } from "@boostdev/design-system-foundation";
1288
+ import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
1251
1289
  function DropdownMenu({
1252
1290
  trigger,
1253
1291
  items,
@@ -1315,17 +1353,17 @@ function DropdownMenu({
1315
1353
  if (typeof existingOnClick === "function") existingOnClick(e);
1316
1354
  }
1317
1355
  }) : trigger;
1318
- return /* @__PURE__ */ jsxs19("div", { ref: containerRef, className: cn25(DropdownMenu_default.wrapper, className), children: [
1356
+ return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: cn26(DropdownMenu_default.wrapper, className), children: [
1319
1357
  triggerEl,
1320
- isOpen && /* @__PURE__ */ jsx26(
1358
+ isOpen && /* @__PURE__ */ jsx27(
1321
1359
  "ul",
1322
1360
  {
1323
1361
  id: menuId,
1324
1362
  role: "menu",
1325
- className: cn25(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
1326
- children: items.map((item, index) => /* @__PURE__ */ jsxs19("li", { role: "presentation", children: [
1327
- item.separator && /* @__PURE__ */ jsx26("hr", { className: DropdownMenu_default.separator, role: "separator" }),
1328
- /* @__PURE__ */ jsxs19(
1363
+ className: cn26(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
1364
+ children: items.map((item, index) => /* @__PURE__ */ jsxs20("li", { role: "presentation", children: [
1365
+ item.separator && /* @__PURE__ */ jsx27("hr", { className: DropdownMenu_default.separator, role: "separator" }),
1366
+ /* @__PURE__ */ jsxs20(
1329
1367
  "button",
1330
1368
  {
1331
1369
  ref: (el) => {
@@ -1341,7 +1379,7 @@ function DropdownMenu({
1341
1379
  },
1342
1380
  onKeyDown: (e) => handleItemKeyDown(e, index),
1343
1381
  children: [
1344
- item.icon && /* @__PURE__ */ jsx26("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
1382
+ item.icon && /* @__PURE__ */ jsx27("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
1345
1383
  item.label
1346
1384
  ]
1347
1385
  }
@@ -1363,11 +1401,11 @@ import {
1363
1401
  } from "react";
1364
1402
 
1365
1403
  // src/components/interaction/Popover/Popover.module.css
1366
- var Popover_default = {"wrapper":"bds0114Popover-wrapper","panel":"bds0114Popover-panel","--placement_bottom":"bds0114Popover---placement_bottom","--placement_top":"bds0114Popover---placement_top","--placement_right":"bds0114Popover---placement_right","--placement_left":"bds0114Popover---placement_left"};
1404
+ var Popover_default = {"wrapper":"bds0116Popover-wrapper","panel":"bds0116Popover-panel","--placement_bottom":"bds0116Popover---placement_bottom","--placement_top":"bds0116Popover---placement_top","--placement_right":"bds0116Popover---placement_right","--placement_left":"bds0116Popover---placement_left"};
1367
1405
 
1368
1406
  // src/components/interaction/Popover/Popover.tsx
1369
- import { cn as cn26 } from "@boostdev/design-system-foundation";
1370
- import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
1407
+ import { cn as cn27 } from "@boostdev/design-system-foundation";
1408
+ import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
1371
1409
  function Popover({
1372
1410
  children,
1373
1411
  content,
@@ -1403,15 +1441,15 @@ function Popover({
1403
1441
  if (typeof existingOnClick === "function") existingOnClick(e);
1404
1442
  }
1405
1443
  }) : children;
1406
- return /* @__PURE__ */ jsxs20("span", { ref: containerRef, className: cn26(Popover_default.wrapper, className), children: [
1444
+ return /* @__PURE__ */ jsxs21("span", { ref: containerRef, className: cn27(Popover_default.wrapper, className), children: [
1407
1445
  trigger,
1408
- isOpen && /* @__PURE__ */ jsx27(
1446
+ isOpen && /* @__PURE__ */ jsx28(
1409
1447
  "div",
1410
1448
  {
1411
1449
  id: panelId,
1412
1450
  role: "dialog",
1413
1451
  "aria-modal": "false",
1414
- className: cn26(Popover_default.panel, Popover_default[`--placement_${placement}`]),
1452
+ className: cn27(Popover_default.panel, Popover_default[`--placement_${placement}`]),
1415
1453
  children: content
1416
1454
  }
1417
1455
  )
@@ -1419,26 +1457,26 @@ function Popover({
1419
1457
  }
1420
1458
 
1421
1459
  // src/components/interaction/Rating/Rating.module.css
1422
- var Rating_default = {"rating":"bds0114Rating-rating","star":"bds0114Rating-star","--filled":"bds0114Rating---filled"};
1460
+ var Rating_default = {"rating":"bds0116Rating-rating","star":"bds0116Rating-star","--filled":"bds0116Rating---filled"};
1423
1461
 
1424
1462
  // src/components/interaction/Rating/Rating.tsx
1425
- import { cn as cn27 } from "@boostdev/design-system-foundation";
1426
- import { jsx as jsx28 } from "react/jsx-runtime";
1463
+ import { cn as cn28 } from "@boostdev/design-system-foundation";
1464
+ import { jsx as jsx29 } from "react/jsx-runtime";
1427
1465
  function Rating({ value, max = 5, className }) {
1428
- return /* @__PURE__ */ jsx28(
1466
+ return /* @__PURE__ */ jsx29(
1429
1467
  "div",
1430
1468
  {
1431
- className: cn27(Rating_default.rating, className),
1469
+ className: cn28(Rating_default.rating, className),
1432
1470
  role: "img",
1433
1471
  "aria-label": `${value} out of ${max} stars`,
1434
- children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx28(
1472
+ children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx29(
1435
1473
  "svg",
1436
1474
  {
1437
1475
  "aria-hidden": "true",
1438
- className: cn27(Rating_default.star, i < value && Rating_default["--filled"]),
1476
+ className: cn28(Rating_default.star, i < value && Rating_default["--filled"]),
1439
1477
  fill: "currentColor",
1440
1478
  viewBox: "0 0 24 24",
1441
- children: /* @__PURE__ */ jsx28("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
1479
+ children: /* @__PURE__ */ jsx29("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
1442
1480
  },
1443
1481
  i
1444
1482
  ))
@@ -1450,11 +1488,11 @@ function Rating({ value, max = 5, className }) {
1450
1488
  import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
1451
1489
 
1452
1490
  // src/components/interaction/Toast/Toast.module.css
1453
- var Toast_default = {"toastContainer":"bds0114Toast-toastContainer","toast":"bds0114Toast-toast","--variant_success":"bds0114Toast---variant_success","--variant_warning":"bds0114Toast---variant_warning","--variant_info":"bds0114Toast---variant_info","--variant_error":"bds0114Toast---variant_error","message":"bds0114Toast-message","closeButton":"bds0114Toast-closeButton"};
1491
+ var Toast_default = {"toastContainer":"bds0116Toast-toastContainer","toast":"bds0116Toast-toast","--variant_success":"bds0116Toast---variant_success","--variant_warning":"bds0116Toast---variant_warning","--variant_info":"bds0116Toast---variant_info","--variant_error":"bds0116Toast---variant_error","message":"bds0116Toast-message","closeButton":"bds0116Toast-closeButton"};
1454
1492
 
1455
1493
  // src/components/interaction/Toast/Toast.tsx
1456
- import { cn as cn28 } from "@boostdev/design-system-foundation";
1457
- import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
1494
+ import { cn as cn29 } from "@boostdev/design-system-foundation";
1495
+ import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
1458
1496
  var ToastContext = createContext(void 0);
1459
1497
  function ToastProvider({ children }) {
1460
1498
  const [toasts, setToasts] = useState7([]);
@@ -1466,9 +1504,9 @@ function ToastProvider({ children }) {
1466
1504
  setToasts((prev) => prev.filter((toast) => toast.id !== id));
1467
1505
  }, []);
1468
1506
  const value = useMemo2(() => ({ showToast }), [showToast]);
1469
- return /* @__PURE__ */ jsxs21(ToastContext.Provider, { value, children: [
1507
+ return /* @__PURE__ */ jsxs22(ToastContext.Provider, { value, children: [
1470
1508
  children,
1471
- /* @__PURE__ */ jsx29("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx29(
1509
+ /* @__PURE__ */ jsx30("div", { className: Toast_default.toastContainer, children: toasts.map((toast) => /* @__PURE__ */ jsx30(
1472
1510
  ToastItem,
1473
1511
  {
1474
1512
  toast,
@@ -1483,9 +1521,9 @@ function ToastItem({ toast, onRemove }) {
1483
1521
  const timer = setTimeout(onRemove, 5e3);
1484
1522
  return () => clearTimeout(timer);
1485
1523
  }, [onRemove]);
1486
- return /* @__PURE__ */ jsxs21("div", { className: cn28(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
1487
- /* @__PURE__ */ jsx29("span", { className: Toast_default.message, children: toast.message }),
1488
- /* @__PURE__ */ jsx29("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx29("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
1524
+ return /* @__PURE__ */ jsxs22("div", { className: cn29(Toast_default.toast, Toast_default[`--variant_${toast.variant}`]), role: "status", children: [
1525
+ /* @__PURE__ */ jsx30("span", { className: Toast_default.message, children: toast.message }),
1526
+ /* @__PURE__ */ jsx30("button", { type: "button", className: Toast_default.closeButton, onClick: onRemove, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx30("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) }) })
1489
1527
  ] });
1490
1528
  }
1491
1529
  function useToast() {
@@ -1500,50 +1538,50 @@ function useToast() {
1500
1538
  import { useId as useId9 } from "react";
1501
1539
 
1502
1540
  // src/components/interaction/form/Checkbox/Checkbox.module.css
1503
- var Checkbox_default = {"checkboxGroup":"bds0114Checkbox-checkboxGroup","inputWrapper":"bds0114Checkbox-inputWrapper","checkbox":"bds0114Checkbox-checkbox","checkboxError":"bds0114Checkbox-checkboxError"};
1541
+ var Checkbox_default = {"checkboxGroup":"bds0116Checkbox-checkboxGroup","inputWrapper":"bds0116Checkbox-inputWrapper","checkbox":"bds0116Checkbox-checkbox","checkboxError":"bds0116Checkbox-checkboxError"};
1504
1542
 
1505
1543
  // src/components/interaction/form/atoms/Message.module.css
1506
- var Message_default = {"error":"bds0114Message-error","hint":"bds0114Message-hint"};
1544
+ var Message_default = {"error":"bds0116Message-error","hint":"bds0116Message-hint"};
1507
1545
 
1508
1546
  // src/components/interaction/form/atoms/Message.tsx
1509
- import { jsx as jsx30 } from "react/jsx-runtime";
1547
+ import { jsx as jsx31 } from "react/jsx-runtime";
1510
1548
  var Message = ({ message, type, inputId }) => {
1511
1549
  if (!message) return null;
1512
- return /* @__PURE__ */ jsx30("p", { id: inputId + type, className: Message_default[type], children: message });
1550
+ return /* @__PURE__ */ jsx31("p", { id: inputId + type, className: Message_default[type], children: message });
1513
1551
  };
1514
1552
 
1515
1553
  // src/components/interaction/form/atoms/Label.module.css
1516
- var Label_default = {"label":"bds0114Label-label"};
1554
+ var Label_default = {"label":"bds0116Label-label"};
1517
1555
 
1518
1556
  // src/components/interaction/form/atoms/Label.tsx
1519
- import { jsx as jsx31 } from "react/jsx-runtime";
1557
+ import { jsx as jsx32 } from "react/jsx-runtime";
1520
1558
  var Label = ({ label, id }) => {
1521
- return /* @__PURE__ */ jsx31("label", { htmlFor: id, className: Label_default.label, children: label });
1559
+ return /* @__PURE__ */ jsx32("label", { htmlFor: id, className: Label_default.label, children: label });
1522
1560
  };
1523
1561
 
1524
1562
  // src/components/interaction/form/Checkbox/Checkbox.tsx
1525
- import { cn as cn30 } from "@boostdev/design-system-foundation";
1563
+ import { cn as cn31 } from "@boostdev/design-system-foundation";
1526
1564
 
1527
1565
  // src/components/interaction/form/atoms/InputContainer.module.css
1528
- var InputContainer_default = {"container":"bds0114InputContainer-container"};
1566
+ var InputContainer_default = {"container":"bds0116InputContainer-container"};
1529
1567
 
1530
1568
  // src/components/interaction/form/atoms/InputContainer.tsx
1531
- import { cn as cn29 } from "@boostdev/design-system-foundation";
1532
- import { jsx as jsx32 } from "react/jsx-runtime";
1569
+ import { cn as cn30 } from "@boostdev/design-system-foundation";
1570
+ import { jsx as jsx33 } from "react/jsx-runtime";
1533
1571
  var InputContainer = ({ children, className }) => {
1534
- return /* @__PURE__ */ jsx32("div", { className: cn29(InputContainer_default.container, className), children });
1572
+ return /* @__PURE__ */ jsx33("div", { className: cn30(InputContainer_default.container, className), children });
1535
1573
  };
1536
1574
 
1537
1575
  // src/components/interaction/form/Checkbox/Checkbox.tsx
1538
- import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
1576
+ import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
1539
1577
  function Checkbox({ label, name, error, hint, className, ...props }) {
1540
1578
  const id = name + useId9();
1541
1579
  const hintId = id + "hint";
1542
1580
  const errorId = id + "error";
1543
1581
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
1544
- return /* @__PURE__ */ jsxs22(InputContainer, { className: cn30(Checkbox_default.checkboxGroup, className), children: [
1545
- /* @__PURE__ */ jsxs22("div", { className: Checkbox_default.inputWrapper, children: [
1546
- /* @__PURE__ */ jsx33(
1582
+ return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Checkbox_default.checkboxGroup, className), children: [
1583
+ /* @__PURE__ */ jsxs23("div", { className: Checkbox_default.inputWrapper, children: [
1584
+ /* @__PURE__ */ jsx34(
1547
1585
  "input",
1548
1586
  {
1549
1587
  "aria-describedby": describedBy,
@@ -1551,14 +1589,14 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
1551
1589
  type: "checkbox",
1552
1590
  id,
1553
1591
  name,
1554
- className: cn30(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
1592
+ className: cn31(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
1555
1593
  ...props
1556
1594
  }
1557
1595
  ),
1558
- /* @__PURE__ */ jsx33(Label, { id, label })
1596
+ /* @__PURE__ */ jsx34(Label, { id, label })
1559
1597
  ] }),
1560
- /* @__PURE__ */ jsx33(Message, { inputId: id, type: "error", message: error }),
1561
- /* @__PURE__ */ jsx33(Message, { inputId: id, type: "hint", message: hint })
1598
+ /* @__PURE__ */ jsx34(Message, { inputId: id, type: "error", message: error }),
1599
+ /* @__PURE__ */ jsx34(Message, { inputId: id, type: "hint", message: hint })
1562
1600
  ] });
1563
1601
  }
1564
1602
 
@@ -1572,11 +1610,11 @@ import {
1572
1610
  } from "react";
1573
1611
 
1574
1612
  // src/components/interaction/form/Combobox/Combobox.module.css
1575
- var Combobox_default = {"formGroup":"bds0114Combobox-formGroup","inputWrapper":"bds0114Combobox-inputWrapper","input":"bds0114Combobox-input","inputError":"bds0114Combobox-inputError","chevron":"bds0114Combobox-chevron","listbox":"bds0114Combobox-listbox","option":"bds0114Combobox-option","--highlighted":"bds0114Combobox---highlighted","--selected":"bds0114Combobox---selected","--disabled":"bds0114Combobox---disabled"};
1613
+ var Combobox_default = {"formGroup":"bds0116Combobox-formGroup","inputWrapper":"bds0116Combobox-inputWrapper","input":"bds0116Combobox-input","inputError":"bds0116Combobox-inputError","chevron":"bds0116Combobox-chevron","listbox":"bds0116Combobox-listbox","option":"bds0116Combobox-option","--highlighted":"bds0116Combobox---highlighted","--selected":"bds0116Combobox---selected","--disabled":"bds0116Combobox---disabled"};
1576
1614
 
1577
1615
  // src/components/interaction/form/Combobox/Combobox.tsx
1578
- import { cn as cn31 } from "@boostdev/design-system-foundation";
1579
- import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
1616
+ import { cn as cn32 } from "@boostdev/design-system-foundation";
1617
+ import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
1580
1618
  function Combobox({
1581
1619
  label,
1582
1620
  name,
@@ -1654,10 +1692,10 @@ function Combobox({
1654
1692
  setIsOpen(false);
1655
1693
  }
1656
1694
  };
1657
- return /* @__PURE__ */ jsxs23(InputContainer, { className: cn31(Combobox_default.formGroup, className), children: [
1658
- /* @__PURE__ */ jsx34(Label, { id, label }),
1659
- /* @__PURE__ */ jsxs23("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
1660
- /* @__PURE__ */ jsx34(
1695
+ return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(Combobox_default.formGroup, className), children: [
1696
+ /* @__PURE__ */ jsx35(Label, { id, label }),
1697
+ /* @__PURE__ */ jsxs24("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
1698
+ /* @__PURE__ */ jsx35(
1661
1699
  "input",
1662
1700
  {
1663
1701
  ref: inputRef,
@@ -1676,28 +1714,28 @@ function Combobox({
1676
1714
  placeholder,
1677
1715
  value: inputValue,
1678
1716
  disabled,
1679
- className: cn31(Combobox_default.input, error ? Combobox_default.inputError : void 0),
1717
+ className: cn32(Combobox_default.input, error ? Combobox_default.inputError : void 0),
1680
1718
  onChange: handleInputChange,
1681
1719
  onKeyDown: handleKeyDown,
1682
1720
  onFocus: () => setIsOpen(true)
1683
1721
  }
1684
1722
  ),
1685
- /* @__PURE__ */ jsx34("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx34("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
1686
- isOpen && filtered.length > 0 && /* @__PURE__ */ jsx34(
1723
+ /* @__PURE__ */ jsx35("span", { className: Combobox_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx35("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) }),
1724
+ isOpen && filtered.length > 0 && /* @__PURE__ */ jsx35(
1687
1725
  "ul",
1688
1726
  {
1689
1727
  id: listboxId,
1690
1728
  role: "listbox",
1691
1729
  "aria-label": String(label),
1692
1730
  className: Combobox_default.listbox,
1693
- children: filtered.map((option, index) => /* @__PURE__ */ jsx34(
1731
+ children: filtered.map((option, index) => /* @__PURE__ */ jsx35(
1694
1732
  "li",
1695
1733
  {
1696
1734
  id: getOptionId(index),
1697
1735
  role: "option",
1698
1736
  "aria-selected": option.value === value,
1699
1737
  "aria-disabled": option.disabled,
1700
- className: cn31(
1738
+ className: cn32(
1701
1739
  Combobox_default.option,
1702
1740
  index === highlightedIndex ? Combobox_default["--highlighted"] : void 0,
1703
1741
  option.value === value ? Combobox_default["--selected"] : void 0,
@@ -1714,8 +1752,8 @@ function Combobox({
1714
1752
  }
1715
1753
  )
1716
1754
  ] }),
1717
- /* @__PURE__ */ jsx34(Message, { inputId: id, type: "error", message: error }),
1718
- /* @__PURE__ */ jsx34(Message, { inputId: id, type: "hint", message: hint })
1755
+ /* @__PURE__ */ jsx35(Message, { inputId: id, type: "error", message: error }),
1756
+ /* @__PURE__ */ jsx35(Message, { inputId: id, type: "hint", message: hint })
1719
1757
  ] });
1720
1758
  }
1721
1759
 
@@ -1723,11 +1761,11 @@ function Combobox({
1723
1761
  import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
1724
1762
 
1725
1763
  // src/components/interaction/form/FileInput/FileInput.module.css
1726
- var FileInput_default = {"formGroup":"bds0114FileInput-formGroup","dropZone":"bds0114FileInput-dropZone","isDragging":"bds0114FileInput-isDragging","hasError":"bds0114FileInput-hasError","isDisabled":"bds0114FileInput-isDisabled","icon":"bds0114FileInput-icon","prompt":"bds0114FileInput-prompt","acceptHint":"bds0114FileInput-acceptHint","hiddenInput":"bds0114FileInput-hiddenInput"};
1764
+ var FileInput_default = {"formGroup":"bds0116FileInput-formGroup","dropZone":"bds0116FileInput-dropZone","isDragging":"bds0116FileInput-isDragging","hasError":"bds0116FileInput-hasError","isDisabled":"bds0116FileInput-isDisabled","icon":"bds0116FileInput-icon","prompt":"bds0116FileInput-prompt","acceptHint":"bds0116FileInput-acceptHint","hiddenInput":"bds0116FileInput-hiddenInput"};
1727
1765
 
1728
1766
  // src/components/interaction/form/FileInput/FileInput.tsx
1729
- import { cn as cn32 } from "@boostdev/design-system-foundation";
1730
- import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
1767
+ import { cn as cn33 } from "@boostdev/design-system-foundation";
1768
+ import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
1731
1769
  function FileInput({
1732
1770
  label,
1733
1771
  name,
@@ -1775,24 +1813,24 @@ function FileInput({
1775
1813
  if (!disabled) setIsDragging(true);
1776
1814
  };
1777
1815
  const handleDragLeave = () => setIsDragging(false);
1778
- return /* @__PURE__ */ jsxs24(InputContainer, { className: cn32(FileInput_default.formGroup, className), children: [
1779
- /* @__PURE__ */ jsx35(Label, { id: uid, label }),
1780
- /* @__PURE__ */ jsxs24(
1816
+ return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FileInput_default.formGroup, className), children: [
1817
+ /* @__PURE__ */ jsx36(Label, { id: uid, label }),
1818
+ /* @__PURE__ */ jsxs25(
1781
1819
  "label",
1782
1820
  {
1783
1821
  htmlFor: uid,
1784
- className: cn32(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
1822
+ className: cn33(FileInput_default.dropZone, isDragging && FileInput_default.isDragging, error && FileInput_default.hasError, disabled && FileInput_default.isDisabled),
1785
1823
  onDrop: handleDrop,
1786
1824
  onDragOver: handleDragOver,
1787
1825
  onDragLeave: handleDragLeave,
1788
1826
  children: [
1789
- /* @__PURE__ */ jsx35("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
1790
- /* @__PURE__ */ jsx35("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs24(Fragment3, { children: [
1791
- /* @__PURE__ */ jsx35("strong", { children: "Click to upload" }),
1827
+ /* @__PURE__ */ jsx36("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
1828
+ /* @__PURE__ */ jsx36("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs25(Fragment3, { children: [
1829
+ /* @__PURE__ */ jsx36("strong", { children: "Click to upload" }),
1792
1830
  " or drag and drop"
1793
1831
  ] }) }),
1794
- accept && /* @__PURE__ */ jsx35("span", { className: FileInput_default.acceptHint, children: accept }),
1795
- /* @__PURE__ */ jsx35(
1832
+ accept && /* @__PURE__ */ jsx36("span", { className: FileInput_default.acceptHint, children: accept }),
1833
+ /* @__PURE__ */ jsx36(
1796
1834
  "input",
1797
1835
  {
1798
1836
  ref: inputRef,
@@ -1811,8 +1849,8 @@ function FileInput({
1811
1849
  ]
1812
1850
  }
1813
1851
  ),
1814
- /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "error", message: error }),
1815
- /* @__PURE__ */ jsx35(Message, { inputId: uid, type: "hint", message: hint })
1852
+ /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "error", message: error }),
1853
+ /* @__PURE__ */ jsx36(Message, { inputId: uid, type: "hint", message: hint })
1816
1854
  ] });
1817
1855
  }
1818
1856
 
@@ -1820,11 +1858,11 @@ function FileInput({
1820
1858
  import { useId as useId12 } from "react";
1821
1859
 
1822
1860
  // src/components/interaction/form/FormInput/FormInput.module.css
1823
- var FormInput_default = {"formGroup":"bds0114FormInput-formGroup","input":"bds0114FormInput-input","inputError":"bds0114FormInput-inputError"};
1861
+ var FormInput_default = {"formGroup":"bds0116FormInput-formGroup","input":"bds0116FormInput-input","inputError":"bds0116FormInput-inputError"};
1824
1862
 
1825
1863
  // src/components/interaction/form/FormInput/FormInput.tsx
1826
- import { cn as cn33 } from "@boostdev/design-system-foundation";
1827
- import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
1864
+ import { cn as cn34 } from "@boostdev/design-system-foundation";
1865
+ import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
1828
1866
  function FormInput({
1829
1867
  label,
1830
1868
  name,
@@ -1838,9 +1876,9 @@ function FormInput({
1838
1876
  const hintId = id + "hint";
1839
1877
  const errorId = id + "error";
1840
1878
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
1841
- return /* @__PURE__ */ jsxs25(InputContainer, { className: cn33(FormInput_default.formGroup, className), children: [
1842
- /* @__PURE__ */ jsx36(Label, { id, label }),
1843
- /* @__PURE__ */ jsx36(
1879
+ return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(FormInput_default.formGroup, className), children: [
1880
+ /* @__PURE__ */ jsx37(Label, { id, label }),
1881
+ /* @__PURE__ */ jsx37(
1844
1882
  "input",
1845
1883
  {
1846
1884
  "aria-invalid": !!error,
@@ -1848,12 +1886,12 @@ function FormInput({
1848
1886
  "aria-label": ariaLabel,
1849
1887
  id,
1850
1888
  name,
1851
- className: cn33(FormInput_default.input, error && FormInput_default.inputError),
1889
+ className: cn34(FormInput_default.input, error && FormInput_default.inputError),
1852
1890
  ...props
1853
1891
  }
1854
1892
  ),
1855
- /* @__PURE__ */ jsx36(Message, { inputId: id, type: "error", message: error }),
1856
- /* @__PURE__ */ jsx36(Message, { inputId: id, type: "hint", message: hint })
1893
+ /* @__PURE__ */ jsx37(Message, { inputId: id, type: "error", message: error }),
1894
+ /* @__PURE__ */ jsx37(Message, { inputId: id, type: "hint", message: hint })
1857
1895
  ] });
1858
1896
  }
1859
1897
 
@@ -1861,11 +1899,11 @@ function FormInput({
1861
1899
  import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
1862
1900
 
1863
1901
  // src/components/interaction/form/NumberInput/NumberInput.module.css
1864
- var NumberInput_default = {"formGroup":"bds0114NumberInput-formGroup","inputRow":"bds0114NumberInput-inputRow","input":"bds0114NumberInput-input","inputError":"bds0114NumberInput-inputError","stepper":"bds0114NumberInput-stepper"};
1902
+ var NumberInput_default = {"formGroup":"bds0116NumberInput-formGroup","inputRow":"bds0116NumberInput-inputRow","input":"bds0116NumberInput-input","inputError":"bds0116NumberInput-inputError","stepper":"bds0116NumberInput-stepper"};
1865
1903
 
1866
1904
  // src/components/interaction/form/NumberInput/NumberInput.tsx
1867
- import { cn as cn34 } from "@boostdev/design-system-foundation";
1868
- import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
1905
+ import { cn as cn35 } from "@boostdev/design-system-foundation";
1906
+ import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
1869
1907
  function NumberInput({
1870
1908
  label,
1871
1909
  name,
@@ -1897,10 +1935,10 @@ function NumberInput({
1897
1935
  if (!isControlled) setInternalValue(next);
1898
1936
  onChange?.(next);
1899
1937
  };
1900
- return /* @__PURE__ */ jsxs26(InputContainer, { className: cn34(NumberInput_default.formGroup, className), children: [
1901
- /* @__PURE__ */ jsx37(Label, { id: uid, label }),
1902
- /* @__PURE__ */ jsxs26("div", { className: NumberInput_default.inputRow, children: [
1903
- /* @__PURE__ */ jsx37(
1938
+ return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(NumberInput_default.formGroup, className), children: [
1939
+ /* @__PURE__ */ jsx38(Label, { id: uid, label }),
1940
+ /* @__PURE__ */ jsxs27("div", { className: NumberInput_default.inputRow, children: [
1941
+ /* @__PURE__ */ jsx38(
1904
1942
  "button",
1905
1943
  {
1906
1944
  type: "button",
@@ -1909,10 +1947,10 @@ function NumberInput({
1909
1947
  disabled: disabled || min !== void 0 && currentValue <= min,
1910
1948
  onClick: () => adjust(-step),
1911
1949
  tabIndex: -1,
1912
- children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
1950
+ children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14" }) })
1913
1951
  }
1914
1952
  ),
1915
- /* @__PURE__ */ jsx37(
1953
+ /* @__PURE__ */ jsx38(
1916
1954
  "input",
1917
1955
  {
1918
1956
  ref: inputRef,
@@ -1926,7 +1964,7 @@ function NumberInput({
1926
1964
  disabled,
1927
1965
  "aria-invalid": !!error,
1928
1966
  "aria-describedby": describedBy,
1929
- className: cn34(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
1967
+ className: cn35(NumberInput_default.input, error ? NumberInput_default.inputError : void 0),
1930
1968
  onChange: (e) => {
1931
1969
  const v = parseFloat(e.target.value);
1932
1970
  if (!isControlled) setInternalValue(isNaN(v) ? 0 : v);
@@ -1934,7 +1972,7 @@ function NumberInput({
1934
1972
  }
1935
1973
  }
1936
1974
  ),
1937
- /* @__PURE__ */ jsx37(
1975
+ /* @__PURE__ */ jsx38(
1938
1976
  "button",
1939
1977
  {
1940
1978
  type: "button",
@@ -1943,12 +1981,12 @@ function NumberInput({
1943
1981
  disabled: disabled || max !== void 0 && currentValue >= max,
1944
1982
  onClick: () => adjust(step),
1945
1983
  tabIndex: -1,
1946
- children: /* @__PURE__ */ jsx37("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
1984
+ children: /* @__PURE__ */ jsx38("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) })
1947
1985
  }
1948
1986
  )
1949
1987
  ] }),
1950
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "error", message: error }),
1951
- /* @__PURE__ */ jsx37(Message, { inputId: uid, type: "hint", message: hint })
1988
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "error", message: error }),
1989
+ /* @__PURE__ */ jsx38(Message, { inputId: uid, type: "hint", message: hint })
1952
1990
  ] });
1953
1991
  }
1954
1992
 
@@ -1956,19 +1994,19 @@ function NumberInput({
1956
1994
  import { useId as useId14 } from "react";
1957
1995
 
1958
1996
  // src/components/interaction/form/Radio/Radio.module.css
1959
- var Radio_default = {"radioGroup":"bds0114Radio-radioGroup","inputWrapper":"bds0114Radio-inputWrapper","textWrapper":"bds0114Radio-textWrapper","description":"bds0114Radio-description","radio":"bds0114Radio-radio","radioError":"bds0114Radio-radioError"};
1997
+ var Radio_default = {"radioGroup":"bds0116Radio-radioGroup","inputWrapper":"bds0116Radio-inputWrapper","textWrapper":"bds0116Radio-textWrapper","description":"bds0116Radio-description","radio":"bds0116Radio-radio","radioError":"bds0116Radio-radioError"};
1960
1998
 
1961
1999
  // src/components/interaction/form/Radio/Radio.tsx
1962
- import { cn as cn35 } from "@boostdev/design-system-foundation";
1963
- import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
2000
+ import { cn as cn36 } from "@boostdev/design-system-foundation";
2001
+ import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
1964
2002
  function Radio({ label, name, description, error, hint, className, ...props }) {
1965
2003
  const id = name + useId14();
1966
2004
  const hintId = id + "hint";
1967
2005
  const errorId = id + "error";
1968
2006
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
1969
- return /* @__PURE__ */ jsxs27(InputContainer, { className: cn35(Radio_default.radioGroup, className), children: [
1970
- /* @__PURE__ */ jsxs27("div", { className: Radio_default.inputWrapper, children: [
1971
- /* @__PURE__ */ jsx38(
2007
+ return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Radio_default.radioGroup, className), children: [
2008
+ /* @__PURE__ */ jsxs28("div", { className: Radio_default.inputWrapper, children: [
2009
+ /* @__PURE__ */ jsx39(
1972
2010
  "input",
1973
2011
  {
1974
2012
  "aria-describedby": describedBy,
@@ -1976,17 +2014,17 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
1976
2014
  type: "radio",
1977
2015
  id,
1978
2016
  name,
1979
- className: cn35(Radio_default.radio, error && Radio_default.radioError),
2017
+ className: cn36(Radio_default.radio, error && Radio_default.radioError),
1980
2018
  ...props
1981
2019
  }
1982
2020
  ),
1983
- /* @__PURE__ */ jsxs27("div", { className: Radio_default.textWrapper, children: [
1984
- /* @__PURE__ */ jsx38(Label, { id, label }),
1985
- description && /* @__PURE__ */ jsx38("span", { className: Radio_default.description, children: description })
2021
+ /* @__PURE__ */ jsxs28("div", { className: Radio_default.textWrapper, children: [
2022
+ /* @__PURE__ */ jsx39(Label, { id, label }),
2023
+ description && /* @__PURE__ */ jsx39("span", { className: Radio_default.description, children: description })
1986
2024
  ] })
1987
2025
  ] }),
1988
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "error", message: error }),
1989
- /* @__PURE__ */ jsx38(Message, { inputId: id, type: "hint", message: hint })
2026
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
2027
+ /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
1990
2028
  ] });
1991
2029
  }
1992
2030
 
@@ -1994,11 +2032,11 @@ function Radio({ label, name, description, error, hint, className, ...props }) {
1994
2032
  import { useId as useId15 } from "react";
1995
2033
 
1996
2034
  // src/components/interaction/form/Select/Select.module.css
1997
- var Select_default = {"formGroup":"bds0114Select-formGroup","selectWrapper":"bds0114Select-selectWrapper","select":"bds0114Select-select","selectError":"bds0114Select-selectError","chevron":"bds0114Select-chevron"};
2035
+ var Select_default = {"formGroup":"bds0116Select-formGroup","selectWrapper":"bds0116Select-selectWrapper","select":"bds0116Select-select","selectError":"bds0116Select-selectError","chevron":"bds0116Select-chevron"};
1998
2036
 
1999
2037
  // src/components/interaction/form/Select/Select.tsx
2000
- import { cn as cn36 } from "@boostdev/design-system-foundation";
2001
- import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
2038
+ import { cn as cn37 } from "@boostdev/design-system-foundation";
2039
+ import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2002
2040
  function Select({
2003
2041
  label,
2004
2042
  name,
@@ -2013,28 +2051,28 @@ function Select({
2013
2051
  const hintId = id + "hint";
2014
2052
  const errorId = id + "error";
2015
2053
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2016
- return /* @__PURE__ */ jsxs28(InputContainer, { className: cn36(Select_default.formGroup, className), children: [
2017
- /* @__PURE__ */ jsx39(Label, { id, label }),
2018
- /* @__PURE__ */ jsxs28("div", { className: Select_default.selectWrapper, children: [
2019
- /* @__PURE__ */ jsxs28(
2054
+ return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Select_default.formGroup, className), children: [
2055
+ /* @__PURE__ */ jsx40(Label, { id, label }),
2056
+ /* @__PURE__ */ jsxs29("div", { className: Select_default.selectWrapper, children: [
2057
+ /* @__PURE__ */ jsxs29(
2020
2058
  "select",
2021
2059
  {
2022
2060
  id,
2023
2061
  name,
2024
2062
  "aria-invalid": !!error,
2025
2063
  "aria-describedby": describedBy,
2026
- className: cn36(Select_default.select, error ? Select_default.selectError : void 0),
2064
+ className: cn37(Select_default.select, error ? Select_default.selectError : void 0),
2027
2065
  ...props,
2028
2066
  children: [
2029
- placeholder && /* @__PURE__ */ jsx39("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2030
- options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx39("option", { value, disabled, children: optLabel }, value))
2067
+ placeholder && /* @__PURE__ */ jsx40("option", { value: "", disabled: true, hidden: true, children: placeholder }),
2068
+ options.map(({ value, label: optLabel, disabled }) => /* @__PURE__ */ jsx40("option", { value, disabled, children: optLabel }, value))
2031
2069
  ]
2032
2070
  }
2033
2071
  ),
2034
- /* @__PURE__ */ jsx39("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx39("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2072
+ /* @__PURE__ */ jsx40("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx40("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" }) }) })
2035
2073
  ] }),
2036
- /* @__PURE__ */ jsx39(Message, { inputId: id, type: "error", message: error }),
2037
- /* @__PURE__ */ jsx39(Message, { inputId: id, type: "hint", message: hint })
2074
+ /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
2075
+ /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
2038
2076
  ] });
2039
2077
  }
2040
2078
 
@@ -2042,11 +2080,11 @@ function Select({
2042
2080
  import { useId as useId16, useState as useState11 } from "react";
2043
2081
 
2044
2082
  // src/components/interaction/form/Slider/Slider.module.css
2045
- var Slider_default = {"formGroup":"bds0114Slider-formGroup","labelRow":"bds0114Slider-labelRow","value":"bds0114Slider-value","slider":"bds0114Slider-slider","sliderError":"bds0114Slider-sliderError"};
2083
+ var Slider_default = {"formGroup":"bds0116Slider-formGroup","labelRow":"bds0116Slider-labelRow","value":"bds0116Slider-value","slider":"bds0116Slider-slider","sliderError":"bds0116Slider-sliderError"};
2046
2084
 
2047
2085
  // src/components/interaction/form/Slider/Slider.tsx
2048
- import { cn as cn37 } from "@boostdev/design-system-foundation";
2049
- import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
2086
+ import { cn as cn38 } from "@boostdev/design-system-foundation";
2087
+ import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2050
2088
  function Slider({
2051
2089
  label,
2052
2090
  name,
@@ -2071,12 +2109,12 @@ function Slider({
2071
2109
  if (!isControlled) setInternalValue(Number(e.target.value));
2072
2110
  onChange?.(e);
2073
2111
  };
2074
- return /* @__PURE__ */ jsxs29(InputContainer, { className: cn37(Slider_default.formGroup, className), children: [
2075
- /* @__PURE__ */ jsxs29("div", { className: Slider_default.labelRow, children: [
2076
- /* @__PURE__ */ jsx40(Label, { id, label }),
2077
- showValue && /* @__PURE__ */ jsx40("span", { className: Slider_default.value, children: currentValue })
2112
+ return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Slider_default.formGroup, className), children: [
2113
+ /* @__PURE__ */ jsxs30("div", { className: Slider_default.labelRow, children: [
2114
+ /* @__PURE__ */ jsx41(Label, { id, label }),
2115
+ showValue && /* @__PURE__ */ jsx41("span", { className: Slider_default.value, children: currentValue })
2078
2116
  ] }),
2079
- /* @__PURE__ */ jsx40(
2117
+ /* @__PURE__ */ jsx41(
2080
2118
  "input",
2081
2119
  {
2082
2120
  type: "range",
@@ -2088,14 +2126,14 @@ function Slider({
2088
2126
  "aria-valuemin": min,
2089
2127
  "aria-valuemax": max,
2090
2128
  "aria-valuenow": currentValue,
2091
- className: cn37(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2129
+ className: cn38(Slider_default.slider, error ? Slider_default.sliderError : void 0),
2092
2130
  style: { "--slider_fill": `${fillPct}%` },
2093
2131
  onChange: handleChange,
2094
2132
  ...props
2095
2133
  }
2096
2134
  ),
2097
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "error", message: error }),
2098
- /* @__PURE__ */ jsx40(Message, { inputId: id, type: "hint", message: hint })
2135
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2136
+ /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2099
2137
  ] });
2100
2138
  }
2101
2139
 
@@ -2103,11 +2141,11 @@ function Slider({
2103
2141
  import { useId as useId17 } from "react";
2104
2142
 
2105
2143
  // src/components/interaction/form/Switch/Switch.module.css
2106
- var Switch_default = {"switchGroup":"bds0114Switch-switchGroup","--size_small":"bds0114Switch---size_small","--size_medium":"bds0114Switch---size_medium","--size_large":"bds0114Switch---size_large","inputWrapper":"bds0114Switch-inputWrapper","trackWrapper":"bds0114Switch-trackWrapper","switch":"bds0114Switch-switch","track":"bds0114Switch-track","thumb":"bds0114Switch-thumb","switchError":"bds0114Switch-switchError"};
2144
+ var Switch_default = {"switchGroup":"bds0116Switch-switchGroup","--size_small":"bds0116Switch---size_small","--size_medium":"bds0116Switch---size_medium","--size_large":"bds0116Switch---size_large","inputWrapper":"bds0116Switch-inputWrapper","trackWrapper":"bds0116Switch-trackWrapper","switch":"bds0116Switch-switch","track":"bds0116Switch-track","thumb":"bds0116Switch-thumb","switchError":"bds0116Switch-switchError"};
2107
2145
 
2108
2146
  // src/components/interaction/form/Switch/Switch.tsx
2109
- import { cn as cn38 } from "@boostdev/design-system-foundation";
2110
- import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
2147
+ import { cn as cn39 } from "@boostdev/design-system-foundation";
2148
+ import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2111
2149
  function Switch({
2112
2150
  label,
2113
2151
  name,
@@ -2115,16 +2153,18 @@ function Switch({
2115
2153
  error,
2116
2154
  hint,
2117
2155
  className,
2156
+ prefix,
2118
2157
  ...props
2119
2158
  }) {
2120
2159
  const id = name + useId17();
2121
2160
  const hintId = id + "hint";
2122
2161
  const errorId = id + "error";
2123
2162
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2124
- return /* @__PURE__ */ jsxs30(InputContainer, { className: cn38(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2125
- /* @__PURE__ */ jsxs30("div", { className: Switch_default.inputWrapper, children: [
2126
- /* @__PURE__ */ jsxs30("div", { className: Switch_default.trackWrapper, children: [
2127
- /* @__PURE__ */ jsx41(
2163
+ return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
2164
+ /* @__PURE__ */ jsxs31("div", { className: Switch_default.inputWrapper, children: [
2165
+ prefix && /* @__PURE__ */ jsx42(Label, { id, label: prefix }),
2166
+ /* @__PURE__ */ jsxs31("div", { className: Switch_default.trackWrapper, children: [
2167
+ /* @__PURE__ */ jsx42(
2128
2168
  "input",
2129
2169
  {
2130
2170
  type: "checkbox",
@@ -2132,16 +2172,16 @@ function Switch({
2132
2172
  id,
2133
2173
  name,
2134
2174
  "aria-describedby": describedBy,
2135
- className: cn38(Switch_default.switch, error ? Switch_default.switchError : void 0),
2175
+ className: cn39(Switch_default.switch, error ? Switch_default.switchError : void 0),
2136
2176
  ...props
2137
2177
  }
2138
2178
  ),
2139
- /* @__PURE__ */ jsx41("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx41("span", { className: Switch_default.thumb }) })
2179
+ /* @__PURE__ */ jsx42("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx42("span", { className: Switch_default.thumb }) })
2140
2180
  ] }),
2141
- /* @__PURE__ */ jsx41(Label, { id, label })
2181
+ /* @__PURE__ */ jsx42(Label, { id, label })
2142
2182
  ] }),
2143
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "error", message: error }),
2144
- /* @__PURE__ */ jsx41(Message, { inputId: id, type: "hint", message: hint })
2183
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2184
+ /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2145
2185
  ] });
2146
2186
  }
2147
2187
 
@@ -2149,11 +2189,11 @@ function Switch({
2149
2189
  import { useId as useId18 } from "react";
2150
2190
 
2151
2191
  // src/components/interaction/form/Textarea/Textarea.module.css
2152
- var Textarea_default = {"formGroup":"bds0114Textarea-formGroup","textarea":"bds0114Textarea-textarea","textareaError":"bds0114Textarea-textareaError"};
2192
+ var Textarea_default = {"formGroup":"bds0116Textarea-formGroup","textarea":"bds0116Textarea-textarea","textareaError":"bds0116Textarea-textareaError"};
2153
2193
 
2154
2194
  // src/components/interaction/form/Textarea/Textarea.tsx
2155
- import { cn as cn39 } from "@boostdev/design-system-foundation";
2156
- import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
2195
+ import { cn as cn40 } from "@boostdev/design-system-foundation";
2196
+ import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
2157
2197
  function Textarea({
2158
2198
  label,
2159
2199
  name,
@@ -2166,40 +2206,40 @@ function Textarea({
2166
2206
  const hintId = id + "hint";
2167
2207
  const errorId = id + "error";
2168
2208
  const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
2169
- return /* @__PURE__ */ jsxs31(InputContainer, { className: cn39(Textarea_default.formGroup, className), children: [
2170
- /* @__PURE__ */ jsx42(Label, { id, label }),
2171
- /* @__PURE__ */ jsx42(
2209
+ return /* @__PURE__ */ jsxs32(InputContainer, { className: cn40(Textarea_default.formGroup, className), children: [
2210
+ /* @__PURE__ */ jsx43(Label, { id, label }),
2211
+ /* @__PURE__ */ jsx43(
2172
2212
  "textarea",
2173
2213
  {
2174
2214
  id,
2175
2215
  name,
2176
2216
  "aria-invalid": !!error,
2177
2217
  "aria-describedby": describedBy,
2178
- className: cn39(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2218
+ className: cn40(Textarea_default.textarea, error ? Textarea_default.textareaError : void 0),
2179
2219
  ...props
2180
2220
  }
2181
2221
  ),
2182
- /* @__PURE__ */ jsx42(Message, { inputId: id, type: "error", message: error }),
2183
- /* @__PURE__ */ jsx42(Message, { inputId: id, type: "hint", message: hint })
2222
+ /* @__PURE__ */ jsx43(Message, { inputId: id, type: "error", message: error }),
2223
+ /* @__PURE__ */ jsx43(Message, { inputId: id, type: "hint", message: hint })
2184
2224
  ] });
2185
2225
  }
2186
2226
 
2187
2227
  // src/components/layout/ButtonGroup/ButtonGroup.module.css
2188
- var ButtonGroup_default = {"buttonGroup":"bds0114ButtonGroup-buttonGroup","container":"bds0114ButtonGroup-container","--variant_card":"bds0114ButtonGroup---variant_card","--variant_flow":"bds0114ButtonGroup---variant_flow","--variant_modal":"bds0114ButtonGroup---variant_modal","--variant_content":"bds0114ButtonGroup---variant_content","--variant_grid":"bds0114ButtonGroup---variant_grid"};
2228
+ var ButtonGroup_default = {"buttonGroup":"bds0116ButtonGroup-buttonGroup","container":"bds0116ButtonGroup-container","--variant_card":"bds0116ButtonGroup---variant_card","--variant_flow":"bds0116ButtonGroup---variant_flow","--variant_modal":"bds0116ButtonGroup---variant_modal","--variant_content":"bds0116ButtonGroup---variant_content","--variant_grid":"bds0116ButtonGroup---variant_grid"};
2189
2229
 
2190
2230
  // src/components/layout/ButtonGroup/ButtonGroup.tsx
2191
- import { cn as cn40 } from "@boostdev/design-system-foundation";
2192
- import { jsx as jsx43 } from "react/jsx-runtime";
2231
+ import { cn as cn41 } from "@boostdev/design-system-foundation";
2232
+ import { jsx as jsx44 } from "react/jsx-runtime";
2193
2233
  function ButtonGroup({ children, className, variant }) {
2194
- return /* @__PURE__ */ jsx43("div", { className: cn40(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx43("div", { className: ButtonGroup_default.container, children }) });
2234
+ return /* @__PURE__ */ jsx44("div", { className: cn41(ButtonGroup_default.buttonGroup, className, variant && ButtonGroup_default[`--variant_${variant}`]), children: /* @__PURE__ */ jsx44("div", { className: ButtonGroup_default.container, children }) });
2195
2235
  }
2196
2236
 
2197
2237
  // src/components/layout/Card/Card.module.css
2198
- var Card_default = {"card":"bds0114Card-card","--default":"bds0114Card---default","--elevated":"bds0114Card---elevated","--outlined":"bds0114Card---outlined","--clickable":"bds0114Card---clickable","--padding-none":"bds0114Card---padding-none","--padding-small":"bds0114Card---padding-small","--padding-medium":"bds0114Card---padding-medium","--padding-large":"bds0114Card---padding-large","--text-start":"bds0114Card---text-start","--text-center":"bds0114Card---text-center","--text-end":"bds0114Card---text-end"};
2238
+ var Card_default = {"card":"bds0116Card-card","--default":"bds0116Card---default","--elevated":"bds0116Card---elevated","--outlined":"bds0116Card---outlined","--clickable":"bds0116Card---clickable","--padding-none":"bds0116Card---padding-none","--padding-small":"bds0116Card---padding-small","--padding-medium":"bds0116Card---padding-medium","--padding-large":"bds0116Card---padding-large","--text-start":"bds0116Card---text-start","--text-center":"bds0116Card---text-center","--text-end":"bds0116Card---text-end"};
2199
2239
 
2200
2240
  // src/components/layout/Card/Card.tsx
2201
- import { cn as cn41 } from "@boostdev/design-system-foundation";
2202
- import { jsx as jsx44 } from "react/jsx-runtime";
2241
+ import { cn as cn42 } from "@boostdev/design-system-foundation";
2242
+ import { jsx as jsx45 } from "react/jsx-runtime";
2203
2243
  function Card({
2204
2244
  children,
2205
2245
  className,
@@ -2210,7 +2250,7 @@ function Card({
2210
2250
  onClick,
2211
2251
  "aria-label": ariaLabel
2212
2252
  }) {
2213
- const classNames = cn41(
2253
+ const classNames = cn42(
2214
2254
  Card_default.card,
2215
2255
  Card_default[`--${variant}`],
2216
2256
  Card_default[`--padding-${padding}`],
@@ -2219,7 +2259,7 @@ function Card({
2219
2259
  className
2220
2260
  );
2221
2261
  const Component = onClick ? "button" : "div";
2222
- return /* @__PURE__ */ jsx44(
2262
+ return /* @__PURE__ */ jsx45(
2223
2263
  Component,
2224
2264
  {
2225
2265
  className: classNames,
@@ -2233,11 +2273,11 @@ function Card({
2233
2273
  }
2234
2274
 
2235
2275
  // src/components/layout/SectionHeader/SectionHeader.module.css
2236
- var SectionHeader_default = {"sectionHeader":"bds0114SectionHeader-sectionHeader","title":"bds0114SectionHeader-title","subtitle":"bds0114SectionHeader-subtitle","--start":"bds0114SectionHeader---start","--center":"bds0114SectionHeader---center","--end":"bds0114SectionHeader---end","--small":"bds0114SectionHeader---small","--medium":"bds0114SectionHeader---medium","--large":"bds0114SectionHeader---large"};
2276
+ var SectionHeader_default = {"sectionHeader":"bds0116SectionHeader-sectionHeader","title":"bds0116SectionHeader-title","subtitle":"bds0116SectionHeader-subtitle","--start":"bds0116SectionHeader---start","--center":"bds0116SectionHeader---center","--end":"bds0116SectionHeader---end","--small":"bds0116SectionHeader---small","--medium":"bds0116SectionHeader---medium","--large":"bds0116SectionHeader---large"};
2237
2277
 
2238
2278
  // src/components/layout/SectionHeader/SectionHeader.tsx
2239
- import { cn as cn42 } from "@boostdev/design-system-foundation";
2240
- import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
2279
+ import { cn as cn43 } from "@boostdev/design-system-foundation";
2280
+ import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
2241
2281
  function SectionHeader({
2242
2282
  title,
2243
2283
  subtitle,
@@ -2247,24 +2287,24 @@ function SectionHeader({
2247
2287
  titleAs = "h2"
2248
2288
  }) {
2249
2289
  const Title = titleAs;
2250
- return /* @__PURE__ */ jsxs32("header", { className: cn42(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
2251
- /* @__PURE__ */ jsx45(Title, { className: SectionHeader_default.title, children: title }),
2252
- subtitle && /* @__PURE__ */ jsx45("p", { className: SectionHeader_default.subtitle, children: subtitle })
2290
+ return /* @__PURE__ */ jsxs33("header", { className: cn43(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], className), children: [
2291
+ /* @__PURE__ */ jsx46(Title, { className: SectionHeader_default.title, children: title }),
2292
+ subtitle && /* @__PURE__ */ jsx46("p", { className: SectionHeader_default.subtitle, children: subtitle })
2253
2293
  ] });
2254
2294
  }
2255
2295
 
2256
2296
  // src/components/layout/IconWrapper/IconWrapper.module.css
2257
- var IconWrapper_default = {"wrapper":"bds0114IconWrapper-wrapper"};
2297
+ var IconWrapper_default = {"wrapper":"bds0116IconWrapper-wrapper"};
2258
2298
 
2259
2299
  // src/components/layout/IconWrapper/IconWrapper.tsx
2260
- import { cn as cn43 } from "@boostdev/design-system-foundation";
2261
- import { jsx as jsx46 } from "react/jsx-runtime";
2300
+ import { cn as cn44 } from "@boostdev/design-system-foundation";
2301
+ import { jsx as jsx47 } from "react/jsx-runtime";
2262
2302
  function IconWrapper({ children, className }) {
2263
- return /* @__PURE__ */ jsx46("div", { className: cn43(className, IconWrapper_default.wrapper), children });
2303
+ return /* @__PURE__ */ jsx47("div", { className: cn44(className, IconWrapper_default.wrapper), children });
2264
2304
  }
2265
2305
 
2266
2306
  // src/index.ts
2267
- import { cn as cn44 } from "@boostdev/design-system-foundation";
2307
+ import { cn as cn45 } from "@boostdev/design-system-foundation";
2268
2308
  export {
2269
2309
  Accordion,
2270
2310
  Alert,
@@ -2277,6 +2317,7 @@ export {
2277
2317
  Card,
2278
2318
  Carousel,
2279
2319
  Checkbox,
2320
+ Collapsible,
2280
2321
  Combobox,
2281
2322
  Command,
2282
2323
  DescriptionList,
@@ -2309,6 +2350,6 @@ export {
2309
2350
  ToastProvider,
2310
2351
  Tooltip,
2311
2352
  Typography,
2312
- cn44 as cn,
2353
+ cn45 as cn,
2313
2354
  useToast
2314
2355
  };