@drivenets/design-system 0.15.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 (206) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/index.cjs +1092 -381
  3. package/dist/index.d.cts +886 -1204
  4. package/dist/index.d.cts.map +1 -1
  5. package/dist/index.d.ts +886 -1204
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +1076 -377
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.min.css +1 -1
  10. package/package.json +36 -34
  11. package/src/components/ds-alert-banner/ds-alert-banner.tsx +16 -6
  12. package/src/components/ds-autocomplete/ds-autocomplete.figma.ts +36 -0
  13. package/src/components/ds-autocomplete/ds-autocomplete.tsx +2 -0
  14. package/src/components/ds-avatar/ds-avatar.figma.ts +30 -0
  15. package/src/components/ds-avatar/ds-avatar.tsx +6 -1
  16. package/src/components/ds-avatar/ds-avatar.types.ts +5 -2
  17. package/src/components/ds-avatar-group/ds-avatar-group.figma.ts +27 -0
  18. package/src/components/ds-avatar-group/ds-avatar-group.tsx +6 -1
  19. package/src/components/ds-avatar-group/ds-avatar-group.types.ts +3 -1
  20. package/src/components/ds-breadcrumb/ds-breadcrumb.figma.ts +19 -0
  21. package/src/components/ds-breadcrumb/ds-breadcrumb.tsx +2 -0
  22. package/src/components/ds-button/ds-button.tsx +2 -0
  23. package/src/components/ds-button-v3/ds-button-v3.figma.ts +3 -3
  24. package/src/components/ds-button-v3/ds-button-v3.tsx +6 -0
  25. package/src/components/ds-button-v3/index.ts +2 -0
  26. package/src/components/ds-card/ds-card.tsx +7 -3
  27. package/src/components/ds-card/figma/ds-card-content.figma.ts +2 -2
  28. package/src/components/ds-card/figma/ds-card-footer.figma.ts +2 -2
  29. package/src/components/ds-card/figma/ds-card-header.figma.ts +2 -2
  30. package/src/components/ds-card/figma/ds-card.figma.ts +2 -2
  31. package/src/components/ds-catalog-layout/ds-catalog-layout.figma.ts +51 -0
  32. package/src/components/ds-catalog-layout/ds-catalog-layout.tsx +15 -6
  33. package/src/components/ds-checkbox/ds-checkbox-level-2.figma.ts +40 -0
  34. package/src/components/ds-checkbox/ds-checkbox.figma.ts +45 -0
  35. package/src/components/ds-checkbox/ds-checkbox.module.scss +1 -1
  36. package/src/components/ds-checkbox/ds-checkbox.tsx +9 -1
  37. package/src/components/ds-checkbox-group/ds-checkbox-group.figma.ts +15 -0
  38. package/src/components/ds-checkbox-group/ds-checkbox-group.tsx +2 -0
  39. package/src/components/ds-chip/ds-chip.tsx +2 -0
  40. package/src/components/ds-chip-group/ds-chip-group.tsx +2 -0
  41. package/src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.tsx +1 -0
  42. package/src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.tsx +1 -0
  43. package/src/components/ds-comment-bubble/ds-comment-bubble.tsx +1 -0
  44. package/src/components/ds-comment-card/ds-comment-card.tsx +1 -0
  45. package/src/components/ds-comment-indicator/ds-comment-indicator.tsx +1 -0
  46. package/src/components/ds-comments-drawer/components/comments-filter-modal/index.ts +0 -1
  47. package/src/components/ds-comments-drawer/ds-comments-drawer.tsx +1 -0
  48. package/src/components/ds-confirmation/ds-confirmation.tsx +13 -10
  49. package/src/components/ds-date-input/ds-date-input.tsx +2 -0
  50. package/src/components/ds-date-picker/ds-date-picker.figma.ts +2 -2
  51. package/src/components/ds-date-picker/ds-date-picker.tsx +9 -0
  52. package/src/components/ds-date-picker/ds-date-picker.types.ts +1 -1
  53. package/src/components/ds-date-range-picker/ds-date-range-picker.tsx +2 -0
  54. package/src/components/ds-dialog/ds-dialog.tsx +9 -0
  55. package/src/components/ds-dialog/ds-dialog.types.ts +1 -1
  56. package/src/components/ds-divider/ds-divider.figma.ts +19 -0
  57. package/src/components/ds-divider/ds-divider.tsx +2 -0
  58. package/src/components/ds-drawer/ds-drawer.tsx +19 -8
  59. package/src/components/ds-drawer/figma/ds-drawer-content.figma.ts +15 -0
  60. package/src/components/ds-drawer/figma/ds-drawer-footer.figma.ts +19 -0
  61. package/src/components/ds-drawer/figma/ds-drawer-header.figma.ts +16 -0
  62. package/src/components/ds-drawer/figma/ds-drawer.figma.ts +36 -0
  63. package/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss +12 -3
  64. package/src/components/ds-dropdown-menu/ds-dropdown-menu.tsx +24 -6
  65. package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts +10 -1
  66. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-footer.figma.ts +11 -0
  67. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-group.figma.ts +23 -0
  68. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-item.figma.ts +29 -0
  69. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-separator.figma.ts +11 -0
  70. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu.figma.ts +24 -0
  71. package/src/components/ds-expandable-text-input/ds-expandable-text-input.figma.ts +24 -0
  72. package/src/components/ds-expandable-text-input/ds-expandable-text-input.tsx +1 -0
  73. package/src/components/ds-file-upload/components/file-upload-item/index.ts +0 -1
  74. package/src/components/ds-file-upload/ds-file-upload.figma.ts +29 -0
  75. package/src/components/ds-file-upload/ds-file-upload.tsx +2 -0
  76. package/src/components/ds-filter-status-icon/ds-filter-status-icon.figma.ts +22 -0
  77. package/src/components/ds-filter-status-icon/ds-filter-status-icon.tsx +1 -0
  78. package/src/components/ds-form-control/ds-form-control.figma.ts +2 -2
  79. package/src/components/ds-form-control/ds-form-control.tsx +16 -11
  80. package/src/components/ds-grid/index.ts +3 -0
  81. package/src/components/ds-icon/ds-icon.tsx +2 -0
  82. package/src/components/ds-icon/figma/ds-icon-material.figma.batch.ts +1 -1
  83. package/src/components/ds-icon/figma/ds-icon-special.figma.batch.ts +1 -1
  84. package/src/components/ds-key-value-pair/ds-key-value-pair.figma.ts +24 -0
  85. package/src/components/ds-key-value-pair/ds-key-value-pair.tsx +2 -0
  86. package/src/components/ds-loader/ds-loader.figma.ts +11 -0
  87. package/src/components/ds-loader/ds-loader.tsx +2 -0
  88. package/src/components/ds-modal/ds-modal.tsx +17 -7
  89. package/src/components/ds-modal/figma/ds-modal-content.figma.ts +2 -2
  90. package/src/components/ds-modal/figma/ds-modal-footer.figma.ts +2 -2
  91. package/src/components/ds-modal/figma/ds-modal-header.figma.ts +2 -2
  92. package/src/components/ds-modal/figma/ds-modal.figma.ts +2 -2
  93. package/src/components/ds-number-input/ds-number-input.tsx +3 -0
  94. package/src/components/ds-panel/ds-panel.figma.ts +16 -0
  95. package/src/components/ds-panel/index.ts +2 -0
  96. package/src/components/ds-password-input/ds-password-input.tsx +2 -0
  97. package/src/components/ds-popover/ds-popover.tsx +9 -0
  98. package/src/components/ds-popover/figma/ds-popover-content-item.figma.ts +18 -0
  99. package/src/components/ds-popover/figma/ds-popover-content.figma.ts +15 -0
  100. package/src/components/ds-popover/figma/ds-popover-footer.figma.ts +19 -0
  101. package/src/components/ds-popover/figma/ds-popover-header.figma.ts +16 -0
  102. package/src/components/ds-popover/figma/ds-popover.figma.ts +34 -0
  103. package/src/components/ds-progress-arc/ds-progress-arc.figma.ts +23 -0
  104. package/src/components/ds-progress-arc/ds-progress-arc.tsx +2 -0
  105. package/src/components/ds-progress-donut/ds-progress-donut.figma.ts +45 -0
  106. package/src/components/ds-progress-donut/ds-progress-donut.tsx +2 -0
  107. package/src/components/ds-progress-linear/ds-progress-linear.figma.ts +26 -0
  108. package/src/components/ds-progress-linear/ds-progress-linear.tsx +2 -0
  109. package/src/components/ds-progress-task-bar/ds-progress-task-bar.figma.ts +2 -2
  110. package/src/components/ds-progress-task-bar/ds-progress-task-bar.tsx +2 -0
  111. package/src/components/ds-radio-group/ds-radio-group.tsx +3 -0
  112. package/src/components/ds-radio-group/figma/ds-radio-group-item.figma.ts +24 -0
  113. package/src/components/ds-radio-group/figma/ds-radio-group.figma.ts +14 -0
  114. package/src/components/ds-segment-group/ds-segment-group.tsx +3 -0
  115. package/src/components/ds-segment-group/figma/ds-segment-group-item.figma.ts +25 -0
  116. package/src/components/ds-segment-group/figma/ds-segment-group.figma.ts +23 -0
  117. package/src/components/ds-select/ds-select.figma.ts +2 -2
  118. package/src/components/ds-select/ds-select.tsx +2 -0
  119. package/src/components/ds-site-node/ds-site-node.figma.ts +27 -0
  120. package/src/components/ds-site-node/ds-site-node.module.scss +59 -0
  121. package/src/components/ds-site-node/ds-site-node.tsx +73 -0
  122. package/src/components/ds-site-node/ds-site-node.types.ts +36 -0
  123. package/src/components/ds-site-node/hooks/use-is-overflowing.ts +31 -0
  124. package/src/components/ds-site-node/index.ts +3 -0
  125. package/src/components/ds-skeleton/ds-skeleton-circle.tsx +2 -0
  126. package/src/components/ds-skeleton/ds-skeleton-rect.tsx +2 -0
  127. package/src/components/ds-skeleton/ds-skeleton-text.tsx +2 -0
  128. package/src/components/ds-skeleton/ds-skeleton.ts +7 -1
  129. package/src/components/ds-smart-tabs/ds-smart-tabs.tsx +7 -2
  130. package/src/components/ds-spinner/ds-spinner.figma.ts +19 -0
  131. package/src/components/ds-spinner/ds-spinner.tsx +2 -0
  132. package/src/components/ds-split-button/ds-split-button.figma.ts +2 -2
  133. package/src/components/ds-split-button/ds-split-button.tsx +6 -0
  134. package/src/components/ds-status-badge/ds-status-badge.tsx +2 -0
  135. package/src/components/ds-status-badge-v2/ds-status-badge-v2.figma.ts +2 -2
  136. package/src/components/ds-status-badge-v2/index.ts +2 -0
  137. package/src/components/ds-stepper/components/ds-step-content.tsx +2 -0
  138. package/src/components/ds-stepper/components/ds-step-next-button.tsx +2 -0
  139. package/src/components/ds-stepper/components/ds-step.tsx +2 -0
  140. package/src/components/ds-stepper/ds-stepper.figma.ts +38 -0
  141. package/src/components/ds-stepper/ds-stepper.tsx +1 -0
  142. package/src/components/ds-system-status/ds-system-status.tsx +2 -0
  143. package/src/components/ds-table/components/ds-table-group-header-cell/index.ts +0 -1
  144. package/src/components/ds-table/components/ds-table-header/ds-table-header.module.scss +2 -2
  145. package/src/components/ds-table/components/ds-table-header/ds-table-header.tsx +2 -4
  146. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.tsx +1 -0
  147. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.tsx +1 -0
  148. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.tsx +1 -0
  149. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.tsx +1 -0
  150. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.tsx +1 -0
  151. package/src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.tsx +1 -0
  152. package/src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.tsx +1 -0
  153. package/src/components/ds-table/ds-table.module.scss +15 -0
  154. package/src/components/ds-table/ds-table.tsx +39 -34
  155. package/src/components/ds-table/ds-table.types.ts +6 -0
  156. package/src/components/ds-table/figma/ds-table-expandable.figma.ts +2 -2
  157. package/src/components/ds-table/figma/ds-table.figma.ts +2 -2
  158. package/src/components/ds-table/index.ts +3 -0
  159. package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx +2 -0
  160. package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx +2 -0
  161. package/src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.tsx +2 -0
  162. package/src/components/ds-tabs/ds-tabs.tsx +2 -0
  163. package/src/components/ds-tabs/figma/ds-tabs-tab-vertical.figma.ts +2 -2
  164. package/src/components/ds-tabs/figma/ds-tabs-tab.figma.ts +2 -2
  165. package/src/components/ds-tabs/figma/ds-tabs-vertical.figma.ts +2 -2
  166. package/src/components/ds-tabs/figma/ds-tabs.figma.ts +2 -2
  167. package/src/components/ds-tag/ds-tag.tsx +2 -0
  168. package/src/components/ds-tag-filter/ds-tag-filter.tsx +2 -0
  169. package/src/components/ds-text-input/ds-input-field-v02.figma.ts +87 -0
  170. package/src/components/ds-text-input/ds-text-input.figma.ts +2 -2
  171. package/src/components/ds-text-input/ds-text-input.tsx +2 -0
  172. package/src/components/ds-textarea/ds-textarea.tsx +2 -0
  173. package/src/components/ds-time-picker/ds-time-picker.figma.ts +2 -2
  174. package/src/components/ds-time-picker/ds-time-picker.tsx +2 -0
  175. package/src/components/ds-toast/ds-toast-context.tsx +1 -0
  176. package/src/components/ds-toast/ds-toast.figma.ts +34 -0
  177. package/src/components/ds-toast/ds-toast.tsx +3 -0
  178. package/src/components/ds-toggle/ds-toggle.figma.ts +39 -0
  179. package/src/components/ds-toggle/ds-toggle.tsx +2 -0
  180. package/src/components/ds-tooltip/ds-tooltip.figma.ts +16 -0
  181. package/src/components/ds-tooltip/ds-tooltip.module.scss +8 -1
  182. package/src/components/ds-tooltip/ds-tooltip.tsx +35 -15
  183. package/src/components/ds-tooltip/ds-tooltip.types.ts +40 -0
  184. package/src/components/ds-tree/ds-tree.module.scss +2 -2
  185. package/src/components/ds-tree/ds-tree.tsx +22 -0
  186. package/src/components/ds-tree/ds-tree.types.ts +16 -0
  187. package/src/components/ds-typography/ds-typography.config.ts +1 -1
  188. package/src/components/ds-typography/ds-typography.figma.ts +63 -0
  189. package/src/components/ds-typography/ds-typography.module.scss +16 -0
  190. package/src/components/ds-typography/ds-typography.tsx +64 -7
  191. package/src/components/ds-typography/ds-typography.types.ts +13 -0
  192. package/src/components/ds-typography/hooks/use-truncation.ts +151 -0
  193. package/src/components/ds-user-card/ds-user-card.figma.ts +16 -0
  194. package/src/components/ds-user-card/ds-user-card.module.scss +25 -0
  195. package/src/components/ds-user-card/ds-user-card.tsx +31 -0
  196. package/src/components/ds-user-card/ds-user-card.types.ts +26 -0
  197. package/src/components/ds-user-card/index.ts +2 -0
  198. package/src/components/ds-vertical-tabs/ds-vertical-tabs.tsx +17 -4
  199. package/src/components/ds-workspace-layout/ds-workspace-layout.tsx +19 -8
  200. package/src/index.ts +2 -0
  201. package/src/styles/_root.scss +468 -363
  202. package/src/styles/shared/_dropdown.scss +2 -2
  203. package/src/styles/styles.scss +0 -3
  204. package/src/styles/_colors.scss +0 -65
  205. package/src/styles/_root_new.scss +0 -451
  206. package/src/styles/_spacing.scss +0 -47
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";
@@ -9,9 +10,9 @@ import * as Collapsible from "@radix-ui/react-collapsible";
9
10
  import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
10
11
  import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
11
12
  import * as steps from "@zag-js/steps";
12
- import { Cell, CellContext, ColumnDef, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState } from "@tanstack/react-table";
13
+ import { Cell, CellContext, ColumnDef, ColumnDef as ColumnDef$1, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState, createColumnHelper } from "@tanstack/react-table";
14
+ import "@tanstack/react-virtual";
13
15
  import { TreeView } from "@ark-ui/react/tree-view";
14
-
15
16
  //#region src/components/ds-icon/material-icons.d.ts
16
17
  type IconPrefix = 'action' | 'alert' | 'av' | 'communication' | 'content' | 'device' | 'editor' | 'file' | 'hardware' | 'home' | 'image' | 'maps' | 'navigation' | 'notification' | 'places' | 'search' | 'social' | 'symbols' | 'toggle';
17
18
  declare const materialIcons: {
@@ -6266,7 +6267,7 @@ declare const iconVariants: readonly ['outlined', 'rounded'];
6266
6267
  type IconVariant = (typeof iconVariants)[number];
6267
6268
  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'];
6268
6269
  type IconColor = (typeof iconColors)[number];
6269
- type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
6270
+ type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never; }[keyof typeof materialIcons];
6270
6271
  type IconName = MaterialIconName | CustomIconName;
6271
6272
  type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
6272
6273
  interface DsIconProps {
@@ -6310,19 +6311,10 @@ interface DsIconProps {
6310
6311
  }
6311
6312
  //#endregion
6312
6313
  //#region src/components/ds-icon/ds-icon.d.ts
6313
- /**
6314
- * Design system Icon component that renders Google Material Icons, custom SVG icons, or inline SVGs
6315
- */
6316
- declare const DsIcon: ({
6317
- icon,
6318
- size,
6319
- variant,
6320
- filled,
6321
- color,
6322
- className,
6323
- style,
6324
- ...rest
6325
- }: DsIconProps) => import("react/jsx-runtime").JSX.Element;
6314
+ declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react").JSX.Element;
6315
+ declare namespace DsIcon {
6316
+ var displayName: string;
6317
+ }
6326
6318
  //#endregion
6327
6319
  //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
6328
6320
  declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
@@ -6369,50 +6361,44 @@ interface DsAlertBannerProps {
6369
6361
  }
6370
6362
  //#endregion
6371
6363
  //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
6372
- declare function DsAlertBanner({
6373
- open,
6374
- onOpenChange,
6375
- inline,
6376
- variant,
6377
- icon,
6378
- closable,
6379
- className,
6380
- style,
6381
- children
6382
- }: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
6383
- declare namespace DsAlertBanner {
6384
- var Title: ({
6385
- style,
6386
- className,
6387
- children
6388
- }: {
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;
6372
+ declare const Title$2: {
6373
+ ({ style, className, children }: {
6389
6374
  style?: CSSProperties;
6390
6375
  className?: string;
6391
6376
  children: ReactNode;
6392
- }) => import("react/jsx-runtime").JSX.Element;
6393
- }
6394
- declare namespace DsAlertBanner {
6395
- var Body: ({
6396
- style,
6397
- className,
6398
- children
6399
- }: {
6377
+ }): import("react").JSX.Element;
6378
+ displayName: string;
6379
+ };
6380
+ declare const Body$5: {
6381
+ ({ style, className, children }: {
6400
6382
  style?: CSSProperties;
6401
6383
  className?: string;
6402
6384
  children: ReactNode;
6403
- }) => import("react/jsx-runtime").JSX.Element;
6404
- }
6405
- declare namespace DsAlertBanner {
6406
- var Actions: ({
6407
- style,
6408
- className,
6409
- children
6410
- }: {
6385
+ }): import("react").JSX.Element;
6386
+ displayName: string;
6387
+ };
6388
+ declare const Actions$2: {
6389
+ ({ style, className, children }: {
6411
6390
  style?: CSSProperties;
6412
6391
  className?: string;
6413
6392
  children: ReactNode;
6414
- }) => import("react/jsx-runtime").JSX.Element;
6415
- }
6393
+ }): import("react").JSX.Element;
6394
+ displayName: string;
6395
+ };
6396
+ declare const DsAlertBanner: typeof DsAlertBannerRoot & {
6397
+ displayName: string;
6398
+ Title: typeof Title$2;
6399
+ Body: typeof Body$5;
6400
+ Actions: typeof Actions$2;
6401
+ };
6416
6402
  //#endregion
6417
6403
  //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
6418
6404
  interface DsAutocompleteOption {
@@ -6510,30 +6496,16 @@ interface DsAutocompleteProps {
6510
6496
  }
6511
6497
  //#endregion
6512
6498
  //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
6513
- declare const DsAutocomplete: ({
6514
- id,
6515
- options,
6516
- loading,
6517
- style,
6518
- className,
6519
- placeholder,
6520
- disabled,
6521
- invalid,
6522
- onValueChange,
6523
- onInputValueChange,
6524
- onOpenChange,
6525
- locale: {
6526
- loading: loadingMessage,
6527
- noMatches: noMatchesMessage
6528
- },
6529
- highlightMatch,
6530
- showTrigger,
6531
- startAdornment
6532
- }: 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;
6500
+ declare namespace DsAutocomplete {
6501
+ var displayName: string;
6502
+ }
6533
6503
  //#endregion
6534
6504
  //#region src/components/ds-avatar/ds-avatar.types.d.ts
6535
- type DsAvatarSize = 'xsm' | 'sm' | 'regular' | 'md' | 'lg' | 'xl';
6536
- type DsAvatarType = 'circle' | 'rounded';
6505
+ declare const dsAvatarSizes: readonly ['xsm', 'sm', 'regular', 'md', 'lg', 'xl'];
6506
+ declare const dsAvatarTypes: readonly ['circle', 'rounded'];
6507
+ type DsAvatarSize = (typeof dsAvatarSizes)[number];
6508
+ type DsAvatarType = (typeof dsAvatarTypes)[number];
6537
6509
  interface DsAvatarProps {
6538
6510
  /**
6539
6511
  * Image source URL
@@ -6573,14 +6545,20 @@ interface DsAvatarProps {
6573
6545
  //#endregion
6574
6546
  //#region src/components/ds-avatar/ds-avatar.d.ts
6575
6547
  /**
6576
- * DsAvatar component for displaying user profile pictures or initials
6548
+ * @summary Displays a user's profile picture, falling back to initials.
6549
+ *
6550
+ * Renders a circular or rounded avatar from an image `src`. When the image is
6551
+ * missing or fails to load, the trimmed initials derived from `name` are shown
6552
+ * instead, and `name` is surfaced in a tooltip on hover.
6577
6553
  */
6578
6554
  declare const DsAvatar: FC<DsAvatarProps>;
6579
6555
  //#endregion
6580
6556
  //#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
6581
6557
  interface DsAvatarGroupProps {
6582
6558
  /**
6583
- * Array of avatar items
6559
+ * Avatar items to display. Each item accepts `DsAvatar` props except `size`
6560
+ * and `type`, which are set on the group. `name` is required; `src` and `alt`
6561
+ * are optional — without `src`, initials are shown per `DsAvatar`.
6584
6562
  */
6585
6563
  avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
6586
6564
  /**
@@ -6606,7 +6584,11 @@ interface DsAvatarGroupProps {
6606
6584
  //#endregion
6607
6585
  //#region src/components/ds-avatar-group/ds-avatar-group.d.ts
6608
6586
  /**
6609
- * DsAvatarGroup component for displaying a list of avatars with overlap
6587
+ * @summary Overlapping avatars with overflow collapse and tooltip.
6588
+ *
6589
+ * Renders a row of {@link DsAvatar} members that share `size` and `type`. When
6590
+ * `avatars.length` exceeds `max`, the remainder collapse behind a `+N`
6591
+ * indicator; hovering it lists the hidden names in a tooltip.
6610
6592
  */
6611
6593
  declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
6612
6594
  //#endregion
@@ -6733,7 +6715,7 @@ declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
6733
6715
  * so the wrapped component stays completely unaware of breakpoints.
6734
6716
  */
6735
6717
  declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
6736
- (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): import("react").FunctionComponentElement<Record<string, unknown>>;
6718
+ (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P]; }): import("react").FunctionComponentElement<Record<string, unknown>>;
6737
6719
  displayName: string;
6738
6720
  };
6739
6721
  //#endregion
@@ -6793,7 +6775,10 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
6793
6775
  });
6794
6776
  //#endregion
6795
6777
  //#region src/components/ds-button/ds-button.d.ts
6796
- declare const DsButton: (props: DsButtonUnifiedProps) => import("react/jsx-runtime").JSX.Element;
6778
+ declare function DsButton(props: DsButtonUnifiedProps): import("react").JSX.Element;
6779
+ declare namespace DsButton {
6780
+ var displayName: string;
6781
+ }
6797
6782
  //#endregion
6798
6783
  //#region src/components/ds-button-v3/ds-button-v3.types.d.ts
6799
6784
  declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
@@ -7215,39 +7200,41 @@ type DsCardBodyProps = DsCardSlotProps;
7215
7200
  type DsCardFooterProps = DsCardSlotProps;
7216
7201
  //#endregion
7217
7202
  //#region src/components/ds-card/ds-card.d.ts
7203
+ /**
7204
+ * Card root component - container with optional selectable behavior.
7205
+ * Use composition with DsCard.Header, DsCard.Body, DsCard.Footer for full flexibility.
7206
+ */
7207
+ declare const Root: {
7208
+ ({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react").JSX.Element;
7209
+ displayName: string;
7210
+ };
7211
+ /**
7212
+ * Card header — title row and optional trailing content.
7213
+ * Provide custom children for full layout flexibility.
7214
+ */
7215
+ declare const Header$4: {
7216
+ ({ className, children, ref, ...rest }: DsCardHeaderProps): import("react").JSX.Element;
7217
+ displayName: string;
7218
+ };
7219
+ /**
7220
+ * Card body - main content area.
7221
+ */
7222
+ declare const Body$4: {
7223
+ ({ className, children, ref, ...rest }: DsCardBodyProps): import("react").JSX.Element;
7224
+ displayName: string;
7225
+ };
7226
+ /**
7227
+ * Card footer - bottom section for actions or additional info.
7228
+ */
7229
+ declare const Footer$3: {
7230
+ ({ className, children, ref, ...rest }: DsCardFooterProps): import("react").JSX.Element;
7231
+ displayName: string;
7232
+ };
7218
7233
  declare const DsCard: {
7219
- Root: ({
7220
- ref,
7221
- size,
7222
- selectable,
7223
- selected,
7224
- highlightSelected,
7225
- disabled,
7226
- className,
7227
- style,
7228
- children,
7229
- onClick,
7230
- onKeyDown,
7231
- ...rest
7232
- }: DsCardRootProps) => import("react/jsx-runtime").JSX.Element;
7233
- Header: ({
7234
- className,
7235
- children,
7236
- ref,
7237
- ...rest
7238
- }: DsCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
7239
- Body: ({
7240
- className,
7241
- children,
7242
- ref,
7243
- ...rest
7244
- }: DsCardBodyProps) => import("react/jsx-runtime").JSX.Element;
7245
- Footer: ({
7246
- className,
7247
- children,
7248
- ref,
7249
- ...rest
7250
- }: DsCardFooterProps) => import("react/jsx-runtime").JSX.Element;
7234
+ Root: typeof Root;
7235
+ Header: typeof Header$4;
7236
+ Body: typeof Body$4;
7237
+ Footer: typeof Footer$3;
7251
7238
  };
7252
7239
  //#endregion
7253
7240
  //#region src/components/ds-catalog-layout/ds-catalog-layout.types.d.ts
@@ -7308,48 +7295,35 @@ interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'
7308
7295
  }
7309
7296
  //#endregion
7310
7297
  //#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
7311
- declare function DsCatalogLayout({
7312
- className,
7313
- fillParent,
7314
- ...rest
7315
- }: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
7316
- declare namespace DsCatalogLayout {
7317
- var Header: ({
7318
- className,
7319
- ...rest
7320
- }: DsCatalogLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
7321
- }
7322
- declare namespace DsCatalogLayout {
7323
- var Body: ({
7324
- className,
7325
- ...rest
7326
- }: DsCatalogLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
7327
- }
7328
- declare namespace DsCatalogLayout {
7329
- var SideMenu: ({
7330
- className,
7331
- pinned,
7332
- onPinnedChange,
7333
- locale,
7334
- children,
7335
- ...rest
7336
- }: DsCatalogLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
7337
- }
7338
- declare namespace DsCatalogLayout {
7339
- var Content: ({
7340
- className,
7341
- ...rest
7342
- }: DsCatalogLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
7343
- }
7344
- declare namespace DsCatalogLayout {
7345
- var ContentHeader: ({
7346
- className,
7347
- title,
7348
- headerActions,
7349
- children,
7350
- ...rest
7351
- }: DsCatalogLayoutContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
7352
- }
7298
+ declare const DsCatalogLayoutRoot: ({ className, fillParent, ...rest }: DsCatalogLayoutProps) => import("react").JSX.Element;
7299
+ declare const Header$3: {
7300
+ ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react").JSX.Element;
7301
+ displayName: string;
7302
+ };
7303
+ declare const Body$3: {
7304
+ ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react").JSX.Element;
7305
+ displayName: string;
7306
+ };
7307
+ declare const SideMenu$1: {
7308
+ ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react").JSX.Element;
7309
+ displayName: string;
7310
+ };
7311
+ declare const Content$1: {
7312
+ ({ className, ...rest }: DsCatalogLayoutContentProps): import("react").JSX.Element;
7313
+ displayName: string;
7314
+ };
7315
+ declare const ContentHeader: {
7316
+ ({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react").JSX.Element;
7317
+ displayName: string;
7318
+ };
7319
+ declare const DsCatalogLayout: typeof DsCatalogLayoutRoot & {
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;
7326
+ };
7353
7327
  //#endregion
7354
7328
  //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
7355
7329
  declare const checkboxVariants: readonly ['default', 'warning'];
@@ -7382,18 +7356,10 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
7382
7356
  }
7383
7357
  //#endregion
7384
7358
  //#region src/components/ds-checkbox/ds-checkbox.d.ts
7385
- /**
7386
- * Design system Checkbox component
7387
- */
7388
- declare const DsCheckbox: ({
7389
- variant,
7390
- label,
7391
- labelInfo,
7392
- className,
7393
- onCheckedChange,
7394
- value,
7395
- ...props
7396
- }: DsCheckboxProps) => import("react/jsx-runtime").JSX.Element;
7359
+ declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react").JSX.Element;
7360
+ declare namespace DsCheckbox {
7361
+ var displayName: string;
7362
+ }
7397
7363
  //#endregion
7398
7364
  //#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
7399
7365
  type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
@@ -7436,12 +7402,7 @@ interface UseCheckboxSelectAllResult {
7436
7402
  * - Toggling selects or clears only selectable values; preserves any already-selected
7437
7403
  * non-selectable values so bulk actions don't silently mutate protected items.
7438
7404
  */
7439
- declare function useCheckboxSelectAll<T>({
7440
- value,
7441
- allValues,
7442
- onValueChange,
7443
- isSelectable
7444
- }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
7405
+ declare function useCheckboxSelectAll<T>({ value, allValues, onValueChange, isSelectable }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
7445
7406
  //#endregion
7446
7407
  //#region src/components/ds-chip/ds-chip.types.d.ts
7447
7408
  /**
@@ -7729,22 +7690,10 @@ interface DsCommentCardProps {
7729
7690
  }
7730
7691
  //#endregion
7731
7692
  //#region src/components/ds-comment-card/ds-comment-card.d.ts
7732
- declare const DsCommentCard: ({
7733
- ref,
7734
- comment,
7735
- disabled,
7736
- overflow,
7737
- onClick,
7738
- onResolve,
7739
- onToggleActionRequired,
7740
- onForward,
7741
- onMarkUnread,
7742
- onCopyLink,
7743
- onDelete,
7744
- formatTimestamp,
7745
- className,
7746
- style
7747
- }: 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;
7694
+ declare namespace DsCommentCard {
7695
+ var displayName: string;
7696
+ }
7748
7697
  //#endregion
7749
7698
  //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
7750
7699
  interface DsCommentBubbleProps {
@@ -7852,31 +7801,10 @@ interface DsCommentBubbleProps {
7852
7801
  }
7853
7802
  //#endregion
7854
7803
  //#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
7855
- declare const DsCommentBubble: ({
7856
- ref,
7857
- comment,
7858
- currentUser,
7859
- hideActionRequired,
7860
- actionRequired,
7861
- onActionRequiredChange,
7862
- value,
7863
- onValueChange,
7864
- onSend,
7865
- onClose,
7866
- onResolve,
7867
- onToggleActionRequired,
7868
- onForward,
7869
- onMarkUnread,
7870
- onCopyLink,
7871
- onDelete,
7872
- onEditMessage,
7873
- onDeleteMessage,
7874
- onMessageMarkUnread,
7875
- onMessageResolved,
7876
- referenceTag,
7877
- className,
7878
- style
7879
- }: 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;
7805
+ declare namespace DsCommentBubble {
7806
+ var displayName: string;
7807
+ }
7880
7808
  //#endregion
7881
7809
  //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
7882
7810
  interface DsCommentThreadProps {
@@ -7917,16 +7845,10 @@ interface DsCommentThreadProps {
7917
7845
  }
7918
7846
  //#endregion
7919
7847
  //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
7920
- declare const DsCommentThread: ({
7921
- messages,
7922
- commentAuthor,
7923
- currentUser,
7924
- onEditMessage,
7925
- onDeleteMessage,
7926
- onMarkUnread,
7927
- onResolved,
7928
- className
7929
- }: 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;
7849
+ declare namespace DsCommentThread {
7850
+ var displayName: string;
7851
+ }
7930
7852
  //#endregion
7931
7853
  //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
7932
7854
  interface DsThreadItemProps {
@@ -7982,19 +7904,10 @@ interface DsThreadItemProps {
7982
7904
  }
7983
7905
  //#endregion
7984
7906
  //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
7985
- declare const DsThreadItem: ({
7986
- id,
7987
- author,
7988
- content,
7989
- createdAt,
7990
- isCommentAuthorMessage,
7991
- canModify,
7992
- onEdit,
7993
- onDelete,
7994
- onMarkUnread,
7995
- onResolved,
7996
- className
7997
- }: 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;
7908
+ declare namespace DsThreadItem {
7909
+ var displayName: string;
7910
+ }
7998
7911
  //#endregion
7999
7912
  //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
8000
7913
  type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
@@ -8035,15 +7948,10 @@ interface DsCommentIndicatorProps {
8035
7948
  }
8036
7949
  //#endregion
8037
7950
  //#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
8038
- declare const DsCommentIndicator: ({
8039
- type,
8040
- avatarSrc,
8041
- avatarName,
8042
- onClick,
8043
- ref,
8044
- className,
8045
- style
8046
- }: DsCommentIndicatorProps) => import("react/jsx-runtime").JSX.Element;
7951
+ declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react").JSX.Element;
7952
+ declare namespace DsCommentIndicator {
7953
+ var displayName: string;
7954
+ }
8047
7955
  //#endregion
8048
7956
  //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
8049
7957
  interface DsCommentsDrawerProps {
@@ -8132,25 +8040,10 @@ interface DsCommentsDrawerProps {
8132
8040
  }
8133
8041
  //#endregion
8134
8042
  //#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
8135
- declare const DsCommentsDrawer: ({
8136
- open,
8137
- onOpenChange,
8138
- comments,
8139
- showResolved,
8140
- onShowResolvedChange,
8141
- searchQuery,
8142
- onSearchChange,
8143
- onCommentClick,
8144
- onResolveComment,
8145
- onToggleActionRequired,
8146
- onForward,
8147
- onMarkUnread,
8148
- onCopyLink,
8149
- onDelete,
8150
- noCommentsMessage,
8151
- className,
8152
- style
8153
- }: 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;
8044
+ declare namespace DsCommentsDrawer {
8045
+ var displayName: string;
8046
+ }
8154
8047
  //#endregion
8155
8048
  //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
8156
8049
  interface FilterTag {
@@ -8230,71 +8123,61 @@ interface DsConfirmationProps {
8230
8123
  }
8231
8124
  //#endregion
8232
8125
  //#region src/components/ds-confirmation/ds-confirmation.d.ts
8233
- declare function DsConfirmation(props: DsConfirmationProps): import("react/jsx-runtime").JSX.Element;
8234
- declare namespace DsConfirmation {
8235
- var Header: ({
8236
- style,
8237
- className,
8238
- children
8239
- }: {
8240
- style?: import("react").CSSProperties;
8241
- className?: string;
8242
- children: import("react").ReactNode;
8243
- }) => import("react/jsx-runtime").JSX.Element;
8244
- }
8245
- declare namespace DsConfirmation {
8246
- var Title: ({
8247
- style,
8248
- className,
8249
- children
8250
- }: {
8251
- style?: import("react").CSSProperties;
8252
- className?: string;
8253
- children: import("react").ReactNode;
8254
- }) => import("react/jsx-runtime").JSX.Element;
8255
- }
8256
- declare namespace DsConfirmation {
8257
- var CloseTrigger: ({
8258
- style,
8259
- className
8260
- }: {
8261
- style?: import("react").CSSProperties;
8262
- className?: string;
8263
- }) => import("react/jsx-runtime").JSX.Element;
8264
- }
8265
- declare namespace DsConfirmation {
8266
- var Body: ({
8267
- style,
8268
- className,
8269
- children
8270
- }: {
8271
- style?: import("react").CSSProperties;
8272
- className?: string;
8273
- children: import("react").ReactNode;
8274
- }) => import("react/jsx-runtime").JSX.Element;
8275
- }
8276
- declare namespace DsConfirmation {
8277
- var Footer: ({
8278
- style,
8279
- className,
8280
- children
8281
- }: {
8282
- style?: import("react").CSSProperties;
8283
- className?: string;
8284
- children: import("react").ReactNode;
8285
- }) => import("react/jsx-runtime").JSX.Element;
8286
- }
8287
- declare namespace DsConfirmation {
8288
- var Actions: ({
8289
- style,
8290
- className,
8291
- children
8292
- }: {
8293
- style?: import("react").CSSProperties;
8294
- className?: string;
8295
- children: import("react").ReactNode;
8296
- }) => import("react/jsx-runtime").JSX.Element;
8297
- }
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: {
8134
+ ({ style, className, children }: {
8135
+ style?: import("react").CSSProperties;
8136
+ className?: string;
8137
+ children: import("react").ReactNode;
8138
+ }): import("react").JSX.Element;
8139
+ displayName: string;
8140
+ };
8141
+ Title: {
8142
+ ({ style, className, children }: {
8143
+ style?: import("react").CSSProperties;
8144
+ className?: string;
8145
+ children: import("react").ReactNode;
8146
+ }): import("react").JSX.Element;
8147
+ displayName: string;
8148
+ };
8149
+ CloseTrigger: {
8150
+ ({ style, className }: {
8151
+ style?: import("react").CSSProperties;
8152
+ className?: string;
8153
+ }): import("react").JSX.Element;
8154
+ displayName: string;
8155
+ };
8156
+ Body: {
8157
+ ({ style, className, children }: {
8158
+ style?: import("react").CSSProperties;
8159
+ className?: string;
8160
+ children: import("react").ReactNode;
8161
+ }): import("react").JSX.Element;
8162
+ displayName: string;
8163
+ };
8164
+ Footer: {
8165
+ ({ style, className, children }: {
8166
+ style?: import("react").CSSProperties;
8167
+ className?: string;
8168
+ children: import("react").ReactNode;
8169
+ }): import("react").JSX.Element;
8170
+ displayName: string;
8171
+ };
8172
+ Actions: {
8173
+ ({ style, className, children }: {
8174
+ style?: import("react").CSSProperties;
8175
+ className?: string;
8176
+ children: import("react").ReactNode;
8177
+ }): import("react").JSX.Element;
8178
+ displayName: string;
8179
+ };
8180
+ };
8298
8181
  //#endregion
8299
8182
  //#region src/components/ds-date-input/ds-date-input.types.d.ts
8300
8183
  /**
@@ -8414,29 +8297,10 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
8414
8297
  type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
8415
8298
  //#endregion
8416
8299
  //#region src/components/ds-date-input/ds-date-input.d.ts
8417
- /**
8418
- * @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead.
8419
- * @see {@link ../ds-date-picker} for single date selection.
8420
- * @see {@link ../ds-date-range-picker} for date range selection.
8421
- */
8422
- declare const DsDateInput: ({
8423
- range,
8424
- placeholder,
8425
- style,
8426
- className,
8427
- disablePortal,
8428
- hideClearButton,
8429
- onValueChange,
8430
- onOpenChange,
8431
- value: _value,
8432
- defaultValue: _defaultValue,
8433
- min: _min,
8434
- max: _max,
8435
- disabled,
8436
- readOnly,
8437
- id,
8438
- ...datePickerProps
8439
- }: 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;
8301
+ declare namespace DsDateInput {
8302
+ var displayName: string;
8303
+ }
8440
8304
  //#endregion
8441
8305
  //#region src/components/ds-text-input/ds-text-input.types.d.ts
8442
8306
  declare const textInputSizes: readonly ['small', 'default'];
@@ -8680,7 +8544,10 @@ interface DsTimePickerSlotProps {
8680
8544
  }
8681
8545
  //#endregion
8682
8546
  //#region src/components/ds-time-picker/ds-time-picker.d.ts
8683
- declare const DsTimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
8547
+ declare function DsTimePicker(props: DsTimePickerProps): import("react").JSX.Element;
8548
+ declare namespace DsTimePicker {
8549
+ var displayName: string;
8550
+ }
8684
8551
  //#endregion
8685
8552
  //#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
8686
8553
  /**
@@ -8768,7 +8635,7 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
8768
8635
  disablePortal?: boolean;
8769
8636
  /**
8770
8637
  * Whether to hide the clear button
8771
- * @default true
8638
+ * @default false
8772
8639
  */
8773
8640
  hideClearButton?: boolean;
8774
8641
  /**
@@ -8782,27 +8649,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
8782
8649
  }
8783
8650
  //#endregion
8784
8651
  //#region src/components/ds-date-picker/ds-date-picker.d.ts
8785
- declare const DsDatePicker: ({
8786
- placeholder,
8787
- className,
8788
- withTime,
8789
- closeOnSelect,
8790
- disablePortal,
8791
- hideClearButton,
8792
- locale,
8793
- slotProps,
8794
- onChange,
8795
- onOpenChange,
8796
- onBlur,
8797
- value: _value,
8798
- defaultValue: _defaultValue,
8799
- min: _min,
8800
- max: _max,
8801
- disabled,
8802
- readOnly,
8803
- id,
8804
- ...restProps
8805
- }: 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;
8653
+ declare namespace DsDatePicker {
8654
+ var displayName: string;
8655
+ }
8806
8656
  //#endregion
8807
8657
  //#region src/components/ds-number-input/ds-number-input.types.d.ts
8808
8658
  interface DsNumberInputProps {
@@ -9138,21 +8988,10 @@ type DsSelectProps = {
9138
8988
  });
9139
8989
  //#endregion
9140
8990
  //#region src/components/ds-select/ds-select.d.ts
9141
- declare const DsSelect: ({
9142
- id,
9143
- options: userOptions,
9144
- value,
9145
- style,
9146
- size,
9147
- clearable,
9148
- onClear,
9149
- onBlur,
9150
- className,
9151
- placeholder,
9152
- disabled,
9153
- renderOption,
9154
- ...multiselectProps
9155
- }: 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;
8992
+ declare namespace DsSelect {
8993
+ var displayName: string;
8994
+ }
9156
8995
  //#endregion
9157
8996
  //#region src/components/ds-form-control/ds-form-control.types.d.ts
9158
8997
  declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
@@ -9216,46 +9055,20 @@ interface DsFormControlDescriptionProps {
9216
9055
  }
9217
9056
  //#endregion
9218
9057
  //#region src/components/ds-form-control/ds-form-control.d.ts
9219
- declare function DsFormControl({
9220
- id,
9221
- status,
9222
- label,
9223
- hideLabel,
9224
- required,
9225
- slots,
9226
- message,
9227
- messageIcon,
9228
- className,
9229
- style,
9230
- children
9231
- }: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
9232
- declare namespace DsFormControl {
9233
- var TextInput: (props: DsTextInputProps) => import("react/jsx-runtime").JSX.Element;
9234
- }
9235
- declare namespace DsFormControl {
9236
- var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
9237
- }
9238
- declare namespace DsFormControl {
9239
- var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
9240
- }
9241
- declare namespace DsFormControl {
9242
- var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
9243
- }
9244
- declare namespace DsFormControl {
9245
- var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
9246
- }
9247
- declare namespace DsFormControl {
9248
- var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
9249
- }
9250
- declare namespace DsFormControl {
9251
- var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
9252
- }
9253
- declare namespace DsFormControl {
9254
- var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
9255
- }
9256
- declare namespace DsFormControl {
9257
- var Description: React$1.FC<DsFormControlDescriptionProps>;
9258
- }
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
+ };
9259
9072
  //#endregion
9260
9073
  //#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
9261
9074
  type DateRangeValue = [Date | null, Date | null];
@@ -9361,23 +9174,10 @@ interface DsDateRangePickerProps {
9361
9174
  }
9362
9175
  //#endregion
9363
9176
  //#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
9364
- declare const DsDateRangePicker: ({
9365
- value: valueProp,
9366
- defaultValue,
9367
- onChange,
9368
- min,
9369
- max,
9370
- withTime,
9371
- orientation,
9372
- hideClearAll,
9373
- closeOnSelect,
9374
- disabled,
9375
- readOnly,
9376
- className,
9377
- disablePortal,
9378
- locale,
9379
- slotProps
9380
- }: 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;
9178
+ declare namespace DsDateRangePicker {
9179
+ var displayName: string;
9180
+ }
9381
9181
  //#endregion
9382
9182
  //#region src/components/ds-dialog/ds-dialog.types.d.ts
9383
9183
  interface DsDialogProps {
@@ -9416,7 +9216,7 @@ interface DsDialogProps {
9416
9216
  /**
9417
9217
  * Ref to the element the dialog should be anchored to (for relative placement)
9418
9218
  */
9419
- anchorRef?: React$1.RefObject<HTMLElement>;
9219
+ anchorRef?: React$1.RefObject<HTMLElement | null>;
9420
9220
  /**
9421
9221
  * Custom fixed position (e.g., { top: number, left: number })
9422
9222
  */
@@ -9437,6 +9237,13 @@ interface DsDialogProps {
9437
9237
  }
9438
9238
  //#endregion
9439
9239
  //#region src/components/ds-dialog/ds-dialog.d.ts
9240
+ /**
9241
+ * @summary Lightweight controlled dialog for simple panels and popovers.
9242
+ *
9243
+ * Renders a Radix dialog with required accessible title, optional description,
9244
+ * and custom body content. Use for focused overlays and menu-style panels.
9245
+ * Prefer `DsModal` when you need structured header, body, and footer sections.
9246
+ */
9440
9247
  declare const DsDialog: React$1.FC<DsDialogProps>;
9441
9248
  //#endregion
9442
9249
  //#region src/components/ds-divider/ds-divider.types.d.ts
@@ -9524,99 +9331,78 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
9524
9331
  }
9525
9332
  //#endregion
9526
9333
  //#region src/components/ds-drawer/ds-drawer.d.ts
9527
- declare function DsDrawer({
9528
- open,
9529
- onOpenChange,
9530
- onOpenAutoFocus,
9531
- columns,
9532
- position,
9533
- backdrop,
9534
- closeOnEscape,
9535
- closeOnInteractOutside,
9536
- portal,
9537
- style,
9538
- className,
9539
- children
9540
- }: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
9541
- declare namespace DsDrawer {
9542
- var Header: ({
9543
- style,
9544
- className,
9545
- children
9546
- }: {
9334
+ declare const DsDrawerRoot: ({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps) => import("react").JSX.Element;
9335
+ declare const Header$2: {
9336
+ ({ style, className, children }: {
9547
9337
  style?: CSSProperties;
9548
9338
  className?: string;
9549
9339
  children: ReactNode;
9550
- }) => import("react/jsx-runtime").JSX.Element;
9551
- }
9552
- declare namespace DsDrawer {
9553
- var Title: ({
9554
- style,
9555
- className,
9556
- children
9557
- }: {
9340
+ }): import("react").JSX.Element;
9341
+ displayName: string;
9342
+ };
9343
+ declare const Title$1: {
9344
+ ({ style, className, children }: {
9558
9345
  style?: CSSProperties;
9559
9346
  className?: string;
9560
9347
  children: ReactNode;
9561
- }) => import("react/jsx-runtime").JSX.Element;
9562
- }
9563
- declare namespace DsDrawer {
9564
- var CloseTrigger: ({
9565
- style,
9566
- className
9567
- }: {
9348
+ }): import("react").JSX.Element;
9349
+ displayName: string;
9350
+ };
9351
+ declare const CloseTrigger$1: {
9352
+ ({ style, className }: {
9568
9353
  style?: CSSProperties;
9569
9354
  className?: string;
9570
- }) => import("react/jsx-runtime").JSX.Element;
9571
- }
9572
- declare namespace DsDrawer {
9573
- var Toolbar: ({
9574
- style,
9575
- className,
9576
- children
9577
- }: {
9355
+ }): import("react").JSX.Element;
9356
+ displayName: string;
9357
+ };
9358
+ declare const Toolbar: {
9359
+ ({ style, className, children }: {
9578
9360
  style?: CSSProperties;
9579
9361
  className?: string;
9580
9362
  children: ReactNode;
9581
- }) => import("react/jsx-runtime").JSX.Element;
9582
- }
9583
- declare namespace DsDrawer {
9584
- var Body: ({
9585
- style,
9586
- className,
9587
- children
9588
- }: {
9363
+ }): import("react").JSX.Element;
9364
+ displayName: string;
9365
+ };
9366
+ declare const Body$2: {
9367
+ ({ style, className, children }: {
9589
9368
  style?: CSSProperties;
9590
9369
  className?: string;
9591
9370
  children: ReactNode;
9592
- }) => import("react/jsx-runtime").JSX.Element;
9593
- }
9594
- declare namespace DsDrawer {
9595
- var Footer: ({
9596
- style,
9597
- className,
9598
- children
9599
- }: {
9371
+ }): import("react").JSX.Element;
9372
+ displayName: string;
9373
+ };
9374
+ declare const Footer$2: {
9375
+ ({ style, className, children }: {
9600
9376
  style?: CSSProperties;
9601
9377
  className?: string;
9602
9378
  children: ReactNode;
9603
- }) => import("react/jsx-runtime").JSX.Element;
9604
- }
9605
- declare namespace DsDrawer {
9606
- var Actions: ({
9607
- style,
9608
- className,
9609
- children
9610
- }: {
9379
+ }): import("react").JSX.Element;
9380
+ displayName: string;
9381
+ };
9382
+ declare const Actions$1: {
9383
+ ({ style, className, children }: {
9611
9384
  style?: CSSProperties;
9612
9385
  className?: string;
9613
9386
  children: ReactNode;
9614
- }) => import("react/jsx-runtime").JSX.Element;
9615
- }
9387
+ }): import("react").JSX.Element;
9388
+ displayName: string;
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
+ };
9616
9400
  //#endregion
9617
9401
  //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
9618
9402
  declare const dropdownMenuItemVariants: readonly ['default', 'error'];
9619
9403
  type DropdownMenuItemVariant = (typeof dropdownMenuItemVariants)[number];
9404
+ declare const dropdownMenuActionsAlignments: readonly ['end', 'stretch'];
9405
+ type DropdownMenuActionsAlign = (typeof dropdownMenuActionsAlignments)[number];
9620
9406
  /**
9621
9407
  * Base positioning type
9622
9408
  */
@@ -9835,9 +9621,15 @@ interface DsDropdownMenuHeaderProps {
9835
9621
  */
9836
9622
  interface DsDropdownMenuActionsProps {
9837
9623
  /**
9838
- * The action buttons or elements
9624
+ * The action buttons or full-width elements pinned to the bottom of the menu.
9839
9625
  */
9840
9626
  children: ReactNode;
9627
+ /**
9628
+ * How children are laid out. `end` is a right-aligned button row (e.g.
9629
+ * Cancel/Apply); `stretch` stacks full-width children (e.g. a logout item).
9630
+ * @default 'end'
9631
+ */
9632
+ align?: DropdownMenuActionsAlign;
9841
9633
  /**
9842
9634
  * Optional CSS class name
9843
9635
  */
@@ -9959,13 +9751,10 @@ interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' |
9959
9751
  }
9960
9752
  //#endregion
9961
9753
  //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
9962
- declare function DsExpandableTextInput({
9963
- onClear,
9964
- onExpandChange,
9965
- icon,
9966
- size,
9967
- ...props
9968
- }: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
9754
+ declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react").JSX.Element;
9755
+ declare namespace DsExpandableTextInput {
9756
+ var displayName: string;
9757
+ }
9969
9758
  //#endregion
9970
9759
  //#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
9971
9760
  type FileError = FileUploadFileError;
@@ -10257,16 +10046,7 @@ interface UseFileUploadReturn {
10257
10046
  /**
10258
10047
  * File upload state management hook
10259
10048
  */
10260
- declare function useFileUpload({
10261
- adapter,
10262
- autoUpload,
10263
- maxConcurrent,
10264
- maxFiles,
10265
- metadata,
10266
- onFileUploadComplete,
10267
- onFileUploadError,
10268
- onAllFileUploadsComplete
10269
- }: UseFileUploadConfig): UseFileUploadReturn;
10049
+ declare function useFileUpload({ adapter, autoUpload, maxConcurrent, maxFiles, metadata, onFileUploadComplete, onFileUploadError, onAllFileUploadsComplete }: UseFileUploadConfig): UseFileUploadReturn;
10270
10050
  //#endregion
10271
10051
  //#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
10272
10052
  /**
@@ -10320,17 +10100,10 @@ interface DsFilterStatusIconProps {
10320
10100
  }
10321
10101
  //#endregion
10322
10102
  //#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
10323
- /**
10324
- * Design system Filter Status Icon component
10325
- * Status icons for toggle filter buttons to help users quickly distinguish states
10326
- */
10327
- declare const DsFilterStatusIcon: ({
10328
- status,
10329
- active,
10330
- size,
10331
- className,
10332
- style
10333
- }: DsFilterStatusIconProps) => import("react/jsx-runtime").JSX.Element;
10103
+ declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react").JSX.Element;
10104
+ declare namespace DsFilterStatusIcon {
10105
+ var displayName: string;
10106
+ }
10334
10107
  //#endregion
10335
10108
  //#region src/components/ds-grid/index.d.ts
10336
10109
  declare const DsGrid: {
@@ -10388,16 +10161,10 @@ interface DsKeyValuePairProps {
10388
10161
  }
10389
10162
  //#endregion
10390
10163
  //#region src/components/ds-key-value-pair/ds-key-value-pair.d.ts
10391
- declare const DsKeyValuePair: ({
10392
- ref,
10393
- keyLabel,
10394
- value,
10395
- readOnly,
10396
- orientation,
10397
- editInput,
10398
- className,
10399
- style
10400
- }: DsKeyValuePairProps) => import("react/jsx-runtime").JSX.Element;
10164
+ declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react").JSX.Element;
10165
+ declare namespace DsKeyValuePair {
10166
+ var displayName: string;
10167
+ }
10401
10168
  //#endregion
10402
10169
  //#region src/components/ds-loader/ds-loader.types.d.ts
10403
10170
  declare const loaderVariants: readonly ['spinner', 'pulsing'];
@@ -10423,14 +10190,10 @@ interface DsLoaderProps {
10423
10190
  }
10424
10191
  //#endregion
10425
10192
  //#region src/components/ds-loader/ds-loader.d.ts
10426
- /**
10427
- * Design system Loader component
10428
- */
10429
- declare const DsLoader: ({
10430
- variant,
10431
- className,
10432
- ...props
10433
- }: DsLoaderProps) => import("react/jsx-runtime").JSX.Element;
10193
+ declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react").JSX.Element;
10194
+ declare namespace DsLoader {
10195
+ var displayName: string;
10196
+ }
10434
10197
  //#endregion
10435
10198
  //#region src/components/ds-modal/ds-modal.types.d.ts
10436
10199
  /**
@@ -10491,82 +10254,68 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
10491
10254
  }
10492
10255
  //#endregion
10493
10256
  //#region src/components/ds-modal/ds-modal.d.ts
10494
- declare function DsModal({
10495
- open,
10496
- columns,
10497
- dividers,
10498
- style,
10499
- className,
10500
- modal,
10501
- closeOnEscape,
10502
- closeOnInteractOutside,
10503
- children,
10504
- onOpenChange
10505
- }: DsModalProps): import("react/jsx-runtime").JSX.Element;
10506
- declare namespace DsModal {
10507
- var Header: ({
10508
- style,
10509
- className,
10510
- children
10511
- }: {
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;
10263
+ declare const Header$1: {
10264
+ ({ style, className, children }: {
10512
10265
  style?: CSSProperties;
10513
10266
  className?: string;
10514
10267
  children: ReactNode;
10515
- }) => import("react/jsx-runtime").JSX.Element;
10516
- }
10517
- declare namespace DsModal {
10518
- var Title: ({
10519
- style,
10520
- className,
10521
- children
10522
- }: {
10268
+ }): import("react").JSX.Element;
10269
+ displayName: string;
10270
+ };
10271
+ declare const Title: {
10272
+ ({ style, className, children }: {
10523
10273
  style?: CSSProperties;
10524
10274
  className?: string;
10525
10275
  children: ReactNode;
10526
- }) => import("react/jsx-runtime").JSX.Element;
10527
- }
10528
- declare namespace DsModal {
10529
- var CloseTrigger: ({
10530
- style,
10531
- className
10532
- }: {
10276
+ }): import("react").JSX.Element;
10277
+ displayName: string;
10278
+ };
10279
+ declare const CloseTrigger: {
10280
+ ({ style, className }: {
10533
10281
  style?: CSSProperties;
10534
10282
  className?: string;
10535
- }) => import("react/jsx-runtime").JSX.Element;
10536
- }
10537
- declare namespace DsModal {
10538
- var Body: ({
10539
- style,
10540
- className,
10541
- children
10542
- }: {
10283
+ }): import("react").JSX.Element;
10284
+ displayName: string;
10285
+ };
10286
+ declare const Body$1: {
10287
+ ({ style, className, children }: {
10543
10288
  style?: CSSProperties;
10544
10289
  className?: string;
10545
10290
  children: ReactNode;
10546
- }) => import("react/jsx-runtime").JSX.Element;
10547
- }
10548
- declare namespace DsModal {
10549
- var Footer: ({
10550
- style,
10551
- className,
10552
- children
10553
- }: {
10291
+ }): import("react").JSX.Element;
10292
+ displayName: string;
10293
+ };
10294
+ declare const Footer$1: {
10295
+ ({ style, className, children }: {
10554
10296
  style?: CSSProperties;
10555
10297
  className?: string;
10556
10298
  children: ReactNode;
10557
- }) => import("react/jsx-runtime").JSX.Element;
10558
- }
10559
- declare namespace DsModal {
10560
- var Actions: ({
10561
- style,
10562
- className,
10563
- children
10564
- }: {
10299
+ }): import("react").JSX.Element;
10300
+ displayName: string;
10301
+ };
10302
+ declare const Actions: {
10303
+ ({ style, className, children }: {
10565
10304
  style?: CSSProperties;
10566
10305
  className?: string;
10567
10306
  children: ReactNode;
10568
- }) => import("react/jsx-runtime").JSX.Element;
10569
- }
10307
+ }): import("react").JSX.Element;
10308
+ displayName: string;
10309
+ };
10310
+ declare const DsModal: typeof DsModalRoot & {
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;
10318
+ };
10570
10319
  //#endregion
10571
10320
  //#region src/components/ds-panel/ds-panel.types.d.ts
10572
10321
  type DsPanelVariant = 'docked' | 'floating';
@@ -11025,58 +10774,53 @@ interface DsPopoverProps {
11025
10774
  }
11026
10775
  //#endregion
11027
10776
  //#region src/components/ds-popover/ds-popover.d.ts
11028
- declare const DsPopover: (({
11029
- trigger,
11030
- children,
11031
- className,
11032
- side,
11033
- align
11034
- }: DsPopoverProps) => import("react/jsx-runtime").JSX.Element) & {
11035
- Root: ({
11036
- open,
11037
- defaultOpen,
11038
- side,
11039
- align,
11040
- gutter,
11041
- modal,
11042
- children,
11043
- onOpenChange
11044
- }: DsPopoverRootProps) => import("react/jsx-runtime").JSX.Element;
11045
- Trigger: ({
11046
- children,
11047
- className
11048
- }: DsPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
11049
- Panel: ({
11050
- width,
11051
- className,
11052
- style,
11053
- children,
11054
- ref,
11055
- 'aria-label': ariaLabel
11056
- }: DsPopoverPanelProps) => import("react/jsx-runtime").JSX.Element;
11057
- Header: ({
11058
- icon,
11059
- className,
11060
- style,
11061
- children
11062
- }: DsPopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
11063
- Content: ({
11064
- className,
11065
- style,
11066
- children
11067
- }: DsPopoverContentProps) => import("react/jsx-runtime").JSX.Element;
11068
- ContentItem: ({
11069
- status,
11070
- headline,
11071
- className,
11072
- style,
11073
- children
11074
- }: DsPopoverContentItemProps) => import("react/jsx-runtime").JSX.Element;
11075
- Footer: ({
11076
- className,
11077
- style,
11078
- children
11079
- }: DsPopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
10777
+ declare const DsPopoverRoot: {
10778
+ ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
10779
+ displayName: string;
10780
+ };
10781
+ declare const DsPopoverTrigger: {
10782
+ ({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
10783
+ displayName: string;
10784
+ };
10785
+ declare const DsPopoverPanel: {
10786
+ ({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
10787
+ displayName: string;
10788
+ };
10789
+ declare const DsPopoverHeader: {
10790
+ ({ icon, className, style, children }: DsPopoverHeaderProps): import("react").JSX.Element;
10791
+ displayName: string;
10792
+ };
10793
+ declare const DsPopoverContent: {
10794
+ ({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
10795
+ displayName: string;
10796
+ };
10797
+ declare const DsPopoverContentItem: {
10798
+ ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
10799
+ displayName: string;
10800
+ };
10801
+ declare const DsPopoverFooter: {
10802
+ ({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
10803
+ displayName: string;
10804
+ };
10805
+ /**
10806
+ * Legacy single-element form. Keeps the old call signature and `side` default
10807
+ * ('top') compiling and opening, but now renders the new fixed-width panel —
10808
+ * styling differs from the old Radix popover and the Radix `Popover.Close`
10809
+ * context is no longer wired.
10810
+ * @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
10811
+ */
10812
+ declare const DsPopoverLegacy: {
10813
+ ({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
10814
+ displayName: string;
10815
+ };
10816
+ declare const DsPopover: typeof DsPopoverLegacy & {
10817
+ Root: typeof DsPopoverRoot;
10818
+ Trigger: typeof DsPopoverTrigger;
10819
+ Panel: typeof DsPopoverPanel;
10820
+ Header: typeof DsPopoverHeader;
10821
+ Content: typeof DsPopoverContent;
10822
+ ContentItem: typeof DsPopoverContentItem;
10823
+ Footer: typeof DsPopoverFooter;
11080
10824
  };
11081
10825
  //#endregion
11082
10826
  //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
@@ -11108,16 +10852,10 @@ interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
11108
10852
  }
11109
10853
  //#endregion
11110
10854
  //#region src/components/ds-progress-arc/ds-progress-arc.d.ts
11111
- declare const DsProgressArc: ({
11112
- value,
11113
- size,
11114
- variant,
11115
- children,
11116
- className,
11117
- style,
11118
- ref,
11119
- ...props
11120
- }: DsProgressArcProps) => import("react/jsx-runtime").JSX.Element;
10855
+ declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): React$1.JSX.Element;
10856
+ declare namespace DsProgressArc {
10857
+ var displayName: string;
10858
+ }
11121
10859
  //#endregion
11122
10860
  //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
11123
10861
  declare const progressDonutSizes: readonly ['small', 'medium'];
@@ -11150,15 +10888,10 @@ interface DsProgressDonutProps {
11150
10888
  }
11151
10889
  //#endregion
11152
10890
  //#region src/components/ds-progress-donut/ds-progress-donut.d.ts
11153
- declare const DsProgressDonut: ({
11154
- value,
11155
- size,
11156
- variant,
11157
- children,
11158
- className,
11159
- style,
11160
- ref
11161
- }: DsProgressDonutProps) => import("react/jsx-runtime").JSX.Element;
10891
+ declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): React$1.JSX.Element;
10892
+ declare namespace DsProgressDonut {
10893
+ var displayName: string;
10894
+ }
11162
10895
  //#endregion
11163
10896
  //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
11164
10897
  declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
@@ -11221,22 +10954,10 @@ interface DsProgressLinearProps {
11221
10954
  }
11222
10955
  //#endregion
11223
10956
  //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
11224
- /**
11225
- * Design system ProgressLinear component
11226
- */
11227
- declare const DsProgressLinear: ({
11228
- value,
11229
- min,
11230
- max,
11231
- variant,
11232
- size,
11233
- label,
11234
- showValue,
11235
- caption,
11236
- className,
11237
- style,
11238
- ref
11239
- }: 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;
10958
+ declare namespace DsProgressLinear {
10959
+ var displayName: string;
10960
+ }
11240
10961
  //#endregion
11241
10962
  //#region src/components/ds-progress-task-bar/ds-progress-task-bar.types.d.ts
11242
10963
  declare const taskBarStatuses: readonly ['completed', 'running', 'failed'];
@@ -11295,16 +11016,10 @@ interface DsProgressTaskBarProps {
11295
11016
  }
11296
11017
  //#endregion
11297
11018
  //#region src/components/ds-progress-task-bar/ds-progress-task-bar.d.ts
11298
- declare const DsProgressTaskBar: ({
11299
- completed,
11300
- running,
11301
- failed,
11302
- total,
11303
- locale,
11304
- className,
11305
- style,
11306
- ref
11307
- }: DsProgressTaskBarProps) => import("react/jsx-runtime").JSX.Element;
11019
+ declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react").JSX.Element;
11020
+ declare namespace DsProgressTaskBar {
11021
+ var displayName: string;
11022
+ }
11308
11023
  //#endregion
11309
11024
  //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
11310
11025
  /**
@@ -11524,6 +11239,44 @@ declare const DsSegmentGroup: {
11524
11239
  ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
11525
11240
  };
11526
11241
  //#endregion
11242
+ //#region src/components/ds-site-node/ds-site-node.types.d.ts
11243
+ declare const siteNodeStates: readonly ['default', 'selected', 'muted', 'overflow'];
11244
+ type SiteNodeState = (typeof siteNodeStates)[number];
11245
+ interface DsSiteNodeProps {
11246
+ ref?: Ref<HTMLButtonElement>;
11247
+ /**
11248
+ * Scope/selection state within the site hierarchy path.
11249
+ * `overflow` renders a collapsed summary node (no tier/site code).
11250
+ */
11251
+ state?: SiteNodeState;
11252
+ /**
11253
+ * Short tier label shown in the pill, e.g. `"T1"`. Ignored when `state="overflow"`.
11254
+ */
11255
+ tier?: string;
11256
+ /**
11257
+ * Site identifier. Truncates with an ellipsis and reveals the full value in a
11258
+ * tooltip when it overflows. Ignored when `state="overflow"`.
11259
+ */
11260
+ siteCode?: string;
11261
+ /**
11262
+ * Summary label for the collapsed branch, e.g. `"+2 more"`. Only used when
11263
+ * `state="overflow"`.
11264
+ */
11265
+ overflowLabel?: string;
11266
+ className?: string;
11267
+ style?: CSSProperties;
11268
+ /**
11269
+ * Overrides the accessible name. By default the node is named by its visible
11270
+ * content (tier + site code, or the overflow label); set this to give the
11271
+ * overflow node a more descriptive name, e.g. `"Show 2 more sites"`.
11272
+ */
11273
+ 'aria-label'?: string;
11274
+ onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
11275
+ }
11276
+ //#endregion
11277
+ //#region src/components/ds-site-node/ds-site-node.d.ts
11278
+ declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react").JSX.Element;
11279
+ //#endregion
11527
11280
  //#region src/components/ds-typography/ds-typography.config.d.ts
11528
11281
  declare const typographyVariantConfig: {
11529
11282
  readonly 'body-md-reg': {
@@ -11619,7 +11372,7 @@ declare const typographyVariantConfig: {
11619
11372
  readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
11620
11373
  };
11621
11374
  };
11622
- /** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
11375
+ /** Semantic text colors backed by `--font-*` tokens in `_root.scss`. */
11623
11376
  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'];
11624
11377
  //#endregion
11625
11378
  //#region src/components/ds-typography/ds-typography.types.d.ts
@@ -11652,6 +11405,19 @@ interface DsTypographyProps {
11652
11405
  * When true, composes typography styles onto the child element without extra DOM nodes
11653
11406
  */
11654
11407
  asChild?: boolean;
11408
+ /**
11409
+ * Truncates overflowing text with an ellipsis. A number clamps to that many lines
11410
+ * (`true` is a single line). Needs a width-constrained layout context.
11411
+ */
11412
+ truncate?: boolean | number;
11413
+ /**
11414
+ * Reveals the full text in a tooltip on hover/focus, but only while it overflows.
11415
+ */
11416
+ tooltip?: boolean;
11417
+ /**
11418
+ * Tooltip content override; defaults to `children`.
11419
+ */
11420
+ tooltipContent?: React.ReactNode;
11655
11421
  /**
11656
11422
  * The content of the component
11657
11423
  */
@@ -11659,16 +11425,10 @@ interface DsTypographyProps {
11659
11425
  }
11660
11426
  //#endregion
11661
11427
  //#region src/components/ds-typography/ds-typography.d.ts
11662
- declare const DsTypography: ({
11663
- ref,
11664
- variant,
11665
- asChild,
11666
- className,
11667
- style,
11668
- color,
11669
- children,
11670
- ...props
11671
- }: 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;
11429
+ declare namespace DsTypography {
11430
+ var displayName: string;
11431
+ }
11672
11432
  //#endregion
11673
11433
  //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
11674
11434
  declare const skeletonColorVariants: readonly ['gray', 'blue'];
@@ -11755,72 +11515,30 @@ interface DsSkeletonRectProps extends DsSkeletonBaseProps {
11755
11515
  radius?: SkeletonRadiusVariant | number;
11756
11516
  }
11757
11517
  //#endregion
11758
- //#region src/components/ds-skeleton/ds-skeleton.d.ts
11759
- declare const _default: {
11760
- Text: ({
11761
- typographyVariant,
11762
- color,
11763
- lines,
11764
- width,
11765
- radius,
11766
- className,
11767
- style
11768
- }: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
11769
- Circle: ({
11770
- size,
11771
- color,
11772
- className,
11773
- style
11774
- }: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
11775
- Rect: ({
11776
- width,
11777
- height,
11778
- radius,
11779
- color,
11780
- className,
11781
- style
11782
- }: DsSkeletonRectProps) => import("react/jsx-runtime").JSX.Element;
11783
- };
11784
- //#endregion
11785
11518
  //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
11786
- /**
11787
- * Text skeleton component - matches typography variants
11788
- * It renders pill-shaped lines that match the height of text content
11789
- */
11790
- declare const DsSkeletonText: ({
11791
- typographyVariant,
11792
- color,
11793
- lines,
11794
- width,
11795
- radius,
11796
- className,
11797
- style
11798
- }: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
11519
+ declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react").JSX.Element;
11520
+ declare namespace DsSkeletonText {
11521
+ var displayName: string;
11522
+ }
11799
11523
  //#endregion
11800
11524
  //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
11801
- /**
11802
- * Circle skeleton component - for avatars and icons
11803
- * Matches DsAvatar sizes
11804
- */
11805
- declare const DsSkeletonCircle: ({
11806
- size,
11807
- color,
11808
- className,
11809
- style
11810
- }: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
11525
+ declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react").JSX.Element;
11526
+ declare namespace DsSkeletonCircle {
11527
+ var displayName: string;
11528
+ }
11811
11529
  //#endregion
11812
11530
  //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
11813
- /**
11814
- * Rectangle skeleton component - for buttons, images, and custom shapes
11815
- */
11816
- declare const DsSkeletonRect: ({
11817
- width,
11818
- height,
11819
- radius,
11820
- color,
11821
- className,
11822
- style
11823
- }: DsSkeletonRectProps) => import("react/jsx-runtime").JSX.Element;
11531
+ declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): React$1.JSX.Element;
11532
+ declare namespace DsSkeletonRect {
11533
+ var displayName: string;
11534
+ }
11535
+ //#endregion
11536
+ //#region src/components/ds-skeleton/ds-skeleton.d.ts
11537
+ declare const DsSkeleton: {
11538
+ Text: typeof DsSkeletonText;
11539
+ Circle: typeof DsSkeletonCircle;
11540
+ Rect: typeof DsSkeletonRect;
11541
+ };
11824
11542
  //#endregion
11825
11543
  //#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
11826
11544
  declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
@@ -11883,17 +11601,14 @@ interface DsSmartTabsProps {
11883
11601
  }
11884
11602
  //#endregion
11885
11603
  //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
11886
- declare function DsSmartTabs({
11887
- activeTab,
11888
- onTabClick,
11889
- className,
11890
- style,
11891
- children,
11892
- ...props
11893
- }: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
11894
- declare namespace DsSmartTabs {
11895
- var Tab: React$1.FC<DsSmartTabProps>;
11896
- }
11604
+ /**
11605
+ * Design system SmartTabs component
11606
+ */
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
+ };
11897
11612
  //#endregion
11898
11613
  //#region src/components/ds-spinner/ds-spinner.types.d.ts
11899
11614
  declare const spinnerSizes: readonly ['small', 'medium', 'large'];
@@ -12073,7 +11788,9 @@ interface DsStatusBadgeV2SharedProps {
12073
11788
  * `icon` can be `null` to force a text-only badge.
12074
11789
  */
12075
11790
  type StatusBadgeV2IconOnlyProps = {
12076
- /** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */iconOnly: true; /** Override the default phase icon. When omitted, the default icon for the phase is used. */
11791
+ /** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */
11792
+ iconOnly: true;
11793
+ /** Override the default phase icon. When omitted, the default icon for the phase is used. */
12077
11794
  icon?: IconType;
12078
11795
  } | {
12079
11796
  iconOnly?: false;
@@ -12163,18 +11880,10 @@ type DsStepperProps = PropsWithChildren<{
12163
11880
  }>;
12164
11881
  //#endregion
12165
11882
  //#region src/components/ds-stepper/ds-stepper.d.ts
12166
- declare function DsStepper({
12167
- count,
12168
- variant,
12169
- orientation,
12170
- floating,
12171
- activeStep,
12172
- onStepChange,
12173
- onComplete,
12174
- children,
12175
- className,
12176
- actions
12177
- }: 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;
11884
+ declare namespace DsStepper {
11885
+ var displayName: string;
11886
+ }
12178
11887
  //#endregion
12179
11888
  //#region src/components/ds-stepper/components/ds-step.d.ts
12180
11889
  type DsStepProps = PropsWithChildren<{
@@ -12196,15 +11905,10 @@ type DsStepProps = PropsWithChildren<{
12196
11905
  };
12197
11906
  };
12198
11907
  }>;
12199
- declare function DsStep({
12200
- index,
12201
- children,
12202
- className,
12203
- disabled,
12204
- variant,
12205
- slots,
12206
- slotProps
12207
- }: 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;
11909
+ declare namespace DsStep {
11910
+ var displayName: string;
11911
+ }
12208
11912
  //#endregion
12209
11913
  //#region src/components/ds-stepper/components/ds-step-content.d.ts
12210
11914
  type DsStepContentProps = {
@@ -12213,12 +11917,10 @@ type DsStepContentProps = {
12213
11917
  description?: ReactNode;
12214
11918
  actions?: ReactNode;
12215
11919
  };
12216
- declare function DsStepContent({
12217
- index,
12218
- label,
12219
- description,
12220
- actions
12221
- }: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
11920
+ declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react").JSX.Element;
11921
+ declare namespace DsStepContent {
11922
+ var displayName: string;
11923
+ }
12222
11924
  //#endregion
12223
11925
  //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
12224
11926
  type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
@@ -12227,11 +11929,10 @@ type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
12227
11929
  design?: undefined | 'legacy';
12228
11930
  };
12229
11931
  type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
12230
- declare function DsNextStepButton({
12231
- children,
12232
- size,
12233
- ...rest
12234
- }: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
11932
+ declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react").JSX.Element;
11933
+ declare namespace DsNextStepButton {
11934
+ var displayName: string;
11935
+ }
12235
11936
  //#endregion
12236
11937
  //#region src/components/ds-system-status/ds-system-status.types.d.ts
12237
11938
  /**
@@ -12520,25 +12221,10 @@ interface DsTagKeyValueProps extends DsTagBaseProps {
12520
12221
  type DsTagProps = DsTagStandardProps | DsTagKeyValueProps;
12521
12222
  //#endregion
12522
12223
  //#region src/components/ds-tag/ds-tag.d.ts
12523
- /**
12524
- * Design system Tag component
12525
- */
12526
- declare const DsTag: ({
12527
- ref,
12528
- label,
12529
- value,
12530
- className,
12531
- style,
12532
- size,
12533
- selected,
12534
- variant,
12535
- disabled,
12536
- locale,
12537
- onClick,
12538
- onDelete,
12539
- slots,
12540
- ...rest
12541
- }: 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;
12225
+ declare namespace DsTag {
12226
+ var displayName: string;
12227
+ }
12542
12228
  //#endregion
12543
12229
  //#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
12544
12230
  interface TagFilterItem {
@@ -12622,23 +12308,10 @@ interface DsTagFilterProps {
12622
12308
  }
12623
12309
  //#endregion
12624
12310
  //#region src/components/ds-tag-filter/ds-tag-filter.d.ts
12625
- /**
12626
- * Design system TagFilter component
12627
- *
12628
- * A component for displaying active filters as tags with overflow handling.
12629
- * Non-tag elements (label, expand/collapse, clear) sit in a header row.
12630
- * Tags occupy the full width below, wrapping as needed.
12631
- */
12632
- declare const DsTagFilter: ({
12633
- items,
12634
- locale,
12635
- className,
12636
- style,
12637
- onClearAll,
12638
- onItemDelete,
12639
- onItemSelect,
12640
- onExpand
12641
- }: 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;
12312
+ declare namespace DsTagFilter {
12313
+ var displayName: string;
12314
+ }
12642
12315
  //#endregion
12643
12316
  //#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
12644
12317
  type AnyAdapter = FilterAdapter<any, any, any>;
@@ -12832,7 +12505,7 @@ declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdap
12832
12505
  //#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
12833
12506
  interface UseTableFiltersOptions<TData, TValue, TCellValue> {
12834
12507
  filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[];
12835
- baseColumns?: ColumnDef<TData>[];
12508
+ baseColumns?: ColumnDef$1<TData>[];
12836
12509
  /** Controlled applied filters, keyed by adapter id. Pair with `onFiltersChange`. */
12837
12510
  appliedFilters?: FilterState<TValue>;
12838
12511
  /** Fires from `applyFilters`, `deleteChip`, and `clearAll` in controlled mode. */
@@ -12848,14 +12521,21 @@ interface UseTableFiltersResult<TData, TValue> {
12848
12521
  /** Filter-nav items with active counts. */
12849
12522
  filterNavItems: FilterNavItem[];
12850
12523
  /** `baseColumns` with `filterFn`, cell renderer and per-column meta wired in. */
12851
- enhancedColumns: ColumnDef<TData>[];
12524
+ enhancedColumns: ColumnDef$1<TData>[];
12852
12525
  handlers: {
12853
- /** Update a filter's draft value. */updateFilter: (filterId: string, value: TValue) => void; /** Commit all drafts to applied state. */
12854
- applyFilters: () => void; /** Clear all filters. */
12855
- clearAll: () => void; /** Remove a chip's effect from applied state. */
12856
- deleteChip: (chip: TagFilterItem) => void; /** Commit one column's draft (per-column popover Save). */
12857
- applyColumnFilter: (filterId: string) => void; /** Discard one column's draft without committing. */
12858
- cancelColumnFilter: (filterId: string) => void; /** Clear one applied filter (per-column popover Clear). */
12526
+ /** Update a filter's draft value. */
12527
+ updateFilter: (filterId: string, value: TValue) => void;
12528
+ /** Commit all drafts to applied state. */
12529
+ applyFilters: () => void;
12530
+ /** Clear all filters. */
12531
+ clearAll: () => void;
12532
+ /** Remove a chip's effect from applied state. */
12533
+ deleteChip: (chip: TagFilterItem) => void;
12534
+ /** Commit one column's draft (per-column popover Save). */
12535
+ applyColumnFilter: (filterId: string) => void;
12536
+ /** Discard one column's draft without committing. */
12537
+ cancelColumnFilter: (filterId: string) => void;
12538
+ /** Clear one applied filter (per-column popover Clear). */
12859
12539
  clearColumnFilter: (filterId: string) => void;
12860
12540
  };
12861
12541
  /** Renders the adapter UI for a column id, or `null` if no match. */
@@ -12868,12 +12548,7 @@ interface UseTableFiltersResult<TData, TValue> {
12868
12548
  * column wiring. Uncontrolled by default; pass `appliedFilters` +
12869
12549
  * `onFiltersChange` for URL-driven / external state.
12870
12550
  */
12871
- declare function useTableFilters<TData, TValue, TCellValue>({
12872
- filterAdapters,
12873
- baseColumns,
12874
- appliedFilters: externalAppliedFilters,
12875
- onFiltersChange: setExternalAppliedFilters
12876
- }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
12551
+ declare function useTableFilters<TData, TValue, TCellValue>({ filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
12877
12552
  //#endregion
12878
12553
  //#region src/components/ds-table/filters/components/range-filter/range-filter.d.ts
12879
12554
  interface RangeFilterValue {
@@ -12916,15 +12591,7 @@ interface DsTableColumnFilterPopoverProps {
12916
12591
  * Per-column filter popover anchored to a header cell: funnel trigger,
12917
12592
  * adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
12918
12593
  */
12919
- declare const DsTableColumnFilterPopover: ({
12920
- children,
12921
- hasActiveFilter,
12922
- onApply,
12923
- onClear,
12924
- onCancel,
12925
- locale,
12926
- className
12927
- }: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
12594
+ declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react").JSX.Element;
12928
12595
  //#endregion
12929
12596
  //#region src/components/ds-table/ds-table-column.types.d.ts
12930
12597
  /**
@@ -12958,7 +12625,7 @@ declare module '@tanstack/react-table' {
12958
12625
  */
12959
12626
  loadingCell?: (context: CellContext<TData, TValue>) => ReactNode;
12960
12627
  }
12961
- } //# sourceMappingURL=ds-table-column.types.d.ts.map
12628
+ }
12962
12629
  //#endregion
12963
12630
  //#region src/components/ds-table/ds-table.types.d.ts
12964
12631
  /**
@@ -13147,11 +12814,16 @@ interface DsDataTableProps<TData, TValue> {
13147
12814
  /**
13148
12815
  * Columns of the table
13149
12816
  */
13150
- columns: ColumnDef<TData, TValue>[];
12817
+ columns: ColumnDef$1<TData, TValue>[];
13151
12818
  /**
13152
12819
  * Data of the table
13153
12820
  */
13154
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;
13155
12827
  /**
13156
12828
  * Whether the table is virtualized
13157
12829
  * @default false
@@ -13445,50 +13117,12 @@ interface DsDataTableProps<TData, TValue> {
13445
13117
  }
13446
13118
  //#endregion
13447
13119
  //#region src/components/ds-table/ds-table.d.ts
13448
- /**
13449
- * Design system Table component
13450
- */
13451
- declare const DsTable: <TData extends {
13120
+ declare function DsTable<TData extends {
13452
13121
  id: string;
13453
- }, TValue>({
13454
- ref,
13455
- columns: columnsProp,
13456
- data: tableData,
13457
- virtualized,
13458
- virtualizedOptions,
13459
- className,
13460
- onRowClick,
13461
- emptyState,
13462
- stickyHeader,
13463
- bordered,
13464
- fullWidth,
13465
- rowSize,
13466
- loading,
13467
- expandable,
13468
- renderExpandedRow,
13469
- selectable,
13470
- showSelectAllCheckbox,
13471
- onSelectionChange,
13472
- onSortingChange,
13473
- onScroll,
13474
- actions,
13475
- onRowDoubleClick,
13476
- primaryRowActions,
13477
- secondaryRowActions,
13478
- reorderable,
13479
- onOrderChange,
13480
- columnFilters: externalColumnFilters,
13481
- onColumnFiltersChange,
13482
- columnVisibility: externalColumnVisibility,
13483
- onColumnVisibilityChange,
13484
- collapsedColumnGroups: externalCollapsedColumnGroups,
13485
- onCollapsedColumnGroupsChange,
13486
- locale,
13487
- activeRowId,
13488
- infiniteScroll,
13489
- onCellEdit,
13490
- onCellValidate
13491
- }: 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;
13123
+ declare namespace DsTable {
13124
+ var displayName: string;
13125
+ }
13492
13126
  //#endregion
13493
13127
  //#region src/components/ds-table/hooks/use-cell-editor.d.ts
13494
13128
  interface UseCellEditorOptions<TData extends RowData, TValue> {
@@ -13524,9 +13158,7 @@ interface UseCellEditorResult<TValue> {
13524
13158
  * Only mount this hook inside `ColumnDef.editCell` — the table cell layer handles
13525
13159
  * entering edit mode on double-click.
13526
13160
  */
13527
- declare const useCellEditor: <TData extends RowData, TValue>({
13528
- cellContext
13529
- }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
13161
+ declare const useCellEditor: <TData extends RowData, TValue>({ cellContext }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
13530
13162
  //#endregion
13531
13163
  //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.types.d.ts
13532
13164
  interface DsTableEditableCellProps<TData, TValue> {
@@ -13535,10 +13167,10 @@ interface DsTableEditableCellProps<TData, TValue> {
13535
13167
  }
13536
13168
  //#endregion
13537
13169
  //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
13538
- declare const DsTableEditableCell: <TData, TValue>({
13539
- cell,
13540
- children
13541
- }: DsTableEditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
13170
+ declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react").JSX.Element;
13171
+ declare namespace DsTableEditableCell {
13172
+ var displayName: string;
13173
+ }
13542
13174
  //#endregion
13543
13175
  //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.types.d.ts
13544
13176
  interface DsTableEditingCellProps<TData, TValue> {
@@ -13546,9 +13178,10 @@ interface DsTableEditingCellProps<TData, TValue> {
13546
13178
  }
13547
13179
  //#endregion
13548
13180
  //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
13549
- declare const DsTableEditingCell: <TData, TValue>({
13550
- cell
13551
- }: DsTableEditingCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
13181
+ declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react").JSX.Element;
13182
+ declare namespace DsTableEditingCell {
13183
+ var displayName: string;
13184
+ }
13552
13185
  //#endregion
13553
13186
  //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.d.ts
13554
13187
  interface DsTableEditCellTextProps<TData extends RowData> {
@@ -13557,12 +13190,10 @@ interface DsTableEditCellTextProps<TData extends RowData> {
13557
13190
  placeholder?: string;
13558
13191
  maxLength?: number;
13559
13192
  }
13560
- /** Text input editor for table cells. Render via `ColumnDef.editCell`. */
13561
- declare const DsTableEditCellText: <TData extends RowData>({
13562
- cellContext,
13563
- placeholder,
13564
- maxLength
13565
- }: DsTableEditCellTextProps<TData>) => import("react/jsx-runtime").JSX.Element;
13193
+ declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react").JSX.Element;
13194
+ declare namespace DsTableEditCellText {
13195
+ var displayName: string;
13196
+ }
13566
13197
  //#endregion
13567
13198
  //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.d.ts
13568
13199
  interface DsTableEditCellNumberProps<TData extends RowData> {
@@ -13572,13 +13203,10 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
13572
13203
  max?: number;
13573
13204
  step?: number;
13574
13205
  }
13575
- /** Number input editor for table cells. Render via `ColumnDef.editCell`. */
13576
- declare const DsTableEditCellNumber: <TData extends RowData>({
13577
- cellContext,
13578
- min,
13579
- max,
13580
- step
13581
- }: 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;
13207
+ declare namespace DsTableEditCellNumber {
13208
+ var displayName: string;
13209
+ }
13582
13210
  //#endregion
13583
13211
  //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.d.ts
13584
13212
  interface DsTableEditCellSelectProps<TData extends RowData> {
@@ -13587,12 +13215,10 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
13587
13215
  options: DsSelectOption[];
13588
13216
  placeholder?: string;
13589
13217
  }
13590
- /** Select editor for table cells. Render via `ColumnDef.editCell`. */
13591
- declare const DsTableEditCellSelect: <TData extends RowData>({
13592
- cellContext,
13593
- options,
13594
- placeholder
13595
- }: DsTableEditCellSelectProps<TData>) => import("react/jsx-runtime").JSX.Element;
13218
+ declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react").JSX.Element;
13219
+ declare namespace DsTableEditCellSelect {
13220
+ var displayName: string;
13221
+ }
13596
13222
  //#endregion
13597
13223
  //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.d.ts
13598
13224
  type DsTableEditCellDateValue = Date | null;
@@ -13603,13 +13229,10 @@ interface DsTableEditCellDateProps<TData extends RowData> {
13603
13229
  max?: Date;
13604
13230
  placeholder?: string;
13605
13231
  }
13606
- /** Date picker editor for table cells. Render via `ColumnDef.editCell`. */
13607
- declare const DsTableEditCellDate: <TData extends RowData>({
13608
- cellContext,
13609
- min,
13610
- max,
13611
- placeholder
13612
- }: 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;
13233
+ declare namespace DsTableEditCellDate {
13234
+ var displayName: string;
13235
+ }
13613
13236
  //#endregion
13614
13237
  //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.d.ts
13615
13238
  interface DsTableEditCellCheckboxProps<TData extends RowData> {
@@ -13617,11 +13240,10 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
13617
13240
  cellContext: CellContext<TData, boolean>;
13618
13241
  disabled?: boolean;
13619
13242
  }
13620
- /** Checkbox editor for table cells. Render via `ColumnDef.editCell`. */
13621
- declare const DsTableEditCellCheckbox: <TData extends RowData>({
13622
- cellContext,
13623
- disabled
13624
- }: DsTableEditCellCheckboxProps<TData>) => import("react/jsx-runtime").JSX.Element;
13243
+ declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react").JSX.Element;
13244
+ declare namespace DsTableEditCellCheckbox {
13245
+ var displayName: string;
13246
+ }
13625
13247
  //#endregion
13626
13248
  //#region src/components/ds-tabs/ds-tabs.types.d.ts
13627
13249
  type DsTabsSize = 'medium' | 'small';
@@ -13664,23 +13286,38 @@ interface DsTabsListProps {
13664
13286
  children: ReactNode;
13665
13287
  }
13666
13288
  type DsTabsTabBaseProps = {
13667
- /** Unique value for this tab */value: string; /** Menu action items to display in dropdown */
13668
- menuActionItems?: DsTabsMenuActionItem[]; /** Callback when a menu action is selected */
13669
- onMenuActionSelect?: (value: string) => void; /** Tooltip text to show on hover */
13670
- tooltip?: string; /** Disabled state */
13671
- disabled?: boolean; /** Custom className */
13672
- className?: string; /** Custom styles */
13289
+ /** Unique value for this tab */
13290
+ value: string;
13291
+ /** Menu action items to display in dropdown */
13292
+ menuActionItems?: DsTabsMenuActionItem[];
13293
+ /** Callback when a menu action is selected */
13294
+ onMenuActionSelect?: (value: string) => void;
13295
+ /** Tooltip text to show on hover */
13296
+ tooltip?: string;
13297
+ /** Disabled state */
13298
+ disabled?: boolean;
13299
+ /** Custom className */
13300
+ className?: string;
13301
+ /** Custom styles */
13673
13302
  style?: CSSProperties;
13674
13303
  };
13675
13304
  type DsTabsTabProps = DsTabsTabBaseProps & ({
13676
- /** Custom children (overrides default rendering) */children: ReactNode; /** Tab label text */
13677
- label?: never; /** Leading icon name (Material Icons) or SVG component */
13678
- icon?: never; /** Badge count or text */
13305
+ /** Custom children (overrides default rendering) */
13306
+ children: ReactNode;
13307
+ /** Tab label text */
13308
+ label?: never;
13309
+ /** Leading icon name (Material Icons) or SVG component */
13310
+ icon?: never;
13311
+ /** Badge count or text */
13679
13312
  badge?: never;
13680
13313
  } | {
13681
- /** Custom children (overrides default rendering) */children?: never; /** Tab label text */
13682
- label?: string; /** Leading icon name (Material Icons) or SVG component */
13683
- icon?: IconType; /** Badge count or text */
13314
+ /** Custom children (overrides default rendering) */
13315
+ children?: never;
13316
+ /** Tab label text */
13317
+ label?: string;
13318
+ /** Leading icon name (Material Icons) or SVG component */
13319
+ icon?: IconType;
13320
+ /** Badge count or text */
13684
13321
  badge?: string | number;
13685
13322
  });
13686
13323
  interface DsTabsContentProps {
@@ -13694,42 +13331,34 @@ interface DsTabsContentProps {
13694
13331
  children: ReactNode;
13695
13332
  }
13696
13333
  //#endregion
13334
+ //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.d.ts
13335
+ declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react").JSX.Element;
13336
+ declare namespace DsTabsList {
13337
+ var displayName: string;
13338
+ }
13339
+ //#endregion
13340
+ //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.d.ts
13341
+ declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react").JSX.Element;
13342
+ declare namespace DsTabsTab {
13343
+ var displayName: string;
13344
+ }
13345
+ //#endregion
13346
+ //#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.d.ts
13347
+ declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react").JSX.Element;
13348
+ declare namespace DsTabsContent {
13349
+ var displayName: string;
13350
+ }
13351
+ //#endregion
13697
13352
  //#region src/components/ds-tabs/ds-tabs.d.ts
13353
+ declare const DsTabsRoot: {
13354
+ ({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react").JSX.Element;
13355
+ displayName: string;
13356
+ };
13698
13357
  declare const DsTabs: {
13699
- Root: ({
13700
- value,
13701
- defaultValue,
13702
- onValueChange,
13703
- orientation,
13704
- size,
13705
- className,
13706
- style,
13707
- children
13708
- }: DsTabsProps) => import("react/jsx-runtime").JSX.Element;
13709
- List: ({
13710
- className,
13711
- style,
13712
- children
13713
- }: DsTabsListProps) => import("react/jsx-runtime").JSX.Element;
13714
- Tab: ({
13715
- value,
13716
- disabled,
13717
- icon,
13718
- label,
13719
- badge,
13720
- menuActionItems,
13721
- onMenuActionSelect,
13722
- tooltip,
13723
- className,
13724
- style,
13725
- children
13726
- }: DsTabsTabProps) => import("react/jsx-runtime").JSX.Element;
13727
- Content: ({
13728
- value,
13729
- className,
13730
- style,
13731
- children
13732
- }: DsTabsContentProps) => import("react/jsx-runtime").JSX.Element;
13358
+ Root: typeof DsTabsRoot;
13359
+ List: typeof DsTabsList;
13360
+ Tab: typeof DsTabsTab;
13361
+ Content: typeof DsTabsContent;
13733
13362
  };
13734
13363
  //#endregion
13735
13364
  //#region src/components/ds-toast/ds-toast.types.d.ts
@@ -13882,25 +13511,23 @@ type DsToggleProps = {
13882
13511
  });
13883
13512
  //#endregion
13884
13513
  //#region src/components/ds-toggle/ds-toggle.d.ts
13885
- /**
13886
- * Design system Toggle component
13887
- */
13888
- declare const DsToggle: ({
13889
- ref,
13890
- label,
13891
- name,
13892
- labelInfo,
13893
- className,
13894
- style,
13895
- onChange,
13896
- onValueChange,
13897
- size,
13898
- children,
13899
- checked,
13900
- ...rest
13901
- }: 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;
13515
+ declare namespace DsToggle {
13516
+ var displayName: string;
13517
+ }
13902
13518
  //#endregion
13903
13519
  //#region src/components/ds-tooltip/ds-tooltip.types.d.ts
13520
+ declare const tooltipPlacements: readonly ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
13521
+ type TooltipPlacement = (typeof tooltipPlacements)[number];
13522
+ /**
13523
+ * Viewport-relative rect (CSS pixels) the tooltip anchors to, instead of the trigger.
13524
+ */
13525
+ interface TooltipAnchorRect {
13526
+ x: number;
13527
+ y: number;
13528
+ width: number;
13529
+ height: number;
13530
+ }
13904
13531
  interface DsTooltipProps {
13905
13532
  /**
13906
13533
  * Tooltip content
@@ -13910,6 +13537,19 @@ interface DsTooltipProps {
13910
13537
  * The content to be rendered inside the tooltip
13911
13538
  */
13912
13539
  children: ReactNode;
13540
+ /**
13541
+ * Placement relative to the trigger; `-start` / `-end` align to that edge.
13542
+ */
13543
+ placement?: TooltipPlacement;
13544
+ /**
13545
+ * When true the trigger renders but the tooltip never opens.
13546
+ */
13547
+ disabled?: boolean;
13548
+ /**
13549
+ * Anchors the tooltip to a virtual rect instead of the trigger, re-evaluated on
13550
+ * each reposition. Return `null` to fall back to the trigger.
13551
+ */
13552
+ getAnchorRect?: () => TooltipAnchorRect | null;
13913
13553
  /**
13914
13554
  * Props forwarded to nested sub-components.
13915
13555
  */
@@ -14032,6 +13672,21 @@ interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBaseP
14032
13672
  * details including the new `checkedValue` array.
14033
13673
  */
14034
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'];
14035
13690
  /**
14036
13691
  * Whether to enable typeahead navigation — typing characters focuses matching nodes.
14037
13692
  */
@@ -14070,95 +13725,115 @@ interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
14070
13725
  }
14071
13726
  //#endregion
14072
13727
  //#region src/components/ds-tree/ds-tree.d.ts
13728
+ declare const DsTreeRoot: {
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;
13730
+ displayName: string;
13731
+ };
13732
+ declare const DsTreeTree: {
13733
+ ({ className, style, children }: DsTreeTreeProps): import("react").JSX.Element;
13734
+ displayName: string;
13735
+ };
13736
+ declare const DsTreeBranch: {
13737
+ ({ className, style, children }: DsTreeBranchProps): import("react").JSX.Element;
13738
+ displayName: string;
13739
+ };
13740
+ declare const DsTreeBranchControl: {
13741
+ ({ className, style, children }: DsTreeBranchControlProps): import("react").JSX.Element;
13742
+ displayName: string;
13743
+ };
13744
+ declare const DsTreeBranchIndicator: {
13745
+ ({ className, style, children }: DsTreeBranchIndicatorProps): import("react").JSX.Element;
13746
+ displayName: string;
13747
+ };
13748
+ declare const DsTreeBranchText: {
13749
+ ({ className, style, children }: DsTreeBranchTextProps): import("react").JSX.Element;
13750
+ displayName: string;
13751
+ };
13752
+ declare const DsTreeBranchContent: {
13753
+ ({ className, style, children }: DsTreeBranchContentProps): import("react").JSX.Element;
13754
+ displayName: string;
13755
+ };
13756
+ declare const DsTreeBranchIndentGuide: {
13757
+ ({ className, style }: DsTreeBranchIndentGuideProps): import("react").JSX.Element;
13758
+ displayName: string;
13759
+ };
13760
+ declare const DsTreeItem: {
13761
+ ({ className, style, children, onClick }: DsTreeItemProps): import("react").JSX.Element;
13762
+ displayName: string;
13763
+ };
13764
+ declare const DsTreeItemText: {
13765
+ ({ className, style, children }: DsTreeItemTextProps): import("react").JSX.Element;
13766
+ displayName: string;
13767
+ };
13768
+ declare const DsTreeItemIndicator: {
13769
+ ({ className, style }: DsTreeItemIndicatorProps): import("react").JSX.Element;
13770
+ displayName: string;
13771
+ };
13772
+ declare const DsTreeNodeCheckbox: {
13773
+ ({ className, style }: DsTreeNodeCheckboxProps): import("react").JSX.Element;
13774
+ displayName: string;
13775
+ };
13776
+ declare const DsTreeItemAction: {
13777
+ ({ className, style, children, onClick }: DsTreeItemActionProps): import("react").JSX.Element;
13778
+ displayName: string;
13779
+ };
14073
13780
  declare const DsTree: {
14074
- Root: <T extends DsTreeNode = DsTreeNode>({
14075
- collection,
14076
- size,
14077
- ref,
14078
- className,
14079
- style,
14080
- children,
14081
- selectedValue,
14082
- defaultSelectedValue,
14083
- onSelectionChange,
14084
- selectionMode,
14085
- expandedValue,
14086
- defaultExpandedValue,
14087
- onExpandedChange,
14088
- expandOnClick,
14089
- checkedValue,
14090
- defaultCheckedValue,
14091
- onCheckedChange,
14092
- typeahead,
14093
- lazyMount,
14094
- unmountOnExit
14095
- }: DsTreeRootProps<T>) => import("react/jsx-runtime").JSX.Element;
14096
- Tree: ({
14097
- className,
14098
- style,
14099
- children
14100
- }: DsTreeTreeProps) => import("react/jsx-runtime").JSX.Element;
13781
+ Root: typeof DsTreeRoot;
13782
+ Tree: typeof DsTreeTree;
14101
13783
  NodeProvider: typeof TreeView.NodeProvider;
14102
13784
  NodeContext: (props: TreeView.NodeContextProps) => import("react").ReactNode;
14103
- Branch: ({
14104
- className,
14105
- style,
14106
- children
14107
- }: DsTreeBranchProps) => import("react/jsx-runtime").JSX.Element;
14108
- BranchControl: ({
14109
- className,
14110
- style,
14111
- children
14112
- }: DsTreeBranchControlProps) => import("react/jsx-runtime").JSX.Element;
14113
- BranchIndicator: ({
14114
- className,
14115
- style,
14116
- children
14117
- }: DsTreeBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element;
14118
- BranchText: ({
14119
- className,
14120
- style,
14121
- children
14122
- }: DsTreeBranchTextProps) => import("react/jsx-runtime").JSX.Element;
14123
- BranchContent: ({
14124
- className,
14125
- style,
14126
- children
14127
- }: DsTreeBranchContentProps) => import("react/jsx-runtime").JSX.Element;
14128
- BranchIndentGuide: ({
14129
- className,
14130
- style
14131
- }: DsTreeBranchIndentGuideProps) => import("react/jsx-runtime").JSX.Element;
14132
- Item: ({
14133
- className,
14134
- style,
14135
- children,
14136
- onClick
14137
- }: DsTreeItemProps) => import("react/jsx-runtime").JSX.Element;
14138
- ItemText: ({
14139
- className,
14140
- style,
14141
- children
14142
- }: DsTreeItemTextProps) => import("react/jsx-runtime").JSX.Element;
14143
- ItemIndicator: ({
14144
- className,
14145
- style
14146
- }: DsTreeItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
14147
- ItemAction: ({
14148
- className,
14149
- style,
14150
- children,
14151
- onClick
14152
- }: DsTreeItemActionProps) => import("react/jsx-runtime").JSX.Element;
14153
- NodeCheckbox: ({
14154
- className,
14155
- style
14156
- }: DsTreeNodeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
13785
+ Branch: typeof DsTreeBranch;
13786
+ BranchControl: typeof DsTreeBranchControl;
13787
+ BranchIndicator: typeof DsTreeBranchIndicator;
13788
+ BranchText: typeof DsTreeBranchText;
13789
+ BranchContent: typeof DsTreeBranchContent;
13790
+ BranchIndentGuide: typeof DsTreeBranchIndentGuide;
13791
+ Item: typeof DsTreeItem;
13792
+ ItemText: typeof DsTreeItemText;
13793
+ ItemIndicator: typeof DsTreeItemIndicator;
13794
+ ItemAction: typeof DsTreeItemAction;
13795
+ NodeCheckbox: typeof DsTreeNodeCheckbox;
14157
13796
  };
14158
13797
  //#endregion
14159
13798
  //#region src/components/ds-tree/ds-tree.utils.d.ts
14160
13799
  declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
14161
13800
  //#endregion
13801
+ //#region src/components/ds-user-card/ds-user-card.types.d.ts
13802
+ interface DsUserCardProps {
13803
+ /**
13804
+ * Full name shown as the title. Also drives the avatar initials fallback,
13805
+ * image alt text, and hover tooltip.
13806
+ */
13807
+ name: string;
13808
+ /**
13809
+ * Secondary line rendered under the name, such as an email address or role.
13810
+ */
13811
+ subtitle?: string;
13812
+ /**
13813
+ * Avatar image URL. Falls back to initials derived from `name` when omitted
13814
+ * or when the image fails to load.
13815
+ */
13816
+ src?: string;
13817
+ /**
13818
+ * Custom class name applied to the root element.
13819
+ */
13820
+ className?: string;
13821
+ /**
13822
+ * Custom inline styles applied to the root element.
13823
+ */
13824
+ style?: CSSProperties;
13825
+ }
13826
+ //#endregion
13827
+ //#region src/components/ds-user-card/ds-user-card.d.ts
13828
+ /**
13829
+ * @summary Compact identity header pairing an avatar with a name and optional subtitle.
13830
+ *
13831
+ * Presentational card used as the header of a user menu. Renders a medium
13832
+ * `DsAvatar` (initials fallback derived from `name`) beside a two-line text
13833
+ * block; both lines truncate with an ellipsis when they overflow.
13834
+ */
13835
+ declare const DsUserCard: FC<DsUserCardProps>;
13836
+ //#endregion
14162
13837
  //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
14163
13838
  interface DsVerticalTabsRootProps {
14164
13839
  /**
@@ -14226,34 +13901,52 @@ interface DsVerticalTabsContentProps {
14226
13901
  }
14227
13902
  //#endregion
14228
13903
  //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
14229
- declare function DsVerticalTabs({
14230
- value,
14231
- onValueChange,
14232
- className,
14233
- style,
14234
- children
14235
- }: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
14236
- declare namespace DsVerticalTabs {
14237
- var List: ({
14238
- className,
14239
- children
14240
- }: DsVerticalTabsListProps) => import("react/jsx-runtime").JSX.Element;
14241
- }
14242
- declare namespace DsVerticalTabs {
14243
- var Tab: ({
14244
- value,
14245
- disabled,
14246
- className,
14247
- children
14248
- }: DsVerticalTabsTabProps) => import("react/jsx-runtime").JSX.Element;
14249
- }
14250
- declare namespace DsVerticalTabs {
14251
- var Content: ({
14252
- value,
14253
- className,
14254
- children
14255
- }: DsVerticalTabsContentProps) => import("react/jsx-runtime").JSX.Element;
14256
- }
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;
13923
+ /**
13924
+ * Container for tab triggers
13925
+ */
13926
+ declare const DsVerticalTabsList: {
13927
+ ({ className, children }: DsVerticalTabsListProps): import("react").JSX.Element;
13928
+ displayName: string;
13929
+ };
13930
+ /**
13931
+ * Individual tab trigger - fully customizable content
13932
+ */
13933
+ declare const DsVerticalTabsTab: {
13934
+ ({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react").JSX.Element;
13935
+ displayName: string;
13936
+ };
13937
+ /**
13938
+ * Tab content panel - displays when corresponding tab is active
13939
+ */
13940
+ declare const DsVerticalTabsContent: {
13941
+ ({ value, className, children }: DsVerticalTabsContentProps): import("react").JSX.Element;
13942
+ displayName: string;
13943
+ };
13944
+ declare const DsVerticalTabs: typeof DsVerticalTabsRoot & {
13945
+ displayName: string;
13946
+ List: typeof DsVerticalTabsList;
13947
+ Tab: typeof DsVerticalTabsTab;
13948
+ Content: typeof DsVerticalTabsContent;
13949
+ };
14257
13950
  //#endregion
14258
13951
  //#region src/components/ds-workspace-layout/ds-workspace-layout.types.d.ts
14259
13952
  interface DsWorkspaceLayoutProps extends ComponentPropsWithRef<'div'> {
@@ -14301,57 +13994,46 @@ interface DsWorkspaceLayoutSideMenuProps extends ComponentPropsWithRef<'aside'>
14301
13994
  }
14302
13995
  //#endregion
14303
13996
  //#region src/components/ds-workspace-layout/ds-workspace-layout.d.ts
14304
- declare function DsWorkspaceLayout({
14305
- className,
14306
- fillParent,
14307
- ...rest
14308
- }: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
14309
- declare namespace DsWorkspaceLayout {
14310
- var Header: ({
14311
- className,
14312
- ...rest
14313
- }: DsWorkspaceLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
14314
- }
14315
- declare namespace DsWorkspaceLayout {
14316
- var SubHeader: ({
14317
- className,
14318
- ...rest
14319
- }: DsWorkspaceLayoutSubHeaderProps) => import("react/jsx-runtime").JSX.Element;
14320
- }
14321
- declare namespace DsWorkspaceLayout {
14322
- var Content: ({
14323
- className,
14324
- ...rest
14325
- }: DsWorkspaceLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
14326
- }
14327
- declare namespace DsWorkspaceLayout {
14328
- var Footer: ({
14329
- className,
14330
- ...rest
14331
- }: DsWorkspaceLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;
14332
- }
14333
- declare namespace DsWorkspaceLayout {
14334
- var Body: ({
14335
- className,
14336
- ...rest
14337
- }: DsWorkspaceLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
14338
- }
14339
- declare namespace DsWorkspaceLayout {
14340
- var SideMenu: ({
14341
- className,
14342
- pinned,
14343
- onPinnedChange,
14344
- locale,
14345
- children,
14346
- ...rest
14347
- }: DsWorkspaceLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
14348
- }
14349
- declare namespace DsWorkspaceLayout {
14350
- var LeftPanel: ({
14351
- className,
14352
- ...rest
14353
- }: DsWorkspaceLayoutLeftPanelProps) => import("react/jsx-runtime").JSX.Element;
14354
- }
14355
- //#endregion
14356
- 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, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, 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, _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, 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, 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, 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, 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, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuItemVariants, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
13997
+ declare const DsWorkspaceLayoutRoot: ({ className, fillParent, ...rest }: DsWorkspaceLayoutProps) => import("react").JSX.Element;
13998
+ declare const Header: {
13999
+ ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react").JSX.Element;
14000
+ displayName: string;
14001
+ };
14002
+ declare const SubHeader: {
14003
+ ({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react").JSX.Element;
14004
+ displayName: string;
14005
+ };
14006
+ /** Content area: column layout, 24px vertical margins, 16px gap, 40px horizontal margins (24px when LeftPanel is mounted). */
14007
+ declare const Content: {
14008
+ ({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react").JSX.Element;
14009
+ displayName: string;
14010
+ };
14011
+ declare const Footer: {
14012
+ ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react").JSX.Element;
14013
+ displayName: string;
14014
+ };
14015
+ declare const Body: {
14016
+ ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react").JSX.Element;
14017
+ displayName: string;
14018
+ };
14019
+ declare const SideMenu: {
14020
+ ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react").JSX.Element;
14021
+ displayName: string;
14022
+ };
14023
+ declare const LeftPanel: {
14024
+ ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react").JSX.Element;
14025
+ displayName: string;
14026
+ };
14027
+ declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
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;
14036
+ };
14037
+ //#endregion
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 };
14357
14039
  //# sourceMappingURL=index.d.ts.map