@drivenets/design-system 0.16.0 → 0.17.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 (101) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/index.cjs +234 -191
  3. package/dist/index.d.cts +250 -197
  4. package/dist/index.d.cts.map +1 -1
  5. package/dist/index.d.ts +250 -197
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +234 -191
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.min.css +1 -1
  10. package/package.json +24 -24
  11. package/src/components/ds-alert-banner/ds-alert-banner.tsx +7 -6
  12. package/src/components/ds-autocomplete/ds-autocomplete.figma.ts +2 -2
  13. package/src/components/ds-avatar/ds-avatar.figma.ts +2 -2
  14. package/src/components/ds-avatar-group/ds-avatar-group.figma.ts +2 -2
  15. package/src/components/ds-breadcrumb/ds-breadcrumb.figma.ts +2 -2
  16. package/src/components/ds-button-v3/ds-button-v3.figma.ts +2 -2
  17. package/src/components/ds-card/figma/ds-card-content.figma.ts +2 -2
  18. package/src/components/ds-card/figma/ds-card-footer.figma.ts +2 -2
  19. package/src/components/ds-card/figma/ds-card-header.figma.ts +2 -2
  20. package/src/components/ds-card/figma/ds-card.figma.ts +2 -2
  21. package/src/components/ds-catalog-layout/ds-catalog-layout.figma.ts +51 -0
  22. package/src/components/ds-catalog-layout/ds-catalog-layout.tsx +9 -8
  23. package/src/components/ds-checkbox/ds-checkbox-level-2.figma.ts +2 -2
  24. package/src/components/ds-checkbox/ds-checkbox.figma.ts +2 -2
  25. package/src/components/ds-checkbox-group/ds-checkbox-group.figma.ts +2 -2
  26. package/src/components/ds-comments-drawer/components/comments-filter-modal/index.ts +0 -1
  27. package/src/components/ds-confirmation/ds-confirmation.tsx +13 -11
  28. package/src/components/ds-date-picker/ds-date-picker.figma.ts +2 -2
  29. package/src/components/ds-divider/ds-divider.figma.ts +2 -2
  30. package/src/components/ds-drawer/ds-drawer.tsx +11 -10
  31. package/src/components/ds-drawer/figma/ds-drawer-content.figma.ts +2 -2
  32. package/src/components/ds-drawer/figma/ds-drawer-footer.figma.ts +2 -2
  33. package/src/components/ds-drawer/figma/ds-drawer-header.figma.ts +2 -2
  34. package/src/components/ds-drawer/figma/ds-drawer.figma.ts +2 -2
  35. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-footer.figma.ts +2 -2
  36. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-group.figma.ts +2 -2
  37. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-item.figma.ts +2 -2
  38. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-separator.figma.ts +2 -2
  39. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu.figma.ts +2 -2
  40. package/src/components/ds-expandable-text-input/ds-expandable-text-input.figma.ts +2 -2
  41. package/src/components/ds-file-upload/components/file-upload-item/index.ts +0 -1
  42. package/src/components/ds-file-upload/ds-file-upload.figma.ts +2 -2
  43. package/src/components/ds-filter-status-icon/ds-filter-status-icon.figma.ts +2 -2
  44. package/src/components/ds-form-control/ds-form-control.figma.ts +2 -2
  45. package/src/components/ds-form-control/ds-form-control.tsx +15 -13
  46. package/src/components/ds-icon/figma/ds-icon-material.figma.batch.ts +1 -1
  47. package/src/components/ds-icon/figma/ds-icon-special.figma.batch.ts +1 -1
  48. package/src/components/ds-key-value-pair/ds-key-value-pair.figma.ts +2 -2
  49. package/src/components/ds-loader/ds-loader.figma.ts +2 -2
  50. package/src/components/ds-modal/ds-modal.tsx +10 -9
  51. package/src/components/ds-modal/figma/ds-modal-content.figma.ts +2 -2
  52. package/src/components/ds-modal/figma/ds-modal-footer.figma.ts +2 -2
  53. package/src/components/ds-modal/figma/ds-modal-header.figma.ts +2 -2
  54. package/src/components/ds-modal/figma/ds-modal.figma.ts +2 -2
  55. package/src/components/ds-number-input/ds-number-input.tsx +1 -0
  56. package/src/components/ds-panel/ds-panel.figma.ts +2 -2
  57. package/src/components/ds-popover/figma/ds-popover-content-item.figma.ts +2 -2
  58. package/src/components/ds-popover/figma/ds-popover-content.figma.ts +2 -2
  59. package/src/components/ds-popover/figma/ds-popover-footer.figma.ts +2 -2
  60. package/src/components/ds-popover/figma/ds-popover-header.figma.ts +2 -2
  61. package/src/components/ds-popover/figma/ds-popover.figma.ts +2 -2
  62. package/src/components/ds-progress-arc/ds-progress-arc.figma.ts +2 -2
  63. package/src/components/ds-progress-donut/ds-progress-donut.figma.ts +2 -2
  64. package/src/components/ds-progress-linear/ds-progress-linear.figma.ts +2 -2
  65. package/src/components/ds-progress-task-bar/ds-progress-task-bar.figma.ts +2 -2
  66. package/src/components/ds-radio-group/figma/ds-radio-group-item.figma.ts +2 -2
  67. package/src/components/ds-radio-group/figma/ds-radio-group.figma.ts +2 -2
  68. package/src/components/ds-segment-group/figma/ds-segment-group-item.figma.ts +2 -2
  69. package/src/components/ds-segment-group/figma/ds-segment-group.figma.ts +2 -2
  70. package/src/components/ds-select/ds-select.figma.ts +2 -2
  71. package/src/components/ds-site-node/ds-site-node.figma.ts +2 -2
  72. package/src/components/ds-smart-tabs/ds-smart-tabs.tsx +5 -4
  73. package/src/components/ds-spinner/ds-spinner.figma.ts +2 -2
  74. package/src/components/ds-split-button/ds-split-button.figma.ts +2 -2
  75. package/src/components/ds-status-badge-v2/ds-status-badge-v2.figma.ts +2 -2
  76. package/src/components/ds-stepper/ds-stepper.figma.ts +2 -2
  77. package/src/components/ds-table/components/ds-table-group-header-cell/index.ts +0 -1
  78. package/src/components/ds-table/components/ds-table-header/ds-table-header.module.scss +2 -2
  79. package/src/components/ds-table/components/ds-table-header/ds-table-header.tsx +2 -4
  80. package/src/components/ds-table/ds-table.module.scss +15 -0
  81. package/src/components/ds-table/ds-table.tsx +37 -34
  82. package/src/components/ds-table/ds-table.types.ts +6 -0
  83. package/src/components/ds-table/figma/ds-table-expandable.figma.ts +2 -2
  84. package/src/components/ds-table/figma/ds-table.figma.ts +2 -2
  85. package/src/components/ds-tabs/figma/ds-tabs-tab-vertical.figma.ts +2 -2
  86. package/src/components/ds-tabs/figma/ds-tabs-tab.figma.ts +2 -2
  87. package/src/components/ds-tabs/figma/ds-tabs-vertical.figma.ts +2 -2
  88. package/src/components/ds-tabs/figma/ds-tabs.figma.ts +2 -2
  89. package/src/components/ds-text-input/ds-input-field-v02.figma.ts +2 -2
  90. package/src/components/ds-text-input/ds-text-input.figma.ts +2 -2
  91. package/src/components/ds-time-picker/ds-time-picker.figma.ts +2 -2
  92. package/src/components/ds-toast/ds-toast.figma.ts +3 -3
  93. package/src/components/ds-toggle/ds-toggle.figma.ts +2 -2
  94. package/src/components/ds-tooltip/ds-tooltip.figma.ts +2 -2
  95. package/src/components/ds-tree/ds-tree.module.scss +2 -2
  96. package/src/components/ds-tree/ds-tree.tsx +6 -0
  97. package/src/components/ds-tree/ds-tree.types.ts +16 -0
  98. package/src/components/ds-typography/ds-typography.figma.ts +2 -2
  99. package/src/components/ds-user-card/ds-user-card.figma.ts +2 -2
  100. package/src/components/ds-vertical-tabs/ds-vertical-tabs.tsx +13 -6
  101. package/src/components/ds-workspace-layout/ds-workspace-layout.tsx +11 -10
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as React$2 from "react";
1
2
  import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
2
3
  import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
3
4
  import { Menu } from "@ark-ui/react/menu";
@@ -6310,7 +6311,7 @@ interface DsIconProps {
6310
6311
  }
6311
6312
  //#endregion
6312
6313
  //#region src/components/ds-icon/ds-icon.d.ts
6313
- declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react/jsx-runtime").JSX.Element;
6314
+ declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react").JSX.Element;
6314
6315
  declare namespace DsIcon {
6315
6316
  var displayName: string;
6316
6317
  }
@@ -6360,19 +6361,20 @@ interface DsAlertBannerProps {
6360
6361
  }
6361
6362
  //#endregion
6362
6363
  //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
6363
- declare function DsAlertBanner({ open, onOpenChange, inline, variant, icon, closable, className, style, children }: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
6364
- declare namespace DsAlertBanner {
6365
- export { Title$2 as Title };
6366
- export { Body$5 as Body };
6367
- export { Actions$2 as Actions };
6368
- export var displayName: string;
6369
- }
6364
+ /**
6365
+ * @summary Controlled banner for surfacing contextual status messages.
6366
+ *
6367
+ * Renders as an inline bordered card or a full-width global bar, with five
6368
+ * severity variants, an optional icon, and an optional close button. Compose the
6369
+ * content with `DsAlertBanner.Title`, `DsAlertBanner.Body`, and `DsAlertBanner.Actions`.
6370
+ */
6371
+ declare const DsAlertBannerRoot: ({ open, onOpenChange, inline, variant, icon, closable, className, style, children }: DsAlertBannerProps) => import("react").JSX.Element | null;
6370
6372
  declare const Title$2: {
6371
6373
  ({ style, className, children }: {
6372
6374
  style?: CSSProperties;
6373
6375
  className?: string;
6374
6376
  children: ReactNode;
6375
- }): import("react/jsx-runtime").JSX.Element;
6377
+ }): import("react").JSX.Element;
6376
6378
  displayName: string;
6377
6379
  };
6378
6380
  declare const Body$5: {
@@ -6380,7 +6382,7 @@ declare const Body$5: {
6380
6382
  style?: CSSProperties;
6381
6383
  className?: string;
6382
6384
  children: ReactNode;
6383
- }): import("react/jsx-runtime").JSX.Element;
6385
+ }): import("react").JSX.Element;
6384
6386
  displayName: string;
6385
6387
  };
6386
6388
  declare const Actions$2: {
@@ -6388,8 +6390,14 @@ declare const Actions$2: {
6388
6390
  style?: CSSProperties;
6389
6391
  className?: string;
6390
6392
  children: ReactNode;
6391
- }): import("react/jsx-runtime").JSX.Element;
6393
+ }): import("react").JSX.Element;
6394
+ displayName: string;
6395
+ };
6396
+ declare const DsAlertBanner: typeof DsAlertBannerRoot & {
6392
6397
  displayName: string;
6398
+ Title: typeof Title$2;
6399
+ Body: typeof Body$5;
6400
+ Actions: typeof Actions$2;
6393
6401
  };
6394
6402
  //#endregion
6395
6403
  //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
@@ -6488,7 +6496,7 @@ interface DsAutocompleteProps {
6488
6496
  }
6489
6497
  //#endregion
6490
6498
  //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
6491
- declare function DsAutocomplete({ id, options, loading, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react/jsx-runtime").JSX.Element;
6499
+ declare function DsAutocomplete({ id, options, loading, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
6492
6500
  declare namespace DsAutocomplete {
6493
6501
  var displayName: string;
6494
6502
  }
@@ -6767,7 +6775,7 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
6767
6775
  });
6768
6776
  //#endregion
6769
6777
  //#region src/components/ds-button/ds-button.d.ts
6770
- declare function DsButton(props: DsButtonUnifiedProps): import("react/jsx-runtime").JSX.Element;
6778
+ declare function DsButton(props: DsButtonUnifiedProps): import("react").JSX.Element;
6771
6779
  declare namespace DsButton {
6772
6780
  var displayName: string;
6773
6781
  }
@@ -7197,7 +7205,7 @@ type DsCardFooterProps = DsCardSlotProps;
7197
7205
  * Use composition with DsCard.Header, DsCard.Body, DsCard.Footer for full flexibility.
7198
7206
  */
7199
7207
  declare const Root: {
7200
- ({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react/jsx-runtime").JSX.Element;
7208
+ ({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react").JSX.Element;
7201
7209
  displayName: string;
7202
7210
  };
7203
7211
  /**
@@ -7205,21 +7213,21 @@ declare const Root: {
7205
7213
  * Provide custom children for full layout flexibility.
7206
7214
  */
7207
7215
  declare const Header$4: {
7208
- ({ className, children, ref, ...rest }: DsCardHeaderProps): import("react/jsx-runtime").JSX.Element;
7216
+ ({ className, children, ref, ...rest }: DsCardHeaderProps): import("react").JSX.Element;
7209
7217
  displayName: string;
7210
7218
  };
7211
7219
  /**
7212
7220
  * Card body - main content area.
7213
7221
  */
7214
7222
  declare const Body$4: {
7215
- ({ className, children, ref, ...rest }: DsCardBodyProps): import("react/jsx-runtime").JSX.Element;
7223
+ ({ className, children, ref, ...rest }: DsCardBodyProps): import("react").JSX.Element;
7216
7224
  displayName: string;
7217
7225
  };
7218
7226
  /**
7219
7227
  * Card footer - bottom section for actions or additional info.
7220
7228
  */
7221
7229
  declare const Footer$3: {
7222
- ({ className, children, ref, ...rest }: DsCardFooterProps): import("react/jsx-runtime").JSX.Element;
7230
+ ({ className, children, ref, ...rest }: DsCardFooterProps): import("react").JSX.Element;
7223
7231
  displayName: string;
7224
7232
  };
7225
7233
  declare const DsCard: {
@@ -7287,34 +7295,34 @@ interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'
7287
7295
  }
7288
7296
  //#endregion
7289
7297
  //#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
7290
- declare function DsCatalogLayout({ className, fillParent, ...rest }: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
7291
- declare namespace DsCatalogLayout {
7292
- export { Header$3 as Header };
7293
- export { Body$3 as Body };
7294
- export { SideMenu$1 as SideMenu };
7295
- export { Content$1 as Content };
7296
- export { ContentHeader };
7297
- export var displayName: string;
7298
- }
7298
+ declare const DsCatalogLayoutRoot: ({ className, fillParent, ...rest }: DsCatalogLayoutProps) => import("react").JSX.Element;
7299
7299
  declare const Header$3: {
7300
- ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
7300
+ ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react").JSX.Element;
7301
7301
  displayName: string;
7302
7302
  };
7303
7303
  declare const Body$3: {
7304
- ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
7304
+ ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react").JSX.Element;
7305
7305
  displayName: string;
7306
7306
  };
7307
7307
  declare const SideMenu$1: {
7308
- ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
7308
+ ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react").JSX.Element;
7309
7309
  displayName: string;
7310
7310
  };
7311
7311
  declare const Content$1: {
7312
- ({ className, ...rest }: DsCatalogLayoutContentProps): import("react/jsx-runtime").JSX.Element;
7312
+ ({ className, ...rest }: DsCatalogLayoutContentProps): import("react").JSX.Element;
7313
7313
  displayName: string;
7314
7314
  };
7315
7315
  declare const ContentHeader: {
7316
- ({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react/jsx-runtime").JSX.Element;
7316
+ ({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react").JSX.Element;
7317
+ displayName: string;
7318
+ };
7319
+ declare const DsCatalogLayout: typeof DsCatalogLayoutRoot & {
7317
7320
  displayName: string;
7321
+ Header: typeof Header$3;
7322
+ Body: typeof Body$3;
7323
+ SideMenu: typeof SideMenu$1;
7324
+ Content: typeof Content$1;
7325
+ ContentHeader: typeof ContentHeader;
7318
7326
  };
7319
7327
  //#endregion
7320
7328
  //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
@@ -7348,7 +7356,7 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
7348
7356
  }
7349
7357
  //#endregion
7350
7358
  //#region src/components/ds-checkbox/ds-checkbox.d.ts
7351
- declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react/jsx-runtime").JSX.Element;
7359
+ declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react").JSX.Element;
7352
7360
  declare namespace DsCheckbox {
7353
7361
  var displayName: string;
7354
7362
  }
@@ -7682,7 +7690,7 @@ interface DsCommentCardProps {
7682
7690
  }
7683
7691
  //#endregion
7684
7692
  //#region src/components/ds-comment-card/ds-comment-card.d.ts
7685
- declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react/jsx-runtime").JSX.Element;
7693
+ declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react").JSX.Element;
7686
7694
  declare namespace DsCommentCard {
7687
7695
  var displayName: string;
7688
7696
  }
@@ -7793,7 +7801,7 @@ interface DsCommentBubbleProps {
7793
7801
  }
7794
7802
  //#endregion
7795
7803
  //#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
7796
- declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react/jsx-runtime").JSX.Element;
7804
+ declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react").JSX.Element;
7797
7805
  declare namespace DsCommentBubble {
7798
7806
  var displayName: string;
7799
7807
  }
@@ -7837,7 +7845,7 @@ interface DsCommentThreadProps {
7837
7845
  }
7838
7846
  //#endregion
7839
7847
  //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
7840
- declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react/jsx-runtime").JSX.Element | null;
7848
+ declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react").JSX.Element | null;
7841
7849
  declare namespace DsCommentThread {
7842
7850
  var displayName: string;
7843
7851
  }
@@ -7896,7 +7904,7 @@ interface DsThreadItemProps {
7896
7904
  }
7897
7905
  //#endregion
7898
7906
  //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
7899
- declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react/jsx-runtime").JSX.Element;
7907
+ declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react").JSX.Element;
7900
7908
  declare namespace DsThreadItem {
7901
7909
  var displayName: string;
7902
7910
  }
@@ -7940,7 +7948,7 @@ interface DsCommentIndicatorProps {
7940
7948
  }
7941
7949
  //#endregion
7942
7950
  //#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
7943
- declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react/jsx-runtime").JSX.Element;
7951
+ declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react").JSX.Element;
7944
7952
  declare namespace DsCommentIndicator {
7945
7953
  var displayName: string;
7946
7954
  }
@@ -8032,7 +8040,7 @@ interface DsCommentsDrawerProps {
8032
8040
  }
8033
8041
  //#endregion
8034
8042
  //#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
8035
- declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react/jsx-runtime").JSX.Element;
8043
+ declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react").JSX.Element;
8036
8044
  declare namespace DsCommentsDrawer {
8037
8045
  var displayName: string;
8038
8046
  }
@@ -8115,58 +8123,61 @@ interface DsConfirmationProps {
8115
8123
  }
8116
8124
  //#endregion
8117
8125
  //#region src/components/ds-confirmation/ds-confirmation.d.ts
8118
- declare function DsConfirmation(props: DsConfirmationProps): import("react/jsx-runtime").JSX.Element;
8119
- declare namespace DsConfirmation {
8120
- export var Header: {
8126
+ declare const DsConfirmationRoot: (props: DsConfirmationProps) => import("react").JSX.Element;
8127
+ /**
8128
+ * @deprecated DsConfirmation is deprecated. Use DsModal instead.
8129
+ * @see {@link ../ds-modal} for the replacement component.
8130
+ */
8131
+ declare const DsConfirmation: typeof DsConfirmationRoot & {
8132
+ displayName: string;
8133
+ Header: {
8121
8134
  ({ style, className, children }: {
8122
8135
  style?: import("react").CSSProperties;
8123
8136
  className?: string;
8124
8137
  children: import("react").ReactNode;
8125
- }): import("react/jsx-runtime").JSX.Element;
8138
+ }): import("react").JSX.Element;
8126
8139
  displayName: string;
8127
8140
  };
8128
- export var Title: {
8141
+ Title: {
8129
8142
  ({ style, className, children }: {
8130
8143
  style?: import("react").CSSProperties;
8131
8144
  className?: string;
8132
8145
  children: import("react").ReactNode;
8133
- }): import("react/jsx-runtime").JSX.Element;
8146
+ }): import("react").JSX.Element;
8134
8147
  displayName: string;
8135
8148
  };
8136
- export var CloseTrigger: {
8149
+ CloseTrigger: {
8137
8150
  ({ style, className }: {
8138
8151
  style?: import("react").CSSProperties;
8139
8152
  className?: string;
8140
- }): import("react/jsx-runtime").JSX.Element;
8153
+ }): import("react").JSX.Element;
8141
8154
  displayName: string;
8142
8155
  };
8143
- var _a: {
8156
+ Body: {
8144
8157
  ({ style, className, children }: {
8145
8158
  style?: import("react").CSSProperties;
8146
8159
  className?: string;
8147
8160
  children: import("react").ReactNode;
8148
- }): import("react/jsx-runtime").JSX.Element;
8161
+ }): import("react").JSX.Element;
8149
8162
  displayName: string;
8150
8163
  };
8151
- export { _a as Body };
8152
- export var Footer: {
8164
+ Footer: {
8153
8165
  ({ style, className, children }: {
8154
8166
  style?: import("react").CSSProperties;
8155
8167
  className?: string;
8156
8168
  children: import("react").ReactNode;
8157
- }): import("react/jsx-runtime").JSX.Element;
8169
+ }): import("react").JSX.Element;
8158
8170
  displayName: string;
8159
8171
  };
8160
- export var Actions: {
8172
+ Actions: {
8161
8173
  ({ style, className, children }: {
8162
8174
  style?: import("react").CSSProperties;
8163
8175
  className?: string;
8164
8176
  children: import("react").ReactNode;
8165
- }): import("react/jsx-runtime").JSX.Element;
8177
+ }): import("react").JSX.Element;
8166
8178
  displayName: string;
8167
8179
  };
8168
- export var displayName: string;
8169
- }
8180
+ };
8170
8181
  //#endregion
8171
8182
  //#region src/components/ds-date-input/ds-date-input.types.d.ts
8172
8183
  /**
@@ -8286,7 +8297,7 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
8286
8297
  type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
8287
8298
  //#endregion
8288
8299
  //#region src/components/ds-date-input/ds-date-input.d.ts
8289
- declare function DsDateInput({ range, placeholder, style, className, disablePortal, hideClearButton, onValueChange, onOpenChange, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...datePickerProps }: DsDateInputProps): import("react/jsx-runtime").JSX.Element;
8300
+ declare function DsDateInput({ range, placeholder, style, className, disablePortal, hideClearButton, onValueChange, onOpenChange, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...datePickerProps }: DsDateInputProps): import("react").JSX.Element;
8290
8301
  declare namespace DsDateInput {
8291
8302
  var displayName: string;
8292
8303
  }
@@ -8533,7 +8544,7 @@ interface DsTimePickerSlotProps {
8533
8544
  }
8534
8545
  //#endregion
8535
8546
  //#region src/components/ds-time-picker/ds-time-picker.d.ts
8536
- declare function DsTimePicker(props: DsTimePickerProps): import("react/jsx-runtime").JSX.Element;
8547
+ declare function DsTimePicker(props: DsTimePickerProps): import("react").JSX.Element;
8537
8548
  declare namespace DsTimePicker {
8538
8549
  var displayName: string;
8539
8550
  }
@@ -8638,7 +8649,7 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
8638
8649
  }
8639
8650
  //#endregion
8640
8651
  //#region src/components/ds-date-picker/ds-date-picker.d.ts
8641
- declare function DsDatePicker({ placeholder, className, withTime, closeOnSelect, disablePortal, hideClearButton, locale, slotProps, onChange, onOpenChange, onBlur, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...restProps }: DsDatePickerProps): import("react/jsx-runtime").JSX.Element;
8652
+ declare function DsDatePicker({ placeholder, className, withTime, closeOnSelect, disablePortal, hideClearButton, locale, slotProps, onChange, onOpenChange, onBlur, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...restProps }: DsDatePickerProps): import("react").JSX.Element;
8642
8653
  declare namespace DsDatePicker {
8643
8654
  var displayName: string;
8644
8655
  }
@@ -8977,7 +8988,7 @@ type DsSelectProps = {
8977
8988
  });
8978
8989
  //#endregion
8979
8990
  //#region src/components/ds-select/ds-select.d.ts
8980
- declare function DsSelect({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder, disabled, renderOption, ...multiselectProps }: DsSelectProps): import("react/jsx-runtime").JSX.Element;
8991
+ declare function DsSelect({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder, disabled, renderOption, ...multiselectProps }: DsSelectProps): import("react").JSX.Element;
8981
8992
  declare namespace DsSelect {
8982
8993
  var displayName: string;
8983
8994
  }
@@ -9044,20 +9055,20 @@ interface DsFormControlDescriptionProps {
9044
9055
  }
9045
9056
  //#endregion
9046
9057
  //#region src/components/ds-form-control/ds-form-control.d.ts
9047
- declare const DsFormControlDescription: React$1.FC<DsFormControlDescriptionProps>;
9048
- declare function DsFormControl({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
9049
- declare namespace DsFormControl {
9050
- var TextInput: (props: DsTextInputProps) => import("react/jsx-runtime").JSX.Element;
9051
- var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
9052
- var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
9053
- var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
9054
- var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
9055
- var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
9056
- var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
9057
- var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
9058
- export { DsFormControlDescription as Description };
9059
- export var displayName: string;
9060
- }
9058
+ declare const DsFormControlRoot: ({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps) => React$1.JSX.Element;
9059
+ declare const DsFormControl: typeof DsFormControlRoot & {
9060
+ displayName: string;
9061
+ TextInput: (props: DsTextInputProps) => React$1.JSX.Element;
9062
+ NumberInput: (props: DsNumberInputProps) => React$1.JSX.Element;
9063
+ PasswordInput: (props: DsPasswordInputProps) => React$1.JSX.Element;
9064
+ /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
9065
+ DateInput: (props: DsDateInputProps) => React$1.JSX.Element;
9066
+ DatePicker: (props: DsDatePickerProps) => React$1.JSX.Element;
9067
+ TimePicker: (props: DsTimePickerProps) => React$1.JSX.Element;
9068
+ Textarea: (props: DsTextareaProps) => React$1.JSX.Element;
9069
+ Select: (props: DsSelectProps) => React$1.JSX.Element;
9070
+ Description: React$1.FC<DsFormControlDescriptionProps>;
9071
+ };
9061
9072
  //#endregion
9062
9073
  //#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
9063
9074
  type DateRangeValue = [Date | null, Date | null];
@@ -9163,7 +9174,7 @@ interface DsDateRangePickerProps {
9163
9174
  }
9164
9175
  //#endregion
9165
9176
  //#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
9166
- declare function DsDateRangePicker({ value: valueProp, defaultValue, onChange, min, max, withTime, orientation, hideClearAll, closeOnSelect, disabled, readOnly, className, disablePortal, locale, slotProps }: DsDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
9177
+ declare function DsDateRangePicker({ value: valueProp, defaultValue, onChange, min, max, withTime, orientation, hideClearAll, closeOnSelect, disabled, readOnly, className, disablePortal, locale, slotProps }: DsDateRangePickerProps): import("react").JSX.Element;
9167
9178
  declare namespace DsDateRangePicker {
9168
9179
  var displayName: string;
9169
9180
  }
@@ -9320,23 +9331,13 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
9320
9331
  }
9321
9332
  //#endregion
9322
9333
  //#region src/components/ds-drawer/ds-drawer.d.ts
9323
- declare function DsDrawer({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
9324
- declare namespace DsDrawer {
9325
- export { Header$2 as Header };
9326
- export { Title$1 as Title };
9327
- export { CloseTrigger$1 as CloseTrigger };
9328
- export { Toolbar };
9329
- export { Body$2 as Body };
9330
- export { Footer$2 as Footer };
9331
- export { Actions$1 as Actions };
9332
- export var displayName: string;
9333
- }
9334
+ declare const DsDrawerRoot: ({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps) => import("react").JSX.Element;
9334
9335
  declare const Header$2: {
9335
9336
  ({ style, className, children }: {
9336
9337
  style?: CSSProperties;
9337
9338
  className?: string;
9338
9339
  children: ReactNode;
9339
- }): import("react/jsx-runtime").JSX.Element;
9340
+ }): import("react").JSX.Element;
9340
9341
  displayName: string;
9341
9342
  };
9342
9343
  declare const Title$1: {
@@ -9344,14 +9345,14 @@ declare const Title$1: {
9344
9345
  style?: CSSProperties;
9345
9346
  className?: string;
9346
9347
  children: ReactNode;
9347
- }): import("react/jsx-runtime").JSX.Element;
9348
+ }): import("react").JSX.Element;
9348
9349
  displayName: string;
9349
9350
  };
9350
9351
  declare const CloseTrigger$1: {
9351
9352
  ({ style, className }: {
9352
9353
  style?: CSSProperties;
9353
9354
  className?: string;
9354
- }): import("react/jsx-runtime").JSX.Element;
9355
+ }): import("react").JSX.Element;
9355
9356
  displayName: string;
9356
9357
  };
9357
9358
  declare const Toolbar: {
@@ -9359,7 +9360,7 @@ declare const Toolbar: {
9359
9360
  style?: CSSProperties;
9360
9361
  className?: string;
9361
9362
  children: ReactNode;
9362
- }): import("react/jsx-runtime").JSX.Element;
9363
+ }): import("react").JSX.Element;
9363
9364
  displayName: string;
9364
9365
  };
9365
9366
  declare const Body$2: {
@@ -9367,7 +9368,7 @@ declare const Body$2: {
9367
9368
  style?: CSSProperties;
9368
9369
  className?: string;
9369
9370
  children: ReactNode;
9370
- }): import("react/jsx-runtime").JSX.Element;
9371
+ }): import("react").JSX.Element;
9371
9372
  displayName: string;
9372
9373
  };
9373
9374
  declare const Footer$2: {
@@ -9375,7 +9376,7 @@ declare const Footer$2: {
9375
9376
  style?: CSSProperties;
9376
9377
  className?: string;
9377
9378
  children: ReactNode;
9378
- }): import("react/jsx-runtime").JSX.Element;
9379
+ }): import("react").JSX.Element;
9379
9380
  displayName: string;
9380
9381
  };
9381
9382
  declare const Actions$1: {
@@ -9383,9 +9384,19 @@ declare const Actions$1: {
9383
9384
  style?: CSSProperties;
9384
9385
  className?: string;
9385
9386
  children: ReactNode;
9386
- }): import("react/jsx-runtime").JSX.Element;
9387
+ }): import("react").JSX.Element;
9387
9388
  displayName: string;
9388
9389
  };
9390
+ declare const DsDrawer: typeof DsDrawerRoot & {
9391
+ displayName: string;
9392
+ Header: typeof Header$2;
9393
+ Title: typeof Title$1;
9394
+ CloseTrigger: typeof CloseTrigger$1;
9395
+ Toolbar: typeof Toolbar;
9396
+ Body: typeof Body$2;
9397
+ Footer: typeof Footer$2;
9398
+ Actions: typeof Actions$1;
9399
+ };
9389
9400
  //#endregion
9390
9401
  //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
9391
9402
  declare const dropdownMenuItemVariants: readonly ['default', 'error'];
@@ -9740,7 +9751,7 @@ interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' |
9740
9751
  }
9741
9752
  //#endregion
9742
9753
  //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
9743
- declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
9754
+ declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react").JSX.Element;
9744
9755
  declare namespace DsExpandableTextInput {
9745
9756
  var displayName: string;
9746
9757
  }
@@ -10089,7 +10100,7 @@ interface DsFilterStatusIconProps {
10089
10100
  }
10090
10101
  //#endregion
10091
10102
  //#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
10092
- declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react/jsx-runtime").JSX.Element;
10103
+ declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react").JSX.Element;
10093
10104
  declare namespace DsFilterStatusIcon {
10094
10105
  var displayName: string;
10095
10106
  }
@@ -10150,7 +10161,7 @@ interface DsKeyValuePairProps {
10150
10161
  }
10151
10162
  //#endregion
10152
10163
  //#region src/components/ds-key-value-pair/ds-key-value-pair.d.ts
10153
- declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react/jsx-runtime").JSX.Element;
10164
+ declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react").JSX.Element;
10154
10165
  declare namespace DsKeyValuePair {
10155
10166
  var displayName: string;
10156
10167
  }
@@ -10179,7 +10190,7 @@ interface DsLoaderProps {
10179
10190
  }
10180
10191
  //#endregion
10181
10192
  //#region src/components/ds-loader/ds-loader.d.ts
10182
- declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react/jsx-runtime").JSX.Element;
10193
+ declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react").JSX.Element;
10183
10194
  declare namespace DsLoader {
10184
10195
  var displayName: string;
10185
10196
  }
@@ -10243,22 +10254,18 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
10243
10254
  }
10244
10255
  //#endregion
10245
10256
  //#region src/components/ds-modal/ds-modal.d.ts
10246
- declare function DsModal({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps): import("react/jsx-runtime").JSX.Element;
10247
- declare namespace DsModal {
10248
- export { Header$1 as Header };
10249
- export { Title };
10250
- export { CloseTrigger };
10251
- export { Body$1 as Body };
10252
- export { Footer$1 as Footer };
10253
- export { Actions };
10254
- export var displayName: string;
10255
- }
10257
+ /**
10258
+ * Composable modal dialog.
10259
+ * Supports custom header, footer, and body content with grid-based sizing.
10260
+ * Use columns prop to control modal width (1-12 grid columns).
10261
+ */
10262
+ declare const DsModalRoot: ({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps) => import("react").JSX.Element;
10256
10263
  declare const Header$1: {
10257
10264
  ({ style, className, children }: {
10258
10265
  style?: CSSProperties;
10259
10266
  className?: string;
10260
10267
  children: ReactNode;
10261
- }): import("react/jsx-runtime").JSX.Element;
10268
+ }): import("react").JSX.Element;
10262
10269
  displayName: string;
10263
10270
  };
10264
10271
  declare const Title: {
@@ -10266,14 +10273,14 @@ declare const Title: {
10266
10273
  style?: CSSProperties;
10267
10274
  className?: string;
10268
10275
  children: ReactNode;
10269
- }): import("react/jsx-runtime").JSX.Element;
10276
+ }): import("react").JSX.Element;
10270
10277
  displayName: string;
10271
10278
  };
10272
10279
  declare const CloseTrigger: {
10273
10280
  ({ style, className }: {
10274
10281
  style?: CSSProperties;
10275
10282
  className?: string;
10276
- }): import("react/jsx-runtime").JSX.Element;
10283
+ }): import("react").JSX.Element;
10277
10284
  displayName: string;
10278
10285
  };
10279
10286
  declare const Body$1: {
@@ -10281,7 +10288,7 @@ declare const Body$1: {
10281
10288
  style?: CSSProperties;
10282
10289
  className?: string;
10283
10290
  children: ReactNode;
10284
- }): import("react/jsx-runtime").JSX.Element;
10291
+ }): import("react").JSX.Element;
10285
10292
  displayName: string;
10286
10293
  };
10287
10294
  declare const Footer$1: {
@@ -10289,7 +10296,7 @@ declare const Footer$1: {
10289
10296
  style?: CSSProperties;
10290
10297
  className?: string;
10291
10298
  children: ReactNode;
10292
- }): import("react/jsx-runtime").JSX.Element;
10299
+ }): import("react").JSX.Element;
10293
10300
  displayName: string;
10294
10301
  };
10295
10302
  declare const Actions: {
@@ -10297,8 +10304,17 @@ declare const Actions: {
10297
10304
  style?: CSSProperties;
10298
10305
  className?: string;
10299
10306
  children: ReactNode;
10300
- }): import("react/jsx-runtime").JSX.Element;
10307
+ }): import("react").JSX.Element;
10308
+ displayName: string;
10309
+ };
10310
+ declare const DsModal: typeof DsModalRoot & {
10301
10311
  displayName: string;
10312
+ Header: typeof Header$1;
10313
+ Title: typeof Title;
10314
+ CloseTrigger: typeof CloseTrigger;
10315
+ Body: typeof Body$1;
10316
+ Footer: typeof Footer$1;
10317
+ Actions: typeof Actions;
10302
10318
  };
10303
10319
  //#endregion
10304
10320
  //#region src/components/ds-panel/ds-panel.types.d.ts
@@ -10759,31 +10775,31 @@ interface DsPopoverProps {
10759
10775
  //#endregion
10760
10776
  //#region src/components/ds-popover/ds-popover.d.ts
10761
10777
  declare const DsPopoverRoot: {
10762
- ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react/jsx-runtime").JSX.Element;
10778
+ ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
10763
10779
  displayName: string;
10764
10780
  };
10765
10781
  declare const DsPopoverTrigger: {
10766
- ({ children, className }: DsPopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
10782
+ ({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
10767
10783
  displayName: string;
10768
10784
  };
10769
10785
  declare const DsPopoverPanel: {
10770
- ({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react/jsx-runtime").JSX.Element;
10786
+ ({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
10771
10787
  displayName: string;
10772
10788
  };
10773
10789
  declare const DsPopoverHeader: {
10774
- ({ icon, className, style, children }: DsPopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
10790
+ ({ icon, className, style, children }: DsPopoverHeaderProps): import("react").JSX.Element;
10775
10791
  displayName: string;
10776
10792
  };
10777
10793
  declare const DsPopoverContent: {
10778
- ({ className, style, children }: DsPopoverContentProps): import("react/jsx-runtime").JSX.Element;
10794
+ ({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
10779
10795
  displayName: string;
10780
10796
  };
10781
10797
  declare const DsPopoverContentItem: {
10782
- ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react/jsx-runtime").JSX.Element;
10798
+ ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
10783
10799
  displayName: string;
10784
10800
  };
10785
10801
  declare const DsPopoverFooter: {
10786
- ({ className, style, children }: DsPopoverFooterProps): import("react/jsx-runtime").JSX.Element;
10802
+ ({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
10787
10803
  displayName: string;
10788
10804
  };
10789
10805
  /**
@@ -10794,7 +10810,7 @@ declare const DsPopoverFooter: {
10794
10810
  * @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
10795
10811
  */
10796
10812
  declare const DsPopoverLegacy: {
10797
- ({ trigger, children, className, side, align }: DsPopoverProps): import("react/jsx-runtime").JSX.Element;
10813
+ ({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
10798
10814
  displayName: string;
10799
10815
  };
10800
10816
  declare const DsPopover: typeof DsPopoverLegacy & {
@@ -10836,7 +10852,7 @@ interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
10836
10852
  }
10837
10853
  //#endregion
10838
10854
  //#region src/components/ds-progress-arc/ds-progress-arc.d.ts
10839
- declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): import("react/jsx-runtime").JSX.Element;
10855
+ declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): React$1.JSX.Element;
10840
10856
  declare namespace DsProgressArc {
10841
10857
  var displayName: string;
10842
10858
  }
@@ -10872,7 +10888,7 @@ interface DsProgressDonutProps {
10872
10888
  }
10873
10889
  //#endregion
10874
10890
  //#region src/components/ds-progress-donut/ds-progress-donut.d.ts
10875
- declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): import("react/jsx-runtime").JSX.Element;
10891
+ declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): React$1.JSX.Element;
10876
10892
  declare namespace DsProgressDonut {
10877
10893
  var displayName: string;
10878
10894
  }
@@ -10938,7 +10954,7 @@ interface DsProgressLinearProps {
10938
10954
  }
10939
10955
  //#endregion
10940
10956
  //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
10941
- declare function DsProgressLinear({ value, min, max, variant, size, label, showValue, caption, className, style, ref }: DsProgressLinearProps): import("react/jsx-runtime").JSX.Element;
10957
+ declare function DsProgressLinear({ value, min, max, variant, size, label, showValue, caption, className, style, ref }: DsProgressLinearProps): import("react").JSX.Element;
10942
10958
  declare namespace DsProgressLinear {
10943
10959
  var displayName: string;
10944
10960
  }
@@ -11000,7 +11016,7 @@ interface DsProgressTaskBarProps {
11000
11016
  }
11001
11017
  //#endregion
11002
11018
  //#region src/components/ds-progress-task-bar/ds-progress-task-bar.d.ts
11003
- declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react/jsx-runtime").JSX.Element;
11019
+ declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react").JSX.Element;
11004
11020
  declare namespace DsProgressTaskBar {
11005
11021
  var displayName: string;
11006
11022
  }
@@ -11259,7 +11275,7 @@ interface DsSiteNodeProps {
11259
11275
  }
11260
11276
  //#endregion
11261
11277
  //#region src/components/ds-site-node/ds-site-node.d.ts
11262
- declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react/jsx-runtime").JSX.Element;
11278
+ declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react").JSX.Element;
11263
11279
  //#endregion
11264
11280
  //#region src/components/ds-typography/ds-typography.config.d.ts
11265
11281
  declare const typographyVariantConfig: {
@@ -11409,7 +11425,7 @@ interface DsTypographyProps {
11409
11425
  }
11410
11426
  //#endregion
11411
11427
  //#region src/components/ds-typography/ds-typography.d.ts
11412
- declare function DsTypography({ ref, variant, asChild, className, style, color, truncate, tooltip, tooltipContent, children, ...props }: DsTypographyProps): import("react/jsx-runtime").JSX.Element;
11428
+ declare function DsTypography({ ref, variant, asChild, className, style, color, truncate, tooltip, tooltipContent, children, ...props }: DsTypographyProps): import("react").JSX.Element;
11413
11429
  declare namespace DsTypography {
11414
11430
  var displayName: string;
11415
11431
  }
@@ -11500,19 +11516,19 @@ interface DsSkeletonRectProps extends DsSkeletonBaseProps {
11500
11516
  }
11501
11517
  //#endregion
11502
11518
  //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
11503
- declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react/jsx-runtime").JSX.Element;
11519
+ declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react").JSX.Element;
11504
11520
  declare namespace DsSkeletonText {
11505
11521
  var displayName: string;
11506
11522
  }
11507
11523
  //#endregion
11508
11524
  //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
11509
- declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react/jsx-runtime").JSX.Element;
11525
+ declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react").JSX.Element;
11510
11526
  declare namespace DsSkeletonCircle {
11511
11527
  var displayName: string;
11512
11528
  }
11513
11529
  //#endregion
11514
11530
  //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
11515
- declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): import("react/jsx-runtime").JSX.Element;
11531
+ declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): React$1.JSX.Element;
11516
11532
  declare namespace DsSkeletonRect {
11517
11533
  var displayName: string;
11518
11534
  }
@@ -11586,14 +11602,13 @@ interface DsSmartTabsProps {
11586
11602
  //#endregion
11587
11603
  //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
11588
11604
  /**
11589
- * Individual tab component
11605
+ * Design system SmartTabs component
11590
11606
  */
11591
- declare const DsSmartTab: React$1.FC<DsSmartTabProps>;
11592
- declare function DsSmartTabs({ activeTab, onTabClick, className, style, children, ...props }: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
11593
- declare namespace DsSmartTabs {
11594
- export { DsSmartTab as Tab };
11595
- export var displayName: string;
11596
- }
11607
+ declare const DsSmartTabsRoot: ({ activeTab, onTabClick, className, style, children, ...props }: DsSmartTabsProps) => React$1.JSX.Element;
11608
+ declare const DsSmartTabs: typeof DsSmartTabsRoot & {
11609
+ displayName: string;
11610
+ Tab: React$1.FC<DsSmartTabProps>;
11611
+ };
11597
11612
  //#endregion
11598
11613
  //#region src/components/ds-spinner/ds-spinner.types.d.ts
11599
11614
  declare const spinnerSizes: readonly ['small', 'medium', 'large'];
@@ -11865,7 +11880,7 @@ type DsStepperProps = PropsWithChildren<{
11865
11880
  }>;
11866
11881
  //#endregion
11867
11882
  //#region src/components/ds-stepper/ds-stepper.d.ts
11868
- declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react/jsx-runtime").JSX.Element;
11883
+ declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react").JSX.Element;
11869
11884
  declare namespace DsStepper {
11870
11885
  var displayName: string;
11871
11886
  }
@@ -11890,7 +11905,7 @@ type DsStepProps = PropsWithChildren<{
11890
11905
  };
11891
11906
  };
11892
11907
  }>;
11893
- declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react/jsx-runtime").JSX.Element | null;
11908
+ declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react").JSX.Element | null;
11894
11909
  declare namespace DsStep {
11895
11910
  var displayName: string;
11896
11911
  }
@@ -11902,7 +11917,7 @@ type DsStepContentProps = {
11902
11917
  description?: ReactNode;
11903
11918
  actions?: ReactNode;
11904
11919
  };
11905
- declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
11920
+ declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react").JSX.Element;
11906
11921
  declare namespace DsStepContent {
11907
11922
  var displayName: string;
11908
11923
  }
@@ -11914,7 +11929,7 @@ type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
11914
11929
  design?: undefined | 'legacy';
11915
11930
  };
11916
11931
  type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
11917
- declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
11932
+ declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react").JSX.Element;
11918
11933
  declare namespace DsNextStepButton {
11919
11934
  var displayName: string;
11920
11935
  }
@@ -12206,7 +12221,7 @@ interface DsTagKeyValueProps extends DsTagBaseProps {
12206
12221
  type DsTagProps = DsTagStandardProps | DsTagKeyValueProps;
12207
12222
  //#endregion
12208
12223
  //#region src/components/ds-tag/ds-tag.d.ts
12209
- declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react/jsx-runtime").JSX.Element;
12224
+ declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react").JSX.Element;
12210
12225
  declare namespace DsTag {
12211
12226
  var displayName: string;
12212
12227
  }
@@ -12293,7 +12308,7 @@ interface DsTagFilterProps {
12293
12308
  }
12294
12309
  //#endregion
12295
12310
  //#region src/components/ds-tag-filter/ds-tag-filter.d.ts
12296
- declare function DsTagFilter({ items, locale, className, style, onClearAll, onItemDelete, onItemSelect, onExpand }: DsTagFilterProps): import("react/jsx-runtime").JSX.Element | null;
12311
+ declare function DsTagFilter({ items, locale, className, style, onClearAll, onItemDelete, onItemSelect, onExpand }: DsTagFilterProps): import("react").JSX.Element | null;
12297
12312
  declare namespace DsTagFilter {
12298
12313
  var displayName: string;
12299
12314
  }
@@ -12576,7 +12591,7 @@ interface DsTableColumnFilterPopoverProps {
12576
12591
  * Per-column filter popover anchored to a header cell: funnel trigger,
12577
12592
  * adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
12578
12593
  */
12579
- declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
12594
+ declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react").JSX.Element;
12580
12595
  //#endregion
12581
12596
  //#region src/components/ds-table/ds-table-column.types.d.ts
12582
12597
  /**
@@ -12804,6 +12819,11 @@ interface DsDataTableProps<TData, TValue> {
12804
12819
  * Data of the table
12805
12820
  */
12806
12821
  data: TData[];
12822
+ /**
12823
+ * Optional content rendered in a pinned controls bar above the table header
12824
+ * (e.g. filters, action buttons). Layout is owned by the consumer.
12825
+ */
12826
+ controls?: React$1.ReactNode;
12807
12827
  /**
12808
12828
  * Whether the table is virtualized
12809
12829
  * @default false
@@ -13099,7 +13119,7 @@ interface DsDataTableProps<TData, TValue> {
13099
13119
  //#region src/components/ds-table/ds-table.d.ts
13100
13120
  declare function DsTable<TData extends {
13101
13121
  id: string;
13102
- }, TValue>({ ref, columns: columnsProp, data: tableData, virtualized, virtualizedOptions, className, onRowClick, emptyState, stickyHeader, bordered, fullWidth, rowSize, loading, expandable, renderExpandedRow, selectable, showSelectAllCheckbox, onSelectionChange, onSortingChange, onScroll, actions, onRowDoubleClick, primaryRowActions, secondaryRowActions, reorderable, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }: DsDataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
13122
+ }, TValue>({ ref, columns: columnsProp, data: tableData, controls, virtualized, virtualizedOptions, className, onRowClick, emptyState, stickyHeader, bordered, fullWidth, rowSize, loading, expandable, renderExpandedRow, selectable, showSelectAllCheckbox, onSelectionChange, onSortingChange, onScroll, actions, onRowDoubleClick, primaryRowActions, secondaryRowActions, reorderable, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }: DsDataTableProps<TData, TValue>): React$2.JSX.Element;
13103
13123
  declare namespace DsTable {
13104
13124
  var displayName: string;
13105
13125
  }
@@ -13147,7 +13167,7 @@ interface DsTableEditableCellProps<TData, TValue> {
13147
13167
  }
13148
13168
  //#endregion
13149
13169
  //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
13150
- declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
13170
+ declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react").JSX.Element;
13151
13171
  declare namespace DsTableEditableCell {
13152
13172
  var displayName: string;
13153
13173
  }
@@ -13158,7 +13178,7 @@ interface DsTableEditingCellProps<TData, TValue> {
13158
13178
  }
13159
13179
  //#endregion
13160
13180
  //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
13161
- declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
13181
+ declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react").JSX.Element;
13162
13182
  declare namespace DsTableEditingCell {
13163
13183
  var displayName: string;
13164
13184
  }
@@ -13170,7 +13190,7 @@ interface DsTableEditCellTextProps<TData extends RowData> {
13170
13190
  placeholder?: string;
13171
13191
  maxLength?: number;
13172
13192
  }
13173
- declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react/jsx-runtime").JSX.Element;
13193
+ declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react").JSX.Element;
13174
13194
  declare namespace DsTableEditCellText {
13175
13195
  var displayName: string;
13176
13196
  }
@@ -13183,7 +13203,7 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
13183
13203
  max?: number;
13184
13204
  step?: number;
13185
13205
  }
13186
- declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react/jsx-runtime").JSX.Element;
13206
+ declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react").JSX.Element;
13187
13207
  declare namespace DsTableEditCellNumber {
13188
13208
  var displayName: string;
13189
13209
  }
@@ -13195,7 +13215,7 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
13195
13215
  options: DsSelectOption[];
13196
13216
  placeholder?: string;
13197
13217
  }
13198
- declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react/jsx-runtime").JSX.Element;
13218
+ declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react").JSX.Element;
13199
13219
  declare namespace DsTableEditCellSelect {
13200
13220
  var displayName: string;
13201
13221
  }
@@ -13209,7 +13229,7 @@ interface DsTableEditCellDateProps<TData extends RowData> {
13209
13229
  max?: Date;
13210
13230
  placeholder?: string;
13211
13231
  }
13212
- declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react/jsx-runtime").JSX.Element;
13232
+ declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react").JSX.Element;
13213
13233
  declare namespace DsTableEditCellDate {
13214
13234
  var displayName: string;
13215
13235
  }
@@ -13220,7 +13240,7 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
13220
13240
  cellContext: CellContext<TData, boolean>;
13221
13241
  disabled?: boolean;
13222
13242
  }
13223
- declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react/jsx-runtime").JSX.Element;
13243
+ declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react").JSX.Element;
13224
13244
  declare namespace DsTableEditCellCheckbox {
13225
13245
  var displayName: string;
13226
13246
  }
@@ -13312,26 +13332,26 @@ interface DsTabsContentProps {
13312
13332
  }
13313
13333
  //#endregion
13314
13334
  //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.d.ts
13315
- declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react/jsx-runtime").JSX.Element;
13335
+ declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react").JSX.Element;
13316
13336
  declare namespace DsTabsList {
13317
13337
  var displayName: string;
13318
13338
  }
13319
13339
  //#endregion
13320
13340
  //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.d.ts
13321
- declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react/jsx-runtime").JSX.Element;
13341
+ declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react").JSX.Element;
13322
13342
  declare namespace DsTabsTab {
13323
13343
  var displayName: string;
13324
13344
  }
13325
13345
  //#endregion
13326
13346
  //#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.d.ts
13327
- declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react/jsx-runtime").JSX.Element;
13347
+ declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react").JSX.Element;
13328
13348
  declare namespace DsTabsContent {
13329
13349
  var displayName: string;
13330
13350
  }
13331
13351
  //#endregion
13332
13352
  //#region src/components/ds-tabs/ds-tabs.d.ts
13333
13353
  declare const DsTabsRoot: {
13334
- ({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react/jsx-runtime").JSX.Element;
13354
+ ({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react").JSX.Element;
13335
13355
  displayName: string;
13336
13356
  };
13337
13357
  declare const DsTabs: {
@@ -13491,7 +13511,7 @@ type DsToggleProps = {
13491
13511
  });
13492
13512
  //#endregion
13493
13513
  //#region src/components/ds-toggle/ds-toggle.d.ts
13494
- declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react/jsx-runtime").JSX.Element;
13514
+ declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react").JSX.Element;
13495
13515
  declare namespace DsToggle {
13496
13516
  var displayName: string;
13497
13517
  }
@@ -13652,6 +13672,21 @@ interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBaseP
13652
13672
  * details including the new `checkedValue` array.
13653
13673
  */
13654
13674
  onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
13675
+ /**
13676
+ * Id of the node with keyboard focus (controlled). Use with `onFocusChange`.
13677
+ * When `null`, Ark treats the first node as focused for roving-tabindex purposes.
13678
+ */
13679
+ focusedValue?: string | null;
13680
+ /**
13681
+ * Id of the node focused initially when uncontrolled. When `null` (the Ark
13682
+ * default), the first node receives focus for roving-tabindex purposes.
13683
+ */
13684
+ defaultFocusedValue?: string | null;
13685
+ /**
13686
+ * Called when the focused node changes. Receives the Ark focus-change details
13687
+ * including the new `focusedValue` (or `null` when nothing is focused).
13688
+ */
13689
+ onFocusChange?: TreeView.RootProps<T>['onFocusChange'];
13655
13690
  /**
13656
13691
  * Whether to enable typeahead navigation — typing characters focuses matching nodes.
13657
13692
  */
@@ -13691,55 +13726,55 @@ interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
13691
13726
  //#endregion
13692
13727
  //#region src/components/ds-tree/ds-tree.d.ts
13693
13728
  declare const DsTreeRoot: {
13694
- <T extends DsTreeNode = DsTreeNode>({ collection, size, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick, checkedValue, defaultCheckedValue, onCheckedChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react/jsx-runtime").JSX.Element;
13729
+ <T extends DsTreeNode = DsTreeNode>({ collection, size, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick, checkedValue, defaultCheckedValue, onCheckedChange, focusedValue, defaultFocusedValue, onFocusChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react").JSX.Element;
13695
13730
  displayName: string;
13696
13731
  };
13697
13732
  declare const DsTreeTree: {
13698
- ({ className, style, children }: DsTreeTreeProps): import("react/jsx-runtime").JSX.Element;
13733
+ ({ className, style, children }: DsTreeTreeProps): import("react").JSX.Element;
13699
13734
  displayName: string;
13700
13735
  };
13701
13736
  declare const DsTreeBranch: {
13702
- ({ className, style, children }: DsTreeBranchProps): import("react/jsx-runtime").JSX.Element;
13737
+ ({ className, style, children }: DsTreeBranchProps): import("react").JSX.Element;
13703
13738
  displayName: string;
13704
13739
  };
13705
13740
  declare const DsTreeBranchControl: {
13706
- ({ className, style, children }: DsTreeBranchControlProps): import("react/jsx-runtime").JSX.Element;
13741
+ ({ className, style, children }: DsTreeBranchControlProps): import("react").JSX.Element;
13707
13742
  displayName: string;
13708
13743
  };
13709
13744
  declare const DsTreeBranchIndicator: {
13710
- ({ className, style, children }: DsTreeBranchIndicatorProps): import("react/jsx-runtime").JSX.Element;
13745
+ ({ className, style, children }: DsTreeBranchIndicatorProps): import("react").JSX.Element;
13711
13746
  displayName: string;
13712
13747
  };
13713
13748
  declare const DsTreeBranchText: {
13714
- ({ className, style, children }: DsTreeBranchTextProps): import("react/jsx-runtime").JSX.Element;
13749
+ ({ className, style, children }: DsTreeBranchTextProps): import("react").JSX.Element;
13715
13750
  displayName: string;
13716
13751
  };
13717
13752
  declare const DsTreeBranchContent: {
13718
- ({ className, style, children }: DsTreeBranchContentProps): import("react/jsx-runtime").JSX.Element;
13753
+ ({ className, style, children }: DsTreeBranchContentProps): import("react").JSX.Element;
13719
13754
  displayName: string;
13720
13755
  };
13721
13756
  declare const DsTreeBranchIndentGuide: {
13722
- ({ className, style }: DsTreeBranchIndentGuideProps): import("react/jsx-runtime").JSX.Element;
13757
+ ({ className, style }: DsTreeBranchIndentGuideProps): import("react").JSX.Element;
13723
13758
  displayName: string;
13724
13759
  };
13725
13760
  declare const DsTreeItem: {
13726
- ({ className, style, children, onClick }: DsTreeItemProps): import("react/jsx-runtime").JSX.Element;
13761
+ ({ className, style, children, onClick }: DsTreeItemProps): import("react").JSX.Element;
13727
13762
  displayName: string;
13728
13763
  };
13729
13764
  declare const DsTreeItemText: {
13730
- ({ className, style, children }: DsTreeItemTextProps): import("react/jsx-runtime").JSX.Element;
13765
+ ({ className, style, children }: DsTreeItemTextProps): import("react").JSX.Element;
13731
13766
  displayName: string;
13732
13767
  };
13733
13768
  declare const DsTreeItemIndicator: {
13734
- ({ className, style }: DsTreeItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
13769
+ ({ className, style }: DsTreeItemIndicatorProps): import("react").JSX.Element;
13735
13770
  displayName: string;
13736
13771
  };
13737
13772
  declare const DsTreeNodeCheckbox: {
13738
- ({ className, style }: DsTreeNodeCheckboxProps): import("react/jsx-runtime").JSX.Element;
13773
+ ({ className, style }: DsTreeNodeCheckboxProps): import("react").JSX.Element;
13739
13774
  displayName: string;
13740
13775
  };
13741
13776
  declare const DsTreeItemAction: {
13742
- ({ className, style, children, onClick }: DsTreeItemActionProps): import("react/jsx-runtime").JSX.Element;
13777
+ ({ className, style, children, onClick }: DsTreeItemActionProps): import("react").JSX.Element;
13743
13778
  displayName: string;
13744
13779
  };
13745
13780
  declare const DsTree: {
@@ -13866,33 +13901,51 @@ interface DsVerticalTabsContentProps {
13866
13901
  }
13867
13902
  //#endregion
13868
13903
  //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
13869
- declare function DsVerticalTabs({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
13870
- declare namespace DsVerticalTabs {
13871
- export { DsVerticalTabsList as List };
13872
- export { DsVerticalTabsTab as Tab };
13873
- export { DsVerticalTabsContent as Content };
13874
- export var displayName: string;
13875
- }
13904
+ /**
13905
+ * Design system vertical tabs component - compound component for flexible vertical navigation
13906
+ *
13907
+ * @example
13908
+ * ```tsx
13909
+ * <DsVerticalTabs value={selected} onValueChange={handleChange}>
13910
+ * <DsVerticalTabs.List>
13911
+ * <DsVerticalTabs.Tab value="status">
13912
+ * <span>Status</span>
13913
+ * <span className={styles.badge}>5</span>
13914
+ * </DsVerticalTabs.Tab>
13915
+ * <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
13916
+ * </DsVerticalTabs.List>
13917
+ * <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
13918
+ * <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
13919
+ * </DsVerticalTabs>
13920
+ * ```
13921
+ */
13922
+ declare const DsVerticalTabsRoot: ({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps) => import("react").JSX.Element;
13876
13923
  /**
13877
13924
  * Container for tab triggers
13878
13925
  */
13879
13926
  declare const DsVerticalTabsList: {
13880
- ({ className, children }: DsVerticalTabsListProps): import("react/jsx-runtime").JSX.Element;
13927
+ ({ className, children }: DsVerticalTabsListProps): import("react").JSX.Element;
13881
13928
  displayName: string;
13882
13929
  };
13883
13930
  /**
13884
13931
  * Individual tab trigger - fully customizable content
13885
13932
  */
13886
13933
  declare const DsVerticalTabsTab: {
13887
- ({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react/jsx-runtime").JSX.Element;
13934
+ ({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react").JSX.Element;
13888
13935
  displayName: string;
13889
13936
  };
13890
13937
  /**
13891
13938
  * Tab content panel - displays when corresponding tab is active
13892
13939
  */
13893
13940
  declare const DsVerticalTabsContent: {
13894
- ({ value, className, children }: DsVerticalTabsContentProps): import("react/jsx-runtime").JSX.Element;
13941
+ ({ value, className, children }: DsVerticalTabsContentProps): import("react").JSX.Element;
13942
+ displayName: string;
13943
+ };
13944
+ declare const DsVerticalTabs: typeof DsVerticalTabsRoot & {
13895
13945
  displayName: string;
13946
+ List: typeof DsVerticalTabsList;
13947
+ Tab: typeof DsVerticalTabsTab;
13948
+ Content: typeof DsVerticalTabsContent;
13896
13949
  };
13897
13950
  //#endregion
13898
13951
  //#region src/components/ds-workspace-layout/ds-workspace-layout.types.d.ts
@@ -13941,45 +13994,45 @@ interface DsWorkspaceLayoutSideMenuProps extends ComponentPropsWithRef<'aside'>
13941
13994
  }
13942
13995
  //#endregion
13943
13996
  //#region src/components/ds-workspace-layout/ds-workspace-layout.d.ts
13944
- declare function DsWorkspaceLayout({ className, fillParent, ...rest }: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
13945
- declare namespace DsWorkspaceLayout {
13946
- export { Header };
13947
- export { SubHeader };
13948
- export { Content };
13949
- export { Footer };
13950
- export { Body };
13951
- export { SideMenu };
13952
- export { LeftPanel };
13953
- export var displayName: string;
13954
- }
13997
+ declare const DsWorkspaceLayoutRoot: ({ className, fillParent, ...rest }: DsWorkspaceLayoutProps) => import("react").JSX.Element;
13955
13998
  declare const Header: {
13956
- ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
13999
+ ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react").JSX.Element;
13957
14000
  displayName: string;
13958
14001
  };
13959
14002
  declare const SubHeader: {
13960
- ({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react/jsx-runtime").JSX.Element;
14003
+ ({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react").JSX.Element;
13961
14004
  displayName: string;
13962
14005
  };
13963
14006
  /** Content area: column layout, 24px vertical margins, 16px gap, 40px horizontal margins (24px when LeftPanel is mounted). */
13964
14007
  declare const Content: {
13965
- ({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react/jsx-runtime").JSX.Element;
14008
+ ({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react").JSX.Element;
13966
14009
  displayName: string;
13967
14010
  };
13968
14011
  declare const Footer: {
13969
- ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react/jsx-runtime").JSX.Element;
14012
+ ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react").JSX.Element;
13970
14013
  displayName: string;
13971
14014
  };
13972
14015
  declare const Body: {
13973
- ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
14016
+ ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react").JSX.Element;
13974
14017
  displayName: string;
13975
14018
  };
13976
14019
  declare const SideMenu: {
13977
- ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
14020
+ ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react").JSX.Element;
13978
14021
  displayName: string;
13979
14022
  };
13980
14023
  declare const LeftPanel: {
13981
- ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react/jsx-runtime").JSX.Element;
14024
+ ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react").JSX.Element;
14025
+ displayName: string;
14026
+ };
14027
+ declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
13982
14028
  displayName: string;
14029
+ Header: typeof Header;
14030
+ SubHeader: typeof SubHeader;
14031
+ Content: typeof Content;
14032
+ Footer: typeof Footer;
14033
+ Body: typeof Body;
14034
+ SideMenu: typeof SideMenu;
14035
+ LeftPanel: typeof LeftPanel;
13983
14036
  };
13984
14037
  //#endregion
13985
14038
  export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, 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, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, 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, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type 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, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, 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, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };