@drivenets/design-system 0.9.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/index.cjs +1065 -594
  3. package/dist/index.d.cts +1797 -635
  4. package/dist/index.d.cts.map +1 -1
  5. package/dist/index.d.ts +1800 -638
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +1072 -603
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.min.css +1 -1
  10. package/package.json +11 -13
  11. package/src/components/ds-breadcrumb/ds-breadcrumb.types.ts +40 -6
  12. package/src/components/ds-button/ds-button.types.ts +13 -2
  13. package/src/components/ds-button-v3/ds-button-v3.module.scss +105 -106
  14. package/src/components/ds-button-v3/ds-button-v3.types.ts +7 -0
  15. package/src/components/ds-card/ds-card.types.ts +3 -1
  16. package/src/components/ds-checkbox/ds-checkbox.module.scss +106 -123
  17. package/src/components/ds-checkbox/ds-checkbox.tsx +24 -35
  18. package/src/components/ds-checkbox/ds-checkbox.types.ts +12 -11
  19. package/src/components/ds-checkbox-group/ds-checkbox-group.module.scss +13 -0
  20. package/src/components/ds-checkbox-group/ds-checkbox-group.tsx +20 -0
  21. package/src/components/ds-checkbox-group/ds-checkbox-group.types.ts +8 -0
  22. package/src/components/ds-checkbox-group/hooks/index.ts +6 -0
  23. package/src/components/ds-checkbox-group/hooks/use-checkbox-select-all.ts +65 -0
  24. package/src/components/ds-checkbox-group/index.ts +3 -0
  25. package/src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.ts +26 -0
  26. package/src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.ts +38 -0
  27. package/src/components/ds-comment-bubble/ds-comment-bubble.types.ts +78 -0
  28. package/src/components/ds-comment-card/ds-comment-card.types.ts +114 -0
  29. package/src/components/ds-comment-indicator/ds-comment-indicator.types.ts +26 -0
  30. package/src/components/ds-comments-drawer/comments-filters.types.ts +33 -0
  31. package/src/components/ds-comments-drawer/components/comments-filter-modal/comments-filter-modal.types.ts +37 -1
  32. package/src/components/ds-comments-drawer/ds-comments-drawer.types.ts +64 -0
  33. package/src/components/ds-date-input/ds-date-input.types.ts +23 -0
  34. package/src/components/ds-date-picker/ds-date-picker.tsx +3 -0
  35. package/src/components/ds-date-picker/ds-date-picker.types.ts +20 -0
  36. package/src/components/ds-date-range-picker/ds-date-range-picker.types.ts +28 -0
  37. package/src/components/ds-dialog/ds-dialog.types.ts +10 -1
  38. package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts +24 -0
  39. package/src/components/ds-file-upload/components/file-upload/file-upload.types.ts +1 -0
  40. package/src/components/ds-file-upload/ds-file-upload-api.types.ts +55 -0
  41. package/src/components/ds-form-control/ds-form-control.types.ts +3 -0
  42. package/src/components/ds-grid/ds-grid.tsx +29 -12
  43. package/src/components/ds-grid/ds-grid.types.ts +16 -13
  44. package/src/components/ds-grid/index.ts +10 -2
  45. package/src/components/ds-icon/custom-icons/index.ts +2 -0
  46. package/src/components/ds-icon/custom-icons/special-leading-icon.tsx +11 -0
  47. package/src/components/ds-icon/ds-icon.tsx +10 -4
  48. package/src/components/ds-icon/ds-icon.types.ts +30 -0
  49. package/src/components/ds-key-value-pair/ds-key-value-pair.types.ts +12 -2
  50. package/src/components/ds-modal/ds-modal.types.ts +16 -0
  51. package/src/components/ds-panel/ds-panel.types.ts +39 -0
  52. package/src/components/ds-radio-group/ds-radio-group.module.scss +58 -56
  53. package/src/components/ds-radio-group/ds-radio-group.tsx +35 -28
  54. package/src/components/ds-radio-group/ds-radio-group.types.ts +38 -7
  55. package/src/components/ds-segment-group/ds-segment-group.types.ts +17 -0
  56. package/src/components/ds-select/ds-select.types.ts +32 -0
  57. package/src/components/ds-split-button/ds-split-button.module.scss +7 -7
  58. package/src/components/ds-split-button/ds-split-button.types.ts +28 -0
  59. package/src/components/ds-stack/ds-stack.types.ts +23 -0
  60. package/src/components/ds-stepper/ds-stepper.types.ts +34 -1
  61. package/src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.types.ts +27 -0
  62. package/src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.types.ts +10 -0
  63. package/src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.types.ts +11 -0
  64. package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.types.ts +27 -0
  65. package/src/components/ds-table/filters/types/filter-adapter.types.ts +6 -0
  66. package/src/components/ds-tag/ds-tag.types.ts +6 -0
  67. package/src/components/ds-tag-filter/ds-tag-filter.types.ts +16 -0
  68. package/src/components/ds-text-input/ds-text-input.types.ts +3 -0
  69. package/src/components/ds-time-picker/components/time-item/time-item.types.ts +19 -0
  70. package/src/components/ds-time-picker/components/time-scroller/time-scroller.types.ts +29 -0
  71. package/src/components/ds-time-picker/ds-time-picker.module.scss +7 -0
  72. package/src/components/ds-time-picker/ds-time-picker.tsx +8 -1
  73. package/src/components/ds-time-picker/ds-time-picker.types.ts +80 -0
  74. package/src/components/ds-tooltip/ds-tooltip.types.ts +6 -0
  75. package/src/components/ds-tree/ds-tree.types.ts +84 -2
  76. package/src/components/ds-typography/ds-typography.config.ts +46 -27
  77. package/src/components/ds-typography/ds-typography.tsx +22 -7
  78. package/src/components/ds-typography/ds-typography.types.ts +15 -4
  79. package/src/components/ds-workspace/ds-workspace.module.scss +55 -0
  80. package/src/components/ds-workspace/ds-workspace.tsx +37 -0
  81. package/src/components/ds-workspace/ds-workspace.types.ts +17 -0
  82. package/src/components/ds-workspace/index.ts +8 -0
  83. package/src/index.ts +2 -0
  84. package/src/styles/_grid.scss +2 -2
  85. package/src/styles/_root_new.scss +449 -0
  86. package/src/styles/shared/_input.scss +0 -2
  87. package/src/styles/styles.scss +1 -0
  88. package/src/styles/_root_updated.scss +0 -593
package/dist/index.d.cts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
2
  import * as _$react from "react";
3
- import React, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
4
- import { Root } from "@radix-ui/react-checkbox";
3
+ import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
4
+ import { Checkbox } from "@ark-ui/react/checkbox";
5
5
  import { DatePickerRootProps } from "@ark-ui/react/date-picker";
6
6
  import { PopoverContentProps } from "@ark-ui/react/popover";
7
7
  import { UseDialogProps } from "@ark-ui/react/dialog";
@@ -9,7 +9,6 @@ import { Menu } from "@ark-ui/react/menu";
9
9
  import * as _$_ark_ui_react0 from "@ark-ui/react";
10
10
  import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
11
11
  import * as Collapsible from "@radix-ui/react-collapsible";
12
- import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
13
12
  import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
14
13
  import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
15
14
  import * as _$csstype from "csstype";
@@ -6245,6 +6244,7 @@ declare const customIcons: {
6245
6244
  readonly 'special-webhook': FC<SVGProps<SVGSVGElement>>;
6246
6245
  readonly 'special-map-view': FC<SVGProps<SVGSVGElement>>;
6247
6246
  readonly 'special-home': FC<SVGProps<SVGSVGElement>>;
6247
+ readonly 'special-leading-icon': FC<SVGProps<SVGSVGElement>>;
6248
6248
  readonly 'special-lego': FC<SVGProps<SVGSVGElement>>;
6249
6249
  readonly 'special-scheme': FC<SVGProps<SVGSVGElement>>;
6250
6250
  readonly 'special-book': FC<SVGProps<SVGSVGElement>>;
@@ -6264,10 +6264,12 @@ type CustomIconName = keyof typeof customIcons;
6264
6264
  declare const isCustomIcon: (icon: string) => icon is CustomIconName;
6265
6265
  //#endregion
6266
6266
  //#region src/components/ds-icon/ds-icon.types.d.ts
6267
- declare const iconSizes: readonly ["tiny", "small", "medium", "large", "extra-large"];
6267
+ declare const iconSizes: readonly ['tiny', 'small', 'medium', 'large', 'extra-large'];
6268
6268
  type IconSize = (typeof iconSizes)[number];
6269
- declare const iconVariants: readonly ["outlined", "rounded"];
6269
+ declare const iconVariants: readonly ['outlined', 'rounded'];
6270
6270
  type IconVariant = (typeof iconVariants)[number];
6271
+ declare const iconColors: readonly ['action', 'action-hover', 'action-secondary', 'disabled', 'error', 'execution', 'information-main', 'information-secondary', 'inverse', 'main', 'on-button', 'on-dark-disabled', 'pause', 'pending', 'secondary', 'success', 'success-light', 'warning', 'warning-light'];
6272
+ type IconColor = (typeof iconColors)[number];
6271
6273
  type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
6272
6274
  type IconName = MaterialIconName | CustomIconName;
6273
6275
  type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -6291,6 +6293,12 @@ interface DsIconProps {
6291
6293
  * @default false
6292
6294
  */
6293
6295
  filled?: boolean;
6296
+ /**
6297
+ * Icon color. Semantic names map to `--icon-*` tokens (e.g. `'error'` →
6298
+ * `var(--icon-error)`); raw CSS values (hex, rgb, hsl, CSS variables)
6299
+ * pass through unchanged. Omit to inherit from parent.
6300
+ */
6301
+ color?: IconColor | (string & {});
6294
6302
  /**
6295
6303
  * Additional CSS class names
6296
6304
  */
@@ -6314,13 +6322,14 @@ declare const DsIcon: ({
6314
6322
  size,
6315
6323
  variant,
6316
6324
  filled,
6325
+ color,
6317
6326
  className,
6318
6327
  style,
6319
6328
  ...rest
6320
6329
  }: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
6321
6330
  //#endregion
6322
6331
  //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
6323
- declare const alertBannerVariants: readonly ["info-neutral", "info-blue", "warning", "error", "success"];
6332
+ declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
6324
6333
  type AlertBannerVariant = (typeof alertBannerVariants)[number];
6325
6334
  interface DsAlertBannerProps {
6326
6335
  /**
@@ -6356,7 +6365,7 @@ interface DsAlertBannerProps {
6356
6365
  /**
6357
6366
  * Additional styles to apply to the component
6358
6367
  */
6359
- style?: React.CSSProperties;
6368
+ style?: React$1.CSSProperties;
6360
6369
  /**
6361
6370
  * Optional children to be rendered inside the component (typically action buttons)
6362
6371
  */
@@ -6364,23 +6373,19 @@ interface DsAlertBannerProps {
6364
6373
  }
6365
6374
  //#endregion
6366
6375
  //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
6367
- /**
6368
- * Design system AlertBanner component
6369
- * Controlled component that displays alert messages with different variants
6370
- */
6371
- declare const DsAlertBanner: {
6372
- ({
6373
- open,
6374
- onOpenChange,
6375
- inline,
6376
- variant,
6377
- icon,
6378
- closable,
6379
- className,
6380
- style,
6381
- children
6382
- }: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
6383
- Title: ({
6376
+ declare function DsAlertBanner({
6377
+ open,
6378
+ onOpenChange,
6379
+ inline,
6380
+ variant,
6381
+ icon,
6382
+ closable,
6383
+ className,
6384
+ style,
6385
+ children
6386
+ }: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
6387
+ declare namespace DsAlertBanner {
6388
+ var Title: ({
6384
6389
  style,
6385
6390
  className,
6386
6391
  children
@@ -6389,7 +6394,9 @@ declare const DsAlertBanner: {
6389
6394
  className?: string;
6390
6395
  children: ReactNode;
6391
6396
  }) => _$react_jsx_runtime0.JSX.Element;
6392
- Body: ({
6397
+ }
6398
+ declare namespace DsAlertBanner {
6399
+ var Body: ({
6393
6400
  style,
6394
6401
  className,
6395
6402
  children
@@ -6398,7 +6405,9 @@ declare const DsAlertBanner: {
6398
6405
  className?: string;
6399
6406
  children: ReactNode;
6400
6407
  }) => _$react_jsx_runtime0.JSX.Element;
6401
- Actions: ({
6408
+ }
6409
+ declare namespace DsAlertBanner {
6410
+ var Actions: ({
6402
6411
  style,
6403
6412
  className,
6404
6413
  children
@@ -6407,7 +6416,7 @@ declare const DsAlertBanner: {
6407
6416
  className?: string;
6408
6417
  children: ReactNode;
6409
6418
  }) => _$react_jsx_runtime0.JSX.Element;
6410
- };
6419
+ }
6411
6420
  //#endregion
6412
6421
  //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
6413
6422
  interface DsAutocompleteOption {
@@ -6442,7 +6451,7 @@ interface DsAutocompleteProps {
6442
6451
  /**
6443
6452
  * Additional styles to apply to the component
6444
6453
  */
6445
- style?: React.CSSProperties;
6454
+ style?: React$1.CSSProperties;
6446
6455
  /**
6447
6456
  * Additional CSS class names
6448
6457
  */
@@ -6488,7 +6497,7 @@ interface DsAutocompleteProps {
6488
6497
  /**
6489
6498
  * Content to display at the start of the input (e.g., a search icon).
6490
6499
  */
6491
- startAdornment?: React.ReactNode;
6500
+ startAdornment?: React$1.ReactNode;
6492
6501
  /**
6493
6502
  * Event handler called when the value changes.
6494
6503
  * Fires with the selected option's value, or an empty string when cleared.
@@ -6607,32 +6616,63 @@ declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
6607
6616
  //#endregion
6608
6617
  //#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
6609
6618
  type DsBreadcrumbItem = {
6619
+ /**
6620
+ * Renders the item as a direct navigation link to `href`.
6621
+ */
6610
6622
  type: 'link';
6623
+ /**
6624
+ * Visible text for the breadcrumb segment
6625
+ */
6611
6626
  label: string;
6627
+ /**
6628
+ * Destination URL navigated to when the segment is clicked
6629
+ */
6612
6630
  href: string;
6631
+ /**
6632
+ * Optional icon rendered before the label
6633
+ */
6613
6634
  icon?: IconType;
6614
6635
  } | {
6636
+ /**
6637
+ * Renders the item as a dropdown trigger that reveals sibling destinations.
6638
+ */
6615
6639
  type: 'dropdown';
6640
+ /**
6641
+ * Visible text for the dropdown trigger
6642
+ */
6616
6643
  label: string;
6644
+ /**
6645
+ * Sibling destinations shown in the dropdown. Each option navigates to its
6646
+ * `href` when selected.
6647
+ */
6617
6648
  options: {
6649
+ /**
6650
+ * Visible text for the dropdown option
6651
+ */
6618
6652
  label: string;
6653
+ /**
6654
+ * Destination URL navigated to when the option is selected
6655
+ */
6619
6656
  href: string;
6620
6657
  }[];
6658
+ /**
6659
+ * Optional icon rendered before the label
6660
+ */
6621
6661
  icon?: IconType;
6622
6662
  };
6623
6663
  interface DsBreadcrumbProps {
6624
6664
  /**
6625
- * The items to be displayed in the breadcrumb
6665
+ * Ordered breadcrumb segments rendered left-to-right. The last item is typically
6666
+ * the current page.
6626
6667
  */
6627
6668
  items: DsBreadcrumbItem[];
6628
6669
  /**
6629
- * The event handler to be called when an option is selected
6630
- *
6631
- * @param href
6670
+ * Called when the user activates any link segment or picks a destination from a
6671
+ * dropdown segment. Receives the selected `href`.
6632
6672
  */
6633
6673
  onSelect?: (href: string) => void;
6634
6674
  /**
6635
- * Additional CSS class name to be applied to the breadcrumb
6675
+ * Additional CSS class name applied to the breadcrumb root
6636
6676
  */
6637
6677
  className?: string;
6638
6678
  }
@@ -6641,16 +6681,16 @@ interface DsBreadcrumbProps {
6641
6681
  /**
6642
6682
  * Design system Breadcrumb component
6643
6683
  */
6644
- declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
6684
+ declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
6645
6685
  //#endregion
6646
6686
  //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
6647
- declare const buttonSchemas: readonly ["primary", "secondary", "error"];
6687
+ declare const buttonSchemas: readonly ['primary', 'secondary', 'error'];
6648
6688
  type ButtonSchema = (typeof buttonSchemas)[number];
6649
- declare const buttonVariants$1: readonly ["filled", "ghost", "borderless", "round", "dashed"];
6689
+ declare const buttonVariants$1: readonly ['filled', 'ghost', 'borderless', 'round', 'dashed'];
6650
6690
  type ButtonVariant$1 = (typeof buttonVariants$1)[number];
6651
- declare const buttonSizes$1: readonly ["large", "medium", "small"];
6691
+ declare const buttonSizes$1: readonly ['large', 'medium', 'small'];
6652
6692
  type ButtonSize$1 = (typeof buttonSizes$1)[number];
6653
- interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6693
+ interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
6654
6694
  /**
6655
6695
  * Color schema of the button
6656
6696
  * @default 'primary'
@@ -6679,7 +6719,7 @@ interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>
6679
6719
  //#endregion
6680
6720
  //#region src/utils/responsive.d.ts
6681
6721
  declare const BREAKPOINT_LG: number;
6682
- declare const breakpoints: readonly ["lg", "md"];
6722
+ declare const breakpoints: readonly ['lg', 'md'];
6683
6723
  type Breakpoint = (typeof breakpoints)[number];
6684
6724
  type Responsive<T> = Partial<Record<Breakpoint, T>>;
6685
6725
  type ResponsiveValue<T> = T | Responsive<T>;
@@ -6702,13 +6742,13 @@ declare function withResponsiveProps<Props, const Keys extends readonly (keyof P
6702
6742
  };
6703
6743
  //#endregion
6704
6744
  //#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
6705
- declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
6745
+ declare const buttonTypes: readonly ['primary', 'secondary', 'secondary-light', 'tertiary'];
6706
6746
  type ButtonType = (typeof buttonTypes)[number];
6707
- declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
6747
+ declare const buttonVariants: readonly ['filled', 'ghost', 'danger', 'dark'];
6708
6748
  type ButtonVariant = (typeof buttonVariants)[number];
6709
- declare const buttonSizes: readonly ["large", "medium", "small", "tiny"];
6749
+ declare const buttonSizes: readonly ['large', 'medium', 'small', 'tiny'];
6710
6750
  type ButtonSize = (typeof buttonSizes)[number];
6711
- interface DsButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6751
+ interface DsButtonBaseProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
6712
6752
  /**
6713
6753
  * Type of the button
6714
6754
  * @default 'primary'
@@ -6744,8 +6784,15 @@ interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
6744
6784
  //#endregion
6745
6785
  //#region src/components/ds-button/ds-button.types.d.ts
6746
6786
  type DsButtonUnifiedProps = (DsButtonProps$1 & {
6787
+ /**
6788
+ * Selects the legacy button implementation. Accepts `DsButtonLegacyProps`.
6789
+ * Omit or pass `'legacy'` to opt into this branch.
6790
+ */
6747
6791
  design?: undefined | 'legacy';
6748
6792
  }) | (DsButtonProps & {
6793
+ /**
6794
+ * Selects the new (v1.2) button implementation. Accepts `DsButtonNewProps`.
6795
+ */
6749
6796
  design: 'v1.2';
6750
6797
  });
6751
6798
  //#endregion
@@ -6753,11 +6800,11 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
6753
6800
  declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
6754
6801
  //#endregion
6755
6802
  //#region src/components/ds-button-v3/ds-button-v3.types.d.ts
6756
- declare const buttonV3Variants: readonly ["primary", "secondary", "tertiary"];
6803
+ declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
6757
6804
  type ButtonV3Variant = (typeof buttonV3Variants)[number];
6758
- declare const buttonV3Colors: readonly ["default", "error", "light"];
6805
+ declare const buttonV3Colors: readonly ['default', 'error', 'light'];
6759
6806
  type ButtonV3Color = (typeof buttonV3Colors)[number];
6760
- declare const buttonV3Sizes: readonly ["large", "medium", "small", "tiny"];
6807
+ declare const buttonV3Sizes: readonly ['large', 'medium', 'small', 'tiny'];
6761
6808
  type ButtonV3Size = (typeof buttonV3Sizes)[number];
6762
6809
  interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6763
6810
  ref?: Ref<HTMLButtonElement>;
@@ -6769,14 +6816,21 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6769
6816
  */
6770
6817
  color?: ButtonV3Color;
6771
6818
  /**
6819
+ * Visual variant of the button:
6820
+ * - `primary` — filled, highest-emphasis action
6821
+ * - `secondary` — outlined, medium-emphasis action
6822
+ * - `tertiary` — borderless, low-emphasis action (text-like)
6772
6823
  * @default 'primary'
6773
6824
  */
6774
6825
  variant?: ButtonV3Variant;
6775
6826
  /**
6827
+ * Size of the button. Controls height, padding, font size, and icon size.
6776
6828
  * @default 'medium'
6777
6829
  */
6778
6830
  size?: ButtonV3Size;
6779
6831
  /**
6832
+ * Whether the button is in a selected/pressed state. Used for toggle buttons
6833
+ * and segmented controls.
6780
6834
  * @default false
6781
6835
  */
6782
6836
  selected?: boolean;
@@ -6801,134 +6855,10 @@ interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
6801
6855
  //#region src/components/ds-button-v3/index.d.ts
6802
6856
  declare const DsButtonV3: {
6803
6857
  (props: {
6804
- ref?: _$react.Ref<HTMLButtonElement> | undefined;
6805
- color?: ButtonV3Color | undefined;
6806
- variant?: ButtonV3Variant | undefined;
6807
- size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
6808
- selected?: boolean | undefined;
6809
- icon?: IconType | undefined;
6810
- loading?: boolean | undefined;
6811
- disabled?: boolean | undefined | undefined;
6812
- form?: string | undefined | undefined;
6813
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
6814
- formEncType?: string | undefined | undefined;
6815
- formMethod?: string | undefined | undefined;
6816
- formNoValidate?: boolean | undefined | undefined;
6817
- formTarget?: string | undefined | undefined;
6818
- name?: string | undefined | undefined;
6819
- type?: "submit" | "reset" | "button" | undefined | undefined;
6820
- value?: string | number | readonly string[] | undefined;
6821
- defaultChecked?: boolean | undefined | undefined;
6822
- defaultValue?: string | number | readonly string[] | undefined;
6823
- suppressContentEditableWarning?: boolean | undefined | undefined;
6824
- suppressHydrationWarning?: boolean | undefined | undefined;
6825
- accessKey?: string | undefined | undefined;
6826
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
6827
- autoFocus?: boolean | undefined | undefined;
6828
- className?: string | undefined | undefined;
6829
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
6830
- contextMenu?: string | undefined | undefined;
6831
- dir?: string | undefined | undefined;
6832
- draggable?: (boolean | "true" | "false") | undefined;
6833
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
6834
- hidden?: boolean | undefined | undefined;
6835
- id?: string | undefined | undefined;
6836
- lang?: string | undefined | undefined;
6837
- nonce?: string | undefined | undefined;
6838
- slot?: string | undefined | undefined;
6839
- spellCheck?: (boolean | "true" | "false") | undefined;
6840
- style?: _$react.CSSProperties | undefined;
6841
- tabIndex?: number | undefined | undefined;
6842
- title?: string | undefined | undefined;
6843
- translate?: "yes" | "no" | undefined | undefined;
6844
- radioGroup?: string | undefined | undefined;
6845
- role?: _$react.AriaRole | undefined;
6846
- about?: string | undefined | undefined;
6847
- content?: string | undefined | undefined;
6848
- datatype?: string | undefined | undefined;
6849
- inlist?: any;
6850
- prefix?: string | undefined | undefined;
6851
- property?: string | undefined | undefined;
6852
- rel?: string | undefined | undefined;
6853
- resource?: string | undefined | undefined;
6854
- rev?: string | undefined | undefined;
6855
- typeof?: string | undefined | undefined;
6856
- vocab?: string | undefined | undefined;
6857
- autoCorrect?: string | undefined | undefined;
6858
- autoSave?: string | undefined | undefined;
6859
- itemProp?: string | undefined | undefined;
6860
- itemScope?: boolean | undefined | undefined;
6861
- itemType?: string | undefined | undefined;
6862
- itemID?: string | undefined | undefined;
6863
- itemRef?: string | undefined | undefined;
6864
- results?: number | undefined | undefined;
6865
- security?: string | undefined | undefined;
6866
- unselectable?: "on" | "off" | undefined | undefined;
6867
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
6868
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
6869
- popoverTarget?: string | undefined | undefined;
6870
- inert?: boolean | undefined | undefined;
6871
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
6872
- is?: string | undefined | undefined;
6873
- exportparts?: string | undefined | undefined;
6874
- part?: string | undefined | undefined;
6875
- "aria-activedescendant"?: string | undefined | undefined;
6876
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
6877
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
6878
- "aria-braillelabel"?: string | undefined | undefined;
6879
- "aria-brailleroledescription"?: string | undefined | undefined;
6880
- "aria-busy"?: (boolean | "true" | "false") | undefined;
6881
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
6882
- "aria-colcount"?: number | undefined | undefined;
6883
- "aria-colindex"?: number | undefined | undefined;
6884
- "aria-colindextext"?: string | undefined | undefined;
6885
- "aria-colspan"?: number | undefined | undefined;
6886
- "aria-controls"?: string | undefined | undefined;
6887
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
6888
- "aria-describedby"?: string | undefined | undefined;
6889
- "aria-description"?: string | undefined | undefined;
6890
- "aria-details"?: string | undefined | undefined;
6891
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
6892
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
6893
- "aria-errormessage"?: string | undefined | undefined;
6894
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
6895
- "aria-flowto"?: string | undefined | undefined;
6896
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
6897
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
6898
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
6899
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
6900
- "aria-keyshortcuts"?: string | undefined | undefined;
6901
- "aria-label"?: string | undefined | undefined;
6902
- "aria-labelledby"?: string | undefined | undefined;
6903
- "aria-level"?: number | undefined | undefined;
6904
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
6905
- "aria-modal"?: (boolean | "true" | "false") | undefined;
6906
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
6907
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
6908
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
6909
- "aria-owns"?: string | undefined | undefined;
6910
- "aria-placeholder"?: string | undefined | undefined;
6911
- "aria-posinset"?: number | undefined | undefined;
6912
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
6913
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
6914
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
6915
- "aria-required"?: (boolean | "true" | "false") | undefined;
6916
- "aria-roledescription"?: string | undefined | undefined;
6917
- "aria-rowcount"?: number | undefined | undefined;
6918
- "aria-rowindex"?: number | undefined | undefined;
6919
- "aria-rowindextext"?: string | undefined | undefined;
6920
- "aria-rowspan"?: number | undefined | undefined;
6921
- "aria-selected"?: (boolean | "true" | "false") | undefined;
6922
- "aria-setsize"?: number | undefined | undefined;
6923
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
6924
- "aria-valuemax"?: number | undefined | undefined;
6925
- "aria-valuemin"?: number | undefined | undefined;
6926
- "aria-valuenow"?: number | undefined | undefined;
6927
- "aria-valuetext"?: string | undefined | undefined;
6928
- children?: _$react.ReactNode;
6858
+ children?: _$react.ReactNode | undefined;
6929
6859
  dangerouslySetInnerHTML?: {
6930
6860
  __html: string | TrustedHTML;
6931
- } | undefined | undefined;
6861
+ } | undefined;
6932
6862
  onCopy?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
6933
6863
  onCopyCapture?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
6934
6864
  onCut?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -7097,12 +7027,136 @@ declare const DsButtonV3: {
7097
7027
  onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
7098
7028
  onTransitionStart?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
7099
7029
  onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
7030
+ "aria-activedescendant"?: string | undefined;
7031
+ "aria-atomic"?: ("false" | "true" | boolean) | undefined;
7032
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
7033
+ "aria-braillelabel"?: string | undefined;
7034
+ "aria-brailleroledescription"?: string | undefined;
7035
+ "aria-busy"?: ("false" | "true" | boolean) | undefined;
7036
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
7037
+ "aria-colcount"?: number | undefined;
7038
+ "aria-colindex"?: number | undefined;
7039
+ "aria-colindextext"?: string | undefined;
7040
+ "aria-colspan"?: number | undefined;
7041
+ "aria-controls"?: string | undefined;
7042
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
7043
+ "aria-describedby"?: string | undefined;
7044
+ "aria-description"?: string | undefined;
7045
+ "aria-details"?: string | undefined;
7046
+ "aria-disabled"?: ("false" | "true" | boolean) | undefined;
7047
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
7048
+ "aria-errormessage"?: string | undefined;
7049
+ "aria-expanded"?: ("false" | "true" | boolean) | undefined;
7050
+ "aria-flowto"?: string | undefined;
7051
+ "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
7052
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
7053
+ "aria-hidden"?: ("false" | "true" | boolean) | undefined;
7054
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
7055
+ "aria-keyshortcuts"?: string | undefined;
7056
+ "aria-label"?: string | undefined;
7057
+ "aria-labelledby"?: string | undefined;
7058
+ "aria-level"?: number | undefined;
7059
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
7060
+ "aria-modal"?: ("false" | "true" | boolean) | undefined;
7061
+ "aria-multiline"?: ("false" | "true" | boolean) | undefined;
7062
+ "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
7063
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
7064
+ "aria-owns"?: string | undefined;
7065
+ "aria-placeholder"?: string | undefined;
7066
+ "aria-posinset"?: number | undefined;
7067
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
7068
+ "aria-readonly"?: ("false" | "true" | boolean) | undefined;
7069
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
7070
+ "aria-required"?: ("false" | "true" | boolean) | undefined;
7071
+ "aria-roledescription"?: string | undefined;
7072
+ "aria-rowcount"?: number | undefined;
7073
+ "aria-rowindex"?: number | undefined;
7074
+ "aria-rowindextext"?: string | undefined;
7075
+ "aria-rowspan"?: number | undefined;
7076
+ "aria-selected"?: ("false" | "true" | boolean) | undefined;
7077
+ "aria-setsize"?: number | undefined;
7078
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
7079
+ "aria-valuemax"?: number | undefined;
7080
+ "aria-valuemin"?: number | undefined;
7081
+ "aria-valuenow"?: number | undefined;
7082
+ "aria-valuetext"?: string | undefined;
7083
+ defaultChecked?: boolean | undefined;
7084
+ defaultValue?: string | number | readonly string[] | undefined;
7085
+ suppressContentEditableWarning?: boolean | undefined;
7086
+ suppressHydrationWarning?: boolean | undefined;
7087
+ accessKey?: string | undefined;
7088
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
7089
+ autoFocus?: boolean | undefined;
7090
+ className?: string | undefined;
7091
+ contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
7092
+ contextMenu?: string | undefined;
7093
+ dir?: string | undefined;
7094
+ draggable?: ("false" | "true" | boolean) | undefined;
7095
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
7096
+ hidden?: boolean | undefined;
7097
+ id?: string | undefined;
7098
+ lang?: string | undefined;
7099
+ nonce?: string | undefined;
7100
+ slot?: string | undefined;
7101
+ spellCheck?: ("false" | "true" | boolean) | undefined;
7102
+ style?: _$react.CSSProperties | undefined;
7103
+ tabIndex?: number | undefined;
7104
+ title?: string | undefined;
7105
+ translate?: "yes" | "no" | undefined;
7106
+ radioGroup?: string | undefined;
7107
+ role?: _$react.AriaRole | undefined;
7108
+ about?: string | undefined;
7109
+ content?: string | undefined;
7110
+ datatype?: string | undefined;
7111
+ inlist?: any;
7112
+ prefix?: string | undefined;
7113
+ property?: string | undefined;
7114
+ rel?: string | undefined;
7115
+ resource?: string | undefined;
7116
+ rev?: string | undefined;
7117
+ typeof?: string | undefined;
7118
+ vocab?: string | undefined;
7119
+ autoCorrect?: string | undefined;
7120
+ autoSave?: string | undefined;
7121
+ itemProp?: string | undefined;
7122
+ itemScope?: boolean | undefined;
7123
+ itemType?: string | undefined;
7124
+ itemID?: string | undefined;
7125
+ itemRef?: string | undefined;
7126
+ results?: number | undefined;
7127
+ security?: string | undefined;
7128
+ unselectable?: "on" | "off" | undefined;
7129
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
7130
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
7131
+ popoverTarget?: string | undefined;
7132
+ inert?: boolean | undefined;
7133
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
7134
+ is?: string | undefined;
7135
+ exportparts?: string | undefined;
7136
+ part?: string | undefined;
7137
+ disabled?: boolean | undefined;
7138
+ form?: string | undefined;
7139
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
7140
+ formEncType?: string | undefined;
7141
+ formMethod?: string | undefined;
7142
+ formNoValidate?: boolean | undefined;
7143
+ formTarget?: string | undefined;
7144
+ name?: string | undefined;
7145
+ type?: "submit" | "reset" | "button" | undefined;
7146
+ value?: string | readonly string[] | number | undefined;
7147
+ ref?: _$react.Ref<HTMLButtonElement>;
7148
+ color?: ButtonV3Color;
7149
+ variant?: ButtonV3Variant;
7150
+ size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
7151
+ selected?: boolean;
7152
+ icon?: IconType;
7153
+ loading?: boolean;
7100
7154
  }): _$react.FunctionComponentElement<Record<string, unknown>>;
7101
7155
  displayName: string;
7102
7156
  };
7103
7157
  //#endregion
7104
7158
  //#region src/components/ds-card/ds-card.types.d.ts
7105
- declare const cardSizes: readonly ["small", "medium", "large"];
7159
+ declare const cardSizes: readonly ['small', 'medium', 'large'];
7106
7160
  type DsCardSize = (typeof cardSizes)[number];
7107
7161
  /**
7108
7162
  * Props for the Card root component
@@ -7133,7 +7187,9 @@ interface DsCardRootProps extends HTMLAttributes<HTMLDivElement> {
7133
7187
  */
7134
7188
  highlightSelected?: boolean;
7135
7189
  /**
7136
- * Disabled state - prevents interaction
7190
+ * Whether the card is disabled. Prevents selection and click interactions and
7191
+ * visually dims the card.
7192
+ * @default false
7137
7193
  */
7138
7194
  disabled?: boolean;
7139
7195
  }
@@ -7199,9 +7255,13 @@ declare const DsCard: {
7199
7255
  };
7200
7256
  //#endregion
7201
7257
  //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
7202
- declare const checkboxVariants: readonly ["default", "warning"];
7258
+ declare const checkboxVariants: readonly ['default', 'warning'];
7203
7259
  type CheckboxVariant = (typeof checkboxVariants)[number];
7204
- interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
7260
+ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.Root>, 'onCheckedChange' | 'value'> {
7261
+ /**
7262
+ * Value when used in a group or for form submission. Coerced to string for the native control.
7263
+ */
7264
+ value?: string | number;
7205
7265
  /**
7206
7266
  * Visual variant of the checkbox
7207
7267
  */
@@ -7215,17 +7275,11 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
7215
7275
  */
7216
7276
  labelInfo?: ReactNode;
7217
7277
  /**
7218
- * The controlled checked state of the checkbox
7278
+ * Disables the checkbox, preventing user interaction
7219
7279
  */
7220
- checked?: boolean | 'indeterminate';
7221
- /**
7222
- * The default checked state of the checkbox
7223
- */
7224
- defaultChecked?: boolean | 'indeterminate';
7280
+ disabled?: boolean;
7225
7281
  /**
7226
- * Event handler called when the checked state of the checkbox changes.
7227
- *
7228
- * @param checked
7282
+ * Callback invoked when the checked state changes
7229
7283
  */
7230
7284
  onCheckedChange?: (checked: boolean | 'indeterminate') => void;
7231
7285
  }
@@ -7234,14 +7288,70 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
7234
7288
  /**
7235
7289
  * Design system Checkbox component
7236
7290
  */
7237
- declare const DsCheckbox: React.FC<DsCheckboxProps>;
7291
+ declare const DsCheckbox: ({
7292
+ variant,
7293
+ label,
7294
+ labelInfo,
7295
+ className,
7296
+ onCheckedChange,
7297
+ value,
7298
+ ...props
7299
+ }: DsCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
7300
+ //#endregion
7301
+ //#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
7302
+ type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
7303
+ interface DsCheckboxGroupProps extends ComponentPropsWithoutRef<typeof Checkbox.Group> {
7304
+ orientation?: DsCheckboxGroupOrientation;
7305
+ }
7306
+ //#endregion
7307
+ //#region src/components/ds-checkbox-group/ds-checkbox-group.d.ts
7308
+ declare const DsCheckboxGroup: React$1.FC<DsCheckboxGroupProps>;
7309
+ //#endregion
7310
+ //#region src/components/ds-checkbox-group/hooks/use-checkbox-select-all.d.ts
7311
+ type CheckedState = boolean | 'indeterminate';
7312
+ interface UseCheckboxSelectAllOptions<T> {
7313
+ /** Currently selected values. */
7314
+ value: T[];
7315
+ /** Full set of values represented by the group. */
7316
+ allValues: readonly T[];
7317
+ /** Callback to update selected values. */
7318
+ onValueChange: (next: T[]) => void;
7319
+ /**
7320
+ * Optional predicate to exclude values from bulk select/deselect.
7321
+ * Non-selectable values that are already in `value` are preserved on toggle.
7322
+ */
7323
+ isSelectable?: (value: T) => boolean;
7324
+ }
7325
+ interface UseCheckboxSelectAllResult {
7326
+ /** Tri-state value for the select-all checkbox. */
7327
+ selectAllState: CheckedState;
7328
+ /** Count of selected values that are also selectable. */
7329
+ selectedCount: number;
7330
+ /** Count of selectable values. */
7331
+ selectableCount: number;
7332
+ /** Handler for the select-all checkbox's `onCheckedChange`. */
7333
+ onSelectAllChange: (checked: CheckedState) => void;
7334
+ }
7335
+ /**
7336
+ * Headless helper for a "select all" checkbox bound to a checkbox group.
7337
+ *
7338
+ * - Derives tri-state (`true` / `false` / `'indeterminate'`) from current selection.
7339
+ * - Toggling selects or clears only selectable values; preserves any already-selected
7340
+ * non-selectable values so bulk actions don't silently mutate protected items.
7341
+ */
7342
+ declare function useCheckboxSelectAll<T>({
7343
+ value,
7344
+ allValues,
7345
+ onValueChange,
7346
+ isSelectable
7347
+ }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
7238
7348
  //#endregion
7239
7349
  //#region src/components/ds-chip/ds-chip.types.d.ts
7240
7350
  /**
7241
7351
  * @deprecated This type is deprecated. Use `DsTag` instead.
7242
7352
  * @see {@link ../ds-tag} for the replacement component.
7243
7353
  */
7244
- declare const chipSizes: readonly ["medium", "small"];
7354
+ declare const chipSizes: readonly ['medium', 'small'];
7245
7355
  /**
7246
7356
  * @deprecated This type is deprecated. Use `DsTag` instead.
7247
7357
  * @see {@link ../ds-tag} for the replacement component.
@@ -7297,7 +7407,7 @@ interface DsChipProps {
7297
7407
  * @deprecated This component is deprecated. Use `DsTag` instead.
7298
7408
  * @see {@link ../ds-tag} for the replacement component.
7299
7409
  */
7300
- declare const DsChip: React.FC<DsChipProps>;
7410
+ declare const DsChip: React$1.FC<DsChipProps>;
7301
7411
  //#endregion
7302
7412
  //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
7303
7413
  /**
@@ -7363,47 +7473,161 @@ interface DsChipGroupProps {
7363
7473
  * @deprecated This component is deprecated. Use `DsTagFilter` instead.
7364
7474
  * @see {@link ../ds-tag-filter} for the replacement component.
7365
7475
  */
7366
- declare const DsChipGroup: React.FC<DsChipGroupProps>;
7476
+ declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
7367
7477
  //#endregion
7368
7478
  //#region src/components/ds-comment-card/ds-comment-card.types.d.ts
7369
7479
  interface CommentAuthor {
7480
+ /**
7481
+ * Stable identifier for the user. Used to compare authors (e.g. to determine
7482
+ * whether the current viewer can edit a message).
7483
+ */
7370
7484
  id: string;
7485
+ /**
7486
+ * Display name shown next to the avatar
7487
+ */
7371
7488
  name: string;
7489
+ /**
7490
+ * Optional URL to the user's avatar image. When omitted, the avatar falls back
7491
+ * to initials derived from `name`.
7492
+ */
7372
7493
  avatarSrc?: string;
7373
7494
  }
7374
7495
  interface CommentMessage {
7496
+ /**
7497
+ * Stable identifier for the message. Passed to callbacks to identify which
7498
+ * message was acted on.
7499
+ */
7375
7500
  id: string;
7501
+ /**
7502
+ * Author of the message
7503
+ */
7376
7504
  author: CommentAuthor;
7505
+ /**
7506
+ * Text content of the message
7507
+ */
7377
7508
  content: string;
7509
+ /**
7510
+ * Timestamp when the message was created
7511
+ */
7378
7512
  createdAt: Date;
7513
+ /**
7514
+ * Whether this message is the first message in a thread (i.e., the top-level
7515
+ * comment body). Used to render it differently from replies.
7516
+ * @default false
7517
+ */
7379
7518
  isInitialMessage?: boolean;
7519
+ /**
7520
+ * Whether this message has been marked resolved
7521
+ * @default false
7522
+ */
7380
7523
  isResolved?: boolean;
7381
7524
  }
7382
7525
  interface CommentData {
7526
+ /**
7527
+ * Stable identifier for the comment thread. Passed to drawer/bubble callbacks
7528
+ * to identify which comment was acted on.
7529
+ */
7383
7530
  id: string;
7531
+ /**
7532
+ * Short, user-facing numeric identifier (e.g., "#42") shown in the card header
7533
+ * for quick reference in conversations.
7534
+ */
7384
7535
  numericId: number;
7536
+ /**
7537
+ * Author of the top-level comment
7538
+ */
7385
7539
  author: CommentAuthor;
7540
+ /**
7541
+ * Timestamp when the top-level comment was created
7542
+ */
7386
7543
  createdAt: Date;
7544
+ /**
7545
+ * Whether the entire comment thread is resolved. When true, the card is rendered
7546
+ * in its resolved (muted) state.
7547
+ */
7387
7548
  isResolved: boolean;
7549
+ /**
7550
+ * Ordered list of messages in the thread, from oldest to newest. The first
7551
+ * message is typically the top-level comment body.
7552
+ */
7388
7553
  messages: CommentMessage[];
7554
+ /**
7555
+ * Optional tag labels used for filtering and grouping in the comments drawer.
7556
+ */
7389
7557
  labels?: string[];
7558
+ /**
7559
+ * Optional reference chip shown in the card header. A string renders as a tag;
7560
+ * any other `ReactNode` renders verbatim.
7561
+ */
7390
7562
  referenceTag?: ReactNode;
7563
+ /**
7564
+ * Whether the comment is flagged as requiring action. Drives the action-required
7565
+ * highlight.
7566
+ * @default false
7567
+ */
7391
7568
  isActionRequired?: boolean;
7392
7569
  }
7393
7570
  interface DsCommentCardProps {
7571
+ /**
7572
+ * Ref forwarded to the card root button element
7573
+ */
7394
7574
  ref?: Ref<HTMLButtonElement>;
7575
+ /**
7576
+ * The comment thread rendered by the card
7577
+ */
7395
7578
  comment: CommentData;
7579
+ /**
7580
+ * Whether the card is disabled and cannot be clicked
7581
+ * @default false
7582
+ */
7396
7583
  disabled?: boolean;
7584
+ /**
7585
+ * How long message content is rendered:
7586
+ * - `hidden` (default): truncate to a preview with ellipsis
7587
+ * - `displayed`: show the full message content without truncation
7588
+ * @default hidden
7589
+ */
7397
7590
  overflow?: 'hidden' | 'displayed';
7591
+ /**
7592
+ * Called when the card body is clicked (typically opens the thread in a bubble/drawer).
7593
+ */
7398
7594
  onClick?: () => void;
7595
+ /**
7596
+ * Called when the user resolves the comment from the card's overflow menu.
7597
+ */
7399
7598
  onResolve?: () => void;
7599
+ /**
7600
+ * Called when the user toggles the comment's action-required flag from the overflow menu.
7601
+ */
7400
7602
  onToggleActionRequired?: () => void;
7603
+ /**
7604
+ * Called when the user forwards the comment from the overflow menu.
7605
+ */
7401
7606
  onForward?: () => void;
7607
+ /**
7608
+ * Called when the user marks the comment as unread from the overflow menu.
7609
+ */
7402
7610
  onMarkUnread?: () => void;
7611
+ /**
7612
+ * Called when the user copies a link to the comment from the overflow menu.
7613
+ */
7403
7614
  onCopyLink?: () => void;
7615
+ /**
7616
+ * Called when the user deletes the comment from the overflow menu.
7617
+ */
7404
7618
  onDelete?: () => void;
7619
+ /**
7620
+ * Formatter for the card's timestamp. Receives the `createdAt` Date and returns
7621
+ * the string to display. Lets consumers localize or swap the relative/absolute format.
7622
+ */
7405
7623
  formatTimestamp?: (date: Date) => string;
7624
+ /**
7625
+ * Additional CSS class name applied to the card root
7626
+ */
7406
7627
  className?: string;
7628
+ /**
7629
+ * Inline styles applied to the card root
7630
+ */
7407
7631
  style?: CSSProperties;
7408
7632
  }
7409
7633
  //#endregion
@@ -7427,28 +7651,106 @@ declare const DsCommentCard: ({
7427
7651
  //#endregion
7428
7652
  //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
7429
7653
  interface DsCommentBubbleProps {
7654
+ /**
7655
+ * Ref forwarded to the bubble root element
7656
+ */
7430
7657
  ref?: Ref<HTMLDivElement>;
7658
+ /**
7659
+ * Existing comment thread rendered inside the bubble. Omit to render an empty
7660
+ * bubble for composing a new comment.
7661
+ */
7431
7662
  comment?: CommentData;
7663
+ /**
7664
+ * The user currently viewing the bubble. Used to decide whether thread messages
7665
+ * can be edited or deleted by the viewer.
7666
+ */
7432
7667
  currentUser?: CommentAuthor;
7668
+ /**
7669
+ * Hide the "action required" checkbox and the associated visual highlight.
7670
+ * @default false
7671
+ */
7433
7672
  hideActionRequired?: boolean;
7673
+ /**
7674
+ * Whether the comment is flagged as requiring action. Drives the action-required
7675
+ * highlight and the checkbox state.
7676
+ * @default false
7677
+ */
7434
7678
  actionRequired?: boolean;
7679
+ /**
7680
+ * Called when the "action required" checkbox is toggled. Receives the new checked state.
7681
+ */
7435
7682
  onActionRequiredChange?: (checked: boolean) => void;
7683
+ /**
7684
+ * Current value of the reply / new-comment textarea (controlled)
7685
+ */
7436
7686
  value?: string;
7687
+ /**
7688
+ * Called whenever the textarea value changes. Receives the new string value.
7689
+ */
7437
7690
  onValueChange?: (value: string) => void;
7691
+ /**
7692
+ * Called when the user submits the textarea content (clicks send or presses Enter).
7693
+ * Receives the message content and the current action-required flag.
7694
+ */
7438
7695
  onSend?: (content: string, actionRequired: boolean) => void;
7696
+ /**
7697
+ * Called when the bubble should be dismissed (e.g., clicking outside an empty bubble
7698
+ * or pressing the close affordance).
7699
+ */
7439
7700
  onClose?: () => void;
7701
+ /**
7702
+ * Called when the user resolves the top-level comment from the bubble header menu.
7703
+ */
7440
7704
  onResolve?: () => void;
7705
+ /**
7706
+ * Called when the user toggles the top-level comment's action-required flag from
7707
+ * the bubble header menu.
7708
+ */
7441
7709
  onToggleActionRequired?: () => void;
7710
+ /**
7711
+ * Called when the user forwards the top-level comment from the bubble header menu.
7712
+ */
7442
7713
  onForward?: () => void;
7714
+ /**
7715
+ * Called when the user marks the top-level comment as unread from the bubble header menu.
7716
+ */
7443
7717
  onMarkUnread?: () => void;
7718
+ /**
7719
+ * Called when the user copies a link to the top-level comment.
7720
+ */
7444
7721
  onCopyLink?: () => void;
7722
+ /**
7723
+ * Called when the user deletes the top-level comment.
7724
+ */
7445
7725
  onDelete?: () => void;
7726
+ /**
7727
+ * Called when a thread message is edited. Receives the message id and the new content.
7728
+ */
7446
7729
  onEditMessage?: (messageId: string, newContent: string) => void;
7730
+ /**
7731
+ * Called when a thread message is deleted. Receives the message id.
7732
+ */
7447
7733
  onDeleteMessage?: (messageId: string) => void;
7734
+ /**
7735
+ * Called when a thread message is marked as unread. Receives the message id.
7736
+ */
7448
7737
  onMessageMarkUnread?: (messageId: string) => void;
7738
+ /**
7739
+ * Called when a thread message is resolved. Receives the message id.
7740
+ */
7449
7741
  onMessageResolved?: (messageId: string) => void;
7742
+ /**
7743
+ * Optional reference chip shown in the bubble header. A string is rendered as a
7744
+ * `DsTag` with a sell icon; any other `ReactNode` is rendered verbatim.
7745
+ */
7450
7746
  referenceTag?: ReactNode;
7747
+ /**
7748
+ * Additional CSS class name applied to the bubble root
7749
+ */
7451
7750
  className?: string;
7751
+ /**
7752
+ * Inline styles applied to the bubble root
7753
+ */
7452
7754
  style?: CSSProperties;
7453
7755
  }
7454
7756
  //#endregion
@@ -7481,13 +7783,39 @@ declare const DsCommentBubble: ({
7481
7783
  //#endregion
7482
7784
  //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
7483
7785
  interface DsCommentThreadProps {
7786
+ /**
7787
+ * Ordered list of messages in the thread, from oldest to newest.
7788
+ */
7484
7789
  messages: CommentMessage[];
7790
+ /**
7791
+ * Author of the top-level comment. Used to visually distinguish their messages
7792
+ * from replies by other participants.
7793
+ */
7485
7794
  commentAuthor: CommentAuthor;
7795
+ /**
7796
+ * The user currently viewing the thread. Used to decide which messages the viewer
7797
+ * can edit or delete.
7798
+ */
7486
7799
  currentUser?: CommentAuthor;
7800
+ /**
7801
+ * Called when a message is edited. Receives the message id and the new content.
7802
+ */
7487
7803
  onEditMessage?: (messageId: string, newContent: string) => void;
7804
+ /**
7805
+ * Called when a message is deleted. Receives the message id.
7806
+ */
7488
7807
  onDeleteMessage?: (messageId: string) => void;
7808
+ /**
7809
+ * Called when a message is marked as unread. Receives the message id.
7810
+ */
7489
7811
  onMarkUnread?: (messageId: string) => void;
7812
+ /**
7813
+ * Called when a message is resolved. Receives the message id.
7814
+ */
7490
7815
  onResolved?: (messageId: string) => void;
7816
+ /**
7817
+ * Additional CSS class name applied to the thread root
7818
+ */
7491
7819
  className?: string;
7492
7820
  }
7493
7821
  //#endregion
@@ -7505,16 +7833,54 @@ declare const DsCommentThread: ({
7505
7833
  //#endregion
7506
7834
  //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
7507
7835
  interface DsThreadItemProps {
7836
+ /**
7837
+ * Stable identifier for the message. Passed to callbacks to identify which
7838
+ * message the user acted on.
7839
+ */
7508
7840
  id: string;
7841
+ /**
7842
+ * Author of the message
7843
+ */
7509
7844
  author: CommentAuthor;
7845
+ /**
7846
+ * Text content of the message
7847
+ */
7510
7848
  content: string;
7849
+ /**
7850
+ * Timestamp when the message was created
7851
+ */
7511
7852
  createdAt: Date;
7853
+ /**
7854
+ * Whether this message was posted by the author of the top-level comment.
7855
+ * Styled slightly differently from replies by other participants.
7856
+ * @default false
7857
+ */
7512
7858
  isCommentAuthorMessage?: boolean;
7859
+ /**
7860
+ * Whether the current viewer can edit or delete this message. Typically true
7861
+ * only when the viewer is the message's author.
7862
+ * @default false
7863
+ */
7513
7864
  canModify?: boolean;
7865
+ /**
7866
+ * Called when the viewer saves an edit. Receives the message id and the new content.
7867
+ */
7514
7868
  onEdit?: (messageId: string, newContent: string) => void;
7869
+ /**
7870
+ * Called when the viewer deletes the message. Receives the message id.
7871
+ */
7515
7872
  onDelete?: (messageId: string) => void;
7873
+ /**
7874
+ * Called when the viewer marks the message as unread. Receives the message id.
7875
+ */
7516
7876
  onMarkUnread?: (messageId: string) => void;
7877
+ /**
7878
+ * Called when the viewer resolves the message. Receives the message id.
7879
+ */
7517
7880
  onResolved?: (messageId: string) => void;
7881
+ /**
7882
+ * Additional CSS class name applied to the item root
7883
+ */
7518
7884
  className?: string;
7519
7885
  }
7520
7886
  //#endregion
@@ -7536,12 +7902,38 @@ declare const DsThreadItem: ({
7536
7902
  //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
7537
7903
  type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
7538
7904
  interface DsCommentIndicatorProps {
7905
+ /**
7906
+ * Visual state of the indicator:
7907
+ * - `placeholder`: dashed outline for "click here to add a comment" affordances
7908
+ * - `default`: filled pin showing an existing comment
7909
+ * - `action-required`: emphasized pin for comments flagged as requiring action
7910
+ * @default default
7911
+ */
7539
7912
  type?: CommentIndicatorType;
7913
+ /**
7914
+ * Optional URL to the author's avatar image shown inside the pin
7915
+ */
7540
7916
  avatarSrc?: string;
7917
+ /**
7918
+ * Author display name used to derive fallback avatar initials when `avatarSrc`
7919
+ * is not provided
7920
+ */
7541
7921
  avatarName?: string;
7922
+ /**
7923
+ * Called when the indicator is clicked (e.g., to open the comment bubble)
7924
+ */
7542
7925
  onClick?: () => void;
7926
+ /**
7927
+ * Ref forwarded to the indicator root button element
7928
+ */
7543
7929
  ref?: Ref<HTMLButtonElement>;
7930
+ /**
7931
+ * Additional CSS class name applied to the indicator root
7932
+ */
7544
7933
  className?: string;
7934
+ /**
7935
+ * Inline styles applied to the indicator root
7936
+ */
7545
7937
  style?: CSSProperties;
7546
7938
  }
7547
7939
  //#endregion
@@ -7558,23 +7950,87 @@ declare const DsCommentIndicator: ({
7558
7950
  //#endregion
7559
7951
  //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
7560
7952
  interface DsCommentsDrawerProps {
7953
+ /**
7954
+ * Ref forwarded to the drawer root element
7955
+ */
7561
7956
  ref?: Ref<HTMLElement>;
7957
+ /**
7958
+ * Whether the drawer is visible
7959
+ */
7562
7960
  open: boolean;
7961
+ /**
7962
+ * Called when the drawer should open or close (e.g., backdrop click, close button,
7963
+ * escape key). Receives the next `open` state.
7964
+ */
7563
7965
  onOpenChange: (open: boolean) => void;
7966
+ /**
7967
+ * List of comment threads to render in the drawer
7968
+ */
7564
7969
  comments: CommentData[];
7970
+ /**
7971
+ * Whether resolved comments are currently included in the visible list.
7972
+ * @default false
7973
+ */
7565
7974
  showResolved?: boolean;
7975
+ /**
7976
+ * Called when the "show resolved" toggle changes. Receives the new boolean value.
7977
+ */
7566
7978
  onShowResolvedChange?: (show: boolean) => void;
7979
+ /**
7980
+ * Current value of the search input (controlled)
7981
+ */
7567
7982
  searchQuery?: string;
7983
+ /**
7984
+ * Called when the search query changes. Receives the new query string.
7985
+ */
7568
7986
  onSearchChange?: (query: string) => void;
7987
+ /**
7988
+ * Called when a comment card is clicked. Receives the full comment so consumers
7989
+ * can open the thread in a bubble or scroll to its anchor.
7990
+ */
7569
7991
  onCommentClick?: (comment: CommentData) => void;
7992
+ /**
7993
+ * Called when a comment is resolved from its card overflow menu. Receives the
7994
+ * comment id.
7995
+ */
7570
7996
  onResolveComment?: (commentId: string) => void;
7997
+ /**
7998
+ * Called when a comment's action-required flag is toggled from its card overflow
7999
+ * menu. Receives the comment id.
8000
+ */
7571
8001
  onToggleActionRequired?: (commentId: string) => void;
8002
+ /**
8003
+ * Called when a comment is forwarded from its card overflow menu. Receives the
8004
+ * comment id.
8005
+ */
7572
8006
  onForward?: (commentId: string) => void;
8007
+ /**
8008
+ * Called when a comment is marked as unread from its card overflow menu. Receives
8009
+ * the comment id.
8010
+ */
7573
8011
  onMarkUnread?: (commentId: string) => void;
8012
+ /**
8013
+ * Called when a link to the comment is copied from its card overflow menu.
8014
+ * Receives the comment id.
8015
+ */
7574
8016
  onCopyLink?: (commentId: string) => void;
8017
+ /**
8018
+ * Called when a comment is deleted from its card overflow menu. Receives the
8019
+ * comment id.
8020
+ */
7575
8021
  onDelete?: (commentId: string) => void;
8022
+ /**
8023
+ * Custom empty-state content shown when the comments list is empty after
8024
+ * applying filters and search. Defaults to a built-in placeholder when omitted.
8025
+ */
7576
8026
  noCommentsMessage?: ReactNode;
8027
+ /**
8028
+ * Additional CSS class name applied to the drawer root
8029
+ */
7577
8030
  className?: string;
8031
+ /**
8032
+ * Inline styles applied to the drawer root
8033
+ */
7578
8034
  style?: CSSProperties;
7579
8035
  }
7580
8036
  //#endregion
@@ -7601,16 +8057,49 @@ declare const DsCommentsDrawer: ({
7601
8057
  //#endregion
7602
8058
  //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
7603
8059
  interface FilterTag {
8060
+ /**
8061
+ * Stable identifier for the chip, used when removing it from the filter state
8062
+ */
7604
8063
  id: string;
8064
+ /**
8065
+ * Human-readable label rendered inside the chip
8066
+ */
7605
8067
  label: string;
8068
+ /**
8069
+ * Identifier of the filter category this chip belongs to (e.g., `authors`,
8070
+ * `labels`, `statuses`). Maps to a key on `CommentsFilterState`.
8071
+ */
7606
8072
  filterId: string;
8073
+ /**
8074
+ * Underlying filter value this chip represents (e.g., an author id or a status
8075
+ * value). Used to remove the value from the corresponding array in
8076
+ * `CommentsFilterState`.
8077
+ */
7607
8078
  value: string;
7608
8079
  }
7609
8080
  interface CommentsFilterState {
8081
+ /**
8082
+ * Author ids currently included in the filter. Empty array means no author
8083
+ * filter is applied.
8084
+ */
7610
8085
  authors: string[];
8086
+ /**
8087
+ * Lower bound of the createdAt range as an ISO date string, inclusive.
8088
+ */
7611
8089
  dateFrom?: string;
8090
+ /**
8091
+ * Upper bound of the createdAt range as an ISO date string, inclusive.
8092
+ */
7612
8093
  dateTo?: string;
8094
+ /**
8095
+ * Label strings currently included in the filter. Empty array means no label
8096
+ * filter is applied.
8097
+ */
7613
8098
  labels: string[];
8099
+ /**
8100
+ * Status buckets currently included in the filter. Empty array means all
8101
+ * statuses are shown.
8102
+ */
7614
8103
  statuses: ('unresolved' | 'resolved' | 'action-required')[];
7615
8104
  }
7616
8105
  //#endregion
@@ -7644,13 +8133,9 @@ interface DsConfirmationProps {
7644
8133
  }
7645
8134
  //#endregion
7646
8135
  //#region src/components/ds-confirmation/ds-confirmation.d.ts
7647
- /**
7648
- * @deprecated DsConfirmation is deprecated. Use DsModal instead.
7649
- * @see {@link ../ds-modal} for the replacement component.
7650
- */
7651
- declare const DsConfirmation: {
7652
- (props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
7653
- Header: ({
8136
+ declare function DsConfirmation(props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
8137
+ declare namespace DsConfirmation {
8138
+ var Header: ({
7654
8139
  style,
7655
8140
  className,
7656
8141
  children
@@ -7659,7 +8144,9 @@ declare const DsConfirmation: {
7659
8144
  className?: string;
7660
8145
  children: _$react.ReactNode;
7661
8146
  }) => _$react_jsx_runtime0.JSX.Element;
7662
- Title: ({
8147
+ }
8148
+ declare namespace DsConfirmation {
8149
+ var Title: ({
7663
8150
  style,
7664
8151
  className,
7665
8152
  children
@@ -7668,14 +8155,18 @@ declare const DsConfirmation: {
7668
8155
  className?: string;
7669
8156
  children: _$react.ReactNode;
7670
8157
  }) => _$react_jsx_runtime0.JSX.Element;
7671
- CloseTrigger: ({
8158
+ }
8159
+ declare namespace DsConfirmation {
8160
+ var CloseTrigger: ({
7672
8161
  style,
7673
8162
  className
7674
8163
  }: {
7675
8164
  style?: _$react.CSSProperties;
7676
8165
  className?: string;
7677
8166
  }) => _$react_jsx_runtime0.JSX.Element;
7678
- Body: ({
8167
+ }
8168
+ declare namespace DsConfirmation {
8169
+ var Body: ({
7679
8170
  style,
7680
8171
  className,
7681
8172
  children
@@ -7684,7 +8175,9 @@ declare const DsConfirmation: {
7684
8175
  className?: string;
7685
8176
  children: _$react.ReactNode;
7686
8177
  }) => _$react_jsx_runtime0.JSX.Element;
7687
- Footer: ({
8178
+ }
8179
+ declare namespace DsConfirmation {
8180
+ var Footer: ({
7688
8181
  style,
7689
8182
  className,
7690
8183
  children
@@ -7693,7 +8186,9 @@ declare const DsConfirmation: {
7693
8186
  className?: string;
7694
8187
  children: _$react.ReactNode;
7695
8188
  }) => _$react_jsx_runtime0.JSX.Element;
7696
- Actions: ({
8189
+ }
8190
+ declare namespace DsConfirmation {
8191
+ var Actions: ({
7697
8192
  style,
7698
8193
  className,
7699
8194
  children
@@ -7702,7 +8197,7 @@ declare const DsConfirmation: {
7702
8197
  className?: string;
7703
8198
  children: _$react.ReactNode;
7704
8199
  }) => _$react_jsx_runtime0.JSX.Element;
7705
- };
8200
+ }
7706
8201
  //#endregion
7707
8202
  //#region src/components/ds-date-input/ds-date-input.types.d.ts
7708
8203
  /**
@@ -7756,6 +8251,29 @@ type DsDateInputRangeProps = {
7756
8251
  * Base props shared across all modes
7757
8252
  */
7758
8253
  type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name' | 'style'> & {
8254
+ /**
8255
+ * Unique identifier for the input field
8256
+ */
8257
+ id?: string;
8258
+ /**
8259
+ * HTML name attribute for the input field, used in form submissions
8260
+ */
8261
+ name?: string;
8262
+ /**
8263
+ * Whether the input is disabled and cannot be interacted with
8264
+ * @default false
8265
+ */
8266
+ disabled?: boolean;
8267
+ /**
8268
+ * Whether the input is read-only. The field is focusable but the value cannot
8269
+ * be changed.
8270
+ * @default false
8271
+ */
8272
+ readOnly?: boolean;
8273
+ /**
8274
+ * Whether the calendar popover is open (controlled). Pair with `onOpenChange`.
8275
+ */
8276
+ open?: boolean;
7759
8277
  /**
7760
8278
  * Callback when the open state changes
7761
8279
  * @param open - Whether the calendar is open
@@ -7824,7 +8342,7 @@ declare const DsDateInput: ({
7824
8342
  }: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
7825
8343
  //#endregion
7826
8344
  //#region src/components/ds-text-input/ds-text-input.types.d.ts
7827
- declare const textInputSizes: readonly ["small", "default"];
8345
+ declare const textInputSizes: readonly ['small', 'default'];
7828
8346
  type TextInputSize = (typeof textInputSizes)[number];
7829
8347
  interface DsTextInputProps {
7830
8348
  /**
@@ -7834,7 +8352,7 @@ interface DsTextInputProps {
7834
8352
  /**
7835
8353
  * The ref to the input field
7836
8354
  */
7837
- ref?: React.Ref<HTMLInputElement>;
8355
+ ref?: React$1.Ref<HTMLInputElement>;
7838
8356
  /**
7839
8357
  * The name of the input field
7840
8358
  */
@@ -7852,21 +8370,21 @@ interface DsTextInputProps {
7852
8370
  /**
7853
8371
  * Event handler called when the input field receives focus
7854
8372
  */
7855
- onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
8373
+ onFocus?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
7856
8374
  /**
7857
8375
  * Event handler called when the input field loses focus
7858
8376
  *
7859
8377
  * @param event
7860
8378
  */
7861
- onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
8379
+ onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
7862
8380
  /**
7863
8381
  * Callback when a key is pressed down
7864
8382
  */
7865
- onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
8383
+ onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
7866
8384
  /**
7867
8385
  * Callback when the value changes
7868
8386
  */
7869
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
8387
+ onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
7870
8388
  /**
7871
8389
  * Value change event handler (provides just the value)
7872
8390
  */
@@ -7878,7 +8396,7 @@ interface DsTextInputProps {
7878
8396
  /**
7879
8397
  * Additional styles to apply to the component
7880
8398
  */
7881
- style?: React.CSSProperties;
8399
+ style?: React$1.CSSProperties;
7882
8400
  /**
7883
8401
  * The placeholder text
7884
8402
  */
@@ -7920,21 +8438,24 @@ interface DsTextInputProps {
7920
8438
  * The tabIndex of the input
7921
8439
  */
7922
8440
  tabIndex?: number;
8441
+ /**
8442
+ * Optional render slots for customizing parts of the input.
8443
+ */
7923
8444
  slots?: {
7924
8445
  /**
7925
8446
  * Custom component to wrap the input element
7926
8447
  */
7927
8448
  inputWrapper?: ComponentType<{
7928
- children: React.ReactNode;
8449
+ children: React$1.ReactNode;
7929
8450
  }>;
7930
8451
  /**
7931
8452
  * Adornment to display at the start of the input
7932
8453
  */
7933
- startAdornment?: React.ReactNode;
8454
+ startAdornment?: React$1.ReactNode;
7934
8455
  /**
7935
8456
  * Adornment to display at the end of the input
7936
8457
  */
7937
- endAdornment?: React.ReactNode;
8458
+ endAdornment?: React$1.ReactNode;
7938
8459
  };
7939
8460
  }
7940
8461
  //#endregion
@@ -7943,17 +8464,58 @@ declare const DsTextInput: FC<DsTextInputProps>;
7943
8464
  //#endregion
7944
8465
  //#region src/components/ds-time-picker/ds-time-picker.types.d.ts
7945
8466
  interface DsTimePickerProps {
8467
+ /**
8468
+ * Unique identifier for the input field
8469
+ */
7946
8470
  id?: string;
8471
+ /**
8472
+ * Ref forwarded to the time picker root element
8473
+ */
7947
8474
  ref?: RefObject<HTMLDivElement>;
8475
+ /**
8476
+ * Additional CSS class name applied to the root element
8477
+ */
7948
8478
  className?: string;
8479
+ /**
8480
+ * Current selected time (controlled). Use `null` to represent no selection.
8481
+ * Pair with `onChange`.
8482
+ */
7949
8483
  value?: Date | null;
8484
+ /**
8485
+ * Initial time when uncontrolled.
8486
+ */
7950
8487
  defaultValue?: Date;
8488
+ /**
8489
+ * Whether the popover is open (controlled). Pair with `onOpenChange`.
8490
+ */
7951
8491
  open?: boolean;
8492
+ /**
8493
+ * Whether the popover is initially open when uncontrolled.
8494
+ * @default false
8495
+ */
7952
8496
  defaultOpen?: boolean;
8497
+ /**
8498
+ * Placeholder text shown in the input when no time is selected.
8499
+ */
7953
8500
  placeholder?: string;
8501
+ /**
8502
+ * Earliest selectable time. Times before this are disabled.
8503
+ */
7954
8504
  min?: Date;
8505
+ /**
8506
+ * Latest selectable time. Times after this are disabled.
8507
+ */
7955
8508
  max?: Date;
8509
+ /**
8510
+ * Whether the picker is disabled and cannot be interacted with.
8511
+ * @default false
8512
+ */
7956
8513
  disabled?: boolean;
8514
+ /**
8515
+ * Whether the picker is read-only. The input is focusable but the value cannot
8516
+ * be changed.
8517
+ * @default false
8518
+ */
7957
8519
  readOnly?: boolean;
7958
8520
  /**
7959
8521
  * Whether to hide the clear button
@@ -7965,20 +8527,58 @@ interface DsTimePickerProps {
7965
8527
  * @default false
7966
8528
  */
7967
8529
  disablePortal?: boolean;
8530
+ /**
8531
+ * Localized labels used in the picker UI and for accessibility.
8532
+ */
7968
8533
  locale?: DsTimePickerLocale;
8534
+ /**
8535
+ * Props forwarded to the internal input and popover slots.
8536
+ */
7969
8537
  slotProps?: DsTimePickerSlotProps;
8538
+ /**
8539
+ * Called when the selected time changes. Receives the new Date or `null` when
8540
+ * cleared.
8541
+ */
7970
8542
  onChange?: (value: Date | null) => void;
8543
+ /**
8544
+ * Called when the popover opens or closes. Receives the next `open` state.
8545
+ */
7971
8546
  onOpenChange?: (open: boolean) => void;
8547
+ /**
8548
+ * Called when the input is blurred
8549
+ */
8550
+ onBlur?: () => void;
7972
8551
  }
7973
8552
  interface DsTimePickerLocale {
8553
+ /**
8554
+ * aria-label for the button that opens the popover
8555
+ */
7974
8556
  openLabel?: string;
8557
+ /**
8558
+ * aria-label for the clear button
8559
+ */
7975
8560
  clearLabel?: string;
8561
+ /**
8562
+ * aria-label for the hour scroller
8563
+ */
7976
8564
  hourLabel?: string;
8565
+ /**
8566
+ * aria-label for the minute scroller
8567
+ */
7977
8568
  minuteLabel?: string;
8569
+ /**
8570
+ * aria-label for the AM/PM period scroller
8571
+ */
7978
8572
  periodLabel?: string;
7979
8573
  }
7980
8574
  interface DsTimePickerSlotProps {
8575
+ /**
8576
+ * Props forwarded to the underlying `DsTextInput` that displays the selected time.
8577
+ */
7981
8578
  input?: DsTextInputProps;
8579
+ /**
8580
+ * Props forwarded to the Ark popover content that hosts the time scrollers.
8581
+ */
7982
8582
  popover?: PopoverContentProps;
7983
8583
  }
7984
8584
  //#endregion
@@ -7993,12 +8593,27 @@ declare const formatTime: (date?: Date | null) => string;
7993
8593
  //#endregion
7994
8594
  //#region src/components/ds-date-picker/ds-date-picker.types.d.ts
7995
8595
  interface DsDatePickerLocale {
8596
+ /**
8597
+ * aria-label for the button that opens the calendar popover
8598
+ */
7996
8599
  openCalendarLabel?: string;
8600
+ /**
8601
+ * aria-label for the button that reveals the time picker when `withTime` is set
8602
+ */
7997
8603
  timeTriggerLabel?: string;
8604
+ /**
8605
+ * aria-label for the clear button
8606
+ */
7998
8607
  clearLabel?: string;
7999
8608
  }
8000
8609
  interface DsDatePickerSlotProps {
8610
+ /**
8611
+ * Props forwarded to the underlying `DsTextInput` that displays the selected date.
8612
+ */
8001
8613
  input?: DsTextInputProps;
8614
+ /**
8615
+ * Props forwarded to the nested `DsTimePicker` rendered when `withTime` is set.
8616
+ */
8002
8617
  timePicker?: DsTimePickerProps;
8003
8618
  }
8004
8619
  interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name'> {
@@ -8021,6 +8636,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
8021
8636
  * Callback when the calendar open state changes
8022
8637
  */
8023
8638
  onOpenChange?: (open: boolean) => void;
8639
+ /**
8640
+ * Callback when the input is blurred
8641
+ */
8642
+ onBlur?: () => void;
8024
8643
  /**
8025
8644
  * Minimum allowed datetime as Date object
8026
8645
  */
@@ -8077,6 +8696,7 @@ declare const DsDatePicker: ({
8077
8696
  slotProps,
8078
8697
  onChange,
8079
8698
  onOpenChange,
8699
+ onBlur,
8080
8700
  value: _value,
8081
8701
  defaultValue: _defaultValue,
8082
8702
  min: _min,
@@ -8096,7 +8716,7 @@ interface DsNumberInputProps {
8096
8716
  /**
8097
8717
  * The ref to the input field
8098
8718
  */
8099
- ref?: React.Ref<HTMLInputElement>;
8719
+ ref?: React$1.Ref<HTMLInputElement>;
8100
8720
  /**
8101
8721
  * The name of the input field
8102
8722
  */
@@ -8111,12 +8731,12 @@ interface DsNumberInputProps {
8111
8731
  *
8112
8732
  * @param event
8113
8733
  */
8114
- onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
8734
+ onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
8115
8735
  /**
8116
8736
  * Callback when the value changes (native input onChange event)
8117
8737
  * This is provided for compatibility but onValueChange is preferred
8118
8738
  */
8119
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
8739
+ onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
8120
8740
  /**
8121
8741
  * Value change event handler (provides just the number value)
8122
8742
  * This is the preferred way to handle value changes
@@ -8129,7 +8749,7 @@ interface DsNumberInputProps {
8129
8749
  /**
8130
8750
  * Additional styles to apply to the component
8131
8751
  */
8132
- style?: React.CSSProperties;
8752
+ style?: React$1.CSSProperties;
8133
8753
  /**
8134
8754
  * The placeholder text
8135
8755
  */
@@ -8175,7 +8795,7 @@ interface DsPasswordInputProps {
8175
8795
  /**
8176
8796
  * The ref to the input field
8177
8797
  */
8178
- ref?: React.Ref<HTMLInputElement>;
8798
+ ref?: React$1.Ref<HTMLInputElement>;
8179
8799
  /**
8180
8800
  * The name of the input field
8181
8801
  */
@@ -8190,12 +8810,12 @@ interface DsPasswordInputProps {
8190
8810
  *
8191
8811
  * @param event
8192
8812
  */
8193
- onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
8813
+ onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
8194
8814
  /**
8195
8815
  * Callback when the value changes (native input onChange event)
8196
8816
  * This is provided for compatibility but onValueChange is preferred
8197
8817
  */
8198
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
8818
+ onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
8199
8819
  /**
8200
8820
  * Value change event handler (provides just the string value)
8201
8821
  * This is the preferred way to handle value changes
@@ -8208,7 +8828,7 @@ interface DsPasswordInputProps {
8208
8828
  /**
8209
8829
  * Additional styles to apply to the component
8210
8830
  */
8211
- style?: React.CSSProperties;
8831
+ style?: React$1.CSSProperties;
8212
8832
  /**
8213
8833
  * The placeholder text
8214
8834
  */
@@ -8240,7 +8860,7 @@ interface DsTextareaProps {
8240
8860
  /**
8241
8861
  * The ref to the textarea element
8242
8862
  */
8243
- ref?: React.Ref<HTMLTextAreaElement>;
8863
+ ref?: React$1.Ref<HTMLTextAreaElement>;
8244
8864
  /**
8245
8865
  * The name of the textarea
8246
8866
  */
@@ -8250,11 +8870,11 @@ interface DsTextareaProps {
8250
8870
  *
8251
8871
  * @param event
8252
8872
  */
8253
- onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
8873
+ onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
8254
8874
  /**
8255
8875
  * Callback when the value changes
8256
8876
  */
8257
- onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
8877
+ onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
8258
8878
  /**
8259
8879
  * Value change event handler (provides just the value)
8260
8880
  */
@@ -8266,7 +8886,7 @@ interface DsTextareaProps {
8266
8886
  /**
8267
8887
  * Additional styles to apply to the component
8268
8888
  */
8269
- style?: React.CSSProperties;
8889
+ style?: React$1.CSSProperties;
8270
8890
  /**
8271
8891
  * The placeholder text
8272
8892
  */
@@ -8299,7 +8919,7 @@ interface DsTextareaProps {
8299
8919
  }
8300
8920
  //#endregion
8301
8921
  //#region src/components/ds-textarea/ds-textarea.d.ts
8302
- declare const DsTextarea: React.FC<DsTextareaProps>;
8922
+ declare const DsTextarea: React$1.FC<DsTextareaProps>;
8303
8923
  //#endregion
8304
8924
  //#region src/components/ds-select/ds-select.types.d.ts
8305
8925
  type SelectSize = 'default' | 'small';
@@ -8330,7 +8950,7 @@ type DsSelectProps = {
8330
8950
  /**
8331
8951
  * Additional styles to apply to the icon
8332
8952
  */
8333
- style?: React.CSSProperties;
8953
+ style?: React$1.CSSProperties;
8334
8954
  /**
8335
8955
  * Additional CSS class names
8336
8956
  */
@@ -8340,7 +8960,7 @@ type DsSelectProps = {
8340
8960
  *
8341
8961
  * @param event
8342
8962
  */
8343
- onBlur?: (event: React.FocusEvent) => void;
8963
+ onBlur?: (event: React$1.FocusEvent) => void;
8344
8964
  /**
8345
8965
  * Placeholder text to display when no option is selected
8346
8966
  */
@@ -8361,14 +8981,35 @@ type DsSelectProps = {
8361
8981
  */
8362
8982
  renderOption?: (option: DsSelectOption) => ReactNode;
8363
8983
  } & ({
8984
+ /**
8985
+ * When `false` or omitted, the select cannot be cleared. `onClear` is not
8986
+ * accepted in this branch.
8987
+ * @default false
8988
+ */
8364
8989
  clearable?: undefined | false;
8365
8990
  onClear?: never;
8366
8991
  } | {
8992
+ /**
8993
+ * When `true`, renders a clear affordance on the trigger. Pair with `onClear`.
8994
+ */
8367
8995
  clearable: true;
8996
+ /**
8997
+ * Called when the user clicks the clear affordance.
8998
+ */
8368
8999
  onClear?: () => void;
8369
9000
  }) & ({
9001
+ /**
9002
+ * Single-selection mode. When `false` or omitted, `value` is a single string.
9003
+ * @default false
9004
+ */
8370
9005
  multiple?: undefined | false;
9006
+ /**
9007
+ * Currently selected option value (controlled).
9008
+ */
8371
9009
  value: SelectOptionValue;
9010
+ /**
9011
+ * Called when the selection changes. Receives the newly selected option value.
9012
+ */
8372
9013
  onValueChange?: (value: SelectOptionValue) => void;
8373
9014
  /**
8374
9015
  * Custom render function for the selected value in the trigger.
@@ -8377,8 +9018,19 @@ type DsSelectProps = {
8377
9018
  */
8378
9019
  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
8379
9020
  } | {
9021
+ /**
9022
+ * Multi-selection mode. When `true`, `value` is an array of selected option
9023
+ * values and `onValueChange` receives the full updated array.
9024
+ */
8380
9025
  multiple: true;
9026
+ /**
9027
+ * Currently selected option values (controlled).
9028
+ */
8381
9029
  value: SelectOptionValue[];
9030
+ /**
9031
+ * Called when the selection changes. Receives the full updated array of
9032
+ * selected values.
9033
+ */
8382
9034
  onValueChange?: (value: SelectOptionValue[]) => void;
8383
9035
  /**
8384
9036
  * Custom render function for the selected value in the trigger.
@@ -8406,9 +9058,9 @@ declare const DsSelect: ({
8406
9058
  }: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
8407
9059
  //#endregion
8408
9060
  //#region src/components/ds-form-control/ds-form-control.types.d.ts
8409
- declare const controlStatuses: readonly ["info", "success", "error", "warning"];
9061
+ declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
8410
9062
  type ControlStatus = (typeof controlStatuses)[number];
8411
- interface DsFormControlProps extends React.PropsWithChildren {
9063
+ interface DsFormControlProps extends React$1.PropsWithChildren {
8412
9064
  /**
8413
9065
  * Unique identifier for the control
8414
9066
  */
@@ -8425,11 +9077,14 @@ interface DsFormControlProps extends React.PropsWithChildren {
8425
9077
  * Marks the field as required
8426
9078
  */
8427
9079
  required?: boolean;
9080
+ /**
9081
+ * Optional render slots for customizing parts of the control.
9082
+ */
8428
9083
  slots?: {
8429
9084
  /**
8430
9085
  * Adornment to display at the end of the label
8431
9086
  */
8432
- endAdornment?: React.ReactNode;
9087
+ endAdornment?: React$1.ReactNode;
8433
9088
  };
8434
9089
  /**
8435
9090
  * Message under the control
@@ -8446,13 +9101,13 @@ interface DsFormControlProps extends React.PropsWithChildren {
8446
9101
  /**
8447
9102
  * Additional styles to apply to the component
8448
9103
  */
8449
- style?: React.CSSProperties;
9104
+ style?: React$1.CSSProperties;
8450
9105
  }
8451
9106
  interface DsFormControlDescriptionProps {
8452
9107
  /**
8453
9108
  * The description content
8454
9109
  */
8455
- children: React.ReactNode;
9110
+ children: React$1.ReactNode;
8456
9111
  /**
8457
9112
  * Additional CSS class names
8458
9113
  */
@@ -8460,42 +9115,74 @@ interface DsFormControlDescriptionProps {
8460
9115
  }
8461
9116
  //#endregion
8462
9117
  //#region src/components/ds-form-control/ds-form-control.d.ts
8463
- declare const DsFormControl: {
8464
- ({
8465
- id,
8466
- status,
8467
- label,
8468
- required,
8469
- slots,
8470
- message,
8471
- messageIcon,
8472
- className,
8473
- style,
8474
- children
8475
- }: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
8476
- TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
8477
- NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
8478
- PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element; /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
8479
- DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
8480
- DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
8481
- TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
8482
- Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
8483
- Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
8484
- Description: React.FC<DsFormControlDescriptionProps>;
8485
- };
9118
+ declare function DsFormControl({
9119
+ id,
9120
+ status,
9121
+ label,
9122
+ required,
9123
+ slots,
9124
+ message,
9125
+ messageIcon,
9126
+ className,
9127
+ style,
9128
+ children
9129
+ }: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
9130
+ declare namespace DsFormControl {
9131
+ var TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
9132
+ }
9133
+ declare namespace DsFormControl {
9134
+ var NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
9135
+ }
9136
+ declare namespace DsFormControl {
9137
+ var PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element;
9138
+ }
9139
+ declare namespace DsFormControl {
9140
+ var DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
9141
+ }
9142
+ declare namespace DsFormControl {
9143
+ var DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
9144
+ }
9145
+ declare namespace DsFormControl {
9146
+ var TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
9147
+ }
9148
+ declare namespace DsFormControl {
9149
+ var Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
9150
+ }
9151
+ declare namespace DsFormControl {
9152
+ var Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
9153
+ }
9154
+ declare namespace DsFormControl {
9155
+ var Description: React$1.FC<DsFormControlDescriptionProps>;
9156
+ }
8486
9157
  //#endregion
8487
9158
  //#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
8488
9159
  type DateRangeValue = [Date | null, Date | null];
8489
- declare const dateRangePickerOrientations: readonly ["horizontal", "vertical"];
9160
+ declare const dateRangePickerOrientations: readonly ['horizontal', 'vertical'];
8490
9161
  type DateRangePickerOrientation = (typeof dateRangePickerOrientations)[number];
8491
9162
  interface DsDateRangePickerLocale {
9163
+ /**
9164
+ * Label shown on the "Clear all" button.
9165
+ */
8492
9166
  clearAllLabel?: string;
8493
9167
  }
8494
9168
  type DateRangeFormControlSlotProps = Partial<Omit<DsFormControlProps, 'children'>>;
8495
9169
  interface DsDateRangePickerSlotProps {
9170
+ /**
9171
+ * Props forwarded to the start-date `DsDatePicker`.
9172
+ */
8496
9173
  startDatePicker?: DsDatePickerProps;
9174
+ /**
9175
+ * Props forwarded to the end-date `DsDatePicker`.
9176
+ */
8497
9177
  endDatePicker?: DsDatePickerProps;
9178
+ /**
9179
+ * Props forwarded to the `DsFormControl` wrapping the start-date picker
9180
+ * (e.g., to set a label or helper text).
9181
+ */
8498
9182
  startDateFormControl?: DateRangeFormControlSlotProps;
9183
+ /**
9184
+ * Props forwarded to the `DsFormControl` wrapping the end-date picker.
9185
+ */
8499
9186
  endDateFormControl?: DateRangeFormControlSlotProps;
8500
9187
  }
8501
9188
  interface DsDateRangePickerProps {
@@ -8541,8 +9228,20 @@ interface DsDateRangePickerProps {
8541
9228
  * @default true
8542
9229
  */
8543
9230
  closeOnSelect?: boolean;
9231
+ /**
9232
+ * Whether both pickers are disabled.
9233
+ * @default false
9234
+ */
8544
9235
  disabled?: boolean;
9236
+ /**
9237
+ * Whether both pickers are read-only. Inputs are focusable but values cannot
9238
+ * be changed.
9239
+ * @default false
9240
+ */
8545
9241
  readOnly?: boolean;
9242
+ /**
9243
+ * Additional CSS class name applied to the range picker wrapper.
9244
+ */
8546
9245
  className?: string;
8547
9246
  /**
8548
9247
  * Whether to disable the portal for both calendar popups
@@ -8607,7 +9306,7 @@ interface DsDialogProps {
8607
9306
  /**
8608
9307
  * The content to render inside the dialog.
8609
9308
  */
8610
- children: React.ReactNode;
9309
+ children: React$1.ReactNode;
8611
9310
  /**
8612
9311
  * Additional CSS class names for the dialog container.
8613
9312
  */
@@ -8615,12 +9314,18 @@ interface DsDialogProps {
8615
9314
  /**
8616
9315
  * Ref to the element the dialog should be anchored to (for relative placement)
8617
9316
  */
8618
- anchorRef?: React.RefObject<HTMLElement>;
9317
+ anchorRef?: React$1.RefObject<HTMLElement>;
8619
9318
  /**
8620
9319
  * Custom fixed position (e.g., { top: number, left: number })
8621
9320
  */
8622
9321
  customPosition?: {
9322
+ /**
9323
+ * Distance in pixels from the top of the viewport.
9324
+ */
8623
9325
  top: number;
9326
+ /**
9327
+ * Distance in pixels from the left of the viewport.
9328
+ */
8624
9329
  left: number;
8625
9330
  };
8626
9331
  /**
@@ -8630,7 +9335,7 @@ interface DsDialogProps {
8630
9335
  }
8631
9336
  //#endregion
8632
9337
  //#region src/components/ds-dialog/ds-dialog.d.ts
8633
- declare const DsDialog: React.FC<DsDialogProps>;
9338
+ declare const DsDialog: React$1.FC<DsDialogProps>;
8634
9339
  //#endregion
8635
9340
  //#region src/components/ds-divider/ds-divider.types.d.ts
8636
9341
  interface DsDividerProps {
@@ -8642,11 +9347,11 @@ interface DsDividerProps {
8642
9347
  * Underlying element/component to render.
8643
9348
  * Examples: "hr", "div", "span", Link, etc.
8644
9349
  */
8645
- component?: React.ElementType;
9350
+ component?: React$1.ElementType;
8646
9351
  /**
8647
9352
  * Additional CSS styles.
8648
9353
  */
8649
- style?: React.CSSProperties;
9354
+ style?: React$1.CSSProperties;
8650
9355
  /**
8651
9356
  * Additional CSS classes.
8652
9357
  */
@@ -8654,7 +9359,7 @@ interface DsDividerProps {
8654
9359
  }
8655
9360
  //#endregion
8656
9361
  //#region src/components/ds-divider/ds-divider.d.ts
8657
- declare const DsDivider: React.FC<DsDividerProps>;
9362
+ declare const DsDivider: React$1.FC<DsDividerProps>;
8658
9363
  //#endregion
8659
9364
  //#region src/components/ds-drawer/ds-drawer.types.d.ts
8660
9365
  /**
@@ -8710,21 +9415,21 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
8710
9415
  }
8711
9416
  //#endregion
8712
9417
  //#region src/components/ds-drawer/ds-drawer.d.ts
8713
- declare const DsDrawer: {
8714
- ({
8715
- open,
8716
- onOpenChange,
8717
- columns,
8718
- position,
8719
- backdrop,
8720
- closeOnEscape,
8721
- closeOnInteractOutside,
8722
- portal,
8723
- style,
8724
- className,
8725
- children
8726
- }: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
8727
- Header: ({
9418
+ declare function DsDrawer({
9419
+ open,
9420
+ onOpenChange,
9421
+ columns,
9422
+ position,
9423
+ backdrop,
9424
+ closeOnEscape,
9425
+ closeOnInteractOutside,
9426
+ portal,
9427
+ style,
9428
+ className,
9429
+ children
9430
+ }: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
9431
+ declare namespace DsDrawer {
9432
+ var Header: ({
8728
9433
  style,
8729
9434
  className,
8730
9435
  children
@@ -8733,7 +9438,9 @@ declare const DsDrawer: {
8733
9438
  className?: string;
8734
9439
  children: ReactNode;
8735
9440
  }) => _$react_jsx_runtime0.JSX.Element;
8736
- Title: ({
9441
+ }
9442
+ declare namespace DsDrawer {
9443
+ var Title: ({
8737
9444
  style,
8738
9445
  className,
8739
9446
  children
@@ -8742,14 +9449,18 @@ declare const DsDrawer: {
8742
9449
  className?: string;
8743
9450
  children: ReactNode;
8744
9451
  }) => _$react_jsx_runtime0.JSX.Element;
8745
- CloseTrigger: ({
9452
+ }
9453
+ declare namespace DsDrawer {
9454
+ var CloseTrigger: ({
8746
9455
  style,
8747
9456
  className
8748
9457
  }: {
8749
9458
  style?: CSSProperties;
8750
9459
  className?: string;
8751
9460
  }) => _$react_jsx_runtime0.JSX.Element;
8752
- Toolbar: ({
9461
+ }
9462
+ declare namespace DsDrawer {
9463
+ var Toolbar: ({
8753
9464
  style,
8754
9465
  className,
8755
9466
  children
@@ -8758,7 +9469,9 @@ declare const DsDrawer: {
8758
9469
  className?: string;
8759
9470
  children: ReactNode;
8760
9471
  }) => _$react_jsx_runtime0.JSX.Element;
8761
- Body: ({
9472
+ }
9473
+ declare namespace DsDrawer {
9474
+ var Body: ({
8762
9475
  style,
8763
9476
  className,
8764
9477
  children
@@ -8767,7 +9480,9 @@ declare const DsDrawer: {
8767
9480
  className?: string;
8768
9481
  children: ReactNode;
8769
9482
  }) => _$react_jsx_runtime0.JSX.Element;
8770
- Footer: ({
9483
+ }
9484
+ declare namespace DsDrawer {
9485
+ var Footer: ({
8771
9486
  style,
8772
9487
  className,
8773
9488
  children
@@ -8776,7 +9491,9 @@ declare const DsDrawer: {
8776
9491
  className?: string;
8777
9492
  children: ReactNode;
8778
9493
  }) => _$react_jsx_runtime0.JSX.Element;
8779
- Actions: ({
9494
+ }
9495
+ declare namespace DsDrawer {
9496
+ var Actions: ({
8780
9497
  style,
8781
9498
  className,
8782
9499
  children
@@ -8785,7 +9502,7 @@ declare const DsDrawer: {
8785
9502
  className?: string;
8786
9503
  children: ReactNode;
8787
9504
  }) => _$react_jsx_runtime0.JSX.Element;
8788
- };
9505
+ }
8789
9506
  //#endregion
8790
9507
  //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
8791
9508
  /**
@@ -8932,6 +9649,30 @@ interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className'
8932
9649
  * Props for the DsDropdownMenu Item component
8933
9650
  */
8934
9651
  interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
9652
+ /**
9653
+ * Underlying value reported to the root's `onSelect` when this item is chosen.
9654
+ */
9655
+ value: Menu.ItemProps['value'];
9656
+ /**
9657
+ * Whether this item is disabled and cannot be selected.
9658
+ * @default false
9659
+ */
9660
+ disabled?: Menu.ItemProps['disabled'];
9661
+ /**
9662
+ * Render the item as its direct child via Radix-style slot forwarding. Useful
9663
+ * for wrapping links (`<a>`) as dropdown items.
9664
+ * @default false
9665
+ */
9666
+ asChild?: Menu.ItemProps['asChild'];
9667
+ /**
9668
+ * Called when the item is selected via click or keyboard activation.
9669
+ */
9670
+ onSelect?: Menu.ItemProps['onSelect'];
9671
+ /**
9672
+ * Called when the item is clicked. Fires before `onSelect` and runs even when
9673
+ * keyboard-activated via Space/Enter.
9674
+ */
9675
+ onClick?: Menu.ItemProps['onClick'];
8935
9676
  /**
8936
9677
  * Whether the item is selected (applies selected styling)
8937
9678
  */
@@ -9037,7 +9778,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
9037
9778
  * Use compound component pattern instead
9038
9779
  * @deprecated
9039
9780
  */
9040
- declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
9781
+ declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
9041
9782
  /**
9042
9783
  * Design system DsDropdownMenu component
9043
9784
  *
@@ -9069,18 +9810,18 @@ declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
9069
9810
  * </DsDropdownMenu.Root>
9070
9811
  */
9071
9812
  declare const DsDropdownMenu: {
9072
- Root: React.FC<DsDropdownMenuRootProps>;
9073
- Trigger: React.FC<Menu.TriggerProps>;
9074
- Content: React.FC<DsDropdownMenuContentProps>;
9075
- Item: React.FC<DsDropdownMenuItemProps>;
9076
- ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>;
9077
- TriggerItem: React.FC<Menu.TriggerItemProps>;
9078
- Header: React.FC<DsDropdownMenuHeaderProps>;
9079
- Actions: React.FC<DsDropdownMenuActionsProps>;
9080
- ItemGroup: React.FC<DsDropdownMenuItemGroupProps>;
9081
- ItemGroupLabel: React.FC<Menu.ItemGroupLabelProps>;
9082
- ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>;
9083
- Separator: React.FC<Menu.SeparatorProps>;
9813
+ Root: React$1.FC<DsDropdownMenuRootProps>;
9814
+ Trigger: React$1.FC<Menu.TriggerProps>;
9815
+ Content: React$1.FC<DsDropdownMenuContentProps>;
9816
+ Item: React$1.FC<DsDropdownMenuItemProps>;
9817
+ ItemIndicator: React$1.FC<DsDropdownMenuItemIndicatorProps>;
9818
+ TriggerItem: React$1.FC<Menu.TriggerItemProps>;
9819
+ Header: React$1.FC<DsDropdownMenuHeaderProps>;
9820
+ Actions: React$1.FC<DsDropdownMenuActionsProps>;
9821
+ ItemGroup: React$1.FC<DsDropdownMenuItemGroupProps>;
9822
+ ItemGroupLabel: React$1.FC<Menu.ItemGroupLabelProps>;
9823
+ ItemGroupContent: React$1.FC<DsDropdownMenuItemGroupContentProps>;
9824
+ Separator: React$1.FC<Menu.SeparatorProps>;
9084
9825
  };
9085
9826
  //#endregion
9086
9827
  //#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
@@ -9113,21 +9854,63 @@ type FileError = FileUploadFileError;
9113
9854
  type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
9114
9855
  type FileMetadata = Record<string, unknown>;
9115
9856
  interface UploadedFile extends File {
9857
+ /**
9858
+ * Stable identifier assigned by the uploader. Used to correlate progress
9859
+ * updates, retries, and deletions with this specific file.
9860
+ */
9116
9861
  id: string;
9862
+ /**
9863
+ * Current upload progress as a number between `0` and `1`.
9864
+ */
9117
9865
  progress: number;
9866
+ /**
9867
+ * Current lifecycle state of the upload.
9868
+ */
9118
9869
  status: UploadFileStatus;
9870
+ /**
9871
+ * Validation or upload errors associated with this file. Present when
9872
+ * `status` is `error` or when the file fails client-side validation.
9873
+ */
9119
9874
  errors?: FileError[];
9875
+ /**
9876
+ * Native `File` the user selected. Kept alongside so consumers can access
9877
+ * the original binary even after `UploadedFile` has been enriched.
9878
+ */
9120
9879
  originalFile: File;
9121
9880
  }
9122
9881
  interface FileUploadOptions {
9882
+ /**
9883
+ * The file to upload.
9884
+ */
9123
9885
  file: File;
9886
+ /**
9887
+ * Stable identifier for this upload. Must match the `id` on the corresponding
9888
+ * `UploadedFile` so progress and cancellation are routed correctly.
9889
+ */
9124
9890
  fileId: string;
9891
+ /**
9892
+ * Optional custom metadata forwarded by the consumer (e.g., tags, parent ids).
9893
+ */
9125
9894
  metadata?: FileMetadata;
9895
+ /**
9896
+ * Called by the adapter with upload progress updates as a number between `0`
9897
+ * and `1`.
9898
+ */
9126
9899
  onProgress?: (progress: number) => void;
9900
+ /**
9901
+ * AbortSignal that fires when the consumer cancels the upload. Adapters should
9902
+ * observe this and abort any in-flight network request.
9903
+ */
9127
9904
  signal?: AbortSignal;
9128
9905
  }
9129
9906
  interface FileUploadResult {
9907
+ /**
9908
+ * URL of the successfully uploaded file, returned by the backend.
9909
+ */
9130
9910
  url: string;
9911
+ /**
9912
+ * Optional metadata returned by the backend alongside the URL.
9913
+ */
9131
9914
  metadata?: FileMetadata;
9132
9915
  }
9133
9916
  /**
@@ -9138,8 +9921,21 @@ interface FileUploadResult {
9138
9921
  * - reject with FatalFileUploadError for permanent failures
9139
9922
  */
9140
9923
  interface FileUploadAdapter {
9924
+ /**
9925
+ * Uploads a single file. Resolve with `FileUploadResult` on success; reject
9926
+ * with `RetryableFileUploadError` for transient failures (will be retried) or
9927
+ * `FatalFileUploadError` for permanent failures (surfaces to the user).
9928
+ */
9141
9929
  upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
9930
+ /**
9931
+ * Optional hook called when the user cancels an in-flight upload. Implementations
9932
+ * should abort any pending network work for the given `fileId`.
9933
+ */
9142
9934
  cancel?: (fileId: string) => void | Promise<void>;
9935
+ /**
9936
+ * Optional hook called when the user removes a previously uploaded file. Typically
9937
+ * issues a delete request to the backend so stored files can be cleaned up.
9938
+ */
9143
9939
  delete?: (fileId: string) => void | Promise<void>;
9144
9940
  }
9145
9941
  //#endregion
@@ -9251,6 +10047,7 @@ interface FileUploadProps {
9251
10047
  disabled?: boolean;
9252
10048
  /**
9253
10049
  * Whether the file upload layout is compact (inline)
10050
+ * @default false
9254
10051
  */
9255
10052
  compact?: boolean;
9256
10053
  }
@@ -9260,7 +10057,7 @@ interface FileUploadProps {
9260
10057
  * Design system base File Upload component
9261
10058
  * Used in conjunction with the useFileUpload hook
9262
10059
  */
9263
- declare const FileUpload: React.FC<FileUploadProps>;
10060
+ declare const FileUpload: React$1.FC<FileUploadProps>;
9264
10061
  //#endregion
9265
10062
  //#region src/components/ds-file-upload/ds-file-upload.types.d.ts
9266
10063
  interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
@@ -9297,7 +10094,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
9297
10094
  /**
9298
10095
  * Design system File Upload component (with state management)
9299
10096
  */
9300
- declare const DsFileUpload: React.FC<DsFileUploadProps>;
10097
+ declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
9301
10098
  //#endregion
9302
10099
  //#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
9303
10100
  interface UseFileUploadConfig {
@@ -9377,7 +10174,7 @@ declare class FatalFileUploadError extends FileUploadError {
9377
10174
  }
9378
10175
  //#endregion
9379
10176
  //#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.d.ts
9380
- declare const filterStatuses: readonly ["running", "warning", "failed", "paused"];
10177
+ declare const filterStatuses: readonly ['running', 'warning', 'failed', 'paused'];
9381
10178
  type FilterStatus = (typeof filterStatuses)[number];
9382
10179
  interface DsFilterStatusIconProps {
9383
10180
  /**
@@ -9417,72 +10214,53 @@ declare const DsFilterStatusIcon: ({
9417
10214
  style
9418
10215
  }: DsFilterStatusIconProps) => _$react_jsx_runtime0.JSX.Element;
9419
10216
  //#endregion
9420
- //#region src/components/ds-grid/ds-grid.types.d.ts
9421
- interface DsGridProps {
9422
- /**
9423
- * The content to be rendered inside the grid
9424
- */
9425
- children: ReactNode;
9426
- /**
9427
- * Number of rows in the grid (defaults to 1)
9428
- */
9429
- rows?: 1 | 2 | 4 | 6 | 8;
9430
- /**
9431
- * Number of columns in the grid (defaults to 12)
9432
- */
9433
- columns?: 2 | 4 | 6 | 8 | 10 | 12;
9434
- /**
9435
- * Custom class names to apply to the grid
9436
- */
9437
- className?: string;
9438
- }
9439
- interface DsGridItemProps {
9440
- /**
9441
- * The content to be rendered inside the grid item
9442
- */
9443
- children: ReactNode;
9444
- /**
9445
- * Number of columns the item spans (1-12) or 'full'
9446
- */
9447
- colSpan?: number | 'full';
9448
- /**
9449
- * Starting column for the item (1-11)
9450
- */
9451
- colStart?: number;
9452
- /**
9453
- * Number of rows the item spans (1-8) or 'full'
9454
- */
9455
- rowSpan?: number | 'full';
9456
- /**
9457
- * Starting row for the item (1-7)
9458
- */
9459
- rowStart?: number;
9460
- /**
9461
- * Custom class names to apply to the grid item
9462
- */
9463
- className?: string;
9464
- }
9465
- //#endregion
9466
- //#region src/components/ds-grid/ds-grid.d.ts
9467
- /**
9468
- * Design system Grid component
9469
- */
9470
- declare const DsGrid: React.FC<DsGridProps>;
9471
- /**
9472
- * Design system GridItem component
9473
- */
9474
- declare const DsGridItem: React.FC<DsGridItemProps>;
10217
+ //#region src/components/ds-grid/index.d.ts
10218
+ declare const DsGrid: {
10219
+ (props: {
10220
+ children: _$react.ReactNode;
10221
+ rows?: 1 | 2 | 4 | 6 | 8;
10222
+ columns?: 2 | 4 | 6 | 8 | 10 | 12;
10223
+ gutter?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
10224
+ margin?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
10225
+ className?: string;
10226
+ style?: _$react.CSSProperties;
10227
+ }): _$react.FunctionComponentElement<Record<string, unknown>>;
10228
+ displayName: string;
10229
+ };
10230
+ declare const DsGridItem: {
10231
+ (props: {
10232
+ children: _$react.ReactNode;
10233
+ colSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
10234
+ colStart?: number;
10235
+ rowSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
10236
+ rowStart?: number;
10237
+ className?: string;
10238
+ }): _$react.FunctionComponentElement<Record<string, unknown>>;
10239
+ displayName: string;
10240
+ };
10241
+ type DsGridProps = ComponentProps<typeof DsGrid>;
10242
+ type DsGridItemProps = ComponentProps<typeof DsGridItem>;
9475
10243
  //#endregion
9476
10244
  //#region src/components/ds-key-value-pair/ds-key-value-pair.types.d.ts
9477
- declare const dsKeyValuePairOrientations: readonly ["vertical", "horizontal"];
10245
+ declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
9478
10246
  type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
9479
10247
  interface DsKeyValuePairProps {
10248
+ /** Label rendered for the key side of the pair (left or top depending on `orientation`). */
9480
10249
  keyLabel: ReactNode;
9481
10250
  /** Shown when the editor is not active (read-only or not hovered). */
9482
10251
  value?: ReactNode;
9483
- /** @default false */
10252
+ /**
10253
+ * When `true`, the pair is rendered as a static display and the editor is never
10254
+ * revealed (even on hover/focus).
10255
+ * @default false
10256
+ */
9484
10257
  readOnly?: boolean;
9485
- /** @default 'vertical' */
10258
+ /**
10259
+ * Layout orientation:
10260
+ * - `vertical`: key stacked above value
10261
+ * - `horizontal`: key and value side-by-side
10262
+ * @default 'vertical'
10263
+ */
9486
10264
  orientation?: DsKeyValuePairOrientation;
9487
10265
  /** Editor content revealed on hover/focus when not read-only. */
9488
10266
  editInput?: ReactNode;
@@ -9504,7 +10282,7 @@ declare const DsKeyValuePair: ({
9504
10282
  }: DsKeyValuePairProps) => _$react_jsx_runtime0.JSX.Element;
9505
10283
  //#endregion
9506
10284
  //#region src/components/ds-loader/ds-loader.types.d.ts
9507
- declare const loaderVariants: readonly ["spinner", "pulsing"];
10285
+ declare const loaderVariants: readonly ['spinner', 'pulsing'];
9508
10286
  type LoaderVariant = (typeof loaderVariants)[number];
9509
10287
  interface DsLoaderProps {
9510
10288
  /**
@@ -9519,11 +10297,11 @@ interface DsLoaderProps {
9519
10297
  /**
9520
10298
  * Additional styles to apply to the component
9521
10299
  */
9522
- style?: React.CSSProperties;
10300
+ style?: React$1.CSSProperties;
9523
10301
  /**
9524
10302
  * Ref to the loader container element
9525
10303
  */
9526
- ref?: React.Ref<HTMLDivElement>;
10304
+ ref?: React$1.Ref<HTMLDivElement>;
9527
10305
  }
9528
10306
  //#endregion
9529
10307
  //#region src/components/ds-loader/ds-loader.d.ts
@@ -9545,6 +10323,22 @@ type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
9545
10323
  * Props for the DsModal component
9546
10324
  */
9547
10325
  interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
10326
+ /**
10327
+ * Whether the modal traps focus and blocks interaction with the page behind the
10328
+ * backdrop. When `false`, users can continue interacting with the underlying page.
10329
+ * @default true
10330
+ */
10331
+ modal?: UseDialogProps['modal'];
10332
+ /**
10333
+ * Whether pressing the Escape key closes the modal.
10334
+ * @default true
10335
+ */
10336
+ closeOnEscape?: UseDialogProps['closeOnEscape'];
10337
+ /**
10338
+ * Whether clicking or focusing outside the modal closes it.
10339
+ * @default true
10340
+ */
10341
+ closeOnInteractOutside?: UseDialogProps['closeOnInteractOutside'];
9548
10342
  /**
9549
10343
  * Whether the modal is open
9550
10344
  */
@@ -9579,25 +10373,20 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
9579
10373
  }
9580
10374
  //#endregion
9581
10375
  //#region src/components/ds-modal/ds-modal.d.ts
9582
- /**
9583
- * Composable modal dialog.
9584
- * Supports custom header, footer, and body content with grid-based sizing.
9585
- * Use columns prop to control modal width (1-12 grid columns).
9586
- */
9587
- declare const DsModal: {
9588
- ({
9589
- open,
9590
- columns,
9591
- dividers,
9592
- style,
9593
- className,
9594
- modal,
9595
- closeOnEscape,
9596
- closeOnInteractOutside,
9597
- children,
9598
- onOpenChange
9599
- }: DsModalProps): _$react_jsx_runtime0.JSX.Element;
9600
- Header: ({
10376
+ declare function DsModal({
10377
+ open,
10378
+ columns,
10379
+ dividers,
10380
+ style,
10381
+ className,
10382
+ modal,
10383
+ closeOnEscape,
10384
+ closeOnInteractOutside,
10385
+ children,
10386
+ onOpenChange
10387
+ }: DsModalProps): _$react_jsx_runtime0.JSX.Element;
10388
+ declare namespace DsModal {
10389
+ var Header: ({
9601
10390
  style,
9602
10391
  className,
9603
10392
  children
@@ -9606,7 +10395,9 @@ declare const DsModal: {
9606
10395
  className?: string;
9607
10396
  children: ReactNode;
9608
10397
  }) => _$react_jsx_runtime0.JSX.Element;
9609
- Title: ({
10398
+ }
10399
+ declare namespace DsModal {
10400
+ var Title: ({
9610
10401
  style,
9611
10402
  className,
9612
10403
  children
@@ -9615,14 +10406,18 @@ declare const DsModal: {
9615
10406
  className?: string;
9616
10407
  children: ReactNode;
9617
10408
  }) => _$react_jsx_runtime0.JSX.Element;
9618
- CloseTrigger: ({
10409
+ }
10410
+ declare namespace DsModal {
10411
+ var CloseTrigger: ({
9619
10412
  style,
9620
10413
  className
9621
10414
  }: {
9622
10415
  style?: CSSProperties;
9623
10416
  className?: string;
9624
10417
  }) => _$react_jsx_runtime0.JSX.Element;
9625
- Body: ({
10418
+ }
10419
+ declare namespace DsModal {
10420
+ var Body: ({
9626
10421
  style,
9627
10422
  className,
9628
10423
  children
@@ -9631,7 +10426,9 @@ declare const DsModal: {
9631
10426
  className?: string;
9632
10427
  children: ReactNode;
9633
10428
  }) => _$react_jsx_runtime0.JSX.Element;
9634
- Footer: ({
10429
+ }
10430
+ declare namespace DsModal {
10431
+ var Footer: ({
9635
10432
  style,
9636
10433
  className,
9637
10434
  children
@@ -9640,7 +10437,9 @@ declare const DsModal: {
9640
10437
  className?: string;
9641
10438
  children: ReactNode;
9642
10439
  }) => _$react_jsx_runtime0.JSX.Element;
9643
- Actions: ({
10440
+ }
10441
+ declare namespace DsModal {
10442
+ var Actions: ({
9644
10443
  style,
9645
10444
  className,
9646
10445
  children
@@ -9649,145 +10448,75 @@ declare const DsModal: {
9649
10448
  className?: string;
9650
10449
  children: ReactNode;
9651
10450
  }) => _$react_jsx_runtime0.JSX.Element;
9652
- };
10451
+ }
9653
10452
  //#endregion
9654
10453
  //#region src/components/ds-panel/ds-panel.types.d.ts
9655
10454
  type DsPanelVariant = 'docked' | 'floating';
9656
10455
  type DsPanelBaseProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
10456
+ /**
10457
+ * Visual treatment of the panel:
10458
+ * - `docked`: sits flush within the surrounding layout (default)
10459
+ * - `floating`: elevated card with shadow, detached from the layout
10460
+ * @default docked
10461
+ */
9657
10462
  variant?: DsPanelVariant;
10463
+ /**
10464
+ * Width of the panel in pixels when expanded.
10465
+ */
9658
10466
  width?: number;
10467
+ /**
10468
+ * Whether the panel edge can be dragged to resize its width.
10469
+ * @default false
10470
+ */
9659
10471
  draggable?: boolean;
10472
+ /**
10473
+ * Disable the default inner padding so the panel content can bleed to the edges.
10474
+ * @default false
10475
+ */
9660
10476
  disablePadding?: boolean;
10477
+ /**
10478
+ * Props forwarded to nested sub-components.
10479
+ */
9661
10480
  slotProps?: {
10481
+ /**
10482
+ * Props forwarded to the collapse/expand button shown on the panel edge.
10483
+ */
9662
10484
  collapseButton?: DsPanelCollapseButtonProps;
9663
10485
  };
10486
+ /**
10487
+ * Called when the panel's open (expanded) state changes. Receives the next
10488
+ * boolean state.
10489
+ */
9664
10490
  onOpenChange?: (open: boolean) => void;
9665
10491
  };
9666
10492
  type DsPanelProps = Omit<DsPanelBaseProps, 'width'> & {
10493
+ /**
10494
+ * Width of the panel when expanded. Accepts a single number (px) or a
10495
+ * `ResponsiveValue` to vary width by breakpoint.
10496
+ */
9667
10497
  width?: ResponsiveValue<number>;
9668
10498
  };
9669
10499
  type DsPanelCollapseButtonProps = {
10500
+ /**
10501
+ * Called when the collapse button is clicked.
10502
+ */
9670
10503
  onClick?: () => void;
10504
+ /**
10505
+ * Whether the panel is currently collapsed. Drives the button's chevron
10506
+ * orientation and aria-label.
10507
+ * @default false
10508
+ */
9671
10509
  collapsed?: boolean;
9672
10510
  };
9673
10511
  //#endregion
9674
10512
  //#region src/components/ds-panel/index.d.ts
9675
10513
  declare const DsPanel: {
9676
10514
  (props: {
9677
- className?: string | undefined | undefined;
9678
- style?: _$react.CSSProperties | undefined;
9679
- children?: _$react.ReactNode;
9680
- content?: string | undefined | undefined;
9681
- translate?: "yes" | "no" | undefined | undefined;
9682
10515
  key?: _$react.Key | null | undefined;
9683
- title?: string | undefined | undefined;
9684
- security?: string | undefined | undefined;
9685
- disabled?: boolean | undefined;
9686
- color?: string | undefined | undefined;
9687
- defaultChecked?: boolean | undefined | undefined;
9688
- defaultValue?: string | number | readonly string[] | undefined;
9689
- suppressContentEditableWarning?: boolean | undefined | undefined;
9690
- suppressHydrationWarning?: boolean | undefined | undefined;
9691
- accessKey?: string | undefined | undefined;
9692
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
9693
- autoFocus?: boolean | undefined | undefined;
9694
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
9695
- contextMenu?: string | undefined | undefined;
9696
- dir?: string | undefined | undefined;
9697
- draggable?: boolean | undefined;
9698
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
9699
- hidden?: boolean | undefined | undefined;
9700
- id?: string | undefined | undefined;
9701
- lang?: string | undefined | undefined;
9702
- nonce?: string | undefined | undefined;
9703
- slot?: string | undefined | undefined;
9704
- spellCheck?: (boolean | "true" | "false") | undefined;
9705
- tabIndex?: number | undefined | undefined;
9706
- radioGroup?: string | undefined | undefined;
9707
- role?: _$react.AriaRole | undefined;
9708
- about?: string | undefined | undefined;
9709
- datatype?: string | undefined | undefined;
9710
- inlist?: any;
9711
- prefix?: string | undefined | undefined;
9712
- property?: string | undefined | undefined;
9713
- rel?: string | undefined | undefined;
9714
- resource?: string | undefined | undefined;
9715
- rev?: string | undefined | undefined;
9716
- typeof?: string | undefined | undefined;
9717
- vocab?: string | undefined | undefined;
9718
- autoCorrect?: string | undefined | undefined;
9719
- autoSave?: string | undefined | undefined;
9720
- itemProp?: string | undefined | undefined;
9721
- itemScope?: boolean | undefined | undefined;
9722
- itemType?: string | undefined | undefined;
9723
- itemID?: string | undefined | undefined;
9724
- itemRef?: string | undefined | undefined;
9725
- results?: number | undefined | undefined;
9726
- unselectable?: "on" | "off" | undefined | undefined;
9727
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
9728
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
9729
- popoverTarget?: string | undefined | undefined;
9730
- inert?: boolean | undefined | undefined;
9731
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
9732
- is?: string | undefined | undefined;
9733
- exportparts?: string | undefined | undefined;
9734
- part?: string | undefined | undefined;
9735
- "aria-activedescendant"?: string | undefined | undefined;
9736
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
9737
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
9738
- "aria-braillelabel"?: string | undefined | undefined;
9739
- "aria-brailleroledescription"?: string | undefined | undefined;
9740
- "aria-busy"?: (boolean | "true" | "false") | undefined;
9741
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
9742
- "aria-colcount"?: number | undefined | undefined;
9743
- "aria-colindex"?: number | undefined | undefined;
9744
- "aria-colindextext"?: string | undefined | undefined;
9745
- "aria-colspan"?: number | undefined | undefined;
9746
- "aria-controls"?: string | undefined | undefined;
9747
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
9748
- "aria-describedby"?: string | undefined | undefined;
9749
- "aria-description"?: string | undefined | undefined;
9750
- "aria-details"?: string | undefined | undefined;
9751
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
9752
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
9753
- "aria-errormessage"?: string | undefined | undefined;
9754
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
9755
- "aria-flowto"?: string | undefined | undefined;
9756
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
9757
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
9758
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
9759
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
9760
- "aria-keyshortcuts"?: string | undefined | undefined;
9761
- "aria-label"?: string | undefined | undefined;
9762
- "aria-labelledby"?: string | undefined | undefined;
9763
- "aria-level"?: number | undefined | undefined;
9764
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
9765
- "aria-modal"?: (boolean | "true" | "false") | undefined;
9766
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
9767
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
9768
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
9769
- "aria-owns"?: string | undefined | undefined;
9770
- "aria-placeholder"?: string | undefined | undefined;
9771
- "aria-posinset"?: number | undefined | undefined;
9772
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
9773
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
9774
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
9775
- "aria-required"?: (boolean | "true" | "false") | undefined;
9776
- "aria-roledescription"?: string | undefined | undefined;
9777
- "aria-rowcount"?: number | undefined | undefined;
9778
- "aria-rowindex"?: number | undefined | undefined;
9779
- "aria-rowindextext"?: string | undefined | undefined;
9780
- "aria-rowspan"?: number | undefined | undefined;
9781
- "aria-selected"?: (boolean | "true" | "false") | undefined;
9782
- "aria-setsize"?: number | undefined | undefined;
9783
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
9784
- "aria-valuemax"?: number | undefined | undefined;
9785
- "aria-valuemin"?: number | undefined | undefined;
9786
- "aria-valuenow"?: number | undefined | undefined;
9787
- "aria-valuetext"?: string | undefined | undefined;
10516
+ children?: _$react.ReactNode | undefined;
9788
10517
  dangerouslySetInnerHTML?: {
9789
10518
  __html: string | TrustedHTML;
9790
- } | undefined | undefined;
10519
+ } | undefined;
9791
10520
  onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
9792
10521
  onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
9793
10522
  onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -9956,16 +10685,125 @@ declare const DsPanel: {
9956
10685
  onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
9957
10686
  onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
9958
10687
  onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
9959
- asChild?: boolean | undefined;
9960
- defaultOpen?: boolean | undefined;
9961
- open?: boolean | undefined;
9962
- variant?: DsPanelVariant | undefined;
10688
+ "aria-activedescendant"?: string | undefined;
10689
+ "aria-atomic"?: ("false" | "true" | boolean) | undefined;
10690
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
10691
+ "aria-braillelabel"?: string | undefined;
10692
+ "aria-brailleroledescription"?: string | undefined;
10693
+ "aria-busy"?: ("false" | "true" | boolean) | undefined;
10694
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
10695
+ "aria-colcount"?: number | undefined;
10696
+ "aria-colindex"?: number | undefined;
10697
+ "aria-colindextext"?: string | undefined;
10698
+ "aria-colspan"?: number | undefined;
10699
+ "aria-controls"?: string | undefined;
10700
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
10701
+ "aria-describedby"?: string | undefined;
10702
+ "aria-description"?: string | undefined;
10703
+ "aria-details"?: string | undefined;
10704
+ "aria-disabled"?: ("false" | "true" | boolean) | undefined;
10705
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
10706
+ "aria-errormessage"?: string | undefined;
10707
+ "aria-expanded"?: ("false" | "true" | boolean) | undefined;
10708
+ "aria-flowto"?: string | undefined;
10709
+ "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
10710
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
10711
+ "aria-hidden"?: ("false" | "true" | boolean) | undefined;
10712
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
10713
+ "aria-keyshortcuts"?: string | undefined;
10714
+ "aria-label"?: string | undefined;
10715
+ "aria-labelledby"?: string | undefined;
10716
+ "aria-level"?: number | undefined;
10717
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
10718
+ "aria-modal"?: ("false" | "true" | boolean) | undefined;
10719
+ "aria-multiline"?: ("false" | "true" | boolean) | undefined;
10720
+ "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
10721
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
10722
+ "aria-owns"?: string | undefined;
10723
+ "aria-placeholder"?: string | undefined;
10724
+ "aria-posinset"?: number | undefined;
10725
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
10726
+ "aria-readonly"?: ("false" | "true" | boolean) | undefined;
10727
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
10728
+ "aria-required"?: ("false" | "true" | boolean) | undefined;
10729
+ "aria-roledescription"?: string | undefined;
10730
+ "aria-rowcount"?: number | undefined;
10731
+ "aria-rowindex"?: number | undefined;
10732
+ "aria-rowindextext"?: string | undefined;
10733
+ "aria-rowspan"?: number | undefined;
10734
+ "aria-selected"?: ("false" | "true" | boolean) | undefined;
10735
+ "aria-setsize"?: number | undefined;
10736
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
10737
+ "aria-valuemax"?: number | undefined;
10738
+ "aria-valuemin"?: number | undefined;
10739
+ "aria-valuenow"?: number | undefined;
10740
+ "aria-valuetext"?: string | undefined;
10741
+ defaultChecked?: boolean | undefined;
10742
+ defaultValue?: string | number | readonly string[] | undefined;
10743
+ suppressContentEditableWarning?: boolean | undefined;
10744
+ suppressHydrationWarning?: boolean | undefined;
10745
+ accessKey?: string | undefined;
10746
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
10747
+ autoFocus?: boolean | undefined;
10748
+ className?: string | undefined;
10749
+ contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
10750
+ contextMenu?: string | undefined;
10751
+ dir?: string | undefined;
10752
+ draggable?: boolean | undefined;
10753
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
10754
+ hidden?: boolean | undefined;
10755
+ id?: string | undefined;
10756
+ lang?: string | undefined;
10757
+ nonce?: string | undefined;
10758
+ slot?: string | undefined;
10759
+ spellCheck?: ("false" | "true" | boolean) | undefined;
10760
+ style?: _$react.CSSProperties | undefined;
10761
+ tabIndex?: number | undefined;
10762
+ title?: string | undefined;
10763
+ translate?: "yes" | "no" | undefined;
10764
+ radioGroup?: string | undefined;
10765
+ role?: _$react.AriaRole | undefined;
10766
+ about?: string | undefined;
10767
+ content?: string | undefined;
10768
+ datatype?: string | undefined;
10769
+ inlist?: any;
10770
+ prefix?: string | undefined;
10771
+ property?: string | undefined;
10772
+ rel?: string | undefined;
10773
+ resource?: string | undefined;
10774
+ rev?: string | undefined;
10775
+ typeof?: string | undefined;
10776
+ vocab?: string | undefined;
10777
+ autoCorrect?: string | undefined;
10778
+ autoSave?: string | undefined;
10779
+ color?: string | undefined;
10780
+ itemProp?: string | undefined;
10781
+ itemScope?: boolean | undefined;
10782
+ itemType?: string | undefined;
10783
+ itemID?: string | undefined;
10784
+ itemRef?: string | undefined;
10785
+ results?: number | undefined;
10786
+ security?: string | undefined;
10787
+ unselectable?: "on" | "off" | undefined;
10788
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
10789
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
10790
+ popoverTarget?: string | undefined;
10791
+ inert?: boolean | undefined;
10792
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
10793
+ is?: string | undefined;
10794
+ exportparts?: string | undefined;
10795
+ part?: string | undefined;
10796
+ asChild?: boolean;
10797
+ defaultOpen?: boolean;
10798
+ open?: boolean;
10799
+ disabled?: boolean;
10800
+ variant?: DsPanelVariant;
9963
10801
  width?: ResponsiveValue<number> | undefined;
9964
- disablePadding?: boolean | undefined;
10802
+ disablePadding?: boolean;
9965
10803
  slotProps?: {
9966
10804
  collapseButton?: DsPanelCollapseButtonProps;
9967
- } | undefined;
9968
- onOpenChange?: ((open: boolean) => void) | undefined;
10805
+ };
10806
+ onOpenChange?: (open: boolean) => void;
9969
10807
  }): _$react.FunctionComponentElement<Record<string, unknown>>;
9970
10808
  displayName: string;
9971
10809
  };
@@ -9975,11 +10813,11 @@ interface DsPopoverProps {
9975
10813
  /**
9976
10814
  * The element that triggers the popover
9977
10815
  */
9978
- trigger: React.ReactNode;
10816
+ trigger: React$1.ReactNode;
9979
10817
  /**
9980
10818
  * The content to be rendered inside the popover
9981
10819
  */
9982
- children: React.ReactNode;
10820
+ children: React$1.ReactNode;
9983
10821
  /**
9984
10822
  * Additional CSS class names
9985
10823
  */
@@ -9995,12 +10833,12 @@ interface DsPopoverProps {
9995
10833
  }
9996
10834
  //#endregion
9997
10835
  //#region src/components/ds-popover/ds-popover.d.ts
9998
- declare const DsPopover: React.FC<DsPopoverProps>;
10836
+ declare const DsPopover: React$1.FC<DsPopoverProps>;
9999
10837
  //#endregion
10000
10838
  //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
10001
- declare const progressArcSizes: readonly ["small", "medium"];
10839
+ declare const progressArcSizes: readonly ['small', 'medium'];
10002
10840
  type ProgressArcSize = (typeof progressArcSizes)[number];
10003
- declare const progressArcVariants: readonly ["default", "success", "error"];
10841
+ declare const progressArcVariants: readonly ['default', 'success', 'error'];
10004
10842
  type ProgressArcVariant = (typeof progressArcVariants)[number];
10005
10843
  interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
10006
10844
  /**
@@ -10038,9 +10876,9 @@ declare const DsProgressArc: ({
10038
10876
  }: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
10039
10877
  //#endregion
10040
10878
  //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
10041
- declare const progressDonutSizes: readonly ["small", "medium"];
10879
+ declare const progressDonutSizes: readonly ['small', 'medium'];
10042
10880
  type ProgressDonutSize = (typeof progressDonutSizes)[number];
10043
- declare const progressDonutVariants: readonly ["default", "success", "error"];
10881
+ declare const progressDonutVariants: readonly ['default', 'success', 'error'];
10044
10882
  type ProgressDonutVariant = (typeof progressDonutVariants)[number];
10045
10883
  interface DsProgressDonutProps {
10046
10884
  /**
@@ -10079,9 +10917,9 @@ declare const DsProgressDonut: ({
10079
10917
  }: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
10080
10918
  //#endregion
10081
10919
  //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
10082
- declare const progressLinearVariants: readonly ["initial", "progress", "interrupted", "success", "error"];
10920
+ declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
10083
10921
  type ProgressLinearVariant = (typeof progressLinearVariants)[number];
10084
- declare const progressLinearSizes: readonly ["small", "medium", "large"];
10922
+ declare const progressLinearSizes: readonly ['small', 'medium', 'large'];
10085
10923
  type ProgressLinearSize = (typeof progressLinearSizes)[number];
10086
10924
  interface DsProgressLinearProps {
10087
10925
  /**
@@ -10112,7 +10950,7 @@ interface DsProgressLinearProps {
10112
10950
  /**
10113
10951
  * Label displayed above the progress bar (left side)
10114
10952
  */
10115
- label?: React.ReactNode;
10953
+ label?: React$1.ReactNode;
10116
10954
  /**
10117
10955
  * Whether to show the percentage value text (right side of label row)
10118
10956
  * @default true
@@ -10123,7 +10961,7 @@ interface DsProgressLinearProps {
10123
10961
  * When a string is provided, it is auto-styled with an icon and color based on the variant.
10124
10962
  * When a ReactNode is provided, it is rendered as-is.
10125
10963
  */
10126
- caption?: React.ReactNode | string;
10964
+ caption?: React$1.ReactNode | string;
10127
10965
  /**
10128
10966
  * Additional CSS class names
10129
10967
  */
@@ -10131,11 +10969,11 @@ interface DsProgressLinearProps {
10131
10969
  /**
10132
10970
  * Additional styles to apply to the component
10133
10971
  */
10134
- style?: React.CSSProperties;
10972
+ style?: React$1.CSSProperties;
10135
10973
  /**
10136
10974
  * Ref to the root element
10137
10975
  */
10138
- ref?: React.Ref<HTMLDivElement>;
10976
+ ref?: React$1.Ref<HTMLDivElement>;
10139
10977
  }
10140
10978
  //#endregion
10141
10979
  //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
@@ -10161,6 +10999,28 @@ declare const DsProgressLinear: ({
10161
10999
  * Props for the DsRadioGroup Root component
10162
11000
  */
10163
11001
  interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
11002
+ /**
11003
+ * Currently selected radio value (controlled). Pair with `onValueChange`.
11004
+ */
11005
+ value?: RadioGroupRootProps['value'];
11006
+ /**
11007
+ * Initially selected radio value when uncontrolled.
11008
+ */
11009
+ defaultValue?: RadioGroupRootProps['defaultValue'];
11010
+ /**
11011
+ * Whether the entire radio group is disabled.
11012
+ * @default false
11013
+ */
11014
+ disabled?: RadioGroupRootProps['disabled'];
11015
+ /**
11016
+ * HTML name attribute applied to each radio input, used in form submissions.
11017
+ */
11018
+ name?: RadioGroupRootProps['name'];
11019
+ /**
11020
+ * Layout orientation of the radio items.
11021
+ * @default vertical
11022
+ */
11023
+ orientation?: RadioGroupRootProps['orientation'];
10164
11024
  /**
10165
11025
  * Event handler called when the selected value changes
10166
11026
  */
@@ -10170,6 +11030,16 @@ interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value'
10170
11030
  * Props for the DsRadioGroup Item component
10171
11031
  */
10172
11032
  interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
11033
+ /**
11034
+ * Underlying value submitted when this item is selected.
11035
+ */
11036
+ value: RadioGroupItemProps['value'];
11037
+ /**
11038
+ * Whether this radio item is disabled. Takes precedence over the group-level
11039
+ * `disabled` when the group is enabled.
11040
+ * @default false
11041
+ */
11042
+ disabled?: RadioGroupItemProps['disabled'];
10173
11043
  /**
10174
11044
  * Optional label text for the radio item
10175
11045
  */
@@ -10207,7 +11077,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
10207
11077
  * Use compound component pattern instead
10208
11078
  * @deprecated
10209
11079
  */
10210
- interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
11080
+ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> {
10211
11081
  /**
10212
11082
  * The radio group options
10213
11083
  */
@@ -10222,18 +11092,20 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
10222
11092
  defaultValue?: TOption['value'];
10223
11093
  /**
10224
11094
  * Event handler called when the selected value changes
10225
- *
10226
- * @param value
10227
11095
  */
10228
11096
  onValueChange?: (value: TOption['value']) => void;
11097
+ /**
11098
+ * Whether the entire radio group is disabled.
11099
+ */
11100
+ disabled?: boolean;
10229
11101
  /**
10230
11102
  * Additional CSS class names
10231
11103
  */
10232
11104
  className?: string;
10233
11105
  /**
10234
- * Additional styles to apply to the component
11106
+ * Additional inline styles
10235
11107
  */
10236
- style?: React.CSSProperties;
11108
+ style?: React$1.CSSProperties;
10237
11109
  }
10238
11110
  //#endregion
10239
11111
  //#region src/components/ds-radio-group/ds-radio-group.d.ts
@@ -10242,7 +11114,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
10242
11114
  * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
10243
11115
  * @deprecated
10244
11116
  */
10245
- declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
11117
+ declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
10246
11118
  /**
10247
11119
  * Design system RadioGroup component
10248
11120
  *
@@ -10253,8 +11125,8 @@ declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
10253
11125
  * </DsRadioGroup.Root>
10254
11126
  */
10255
11127
  declare const DsRadioGroup: {
10256
- Root: React.FC<DsRadioGroupRootProps>;
10257
- Item: React.FC<DsRadioGroupItemProps>;
11128
+ Root: React$1.FC<DsRadioGroupRootProps>;
11129
+ Item: React$1.FC<DsRadioGroupItemProps>;
10258
11130
  };
10259
11131
  //#endregion
10260
11132
  //#region src/components/ds-segment-group/ds-segment-group.types.d.ts
@@ -10266,6 +11138,23 @@ type DsSegmentGroupSize = 'small' | 'default';
10266
11138
  * Props for the DsSegmentGroup Root component
10267
11139
  */
10268
11140
  interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
11141
+ /**
11142
+ * Currently selected segment value (controlled). Pair with `onValueChange`.
11143
+ */
11144
+ value?: SegmentGroupRootProps['value'];
11145
+ /**
11146
+ * Initially selected segment value when uncontrolled.
11147
+ */
11148
+ defaultValue?: SegmentGroupRootProps['defaultValue'];
11149
+ /**
11150
+ * Whether the entire segment group is disabled.
11151
+ * @default false
11152
+ */
11153
+ disabled?: SegmentGroupRootProps['disabled'];
11154
+ /**
11155
+ * HTML name attribute used when the group participates in a form submission.
11156
+ */
11157
+ name?: SegmentGroupRootProps['name'];
10269
11158
  /**
10270
11159
  * Size variant of the segment group
10271
11160
  * @default 'default'
@@ -10318,45 +11207,127 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
10318
11207
  * </DsSegmentGroup.Root>
10319
11208
  */
10320
11209
  declare const DsSegmentGroup: {
10321
- Root: React.FC<DsSegmentGroupRootProps>;
10322
- Item: React.FC<DsSegmentGroupItemProps>;
10323
- ItemText: React.FC<DsSegmentGroupItemTextProps>;
11210
+ Root: React$1.FC<DsSegmentGroupRootProps>;
11211
+ Item: React$1.FC<DsSegmentGroupItemProps>;
11212
+ ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
10324
11213
  };
10325
11214
  //#endregion
10326
11215
  //#region src/components/ds-typography/ds-typography.config.d.ts
10327
- declare const semanticElementMap: {
10328
- readonly 'body-md-reg': "p";
10329
- readonly 'body-md-md': "p";
10330
- readonly 'body-md-semi-bold': "p";
10331
- readonly 'body-md-bold': "p";
10332
- readonly 'body-md-link': "a";
10333
- readonly 'body-sm-reg': "span";
10334
- readonly 'body-sm-md': "span";
10335
- readonly 'body-sm-semi-bold': "span";
10336
- readonly 'body-sm-bold': "span";
10337
- readonly 'body-sm-link': "a";
10338
- readonly 'body-xs-reg': "span";
10339
- readonly 'body-xs-md': "span";
10340
- readonly 'body-xs-semi-bold': "span";
10341
- readonly 'body-xs-bold': "span";
10342
- readonly 'body-xs-link': "a";
10343
- readonly 'code-sm-reg': "code";
10344
- readonly 'code-sm-semi-bold': "code";
10345
- readonly 'code-xs-reg': "code";
10346
- readonly 'code-xs-semi-bold': "code";
10347
- readonly heading1: "h1";
10348
- readonly heading2: "h2";
10349
- readonly heading3: "h3";
10350
- readonly heading4: "h4";
11216
+ declare const typographyVariantConfig: {
11217
+ readonly 'body-md-reg': {
11218
+ readonly element: 'p';
11219
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
11220
+ };
11221
+ readonly 'body-md-md': {
11222
+ readonly element: 'p';
11223
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
11224
+ };
11225
+ readonly 'body-md-semi-bold': {
11226
+ readonly element: 'p';
11227
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
11228
+ };
11229
+ readonly 'body-md-bold': {
11230
+ readonly element: 'p';
11231
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
11232
+ };
11233
+ readonly 'body-md-link': {
11234
+ readonly element: 'a';
11235
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
11236
+ };
11237
+ readonly 'body-sm-reg': {
11238
+ readonly element: 'span';
11239
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11240
+ };
11241
+ readonly 'body-sm-md': {
11242
+ readonly element: 'span';
11243
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11244
+ };
11245
+ readonly 'body-sm-semi-bold': {
11246
+ readonly element: 'span';
11247
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11248
+ };
11249
+ readonly 'body-sm-bold': {
11250
+ readonly element: 'span';
11251
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11252
+ };
11253
+ readonly 'body-sm-link': {
11254
+ readonly element: 'a';
11255
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
11256
+ };
11257
+ readonly 'body-xs-reg': {
11258
+ readonly element: 'span';
11259
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11260
+ };
11261
+ readonly 'body-xs-md': {
11262
+ readonly element: 'span';
11263
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11264
+ };
11265
+ readonly 'body-xs-semi-bold': {
11266
+ readonly element: 'span';
11267
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11268
+ };
11269
+ readonly 'body-xs-bold': {
11270
+ readonly element: 'span';
11271
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
11272
+ };
11273
+ readonly 'body-xs-link': {
11274
+ readonly element: 'a';
11275
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
11276
+ };
11277
+ readonly 'code-sm-reg': {
11278
+ readonly element: 'code';
11279
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
11280
+ };
11281
+ readonly 'code-sm-semi-bold': {
11282
+ readonly element: 'code';
11283
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
11284
+ };
11285
+ readonly 'code-xs-reg': {
11286
+ readonly element: 'code';
11287
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
11288
+ };
11289
+ readonly 'code-xs-semi-bold': {
11290
+ readonly element: 'code';
11291
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
11292
+ };
11293
+ readonly heading1: {
11294
+ readonly element: 'h1';
11295
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
11296
+ };
11297
+ readonly heading2: {
11298
+ readonly element: 'h2';
11299
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
11300
+ };
11301
+ readonly heading3: {
11302
+ readonly element: 'h3';
11303
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
11304
+ };
11305
+ readonly heading4: {
11306
+ readonly element: 'h4';
11307
+ readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
11308
+ };
10351
11309
  };
11310
+ /** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
11311
+ declare const typographyColors: readonly ['main', 'secondary', 'action', 'action-hover', 'action-secondary', 'action-secondary-hover', 'disabled', 'light-disabled', 'on-action', 'on-disabled', 'placeholder', 'highlight', 'success', 'warning', 'error', 'code'];
10352
11312
  //#endregion
10353
11313
  //#region src/components/ds-typography/ds-typography.types.d.ts
10354
- type SemanticVariant = keyof typeof semanticElementMap;
11314
+ type SemanticVariant = keyof typeof typographyVariantConfig;
11315
+ type TypographyColor = (typeof typographyColors)[number];
10355
11316
  interface DsTypographyProps {
11317
+ /**
11318
+ * Ref to the rendered element.
11319
+ */
11320
+ ref?: Ref<HTMLElement>;
10356
11321
  /**
10357
11322
  * The semantic variant of the component
10358
11323
  */
10359
11324
  variant: SemanticVariant;
11325
+ /**
11326
+ * Text color. Semantic names map to `--font-*` tokens; raw CSS color values
11327
+ * (hex, rgb, hsl, CSS variables, named colors) pass through unchanged.
11328
+ * Omit to inherit.
11329
+ */
11330
+ color?: TypographyColor | (string & {});
10360
11331
  /**
10361
11332
  * Additional CSS class names
10362
11333
  */
@@ -10366,7 +11337,7 @@ interface DsTypographyProps {
10366
11337
  */
10367
11338
  style?: React.CSSProperties;
10368
11339
  /**
10369
- * When true, renders as Slot component for composition without extra DOM nodes
11340
+ * When true, composes typography styles onto the child element without extra DOM nodes
10370
11341
  */
10371
11342
  asChild?: boolean;
10372
11343
  /**
@@ -10376,14 +11347,21 @@ interface DsTypographyProps {
10376
11347
  }
10377
11348
  //#endregion
10378
11349
  //#region src/components/ds-typography/ds-typography.d.ts
10379
- declare const DsTypography: React.FC<DsTypographyProps & {
10380
- ref?: React.Ref<HTMLElement>;
10381
- }>;
11350
+ declare const DsTypography: ({
11351
+ ref,
11352
+ variant,
11353
+ asChild,
11354
+ className,
11355
+ style,
11356
+ color,
11357
+ children,
11358
+ ...props
11359
+ }: DsTypographyProps) => _$react_jsx_runtime0.JSX.Element;
10382
11360
  //#endregion
10383
11361
  //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
10384
- declare const skeletonColorVariants: readonly ["gray", "blue"];
11362
+ declare const skeletonColorVariants: readonly ['gray', 'blue'];
10385
11363
  type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
10386
- declare const skeletonRadiusVariants: readonly ["default", "round"];
11364
+ declare const skeletonRadiusVariants: readonly ['default', 'round'];
10387
11365
  type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
10388
11366
  /**
10389
11367
  * Shared base props for all skeleton components
@@ -10533,7 +11511,7 @@ declare const DsSkeletonRect: ({
10533
11511
  }: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
10534
11512
  //#endregion
10535
11513
  //#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
10536
- declare const colors: readonly ["dark-blue", "light-blue", "dark-gray", "green", "fuchsia", "blue", "gray", "red", "amber"];
11514
+ declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
10537
11515
  type Color = (typeof colors)[number];
10538
11516
  interface DsSmartTabProps {
10539
11517
  /**
@@ -10567,7 +11545,7 @@ interface DsSmartTabProps {
10567
11545
  /**
10568
11546
  * Additional styles to apply to the tab
10569
11547
  */
10570
- style?: React.CSSProperties;
11548
+ style?: React$1.CSSProperties;
10571
11549
  }
10572
11550
  interface DsSmartTabsProps {
10573
11551
  /**
@@ -10585,7 +11563,7 @@ interface DsSmartTabsProps {
10585
11563
  /**
10586
11564
  * Additional styles to apply to the component
10587
11565
  */
10588
- style?: React.CSSProperties;
11566
+ style?: React$1.CSSProperties;
10589
11567
  /**
10590
11568
  * The tab components as children
10591
11569
  */
@@ -10593,23 +11571,20 @@ interface DsSmartTabsProps {
10593
11571
  }
10594
11572
  //#endregion
10595
11573
  //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
10596
- /**
10597
- * Design system SmartTabs component
10598
- */
10599
- declare const DsSmartTabs: {
10600
- ({
10601
- activeTab,
10602
- onTabClick,
10603
- className,
10604
- style,
10605
- children,
10606
- ...props
10607
- }: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
10608
- Tab: React.FC<DsSmartTabProps>;
10609
- };
11574
+ declare function DsSmartTabs({
11575
+ activeTab,
11576
+ onTabClick,
11577
+ className,
11578
+ style,
11579
+ children,
11580
+ ...props
11581
+ }: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
11582
+ declare namespace DsSmartTabs {
11583
+ var Tab: React$1.FC<DsSmartTabProps>;
11584
+ }
10610
11585
  //#endregion
10611
11586
  //#region src/components/ds-spinner/ds-spinner.types.d.ts
10612
- declare const spinnerSizes: readonly ["small", "medium", "large"];
11587
+ declare const spinnerSizes: readonly ['small', 'medium', 'large'];
10613
11588
  type SpinnerSize = (typeof spinnerSizes)[number];
10614
11589
  interface DsSpinnerProps {
10615
11590
  /**
@@ -10624,35 +11599,43 @@ interface DsSpinnerProps {
10624
11599
  /**
10625
11600
  * Additional styles to apply to the component
10626
11601
  */
10627
- style?: React.CSSProperties;
11602
+ style?: React$1.CSSProperties;
10628
11603
  }
10629
11604
  //#endregion
10630
11605
  //#region src/components/ds-spinner/ds-spinner.d.ts
10631
11606
  /**
10632
11607
  * Design system Spinner component
10633
11608
  */
10634
- declare const DsSpinner: React.FC<DsSpinnerProps>;
11609
+ declare const DsSpinner: React$1.FC<DsSpinnerProps>;
10635
11610
  //#endregion
10636
11611
  //#region src/utils/type-utils.d.ts
10637
11612
  type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
10638
11613
  //#endregion
10639
11614
  //#region src/components/ds-split-button/ds-split-button.types.d.ts
10640
- declare const splitButtonSizes: readonly ["medium", "small"];
11615
+ declare const splitButtonSizes: readonly ['medium', 'small'];
10641
11616
  type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
10642
11617
  type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
10643
11618
  interface DsSplitButtonSlotProps {
11619
+ /**
11620
+ * Props forwarded to the primary action button (`DsButtonV3`). `variant`, `color`
11621
+ * and `size` are controlled by the split button and cannot be overridden here.
11622
+ */
10644
11623
  button: ButtonSlotProps;
11624
+ /**
11625
+ * Props forwarded to the dropdown select (`DsSelect`). `size` is controlled by
11626
+ * the split button and cannot be overridden here.
11627
+ */
10645
11628
  select: SelectSlotProps;
10646
11629
  }
10647
11630
  //#endregion
10648
11631
  //#region src/components/ds-split-button/index.d.ts
10649
11632
  declare const DsSplitButton: {
10650
11633
  (props: {
10651
- ref?: _$react.Ref<HTMLDivElement> | undefined;
10652
- className?: string | undefined;
10653
- style?: _$react.CSSProperties | undefined;
11634
+ ref?: _$react.Ref<HTMLDivElement>;
11635
+ className?: string;
11636
+ style?: _$react.CSSProperties;
10654
11637
  size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
10655
- disabled?: boolean | undefined;
11638
+ disabled?: boolean;
10656
11639
  slotProps: DsSplitButtonSlotProps;
10657
11640
  }): _$react.FunctionComponentElement<Record<string, unknown>>;
10658
11641
  displayName: string;
@@ -10670,18 +11653,18 @@ declare const DsStack: {
10670
11653
  flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
10671
11654
  width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
10672
11655
  children?: _$react.ReactNode;
10673
- className?: string | undefined;
10674
- style?: _$react.CSSProperties | undefined;
10675
- ref?: _$react.Ref<HTMLDivElement> | undefined;
11656
+ className?: string;
11657
+ style?: _$react.CSSProperties;
11658
+ ref?: _$react.Ref<HTMLDivElement>;
10676
11659
  }): _$react.FunctionComponentElement<Record<string, unknown>>;
10677
11660
  displayName: string;
10678
11661
  };
10679
11662
  type DsStackProps = ComponentProps<typeof DsStack>;
10680
11663
  //#endregion
10681
11664
  //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
10682
- declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
11665
+ declare const dsStatuses: readonly ['active', 'running', 'pending', 'draft', 'inactive', 'warning', 'failed'];
10683
11666
  type DsStatus = (typeof dsStatuses)[number];
10684
- declare const statusBadgeSizes: readonly ["medium", "small"];
11667
+ declare const statusBadgeSizes: readonly ['medium', 'small'];
10685
11668
  type StatusBadgeSize = (typeof statusBadgeSizes)[number];
10686
11669
  interface DsStatusBadgeProps {
10687
11670
  /**
@@ -10724,24 +11707,57 @@ interface DsStatusBadgeProps {
10724
11707
  /**
10725
11708
  * Design system StatusBadge component
10726
11709
  */
10727
- declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
11710
+ declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
10728
11711
  //#endregion
10729
11712
  //#region src/components/ds-stepper/ds-stepper.types.d.ts
10730
11713
  type DsStepperVariant = 'single';
10731
11714
  type DsStepperOrientation = 'horizontal' | 'vertical';
10732
11715
  type DsStepperProps = PropsWithChildren<{
11716
+ /**
11717
+ * Visual variant of the stepper. Currently only `single` is supported.
11718
+ * @default single
11719
+ */
10733
11720
  variant?: DsStepperVariant;
11721
+ /**
11722
+ * Layout orientation of the stepper.
11723
+ * @default horizontal
11724
+ */
10734
11725
  orientation?: DsStepperOrientation;
11726
+ /**
11727
+ * When `true`, renders the stepper as a floating overlay (typically pinned
11728
+ * to the bottom of the viewport) instead of inline in the layout.
11729
+ * @default false
11730
+ */
10735
11731
  floating?: boolean;
11732
+ /**
11733
+ * Called when the final step completes (i.e., the user finishes the last step).
11734
+ */
10736
11735
  onComplete?: steps.Props['onStepComplete'];
11736
+ /**
11737
+ * Zero-based index of the currently active step (controlled). Pair with
11738
+ * `onStepChange`.
11739
+ */
10737
11740
  activeStep?: steps.Props['step'];
11741
+ /**
11742
+ * Additional CSS class name applied to the stepper root.
11743
+ */
10738
11744
  className?: string;
10739
11745
  /**
10740
11746
  * Optional actions rendered at the end of the stepper.
10741
11747
  * Horizontal: displayed after the steps. Vertical: displayed at the bottom.
10742
11748
  */
10743
11749
  actions?: ReactNode;
10744
- } & Pick<steps.Props, 'onStepChange' | 'count'>>;
11750
+ } & Pick<steps.Props, 'onStepChange' | 'count'> & {
11751
+ /**
11752
+ * Called when the active step changes. Receives the zag-js step-change
11753
+ * details including the new index.
11754
+ */
11755
+ onStepChange?: steps.Props['onStepChange'];
11756
+ /**
11757
+ * Total number of steps in the stepper.
11758
+ */
11759
+ count?: steps.Props['count'];
11760
+ }>;
10745
11761
  //#endregion
10746
11762
  //#region src/components/ds-stepper/ds-stepper.d.ts
10747
11763
  declare function DsStepper({
@@ -10819,7 +11835,7 @@ declare function DsNextStepButton({
10819
11835
  * @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
10820
11836
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
10821
11837
  */
10822
- declare const systemStatuses: readonly ["healthy", "neutral", "error", "in-progress", "pending", "alert", "disabled"];
11838
+ declare const systemStatuses: readonly ['healthy', 'neutral', 'error', 'in-progress', 'pending', 'alert', 'disabled'];
10823
11839
  /**
10824
11840
  * @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
10825
11841
  */
@@ -10848,7 +11864,7 @@ interface DsSystemStatusProps {
10848
11864
  * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
10849
11865
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
10850
11866
  */
10851
- declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
11867
+ declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
10852
11868
  //#endregion
10853
11869
  //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
10854
11870
  /**
@@ -11003,7 +12019,13 @@ interface FilterState<TValue> {
11003
12019
  * Column filter for TanStack Table
11004
12020
  */
11005
12021
  interface ColumnFilterState<TValue> {
12022
+ /**
12023
+ * Column identifier this filter applies to (matches the column `accessorKey`).
12024
+ */
11006
12025
  id: string;
12026
+ /**
12027
+ * Current filter value, passed to the column's filter function.
12028
+ */
11007
12029
  value: TValue;
11008
12030
  }
11009
12031
  //#endregion
@@ -11470,7 +12492,7 @@ interface DsDataTableProps<TData, TValue> {
11470
12492
  /**
11471
12493
  * Ref to the table API
11472
12494
  */
11473
- ref?: React.RefObject<DsTableApi<TData> | null>;
12495
+ ref?: React$1.RefObject<DsTableApi<TData> | null>;
11474
12496
  /**
11475
12497
  * Columns of the table
11476
12498
  */
@@ -11530,7 +12552,7 @@ interface DsDataTableProps<TData, TValue> {
11530
12552
  /**
11531
12553
  * Empty state of the table
11532
12554
  */
11533
- emptyState?: React.ReactNode;
12555
+ emptyState?: React$1.ReactNode;
11534
12556
  /**
11535
12557
  * Whether the table has sticky header
11536
12558
  */
@@ -11559,7 +12581,7 @@ interface DsDataTableProps<TData, TValue> {
11559
12581
  /**
11560
12582
  * Function to render the expanded row
11561
12583
  */
11562
- renderExpandedRow?: (row: TData) => React.ReactNode;
12584
+ renderExpandedRow?: (row: TData) => React$1.ReactNode;
11563
12585
  /**
11564
12586
  * Function to handle table creation
11565
12587
  */
@@ -11815,9 +12837,9 @@ declare const DsTabs: {
11815
12837
  };
11816
12838
  //#endregion
11817
12839
  //#region src/components/ds-tag/ds-tag.types.d.ts
11818
- declare const tagSizes: readonly ["medium", "small"];
12840
+ declare const tagSizes: readonly ['medium', 'small'];
11819
12841
  type TagSize = (typeof tagSizes)[number];
11820
- declare const tagVariants: readonly ["default", "include", "exclude"];
12842
+ declare const tagVariants: readonly ['default', 'include', 'exclude'];
11821
12843
  type TagVariant = (typeof tagVariants)[number];
11822
12844
  interface DsTagProps {
11823
12845
  /**
@@ -11836,6 +12858,9 @@ interface DsTagProps {
11836
12858
  * Locale object (you can pass custom strings for localization)
11837
12859
  */
11838
12860
  locale?: {
12861
+ /**
12862
+ * aria-label for the delete button (shown when `onDelete` is provided).
12863
+ */
11839
12864
  deleteAriaLabel?: string;
11840
12865
  };
11841
12866
  /**
@@ -11870,6 +12895,9 @@ interface DsTagProps {
11870
12895
  * @default false
11871
12896
  */
11872
12897
  disabled?: boolean;
12898
+ /**
12899
+ * Optional render slots for customizing parts of the tag.
12900
+ */
11873
12901
  slots?: {
11874
12902
  /**
11875
12903
  * Icon to display at the start of the input
@@ -11920,6 +12948,10 @@ interface TagFilterItem {
11920
12948
  * Additional props to pass to the components
11921
12949
  */
11922
12950
  slotProps?: {
12951
+ /**
12952
+ * Props forwarded to the underlying `DsTag` rendered for this item. Useful
12953
+ * for per-item overrides such as `variant` or `size`.
12954
+ */
11923
12955
  tag?: Partial<DsTagProps>;
11924
12956
  };
11925
12957
  }
@@ -11932,9 +12964,21 @@ interface DsTagFilterProps {
11932
12964
  * Locale object (you can pass custom strings for localization)
11933
12965
  */
11934
12966
  locale?: {
12967
+ /**
12968
+ * Heading label shown above the tag list (e.g., "Filters").
12969
+ */
11935
12970
  label?: string;
12971
+ /**
12972
+ * Label for the "Clear all" button.
12973
+ */
11936
12974
  clearButton?: string;
12975
+ /**
12976
+ * Label for the button that reveals hidden tags when the list overflows.
12977
+ */
11937
12978
  showMore?: string;
12979
+ /**
12980
+ * Label for the button that collapses the expanded list back to the preview.
12981
+ */
11938
12982
  showLess?: string;
11939
12983
  };
11940
12984
  /**
@@ -11983,7 +13027,7 @@ declare const DsTagFilter: ({
11983
13027
  }: DsTagFilterProps) => _$react_jsx_runtime0.JSX.Element | null;
11984
13028
  //#endregion
11985
13029
  //#region src/components/ds-toast/ds-toast.types.d.ts
11986
- declare const toastVariants: readonly ["info", "success", "warning", "error"];
13030
+ declare const toastVariants: readonly ['info', 'success', 'warning', 'error'];
11987
13031
  type ToastVariant = (typeof toastVariants)[number];
11988
13032
  type DsToastConfig = {
11989
13033
  persistent?: never;
@@ -12069,7 +13113,7 @@ declare const DsToastProvider: FC<DsToastProviderProps>;
12069
13113
  declare const useToaster: () => DsToastContextType;
12070
13114
  //#endregion
12071
13115
  //#region src/components/ds-toggle/ds-toggle.types.d.ts
12072
- declare const toggleSizes: readonly ["default", "small"];
13116
+ declare const toggleSizes: readonly ['default', 'small'];
12073
13117
  type ToggleSize = (typeof toggleSizes)[number];
12074
13118
  /**
12075
13119
  * Props for the DsToggle component
@@ -12160,7 +13204,13 @@ interface DsTooltipProps {
12160
13204
  * The content to be rendered inside the tooltip
12161
13205
  */
12162
13206
  children: ReactNode;
13207
+ /**
13208
+ * Props forwarded to nested sub-components.
13209
+ */
12163
13210
  slotProps?: {
13211
+ /**
13212
+ * Props forwarded to the tooltip content popover (className / inline styles).
13213
+ */
12164
13214
  content?: {
12165
13215
  className?: string;
12166
13216
  style?: CSSProperties;
@@ -12173,14 +13223,34 @@ declare const DsTooltip: FC<DsTooltipProps>;
12173
13223
  //#endregion
12174
13224
  //#region src/components/ds-tree/ds-tree.types.d.ts
12175
13225
  interface DsTreeNode {
13226
+ /**
13227
+ * Stable identifier for the node. Used as the key in selection, expansion, and
13228
+ * checked-state arrays.
13229
+ */
12176
13230
  id: string;
13231
+ /**
13232
+ * Display name rendered for the node
13233
+ */
12177
13234
  name: string;
13235
+ /**
13236
+ * Whether the node is disabled and cannot be selected, expanded, or checked.
13237
+ * @default false
13238
+ */
12178
13239
  disabled?: boolean;
13240
+ /**
13241
+ * Optional icon rendered before the node name
13242
+ */
12179
13243
  icon?: IconType;
13244
+ /**
13245
+ * Optional status indicator shown next to the node (e.g., active/inactive filter).
13246
+ */
12180
13247
  status?: FilterStatus;
13248
+ /**
13249
+ * Child nodes rendered under this node when it is expanded. Leaf nodes omit this.
13250
+ */
12181
13251
  children?: DsTreeNode[];
12182
13252
  }
12183
- declare const dsTreeSizes: readonly ["medium", "small"];
13253
+ declare const dsTreeSizes: readonly ['medium', 'small'];
12184
13254
  type DsTreeSize = (typeof dsTreeSizes)[number];
12185
13255
  interface DsTreeBaseProps {
12186
13256
  className?: string;
@@ -12190,28 +13260,84 @@ interface DsTreeBasePropsWithChildren extends DsTreeBaseProps {
12190
13260
  children?: ReactNode;
12191
13261
  }
12192
13262
  interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBasePropsWithChildren {
13263
+ /**
13264
+ * Ark UI tree collection describing the node hierarchy. Build it with
13265
+ * `createTreeCollection` and pass the resulting collection in.
13266
+ */
12193
13267
  collection: TreeView.RootProps<T>['collection'];
13268
+ /**
13269
+ * Controls visual density of tree rows.
13270
+ * @default medium
13271
+ */
12194
13272
  size?: DsTreeSize;
13273
+ /**
13274
+ * Ref forwarded to the tree root element
13275
+ */
12195
13276
  ref?: Ref<HTMLDivElement>;
13277
+ /**
13278
+ * Ids of currently selected nodes (controlled). Use with `onSelectionChange`.
13279
+ */
12196
13280
  selectedValue?: string[];
13281
+ /**
13282
+ * Ids of nodes selected initially when uncontrolled.
13283
+ */
12197
13284
  defaultSelectedValue?: string[];
13285
+ /**
13286
+ * Called when node selection changes. Receives the Ark selection details
13287
+ * including the new `selectedValue` array.
13288
+ */
12198
13289
  onSelectionChange?: TreeView.RootProps<T>['onSelectionChange'];
13290
+ /**
13291
+ * Whether only one node can be selected at a time (`single`) or multiple
13292
+ * selections are allowed (`multiple`).
13293
+ * @default single
13294
+ */
12199
13295
  selectionMode?: 'single' | 'multiple';
13296
+ /**
13297
+ * Ids of currently expanded branch nodes (controlled). Use with `onExpandedChange`.
13298
+ */
12200
13299
  expandedValue?: string[];
13300
+ /**
13301
+ * Ids of branch nodes expanded initially when uncontrolled.
13302
+ */
12201
13303
  defaultExpandedValue?: string[];
13304
+ /**
13305
+ * Called when the set of expanded nodes changes. Receives the Ark expansion
13306
+ * details including the new `expandedValue` array.
13307
+ */
12202
13308
  onExpandedChange?: TreeView.RootProps<T>['onExpandedChange'];
13309
+ /**
13310
+ * Whether clicking anywhere on a branch row toggles its expansion in addition
13311
+ * to clicking the branch indicator.
13312
+ * @default false
13313
+ */
12203
13314
  expandOnClick?: boolean;
13315
+ /**
13316
+ * Ids of nodes currently in the "checked" state (for checkbox trees). Use with
13317
+ * `onCheckedChange`.
13318
+ */
12204
13319
  checkedValue?: string[];
13320
+ /**
13321
+ * Ids of nodes initially checked when uncontrolled.
13322
+ */
12205
13323
  defaultCheckedValue?: string[];
13324
+ /**
13325
+ * Called when the set of checked nodes changes. Receives the Ark checked-change
13326
+ * details including the new `checkedValue` array.
13327
+ */
12206
13328
  onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
12207
13329
  /**
12208
- * Whether to enable typeahead navigation — typing characters focuses matching nodes
13330
+ * Whether to enable typeahead navigation — typing characters focuses matching nodes.
12209
13331
  */
12210
13332
  typeahead?: boolean;
12211
13333
  /**
12212
- * Whether to defer mounting of branch content until a branch is first expanded
13334
+ * Whether to defer mounting of branch content until a branch is first expanded.
12213
13335
  */
12214
13336
  lazyMount?: boolean;
13337
+ /**
13338
+ * Whether to unmount branch content when the branch is collapsed (vs. hiding it).
13339
+ * Pair with `lazyMount` to control mounting strategy.
13340
+ */
12215
13341
  unmountOnExit?: boolean;
12216
13342
  }
12217
13343
  type DsTreeTreeProps = DsTreeBasePropsWithChildren;
@@ -12222,12 +13348,18 @@ type DsTreeBranchTextProps = DsTreeBasePropsWithChildren;
12222
13348
  type DsTreeBranchContentProps = DsTreeBasePropsWithChildren;
12223
13349
  type DsTreeBranchIndentGuideProps = DsTreeBaseProps;
12224
13350
  interface DsTreeItemProps extends DsTreeBasePropsWithChildren {
13351
+ /**
13352
+ * Called when the leaf item is clicked. Receives the native mouse event.
13353
+ */
12225
13354
  onClick?: (event: MouseEvent<HTMLDivElement>) => void;
12226
13355
  }
12227
13356
  type DsTreeItemTextProps = DsTreeBasePropsWithChildren;
12228
13357
  type DsTreeItemIndicatorProps = DsTreeBaseProps;
12229
13358
  type DsTreeNodeCheckboxProps = DsTreeBaseProps;
12230
13359
  interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
13360
+ /**
13361
+ * Called when the row action button is clicked. Receives the native mouse event.
13362
+ */
12231
13363
  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
12232
13364
  }
12233
13365
  //#endregion
@@ -12388,48 +13520,78 @@ interface DsVerticalTabsContentProps {
12388
13520
  }
12389
13521
  //#endregion
12390
13522
  //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
12391
- /**
12392
- * Design system vertical tabs component - compound component for flexible vertical navigation
12393
- *
12394
- * @example
12395
- * ```tsx
12396
- * <DsVerticalTabs value={selected} onValueChange={handleChange}>
12397
- * <DsVerticalTabs.List>
12398
- * <DsVerticalTabs.Tab value="status">
12399
- * <span>Status</span>
12400
- * <span className={styles.badge}>5</span>
12401
- * </DsVerticalTabs.Tab>
12402
- * <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
12403
- * </DsVerticalTabs.List>
12404
- * <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
12405
- * <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
12406
- * </DsVerticalTabs>
12407
- * ```
12408
- */
12409
- declare const DsVerticalTabs: {
12410
- ({
12411
- value,
12412
- onValueChange,
12413
- className,
12414
- style,
12415
- children
12416
- }: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
12417
- List: ({
13523
+ declare function DsVerticalTabs({
13524
+ value,
13525
+ onValueChange,
13526
+ className,
13527
+ style,
13528
+ children
13529
+ }: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
13530
+ declare namespace DsVerticalTabs {
13531
+ var List: ({
12418
13532
  className,
12419
13533
  children
12420
13534
  }: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
12421
- Tab: ({
13535
+ }
13536
+ declare namespace DsVerticalTabs {
13537
+ var Tab: ({
12422
13538
  value,
12423
13539
  disabled,
12424
13540
  className,
12425
13541
  children
12426
13542
  }: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
12427
- Content: ({
13543
+ }
13544
+ declare namespace DsVerticalTabs {
13545
+ var Content: ({
12428
13546
  value,
12429
13547
  className,
12430
13548
  children
12431
13549
  }: DsVerticalTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
12432
- };
13550
+ }
13551
+ //#endregion
13552
+ //#region src/components/ds-workspace/ds-workspace.types.d.ts
13553
+ interface DsWorkspaceProps extends ComponentPropsWithRef<'div'> {
13554
+ /**
13555
+ * Whether the workspace should fill its parent height (`100%`) instead of the viewport (`100vh`).
13556
+ * @default false
13557
+ */
13558
+ fillParent?: boolean;
13559
+ }
13560
+ type DsWorkspaceHeaderProps = ComponentPropsWithRef<'header'>;
13561
+ type DsWorkspaceSubHeaderProps = ComponentPropsWithRef<'div'>;
13562
+ type DsWorkspaceContentProps = ComponentPropsWithRef<'div'>;
13563
+ type DsWorkspaceFooterProps = ComponentPropsWithRef<'footer'>;
13564
+ //#endregion
13565
+ //#region src/components/ds-workspace/ds-workspace.d.ts
13566
+ declare function DsWorkspace({
13567
+ className,
13568
+ fillParent,
13569
+ ...rest
13570
+ }: DsWorkspaceProps): _$react_jsx_runtime0.JSX.Element;
13571
+ declare namespace DsWorkspace {
13572
+ var Header: ({
13573
+ className,
13574
+ ...rest
13575
+ }: DsWorkspaceHeaderProps) => _$react_jsx_runtime0.JSX.Element;
13576
+ }
13577
+ declare namespace DsWorkspace {
13578
+ var SubHeader: ({
13579
+ className,
13580
+ ...rest
13581
+ }: DsWorkspaceSubHeaderProps) => _$react_jsx_runtime0.JSX.Element;
13582
+ }
13583
+ declare namespace DsWorkspace {
13584
+ var Content: ({
13585
+ className,
13586
+ ...rest
13587
+ }: DsWorkspaceContentProps) => _$react_jsx_runtime0.JSX.Element;
13588
+ }
13589
+ declare namespace DsWorkspace {
13590
+ var Footer: ({
13591
+ className,
13592
+ ...rest
13593
+ }: DsWorkspaceFooterProps) => _$react_jsx_runtime0.JSX.Element;
13594
+ }
12433
13595
  //#endregion
12434
- export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
13596
+ export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspace, type DsWorkspaceContentProps, type DsWorkspaceFooterProps, type DsWorkspaceHeaderProps, type DsWorkspaceProps, type DsWorkspaceSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, UseCheckboxSelectAllOptions, UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
12435
13597
  //# sourceMappingURL=index.d.cts.map