@keboola/design 13.2.0 → 14.0.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 (172) hide show
  1. package/AGENTS.md +5 -1
  2. package/CHANGELOG.md +161 -0
  3. package/COMPONENT-API.md +52 -42
  4. package/dist/{AIKit-C5FbKjwa.js → AIKit-BRSZ3nY7.js} +2216 -302
  5. package/dist/AIKit-BRSZ3nY7.js.map +1 -0
  6. package/dist/{Alert-DuAGeYyM.js → Alert-CZ0dDsuk.js} +2 -2
  7. package/dist/{Alert-DuAGeYyM.js.map → Alert-CZ0dDsuk.js.map} +1 -1
  8. package/dist/{BrandEditor-Dq168RJc.js → BrandEditor-CN2HJ_12.js} +5 -5
  9. package/dist/{BrandEditor-Dq168RJc.js.map → BrandEditor-CN2HJ_12.js.map} +1 -1
  10. package/dist/{Breadcrumb-CUyYu5Bi.js → Breadcrumb-BnIlsoIH.js} +54 -12
  11. package/dist/Breadcrumb-BnIlsoIH.js.map +1 -0
  12. package/dist/{Checkbox-D9rafoKh.js → Checkbox-uFE8XLT_.js} +2 -2
  13. package/dist/{Checkbox-D9rafoKh.js.map → Checkbox-uFE8XLT_.js.map} +1 -1
  14. package/dist/{Clipboard-BHWUodAx.js → Clipboard-D-9XOqy4.js} +2 -2
  15. package/dist/{Clipboard-BHWUodAx.js.map → Clipboard-D-9XOqy4.js.map} +1 -1
  16. package/dist/{ClipboardButton-Urg-kZbh.js → ClipboardButton-DxvZG_H0.js} +2 -2
  17. package/dist/{ClipboardButton-Urg-kZbh.js.map → ClipboardButton-DxvZG_H0.js.map} +1 -1
  18. package/dist/{CodeEditor-Y0iE-SwV.js → CodeEditor-BfRSCKEs.js} +5 -5
  19. package/dist/{CodeEditor-Y0iE-SwV.js.map → CodeEditor-BfRSCKEs.js.map} +1 -1
  20. package/dist/{ColorInput-D1nC0X6i.js → ColorInput-CDKH8q_f.js} +2 -2
  21. package/dist/{ColorInput-D1nC0X6i.js.map → ColorInput-CDKH8q_f.js.map} +1 -1
  22. package/dist/{ColorModeSwitch-Cxee8jnB.js → ColorModeSwitch-DR6J2U6M.js} +2 -2
  23. package/dist/{ColorModeSwitch-Cxee8jnB.js.map → ColorModeSwitch-DR6J2U6M.js.map} +1 -1
  24. package/dist/{Combobox-B1Kjoy5J.js → Combobox-CEesMe2M.js} +240 -38
  25. package/dist/Combobox-CEesMe2M.js.map +1 -0
  26. package/dist/{Command-BuOA3V18.js → Command-T3MLRaen.js} +8 -4
  27. package/dist/Command-T3MLRaen.js.map +1 -0
  28. package/dist/{CopyField-DsOVtV2Q.js → CopyField-CNbCHw9a.js} +2 -2
  29. package/dist/{CopyField-DsOVtV2Q.js.map → CopyField-CNbCHw9a.js.map} +1 -1
  30. package/dist/{DateInput-BlKkequE.js → DateInput-ClK1lCxz.js} +2 -2
  31. package/dist/{DateInput-BlKkequE.js.map → DateInput-ClK1lCxz.js.map} +1 -1
  32. package/dist/{DateRangeInput-DOxJHw8V.js → DateRangeInput-DtlAffS1.js} +2 -2
  33. package/dist/{DateRangeInput-DOxJHw8V.js.map → DateRangeInput-DtlAffS1.js.map} +1 -1
  34. package/dist/{DropdownMenu-DtRYcKEx.js → DropdownMenu-B1gGvZoh.js} +2 -2
  35. package/dist/{DropdownMenu-DtRYcKEx.js.map → DropdownMenu-B1gGvZoh.js.map} +1 -1
  36. package/dist/{FieldItem-Cf1E3rfQ.js → FieldItem-CYvJyjiI.js} +3 -3
  37. package/dist/{FieldItem-Cf1E3rfQ.js.map → FieldItem-CYvJyjiI.js.map} +1 -1
  38. package/dist/{Form-CuaAn-lR.js → Form-CD55zJiy.js} +5 -5
  39. package/dist/{Form-CuaAn-lR.js.map → Form-CD55zJiy.js.map} +1 -1
  40. package/dist/{FormGroup-D4O96YPm.js → FormGroup-DiYFdEhH.js} +3 -3
  41. package/dist/{FormGroup-D4O96YPm.js.map → FormGroup-DiYFdEhH.js.map} +1 -1
  42. package/dist/{HoverCard-Cy6nhg4u.js → HoverCard-BBdPYqEf.js} +2 -2
  43. package/dist/HoverCard-BBdPYqEf.js.map +1 -0
  44. package/dist/{InlineEdit-DSMIEUUa.js → InlineEdit-D5RdunZo.js} +3 -3
  45. package/dist/{InlineEdit-DSMIEUUa.js.map → InlineEdit-D5RdunZo.js.map} +1 -1
  46. package/dist/{Kbd-Du93F3o4.js → Kbd-3YM7NQO4.js} +2 -2
  47. package/dist/{Kbd-Du93F3o4.js.map → Kbd-3YM7NQO4.js.map} +1 -1
  48. package/dist/MermaidDiagram-CeiOkI60.js +199 -0
  49. package/dist/MermaidDiagram-CeiOkI60.js.map +1 -0
  50. package/dist/{Modal-DQIauzar.js → Modal-DMZRswk4.js} +4 -3
  51. package/dist/Modal-DMZRswk4.js.map +1 -0
  52. package/dist/{MultiActionButtonGroup-xKqiucAN.js → MultiActionButtonGroup-CEv_txvz.js} +2 -2
  53. package/dist/{MultiActionButtonGroup-xKqiucAN.js.map → MultiActionButtonGroup-CEv_txvz.js.map} +1 -1
  54. package/dist/{RadioGroup-C2vk5acr.js → RadioGroup-C8EC3fqO.js} +2 -2
  55. package/dist/{RadioGroup-C2vk5acr.js.map → RadioGroup-C8EC3fqO.js.map} +1 -1
  56. package/dist/{Search-CVrv3hqf.js → Search-aaUMI4ix.js} +2 -2
  57. package/dist/{Search-CVrv3hqf.js.map → Search-aaUMI4ix.js.map} +1 -1
  58. package/dist/{SearchInput-BnU6YHgT.js → SearchInput-Dxi2GK4n.js} +2 -2
  59. package/dist/{SearchInput-BnU6YHgT.js.map → SearchInput-Dxi2GK4n.js.map} +1 -1
  60. package/dist/{SectionNav-XlhvXXdF.js → SectionNav-BnHOMLtE.js} +3 -3
  61. package/dist/{SectionNav-XlhvXXdF.js.map → SectionNav-BnHOMLtE.js.map} +1 -1
  62. package/dist/Sheet-utw4_rUa.js.map +1 -1
  63. package/dist/{Sidebar-CKaxOPwY.js → Sidebar-BAmux2Uj.js} +5 -5
  64. package/dist/{Sidebar-CKaxOPwY.js.map → Sidebar-BAmux2Uj.js.map} +1 -1
  65. package/dist/{Slider-Rcc2qVct.js → Slider-DbzzSDRV.js} +2 -2
  66. package/dist/{Slider-Rcc2qVct.js.map → Slider-DbzzSDRV.js.map} +1 -1
  67. package/dist/{Table-CgSC-fSo.js → Table-CilEvpMq.js} +62 -3
  68. package/dist/Table-CilEvpMq.js.map +1 -0
  69. package/dist/{TextInput-B5TDDOty.js → TextInput-K2DSDs5O.js} +2 -2
  70. package/dist/{TextInput-B5TDDOty.js.map → TextInput-K2DSDs5O.js.map} +1 -1
  71. package/dist/{ThemeProvider-Dt9b67sW.js → ThemeProvider-C8yaKlM1.js} +2 -2
  72. package/dist/{ThemeProvider-Dt9b67sW.js.map → ThemeProvider-C8yaKlM1.js.map} +1 -1
  73. package/dist/ToggleAllTooltip-Dlmq-yqS.js +37 -0
  74. package/dist/ToggleAllTooltip-Dlmq-yqS.js.map +1 -0
  75. package/dist/{ZoomableSvg-D8sXKpoV.js → ZoomableSvg-Dh1OstPN.js} +84 -80
  76. package/dist/ZoomableSvg-Dh1OstPN.js.map +1 -0
  77. package/dist/editors.js +3 -3
  78. package/dist/flint.js +10 -45
  79. package/dist/flint.js.map +1 -1
  80. package/dist/highlightCode-D354tCXO.js +81 -0
  81. package/dist/highlightCode-D354tCXO.js.map +1 -0
  82. package/dist/index.d.ts +792 -346
  83. package/dist/index.js +35 -35
  84. package/dist/internal/blocks/AIKit.js +2 -2
  85. package/dist/internal/blocks/BrandEditor.js +1 -1
  86. package/dist/internal/blocks/ChipEditor.js +1 -1
  87. package/dist/internal/blocks/ClipboardButton.js +1 -1
  88. package/dist/internal/blocks/ColorInput.js +1 -1
  89. package/dist/internal/blocks/ColorModeSwitch.js +1 -1
  90. package/dist/internal/blocks/Command.js +1 -1
  91. package/dist/internal/blocks/CopyField.js +1 -1
  92. package/dist/internal/blocks/DateInput.js +1 -1
  93. package/dist/internal/blocks/DateRangeInput.js +1 -1
  94. package/dist/internal/blocks/DiagramShared/DiagramSkeleton.js.map +1 -1
  95. package/dist/internal/blocks/ExportMenu.js +2 -2
  96. package/dist/internal/blocks/Form/connectors/ComboboxField.js +2 -2
  97. package/dist/internal/blocks/Form/connectors/MultiComboboxField.js +1 -1
  98. package/dist/internal/blocks/Form.js +1 -1
  99. package/dist/internal/blocks/FormGroup.js +1 -1
  100. package/dist/internal/blocks/InlineEdit.js +1 -1
  101. package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
  102. package/dist/internal/blocks/MultiCombobox.js +204 -68
  103. package/dist/internal/blocks/MultiCombobox.js.map +1 -1
  104. package/dist/internal/blocks/PasswordInput.js +1 -1
  105. package/dist/internal/blocks/SearchInput.js +1 -1
  106. package/dist/internal/blocks/SearchInputWithNavigation.js +2 -2
  107. package/dist/internal/blocks/SectionNav.js +1 -1
  108. package/dist/internal/blocks/SplitButton.js +1 -1
  109. package/dist/internal/blocks/TextInput.js +1 -1
  110. package/dist/internal/blocks/TimeInput.js +1 -1
  111. package/dist/internal/components/Alert.js +1 -1
  112. package/dist/internal/components/Avatar.js +1 -1
  113. package/dist/internal/components/Breadcrumb.js +1 -1
  114. package/dist/internal/components/Checkbox.js +1 -1
  115. package/dist/internal/components/Clipboard.js +1 -1
  116. package/dist/internal/components/CollapsiblePanel.js +1 -1
  117. package/dist/internal/components/Combobox.js +1 -1
  118. package/dist/internal/components/DropdownMenu.js +1 -1
  119. package/dist/internal/components/HoverCard.js +1 -1
  120. package/dist/internal/components/Kbd.js +1 -1
  121. package/dist/internal/components/Modal.js +1 -1
  122. package/dist/internal/components/RadioGroup.js +1 -1
  123. package/dist/internal/components/Search.js +1 -1
  124. package/dist/internal/components/Sidebar.js +1 -1
  125. package/dist/internal/components/Skeleton/Skeleton.js +1 -1
  126. package/dist/internal/components/Skeleton/Skeleton.js.map +1 -1
  127. package/dist/internal/components/Slider.js +1 -1
  128. package/dist/internal/components/Table.js +1 -1
  129. package/dist/internal/components/ThemeProvider.js +1 -1
  130. package/dist/internal/components/Tooltip.js +1 -1
  131. package/dist/internal/components/Truncated.js +1 -1
  132. package/dist/internal/components/ZoomableSvg.js +1 -1
  133. package/dist/internal/utils.js +1 -1
  134. package/dist/markdown-editor.js +6 -6
  135. package/dist/mermaid.d.ts +1 -2
  136. package/dist/mermaid.js +1 -1
  137. package/dist/rjsf.js +98 -11
  138. package/dist/rjsf.js.map +1 -1
  139. package/dist/styles.css +1 -1
  140. package/dist/svgCache-Dhmbe-7i.js +26 -0
  141. package/dist/svgCache-Dhmbe-7i.js.map +1 -0
  142. package/dist/svgTransforms-Hnvev3Vs.js +38 -0
  143. package/dist/svgTransforms-Hnvev3Vs.js.map +1 -0
  144. package/dist/testing.js +1 -1
  145. package/dist/{themeTokens-7DEab0kp.js → themeTokens-l2Fsfcs7.js} +3 -12
  146. package/dist/themeTokens-l2Fsfcs7.js.map +1 -0
  147. package/dist/{utils-p6tjltbX.js → utils-LQ4jJA-9.js} +18 -2
  148. package/dist/utils-LQ4jJA-9.js.map +1 -0
  149. package/dist/vega.js +1 -1
  150. package/dist/vegaTheme-BrmVoPEz.js +49 -0
  151. package/dist/vegaTheme-BrmVoPEz.js.map +1 -0
  152. package/dist/{vegaTheme-VQMWTlBw.js → vegaTokens-Ce07C0DH.js} +36 -44
  153. package/dist/vegaTokens-Ce07C0DH.js.map +1 -0
  154. package/package.json +3 -4
  155. package/src/styles.css +4 -4
  156. package/dist/AIKit-C5FbKjwa.js.map +0 -1
  157. package/dist/Breadcrumb-CUyYu5Bi.js.map +0 -1
  158. package/dist/Combobox-B1Kjoy5J.js.map +0 -1
  159. package/dist/Command-BuOA3V18.js.map +0 -1
  160. package/dist/DiagramSource-jTwmmi9g.js +0 -11
  161. package/dist/DiagramSource-jTwmmi9g.js.map +0 -1
  162. package/dist/HoverCard-Cy6nhg4u.js.map +0 -1
  163. package/dist/MermaidDiagram-D2ThT8Q-.js +0 -302
  164. package/dist/MermaidDiagram-D2ThT8Q-.js.map +0 -1
  165. package/dist/Modal-DQIauzar.js.map +0 -1
  166. package/dist/Table-CgSC-fSo.js.map +0 -1
  167. package/dist/ZoomableSvg-D8sXKpoV.js.map +0 -1
  168. package/dist/svgTransforms-Dw2hRA-i.js +0 -51
  169. package/dist/svgTransforms-Dw2hRA-i.js.map +0 -1
  170. package/dist/themeTokens-7DEab0kp.js.map +0 -1
  171. package/dist/utils-p6tjltbX.js.map +0 -1
  172. package/dist/vegaTheme-VQMWTlBw.js.map +0 -1
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import { BrandId, ColorScheme, ResolvedColorScheme, Theme, Tokens } from "./type
2
2
  import { ChangeClassification, DiffChunk, FieldItemProps, MergeConflict } from "./FieldItem-CPN1xjN5.js";
3
3
  import { LucideIcon } from "./index-D-itZ3VP.js";
4
4
  import * as React$2 from "react";
5
- import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
5
+ import React$1, { ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentRef, Dispatch, FocusEvent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, OptionHTMLAttributes, PropsWithChildren, ReactNode, Ref, RefCallback, RefObject, SelectHTMLAttributes, SetStateAction, TableHTMLAttributes, ThHTMLAttributes } from "react";
6
6
  import { Slot, Slot as Slot$1 } from "@radix-ui/react-slot";
7
7
  import { ClassValue } from "clsx";
8
8
  import { Content, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-tooltip";
@@ -28,9 +28,9 @@ import * as SelectPrimitive from "@radix-ui/react-select";
28
28
  import { CheckedState, Root as Root$11 } from "@radix-ui/react-checkbox";
29
29
  import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
30
30
  import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, SlotProps as OtpInputRenderSlotProps } from "input-otp";
31
+ import { CollapsibleTrigger, Content as Content$5, Root as Root$12 } from "@radix-ui/react-collapsible";
31
32
  import { Components, Options } from "react-markdown";
32
- import { Root as Root$12 } from "@radix-ui/react-progress";
33
- import { CollapsibleTrigger, Content as Content$5, Root as Root$13 } from "@radix-ui/react-collapsible";
33
+ import { Root as Root$13 } from "@radix-ui/react-progress";
34
34
  import { Action as Action$1, ExternalToast, Toaster as Toaster$1 } from "sonner";
35
35
  import { Brand, Brand as Brand$1, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar } from "@keboola/brand-registry";
36
36
  import { Group as Group$1, Panel as ResizablePanel, PanelImperativeHandle, Separator as Separator$1, useDefaultLayout } from "react-resizable-panels";
@@ -50,7 +50,7 @@ declare const argoVariants: (props?: ({
50
50
  //#endregion
51
51
  //#region src/components/Button/Button.d.ts
52
52
  /** Props for `Button`; icons are composed as children. */
53
- type Props$272 = {
53
+ type Props$279 = {
54
54
  /** Shows a spinner in place of the leading icon, or before the label when there is none. The caller still controls `disabled`. */
55
55
  isLoading?: boolean;
56
56
  /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */
@@ -65,31 +65,31 @@ type Props$272 = {
65
65
  * @see RECIPES.md#disabled-button-tooltip
66
66
  * @see RECIPES.md#confirm-dialog
67
67
  */
68
- declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$272) => import("react").JSX.Element;
68
+ declare const Button: ({ ref, children, disabled, className, type, isLoading, asChild, onClick, variant, size, block, ...buttonProps }: Props$279) => import("react").JSX.Element;
69
69
  //#endregion
70
70
  //#region src/components/Button/ButtonInline.d.ts
71
71
  declare const buttonInlineVariants: (props?: ({
72
72
  color?: "custom" | "danger" | "dark" | "link" | "muted" | null | undefined;
73
73
  variant?: "custom" | "link" | "link-reverse" | null | undefined;
74
74
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
75
- type Props$271 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
75
+ type Props$278 = ComponentProps<'button'> & VariantProps<typeof buttonInlineVariants> & {
76
76
  asChild?: boolean;
77
77
  };
78
- declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$271) => import("react").JSX.Element;
78
+ declare const ButtonInline: ({ ref, children, className, variant, color, type, asChild, ...buttonProps }: Props$278) => import("react").JSX.Element;
79
79
  //#endregion
80
80
  //#region src/components/ButtonGroup/ButtonGroup.d.ts
81
81
  declare const buttonGroupVariant: (props?: ({
82
82
  variant?: "block" | "inline" | null | undefined;
83
83
  space?: "compact" | "extra-small" | "large" | "little-small" | "medium" | "small" | null | undefined;
84
84
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
85
- type Props$270 = {
85
+ type Props$277 = {
86
86
  children: ReactNode;
87
87
  className?: string;
88
88
  } & VariantProps<typeof buttonGroupVariant> & ComponentProps<'div'>;
89
- declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$270) => import("react").JSX.Element;
89
+ declare const ButtonGroup: ({ ref, children, space, className, variant, ...rest }: Props$277) => import("react").JSX.Element;
90
90
  //#endregion
91
91
  //#region src/components/DropdownMenu/DropdownMenuItem.d.ts
92
- type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
92
+ type Props$276 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
93
93
  /**
94
94
  * Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).
95
95
  * https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323
@@ -100,10 +100,10 @@ type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
100
100
  isLoading?: boolean;
101
101
  iconClassName?: string;
102
102
  };
103
- declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$269) => import("react").JSX.Element;
103
+ declare const DropdownMenuItem: ({ ref, className, asModalTrigger, onSelect, onPointerLeave, onPointerMove, children, asChild, icon, iconClassName, isLoading, ...props }: Props$276) => import("react").JSX.Element;
104
104
  //#endregion
105
105
  //#region src/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts
106
- type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
106
+ type Props$275 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
107
107
  closeOnSelect?: boolean;
108
108
  indicator?: 'switch' | 'checkbox' | 'check';
109
109
  indicatorAlign?: 'start' | 'end';
@@ -111,38 +111,38 @@ type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
111
111
  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */
112
112
  icon?: ReactNode;
113
113
  };
114
- declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$268) => import("react").JSX.Element;
114
+ declare const DropdownMenuCheckboxItem: ({ className, children, checked, closeOnSelect, onSelect, indicatorAlign, indicator, isLoading, icon, ...props }: Props$275) => import("react").JSX.Element;
115
115
  //#endregion
116
116
  //#region src/components/DropdownMenu/DropdownMenuContent.d.ts
117
- type Props$267 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
117
+ type Props$274 = Omit<ComponentProps<typeof DropdownMenuPrimitive.Content>, 'forceMount' | 'asChild'> & {
118
118
  forceMount?: boolean;
119
119
  /** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */
120
120
  className?: string;
121
121
  viewPortClassName?: string;
122
122
  container?: HTMLElement | null;
123
123
  };
124
- declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$267) => import("react").JSX.Element;
124
+ declare const DropdownMenuContent: ({ className, sideOffset, forceMount, children, viewPortClassName, container, ...props }: Props$274) => import("react").JSX.Element;
125
125
  //#endregion
126
126
  //#region src/components/DropdownMenu/DropdownMenuItemDescription.d.ts
127
- type Props$266 = ComponentProps<'span'> & {
127
+ type Props$273 = ComponentProps<'span'> & {
128
128
  hideOnHover?: boolean;
129
129
  };
130
- declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$266) => import("react").JSX.Element;
130
+ declare const DropdownMenuItemDescription: ({ className, children, hideOnHover, ...props }: Props$273) => import("react").JSX.Element;
131
131
  //#endregion
132
132
  //#region src/components/DropdownMenu/DropdownMenuLabel.d.ts
133
- type Props$265 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
134
- declare const DropdownMenuLabel: ({ className, ...props }: Props$265) => import("react").JSX.Element;
133
+ type Props$272 = ComponentProps<typeof DropdownMenuPrimitive.Label>;
134
+ declare const DropdownMenuLabel: ({ className, ...props }: Props$272) => import("react").JSX.Element;
135
135
  //#endregion
136
136
  //#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.d.ts
137
- type Props$264<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
137
+ type Props$271<Value> = Omit<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>, 'value' | 'onValueChange' | 'defaultValue'> & {
138
138
  value?: Value;
139
139
  defaultValue?: Value;
140
140
  onValueChange?: (value: Value) => void;
141
141
  };
142
- declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$264<Value>) => import("react").JSX.Element;
142
+ declare const DropdownMenuRadioGroup: <Value extends string = string>({ value, defaultValue, onValueChange, ...props }: Props$271<Value>) => import("react").JSX.Element;
143
143
  //#endregion
144
144
  //#region src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.d.ts
145
- type Props$263 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
145
+ type Props$270 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
146
146
  closeOnSelect?: boolean;
147
147
  indicatorAlign?: 'start' | 'end';
148
148
  indicator?: 'radio' | 'check' | 'none';
@@ -150,33 +150,33 @@ type Props$263 = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
150
150
  iconClassName?: string;
151
151
  isLoading?: boolean;
152
152
  };
153
- declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$263) => import("react").JSX.Element;
153
+ declare const DropdownMenuRadioItem: ({ className, children, closeOnSelect, onSelect, indicatorAlign, indicator, icon, iconClassName, isLoading, ...props }: Props$270) => import("react").JSX.Element;
154
154
  //#endregion
155
155
  //#region src/components/DropdownMenu/DropdownMenuSeparator.d.ts
156
- type Props$262 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
157
- declare const DropdownMenuSeparator: ({ className, ...props }: Props$262) => import("react").JSX.Element;
156
+ type Props$269 = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
157
+ declare const DropdownMenuSeparator: ({ className, ...props }: Props$269) => import("react").JSX.Element;
158
158
  //#endregion
159
159
  //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.d.ts
160
160
  declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
161
161
  //#endregion
162
162
  //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.d.ts
163
- type Props$261 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
164
- declare const DropdownMenuSubContent: ({ className, ...props }: Props$261) => import("react").JSX.Element;
163
+ type Props$268 = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
164
+ declare const DropdownMenuSubContent: ({ className, ...props }: Props$268) => import("react").JSX.Element;
165
165
  //#endregion
166
166
  //#region src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.d.ts
167
- type Props$260 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
167
+ type Props$267 = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
168
168
  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */
169
169
  icon?: ReactNode;
170
170
  };
171
- declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$260) => import("react").JSX.Element;
171
+ declare const DropdownMenuSubTrigger: ({ className, children, icon, ...props }: Props$267) => import("react").JSX.Element;
172
172
  //#endregion
173
173
  //#region src/components/DropdownMenu/DropdownMenuTrigger.d.ts
174
- type Props$259 = ComponentProps<typeof Trigger$2>;
175
- declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$259) => import("react").JSX.Element;
174
+ type Props$266 = ComponentProps<typeof Trigger$2>;
175
+ declare const DropdownMenuTrigger: ({ ref, className, ...props }: Props$266) => import("react").JSX.Element;
176
176
  //#endregion
177
177
  //#region src/components/DropdownMenu/DropdownMenu.d.ts
178
- type Props$258 = ComponentProps<typeof Root$2>;
179
- declare function DropdownMenu({ modal, ...props }: Props$258): import("react").JSX.Element;
178
+ type Props$265 = ComponentProps<typeof Root$2>;
179
+ declare function DropdownMenu({ modal, ...props }: Props$265): import("react").JSX.Element;
180
180
  declare namespace DropdownMenu {
181
181
  export { DropdownMenuTrigger as Trigger };
182
182
  export { DropdownMenuContent as Content };
@@ -197,7 +197,7 @@ declare namespace DropdownMenu {
197
197
  type Variant$9 = ComponentProps<typeof Button>['variant'];
198
198
  type Size$1 = NonNullable<ComponentProps<typeof Button>['size']>;
199
199
  type SpitButtonSize = Exclude<Size$1, 'icon' | 'icon-lg' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-3xs'>;
200
- type Props$257 = {
200
+ type Props$264 = {
201
201
  actions?: ReactNode;
202
202
  isActionsOpen?: boolean;
203
203
  onActionsOpenChange?: (open: boolean) => void;
@@ -208,7 +208,7 @@ type Props$257 = {
208
208
  variant?: Exclude<Variant$9, 'inline' | 'invisible'>;
209
209
  size?: SpitButtonSize;
210
210
  } & Omit<ComponentProps<typeof Button>, 'variant' | 'size' | 'icon'>;
211
- declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$257) => import("react").JSX.Element;
211
+ declare const SplitButtonBase: ({ ref, disabled, actions, variant, size, isActionsOpen, onActionsOpenChange, onActionsCloseAutoFocus, icon, children, ...rest }: Props$264) => import("react").JSX.Element;
212
212
  declare const SplitButton: typeof SplitButtonBase & {
213
213
  Action: typeof DropdownMenuItem;
214
214
  Actions: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -218,23 +218,31 @@ declare const SplitButton: typeof SplitButtonBase & {
218
218
  declare const tooltipVariants: (props?: ({
219
219
  variant?: "action" | "explanatory" | null | undefined;
220
220
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
221
- type Props$256 = {
221
+ type Props$263 = {
222
222
  keepOpenOnPointerDownOutside?: boolean;
223
223
  /** Force argo (`true`) or legacy (`false`) chrome; `undefined` follows the brand. */
224
224
  argo?: boolean;
225
225
  placement?: ComponentProps<typeof Content>['side'];
226
226
  } & Omit<ComponentProps<typeof Content>, 'side'> & VariantProps<typeof tooltipVariants>;
227
- declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$256) => import("react").JSX.Element;
227
+ declare const TooltipContent: ({ className, variant, keepOpenOnPointerDownOutside, argo, children, onPointerDownOutside, sideOffset, collisionPadding, hideWhenDetached, placement, ...rest }: Props$263) => import("react").JSX.Element;
228
228
  //#endregion
229
229
  //#region src/components/Tooltip/TooltipRoot.d.ts
230
- type Props$255 = ComponentProps<typeof Root$1>;
231
- declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$255) => import("react").JSX.Element;
230
+ type Props$262 = ComponentProps<typeof Root$1>;
231
+ declare const TooltipRoot: ({ children, delayDuration, ...rest }: Props$262) => import("react").JSX.Element;
232
+ //#endregion
233
+ //#region src/components/Tooltip/TooltipTitle.d.ts
234
+ /**
235
+ * Small uppercase heading above a rich tooltip's body copy.
236
+ *
237
+ * - Takes the tooltip's text colour, so it reads on both the legacy and the argo chrome.
238
+ */
239
+ declare const TooltipTitle: ({ className, ...rest }: ComponentProps<'div'>) => import("react").JSX.Element;
232
240
  //#endregion
233
241
  //#region src/components/Tooltip/TooltipTrigger.d.ts
234
- type Props$254 = {
242
+ type Props$261 = {
235
243
  keepOpenOnClick?: boolean;
236
244
  } & ComponentProps<typeof Trigger$1>;
237
- declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$254) => import("react").JSX.Element;
245
+ declare const TooltipTrigger: ({ ref, children, className, keepOpenOnClick, onClick, onPointerDown, asChild, ...rest }: Props$261) => import("react").JSX.Element;
238
246
  //#endregion
239
247
  //#region src/components/Tooltip/Tooltip.d.ts
240
248
  declare const HINT_UNDERLINE_CLASS_NAME = "tw:cursor-help tw:underline tw:decoration-dashed tw:decoration-neutral-300 tw:underline-offset-2";
@@ -267,10 +275,11 @@ declare namespace Tooltip {
267
275
  export { TooltipRoot as Root };
268
276
  export { TooltipContent as Content };
269
277
  export { TooltipTrigger as Trigger };
278
+ export { TooltipTitle as Title };
270
279
  }
271
280
  //#endregion
272
281
  //#region src/blocks/MultiActionButtonGroup/MultiActionButton.d.ts
273
- type Props$253 = {
282
+ type Props$260 = {
274
283
  disabled?: boolean;
275
284
  icon: ReactNode;
276
285
  isLoading?: boolean;
@@ -280,13 +289,13 @@ type Props$253 = {
280
289
  tooltipVariant?: ComponentProps<typeof Tooltip>['variant'];
281
290
  'data-testid'?: string;
282
291
  };
283
- declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$253) => import("react").JSX.Element;
292
+ declare const MultiActionButton: ({ disabled, icon, isLoading, label, onClick, tooltipContent, tooltipVariant, 'data-testid': dataTestId }: Props$260) => import("react").JSX.Element;
284
293
  //#endregion
285
294
  //#region src/blocks/MultiActionButtonGroup/MultiActionButtonGroup.d.ts
286
- type Props$252 = {
295
+ type Props$259 = {
287
296
  className?: string;
288
297
  } & PropsWithChildren;
289
- declare function MultiActionButtonGroup({ children, className }: Props$252): import("react").JSX.Element;
298
+ declare function MultiActionButtonGroup({ children, className }: Props$259): import("react").JSX.Element;
290
299
  declare namespace MultiActionButtonGroup {
291
300
  export { MultiActionButton as Button };
292
301
  }
@@ -298,12 +307,12 @@ declare const toggleVariants: (props?: ({
298
307
  orientation?: "horizontal" | "vertical" | null | undefined;
299
308
  iconOnly?: boolean | null | undefined;
300
309
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
301
- type Props$251 = {
310
+ type Props$258 = {
302
311
  icon?: ReactNode;
303
312
  badge?: ReactNode;
304
313
  orientation?: 'horizontal' | 'vertical';
305
314
  } & ComponentProps<typeof Root$3> & Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;
306
- declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$251) => import("react").JSX.Element;
315
+ declare const Toggle: ({ ref, className, variant, size, orientation, children, icon, badge, disabled, ...props }: Props$258) => import("react").JSX.Element;
307
316
  //#endregion
308
317
  //#region src/components/ToggleGroup/ToggleGroup.d.ts
309
318
  declare const rootVariants: (props?: ({
@@ -323,30 +332,30 @@ declare const ToggleGroup: typeof Root$20 & {
323
332
  };
324
333
  //#endregion
325
334
  //#region src/components/Clipboard/Clipboard.d.ts
326
- type Props$250 = {
335
+ type Props$257 = {
327
336
  tooltip?: Props$10['tooltip'];
328
337
  tooltipPlacement?: Props$10['placement'];
329
338
  tooltipVariant?: Props$10['variant'];
330
339
  asChild?: Props$10['triggerAsChild'];
331
340
  text?: string | (() => string);
332
341
  } & ComponentProps<'button'>;
333
- declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$250) => import("react").JSX.Element;
342
+ declare const Clipboard: ({ ref, text: textProp, children, tooltip, tooltipPlacement, tooltipVariant: tooltipVariantProp, asChild, onClick, className, ...restButtonProps }: Props$257) => import("react").JSX.Element;
334
343
  //#endregion
335
344
  //#region src/blocks/ClipboardButton/ClipboardButton.d.ts
336
345
  type ClipboardProps$1 = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
337
346
  type ButtonProps$4 = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;
338
- type Props$249 = ClipboardProps$1 & ButtonProps$4 & {
347
+ type Props$256 = ClipboardProps$1 & ButtonProps$4 & {
339
348
  icon?: ReactNode;
340
349
  };
341
- declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$249) => import("react").JSX.Element;
350
+ declare const ClipboardButton: ({ text, tooltip, tooltipPlacement, tooltipVariant, icon, variant, children, ...rest }: Props$256) => import("react").JSX.Element;
342
351
  //#endregion
343
352
  //#region src/blocks/ClipboardButton/ClipboardInline.d.ts
344
353
  type ClipboardProps = Pick<ComponentProps<typeof Clipboard>, 'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'>;
345
354
  type ButtonProps$3 = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;
346
- type Props$248 = {
355
+ type Props$255 = {
347
356
  hideIcon?: boolean;
348
357
  } & ClipboardProps & ButtonProps$3;
349
- declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$248) => import("react").JSX.Element;
358
+ declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$255) => import("react").JSX.Element;
350
359
  //#endregion
351
360
  //#region src/blocks/ExportMenu/ExportMenu.d.ts
352
361
  type ExportMenuItem = {
@@ -354,7 +363,7 @@ type ExportMenuItem = {
354
363
  label: string;
355
364
  onSelect: () => void;
356
365
  };
357
- type Props$247 = {
366
+ type Props$254 = {
358
367
  items: ExportMenuItem[];
359
368
  /** Accessible name + tooltip for the trigger, e.g. "Export table". */
360
369
  label: string;
@@ -368,7 +377,7 @@ type Props$247 = {
368
377
  * - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
369
378
  * `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
370
379
  */
371
- declare const ExportMenu: ({ items, label, size, variant }: Props$247) => import("react").JSX.Element;
380
+ declare const ExportMenu: ({ items, label, size, variant }: Props$254) => import("react").JSX.Element;
372
381
  //#endregion
373
382
  //#region src/blocks/CopyField/CopyBox.d.ts
374
383
  type CopyBoxProps = {
@@ -531,11 +540,11 @@ declare const LABELS$2: {
531
540
  readonly signup: 'Sign up with Microsoft';
532
541
  readonly continue: 'Continue with Microsoft';
533
542
  };
534
- type Props$246 = ComponentPropsWithRef<'button'> & {
543
+ type Props$253 = ComponentPropsWithRef<'button'> & {
535
544
  label?: keyof typeof LABELS$2;
536
545
  isLoading?: boolean;
537
546
  };
538
- declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$246) => import("react").JSX.Element;
547
+ declare const MicrosoftButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$253) => import("react").JSX.Element;
539
548
  //#endregion
540
549
  //#region src/blocks/FacebookButton/FacebookButton.d.ts
541
550
  /** The call-to-action wordings Meta's Facebook Login guidelines prefer. */
@@ -543,7 +552,7 @@ declare const LABELS$1: {
543
552
  readonly login: 'Log in with Facebook';
544
553
  readonly continue: 'Continue with Facebook';
545
554
  };
546
- type Props$245 = ComponentPropsWithRef<'button'> & {
555
+ type Props$252 = ComponentPropsWithRef<'button'> & {
547
556
  label?: keyof typeof LABELS$1;
548
557
  isLoading?: boolean;
549
558
  };
@@ -552,7 +561,7 @@ type Props$245 = ComponentPropsWithRef<'button'> & {
552
561
  *
553
562
  * - The fill is the logo pack's Facebook Blue; the mark is the secondary logo (white disc).
554
563
  */
555
- declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$245) => import("react").JSX.Element;
564
+ declare const FacebookButton: ({ ref, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$252) => import("react").JSX.Element;
556
565
  //#endregion
557
566
  //#region src/blocks/GoogleButton/GoogleButton.d.ts
558
567
  declare const LABELS: {
@@ -566,15 +575,15 @@ declare const variants$6: (props?: ({
566
575
  shape?: "circle" | "rectangular" | null | undefined;
567
576
  size?: "default" | "icon" | null | undefined;
568
577
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
569
- type Props$244 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
578
+ type Props$251 = ComponentPropsWithRef<'button'> & VariantProps<typeof variants$6> & {
570
579
  label?: keyof typeof LABELS;
571
580
  isLoading?: boolean;
572
581
  };
573
- declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$244) => import("react").JSX.Element;
582
+ declare const GoogleButton: ({ ref, variant, shape, size, label, isLoading, disabled, type, className, children, style, ...buttonProps }: Props$251) => import("react").JSX.Element;
574
583
  //#endregion
575
584
  //#region src/components/Link.d.ts
576
- type Props$243 = ComponentProps<'a'>;
577
- declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$243) => import("react").JSX.Element;
585
+ type Props$250 = ComponentProps<'a'>;
586
+ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$250) => import("react").JSX.Element;
578
587
  //#endregion
579
588
  //#region src/components/AlertModal/variant.d.ts
580
589
  /**
@@ -584,7 +593,7 @@ declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }
584
593
  type AlertModalVariant = 'info' | 'warning' | 'danger' | 'success';
585
594
  //#endregion
586
595
  //#region src/components/AlertModal/AlertModalContent.d.ts
587
- type Props$242 = {
596
+ type Props$249 = {
588
597
  variant?: AlertModalVariant;
589
598
  /** `false` draws no icon at all, and gives the title and body its column. */
590
599
  icon?: ReactNode | false;
@@ -595,23 +604,23 @@ type Props$242 = {
595
604
  confirmDisabled?: boolean;
596
605
  container?: ComponentProps<typeof Portal$1>['container'];
597
606
  } & Omit<ComponentProps<typeof Content$1>, 'title'>;
598
- declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$242) => import("react").JSX.Element;
607
+ declare const AlertModalContent: ({ variant, icon, title, cancelLabel, confirmLabel: actionLabel, confirmDisabled, container, className, children, onEscapeKeyDown, ...props }: Props$249) => import("react").JSX.Element;
599
608
  //#endregion
600
609
  //#region src/components/AlertModal/AlertModalTrigger.d.ts
601
- type Props$241 = ComponentPropsWithRef<typeof Trigger$3>;
602
- declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$241) => import("react").JSX.Element;
610
+ type Props$248 = ComponentPropsWithRef<typeof Trigger$3>;
611
+ declare const AlertModalTrigger: ({ ref, onClick, onKeyDown, ...props }: Props$248) => import("react").JSX.Element;
603
612
  //#endregion
604
613
  //#region src/components/AlertModal/AlertModal.d.ts
605
614
  type ConfirmHandler = (event: MouseEvent<HTMLButtonElement>) => void | Promise<unknown>;
606
615
  type CancelHandler = (event: MouseEvent<HTMLButtonElement>) => void;
607
- type Props$240 = {
616
+ type Props$247 = {
608
617
  onConfirm?: ConfirmHandler;
609
618
  onCancel?: CancelHandler;
610
619
  skipAsyncWait?: boolean;
611
620
  /** Marks the confirm action busy from the outside, on top of the state inferred from a thenable `onConfirm`. */
612
621
  isLoading?: boolean;
613
622
  } & ComponentProps<typeof Root$4>;
614
- declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$240): import("react").JSX.Element;
623
+ declare function AlertModal({ children, onConfirm, onCancel, skipAsyncWait, isLoading, open, defaultOpen, onOpenChange, ...rest }: Props$247): import("react").JSX.Element;
615
624
  declare namespace AlertModal {
616
625
  export { AlertModalTrigger as Trigger };
617
626
  export { AlertModalContent as Content };
@@ -619,33 +628,35 @@ declare namespace AlertModal {
619
628
  //#endregion
620
629
  //#region src/components/Modal/ModalBody.d.ts
621
630
  /** Props for `Modal.Body`. Accepts all `<div>` attributes; `as="form"` is reserved for future use. */
622
- type Props$239 = ComponentProps<'div'> & {
631
+ type Props$246 = ComponentProps<'div'> & {
623
632
  as?: 'form';
624
633
  };
625
634
  /**
626
635
  * Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.
627
636
  * Takes available height inside `Modal.Content` and scrolls when content overflows.
628
637
  */
629
- declare const ModalBody: ({ className, ...props }: Props$239) => import("react").JSX.Element;
638
+ declare const ModalBody: ({ className, ...props }: Props$246) => import("react").JSX.Element;
630
639
  //#endregion
631
640
  //#region src/components/Modal/ModalContent.d.ts
632
- type Props$238 = ComponentProps<typeof Content$2> & {
641
+ type Props$245 = ComponentProps<typeof Content$2> & {
633
642
  size?: 'small' | 'medium' | 'large';
643
+ /** `top` keeps a form that changes height in place; ignored by the legacy brand (always top-anchored). */
644
+ align?: 'center' | 'top';
634
645
  };
635
- declare const ModalContent: ({ size, className, children, onEscapeKeyDown, ...props }: Props$238) => import("react").JSX.Element;
646
+ declare const ModalContent: ({ size, align, className, children, onEscapeKeyDown, ...props }: Props$245) => import("react").JSX.Element;
636
647
  //#endregion
637
648
  //#region src/components/Modal/ModalFooter.d.ts
638
- type Props$237 = ComponentPropsWithRef<'div'>;
649
+ type Props$244 = ComponentPropsWithRef<'div'>;
639
650
  /**
640
651
  * The modal's action row.
641
652
  *
642
653
  * - A child that should fill the row carries `tw:w-full` itself; the footer is already full width.
643
654
  * - tailwind-merge replaces only within a group: `tw:flex-col` keeps `items-center`, so add `tw:items-stretch`.
644
655
  */
645
- declare const ModalFooter: ({ className, ...props }: Props$237) => import("react").JSX.Element;
656
+ declare const ModalFooter: ({ className, ...props }: Props$244) => import("react").JSX.Element;
646
657
  //#endregion
647
658
  //#region src/components/Modal/ModalHeader.d.ts
648
- type Props$236 = {
659
+ type Props$243 = {
649
660
  /** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */
650
661
  icon?: ReactNode;
651
662
  /** Visible subtitle below the title (also fills `aria-describedby`). */
@@ -658,11 +669,11 @@ type Props$236 = {
658
669
  hideCloseIcon?: boolean;
659
670
  } & ComponentProps<'div'>;
660
671
  /** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */
661
- declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$236) => import("react").JSX.Element;
672
+ declare const ModalHeader: ({ className, icon, description, 'aria-description': ariaDescription, actions, hideCloseIcon, children, ...props }: Props$243) => import("react").JSX.Element;
662
673
  //#endregion
663
674
  //#region src/components/Modal/ModalIcon.d.ts
664
675
  type NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';
665
- type Props$235 = {
676
+ type Props$242 = {
666
677
  color: NamedColor | (string & {});
667
678
  icon: ReactNode;
668
679
  };
@@ -674,25 +685,25 @@ type Props$235 = {
674
685
  * - CSS (`group-data-[argo=true]/modal:`) toggles the two, no context.
675
686
  * - `color` is categorical (`red` destructive … `violet` agent), fixed across brand themes.
676
687
  */
677
- declare const ModalIcon: ({ color, icon }: Props$235) => import("react").JSX.Element;
688
+ declare const ModalIcon: ({ color, icon }: Props$242) => import("react").JSX.Element;
678
689
  //#endregion
679
690
  //#region src/components/Modal/ModalImage.d.ts
680
- type Props$234 = {
691
+ type Props$241 = {
681
692
  src: string;
682
693
  /** Accessible alt text. Defaults to `""` (decorative) — provide it when the image carries meaning. */
683
694
  alt?: string;
684
695
  };
685
- declare const ModalImage: ({ src, alt }: Props$234) => import("react").JSX.Element | null;
696
+ declare const ModalImage: ({ src, alt }: Props$241) => import("react").JSX.Element | null;
686
697
  //#endregion
687
698
  //#region src/components/Modal/ModalOverlay.d.ts
688
- type Props$233 = ComponentProps<typeof Overlay$1> & {
699
+ type Props$240 = ComponentProps<typeof Overlay$1> & {
689
700
  disableTransition?: boolean;
690
701
  };
691
- declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$233) => import("react").JSX.Element;
702
+ declare const ModalOverlay: ({ ref, className, disableTransition, ...props }: Props$240) => import("react").JSX.Element;
692
703
  //#endregion
693
704
  //#region src/components/Modal/Modal.d.ts
694
- type Props$232 = ComponentProps<typeof Root$5>;
695
- declare function Modal(props: Props$232): import("react").JSX.Element;
705
+ type Props$239 = ComponentProps<typeof Root$5>;
706
+ declare function Modal(props: Props$239): import("react").JSX.Element;
696
707
  declare namespace Modal {
697
708
  export { Close };
698
709
  export { Trigger$4 as Trigger };
@@ -706,13 +717,13 @@ declare namespace Modal {
706
717
  }
707
718
  //#endregion
708
719
  //#region src/components/FullScreenModal/FullScreenModalBody.d.ts
709
- type Props$231 = HTMLAttributes<HTMLDivElement>;
710
- declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$231 & {
720
+ type Props$238 = HTMLAttributes<HTMLDivElement>;
721
+ declare const FullScreenModalBody: ({ ref, className, children, ...props }: Props$238 & {
711
722
  ref?: Ref<HTMLDivElement>;
712
723
  }) => import("react").JSX.Element;
713
724
  //#endregion
714
725
  //#region src/components/FullScreenModal/FullScreenModalHeader.d.ts
715
- type Props$230 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
726
+ type Props$237 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
716
727
  title: ReactNode;
717
728
  titleClassName?: string;
718
729
  titleWrapperClassName?: string;
@@ -721,17 +732,17 @@ type Props$230 = PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'title'>
721
732
  onClose?: () => void;
722
733
  showPreviousTitle?: boolean;
723
734
  }>;
724
- declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$230) => import("react").JSX.Element;
735
+ declare const FullScreenModalHeader: ({ title, titleClassName, titleWrapperClassName, defaultTitleStyles, isTitleWithIcon, children, onClose, className, showPreviousTitle, ...props }: Props$237) => import("react").JSX.Element;
725
736
  //#endregion
726
737
  //#region src/components/FullScreenModal/FullScreenModalRoot.d.ts
727
- type Props$229 = HTMLAttributes<HTMLDivElement> & {
738
+ type Props$236 = HTMLAttributes<HTMLDivElement> & {
728
739
  children: ReactNode;
729
740
  /** Lock body scroll when modal is open. Default: true */
730
741
  lockBodyScroll?: boolean;
731
742
  /** Callback when ESC key is pressed */
732
743
  onEscapeKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
733
744
  };
734
- declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$229) => import("react").ReactPortal;
745
+ declare const FullScreenModalRoot: ({ children, className, lockBodyScroll, onEscapeKeyDown, onKeyDown, ...props }: Props$236) => import("react").ReactPortal;
735
746
  //#endregion
736
747
  //#region src/components/FullScreenModal/FullScreenModal.d.ts
737
748
  declare const FullScreenModal: typeof FullScreenModalRoot & {
@@ -740,42 +751,42 @@ declare const FullScreenModal: typeof FullScreenModalRoot & {
740
751
  };
741
752
  //#endregion
742
753
  //#region src/components/Sheet/SheetBody.d.ts
743
- type Props$228 = ComponentProps<'div'>;
744
- declare const SheetBody: ({ className, ...rest }: Props$228) => import("react").JSX.Element;
754
+ type Props$235 = ComponentProps<'div'>;
755
+ declare const SheetBody: ({ className, ...rest }: Props$235) => import("react").JSX.Element;
745
756
  //#endregion
746
757
  //#region src/components/Sheet/SheetContent.d.ts
747
758
  declare const sheetContentVariants: (props?: ({
748
759
  disableTransition?: boolean | null | undefined;
749
760
  side?: "bottom" | "left" | "right" | "top" | null | undefined;
750
761
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
751
- type Props$227 = ComponentProps<typeof Content$2> & {
762
+ type Props$234 = ComponentProps<typeof Content$2> & {
752
763
  side?: 'top' | 'right' | 'bottom' | 'left';
753
764
  hideOverlay?: boolean;
754
765
  keepOpenOnPointerDownOutside?: boolean;
755
766
  } & VariantProps<typeof sheetContentVariants> & Pick<ComponentProps<typeof Portal$2>, 'container'>;
756
- declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$227) => import("react").JSX.Element;
767
+ declare const SheetContent: ({ className, children, side, disableTransition, hideOverlay, keepOpenOnPointerDownOutside, onPointerDownOutside, onInteractOutside, container, ...props }: Props$234) => import("react").JSX.Element;
757
768
  //#endregion
758
769
  //#region src/components/Sheet/SheetFooter.d.ts
759
- type Props$226 = ComponentProps<'div'>;
760
- declare const SheetFooter: ({ className, ...props }: Props$226) => import("react").JSX.Element;
770
+ type Props$233 = ComponentProps<'div'>;
771
+ declare const SheetFooter: ({ className, ...props }: Props$233) => import("react").JSX.Element;
761
772
  //#endregion
762
773
  //#region src/components/Sheet/SheetHeader.d.ts
763
- type Props$225 = {
774
+ type Props$232 = {
764
775
  title?: ReactNode;
765
776
  description?: ReactNode;
766
777
  hideCloseIcon?: boolean;
767
778
  } & ComponentProps<'div'>;
768
- declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$225) => import("react").JSX.Element;
779
+ declare const SheetHeader: ({ className, children, hideCloseIcon, title, description, ...props }: Props$232) => import("react").JSX.Element;
769
780
  //#endregion
770
781
  //#region src/components/Sheet/SheetTitle.d.ts
771
- type Props$224 = ComponentProps<typeof Title$1> & {
782
+ type Props$231 = ComponentProps<typeof Title$1> & {
772
783
  visuallyHidden?: boolean;
773
784
  };
774
- declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$224) => import("react").JSX.Element;
785
+ declare const SheetTitle: ({ className, visuallyHidden, ...props }: Props$231) => import("react").JSX.Element;
775
786
  //#endregion
776
787
  //#region src/components/Sheet/Sheet.d.ts
777
- type Props$223 = ComponentProps<typeof Root$5>;
778
- declare function Sheet(props: Props$223): import("react").JSX.Element;
788
+ type Props$230 = ComponentProps<typeof Root$5>;
789
+ declare function Sheet(props: Props$230): import("react").JSX.Element;
779
790
  declare namespace Sheet {
780
791
  export { Close };
781
792
  export { Trigger$4 as Trigger };
@@ -791,17 +802,17 @@ declare const variants$5: (props?: ({
791
802
  variant?: "argo" | "default" | null | undefined;
792
803
  matchTriggerWidth?: boolean | null | undefined;
793
804
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
794
- type Props$222 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
805
+ type Props$229 = ComponentProps<typeof Content$3> & Omit<VariantProps<typeof variants$5>, 'variant'> & {
795
806
  /**
796
807
  * Portal target, default `document.body`; pass a theme-scoped host so the panel takes its theme.
797
808
  */
798
809
  container?: ComponentProps<typeof Portal$3>['container'];
799
810
  };
800
- declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$222) => import("react").JSX.Element;
811
+ declare const PopoverContent: ({ ref, className, align, sideOffset, matchTriggerWidth, children, onEscapeKeyDown, container, ...props }: Props$229) => import("react").JSX.Element;
801
812
  //#endregion
802
813
  //#region src/components/Popover/Popover.d.ts
803
- type Props$221 = ComponentProps<typeof Root$6>;
804
- declare function Popover(props: Props$221): import("react").JSX.Element;
814
+ type Props$228 = ComponentProps<typeof Root$6>;
815
+ declare function Popover(props: Props$228): import("react").JSX.Element;
805
816
  declare namespace Popover {
806
817
  export { PopoverContent as Content };
807
818
  export { Trigger$5 as Trigger };
@@ -819,8 +830,8 @@ type PopconfirmContextType = {
819
830
  };
820
831
  //#endregion
821
832
  //#region src/components/Popconfirm/PopconfirmBody.d.ts
822
- type Props$220 = ComponentProps<'div'>;
823
- declare const PopconfirmBody: (props: Props$220) => import("react").JSX.Element;
833
+ type Props$227 = ComponentProps<'div'>;
834
+ declare const PopconfirmBody: (props: Props$227) => import("react").JSX.Element;
824
835
  //#endregion
825
836
  //#region src/components/Popconfirm/PopconfirmCancel.d.ts
826
837
  type SlotProps$5 = {
@@ -830,8 +841,8 @@ type ButtonProps$2 = {
830
841
  asChild?: false;
831
842
  children?: ReactNode;
832
843
  } & Omit<ComponentProps<typeof Button>, 'children'>;
833
- type Props$219 = SlotProps$5 | ButtonProps$2;
834
- declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$219) => import("react").JSX.Element;
844
+ type Props$226 = SlotProps$5 | ButtonProps$2;
845
+ declare const PopconfirmCancel: ({ ref, onClick, children, asChild, className, ...props }: Props$226) => import("react").JSX.Element;
835
846
  //#endregion
836
847
  //#region src/components/Popconfirm/PopconfirmConfirm.d.ts
837
848
  type SlotProps$4 = {
@@ -841,27 +852,27 @@ type ButtonProps$1 = {
841
852
  asChild?: false;
842
853
  children?: ReactNode;
843
854
  } & Omit<ComponentProps<typeof Button>, 'children' | 'isLoading'>;
844
- type Props$218 = SlotProps$4 | ButtonProps$1;
845
- declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$218) => import("react").JSX.Element;
855
+ type Props$225 = SlotProps$4 | ButtonProps$1;
856
+ declare const PopconfirmConfirm: ({ ref, onClick, children, asChild, className, ...props }: Props$225) => import("react").JSX.Element;
846
857
  //#endregion
847
858
  //#region src/components/Popconfirm/PopconfirmContent.d.ts
848
- type Props$217 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
849
- declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$217) => import("react").JSX.Element;
859
+ type Props$224 = Omit<ComponentProps<typeof Popover.Content>, 'showArrow'>;
860
+ declare const PopconfirmContent: ({ className, onInteractOutside, ...props }: Props$224) => import("react").JSX.Element;
850
861
  //#endregion
851
862
  //#region src/components/Popconfirm/PopconfirmFooter.d.ts
852
- type Props$216 = ComponentProps<'div'>;
853
- declare const PopconfirmFooter: ({ className, ...props }: Props$216) => import("react").JSX.Element;
863
+ type Props$223 = ComponentProps<'div'>;
864
+ declare const PopconfirmFooter: ({ className, ...props }: Props$223) => import("react").JSX.Element;
854
865
  //#endregion
855
866
  //#region src/components/Popconfirm/PopconfirmTrigger.d.ts
856
- type Props$215 = ComponentProps<typeof Popover.Trigger>;
857
- declare const PopconfirmTrigger: ({ onClick, ...props }: Props$215) => import("react").JSX.Element;
867
+ type Props$222 = ComponentProps<typeof Popover.Trigger>;
868
+ declare const PopconfirmTrigger: ({ onClick, ...props }: Props$222) => import("react").JSX.Element;
858
869
  //#endregion
859
870
  //#region src/components/Popconfirm/Popconfirm.d.ts
860
- type Props$214 = {
871
+ type Props$221 = {
861
872
  children: ReactNode;
862
873
  skipAsyncWait?: boolean;
863
874
  } & ComponentProps<typeof Popover> & Omit<Partial<PopconfirmContextType>, 'isLoading'>;
864
- declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$214): import("react").JSX.Element;
875
+ declare function Popconfirm({ children, onConfirm, onCancel, variant, enabled, onOpenChange, open, skipAsyncWait, ...rest }: Props$221): import("react").JSX.Element;
865
876
  declare namespace Popconfirm {
866
877
  export { PopconfirmConfirm as Confirm };
867
878
  export { PopconfirmCancel as Cancel };
@@ -872,52 +883,52 @@ declare namespace Popconfirm {
872
883
  }
873
884
  //#endregion
874
885
  //#region src/components/HoverCard/HoverCardContent.d.ts
875
- type Props$213 = ComponentProps<typeof Content$4>;
876
- declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$213) => import("react").JSX.Element;
886
+ type Props$220 = ComponentProps<typeof Content$4>;
887
+ declare const HoverCardContent: ({ ref, className, align, sideOffset, children, ...props }: Props$220) => import("react").JSX.Element;
877
888
  //#endregion
878
889
  //#region src/components/HoverCard/HoverCard.d.ts
879
- type Props$212 = ComponentProps<typeof Root$7>;
880
- declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$212): import("react").JSX.Element;
890
+ type Props$219 = ComponentProps<typeof Root$7>;
891
+ declare function HoverCard({ openDelay, closeDelay, ...rest }: Props$219): import("react").JSX.Element;
881
892
  declare namespace HoverCard {
882
893
  export { HoverCardContent as Content };
883
894
  export { Trigger$6 as Trigger };
884
895
  }
885
896
  //#endregion
886
897
  //#region src/blocks/Command/CommandContent.d.ts
887
- type Props$211 = ComponentProps<'div'>;
888
- declare const CommandContent: ({ className, ...rest }: Props$211) => import("react").JSX.Element;
898
+ type Props$218 = ComponentProps<'div'>;
899
+ declare const CommandContent: ({ className, ...rest }: Props$218) => import("react").JSX.Element;
889
900
  //#endregion
890
901
  //#region src/blocks/Command/CommandEmpty.d.ts
891
- type Props$210 = ComponentProps<typeof Command$1.Empty>;
892
- declare const CommandEmpty: ({ ...props }: Props$210) => import("react").JSX.Element;
902
+ type Props$217 = ComponentProps<typeof Command$1.Empty>;
903
+ declare const CommandEmpty: ({ ...props }: Props$217) => import("react").JSX.Element;
893
904
  //#endregion
894
905
  //#region src/blocks/Command/CommandGroup.d.ts
895
- type Props$209 = ComponentProps<typeof Command$1.Group>;
896
- declare const CommandGroup: ({ className, ...props }: Props$209) => import("react").JSX.Element;
906
+ type Props$216 = ComponentProps<typeof Command$1.Group>;
907
+ declare const CommandGroup: ({ className, ...props }: Props$216) => import("react").JSX.Element;
897
908
  //#endregion
898
909
  //#region src/components/InputGroup/InputGroupAddon.d.ts
899
910
  declare const addonVariants$1: (props?: ({
900
911
  align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
901
912
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
902
- type Props$208 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
903
- declare const InputGroupAddon: ({ children, align, className, ...props }: Props$208) => import("react").JSX.Element;
913
+ type Props$215 = ComponentProps<'div'> & VariantProps<typeof addonVariants$1>;
914
+ declare const InputGroupAddon: ({ children, align, className, ...props }: Props$215) => import("react").JSX.Element;
904
915
  //#endregion
905
916
  //#region src/components/InputGroup/InputGroupButton.d.ts
906
917
  type ButtonProps = ComponentProps<typeof Button>;
907
- type Props$207 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
908
- declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$207) => import("react").JSX.Element;
918
+ type Props$214 = Omit<ButtonProps, 'size' | 'block' | 'variant'>;
919
+ declare const InputGroupButton: ({ ref, className, tabIndex, ...props }: Props$214) => import("react").JSX.Element;
909
920
  //#endregion
910
921
  //#region src/components/InputGroup/InputGroupInput.d.ts
911
- type Props$206 = ComponentProps<'input'>;
912
- declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$206) => import("react").JSX.Element;
922
+ type Props$213 = ComponentProps<'input'>;
923
+ declare const InputGroupInput: ({ ref, className, ...inputProps }: Props$213) => import("react").JSX.Element;
913
924
  //#endregion
914
925
  //#region src/components/InputGroup/InputGroupText.d.ts
915
- type Props$205 = ComponentProps<'span'>;
916
- declare const InputGroupText: ({ className, ...props }: Props$205) => import("react").JSX.Element;
926
+ type Props$212 = ComponentProps<'span'>;
927
+ declare const InputGroupText: ({ className, ...props }: Props$212) => import("react").JSX.Element;
917
928
  //#endregion
918
929
  //#region src/components/InputGroup/InputGroupTextArea.d.ts
919
930
  type TextareaNativeProps$1 = Omit<ComponentProps<typeof TextareaAutosize>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
920
- type Props$204 = TextareaNativeProps$1 & {
931
+ type Props$211 = TextareaNativeProps$1 & {
921
932
  value?: string | null;
922
933
  defaultValue?: string | null;
923
934
  onValueChange?: (value: string) => void;
@@ -925,7 +936,7 @@ type Props$204 = TextareaNativeProps$1 & {
925
936
  maxRows?: number | 'unlimited';
926
937
  disableResize?: boolean;
927
938
  };
928
- declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$204) => import("react").JSX.Element;
939
+ declare const InputGroupTextArea: ({ ref, className, onChange, onValueChange, value, defaultValue, onBlur, onValueBlur, disableResize, minRows, maxRows, ...props }: Props$211) => import("react").JSX.Element;
929
940
  //#endregion
930
941
  //#region src/components/InputGroup/InputGroup.d.ts
931
942
  declare const inputGroupVariants: (props?: ({
@@ -934,10 +945,10 @@ declare const inputGroupVariants: (props?: ({
934
945
  sizing?: "default" | "medium" | "small" | null | undefined;
935
946
  state?: "default" | "error" | "warning" | null | undefined;
936
947
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
937
- type Props$203 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
948
+ type Props$210 = ComponentPropsWithRef<'div'> & Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {
938
949
  variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;
939
950
  };
940
- declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$203) => import("react").JSX.Element;
951
+ declare const InputGroupRoot: ({ ref, children, state, variant, sizing, focusVariant, className, ...props }: Props$210) => import("react").JSX.Element;
941
952
  declare const InputGroup: typeof InputGroupRoot & {
942
953
  Input: typeof InputGroupInput;
943
954
  Addon: typeof InputGroupAddon;
@@ -978,52 +989,52 @@ type Props$5 = InputGroupProps$10 & OwnProps$1 & Omit<ComponentProps<'input'>, '
978
989
  declare const TextInput: ({ ref: forwardedRef, state, sizing, className, prefix, rightSuffix, rightSuffixVariant, leftSuffix, allowClear, onClear, disabled, testId: prefixTestId, autoFocus, id, name, variant, readOnly, type, focusVariant, onChange, onBlur, onValueChange, onValueBlur, value: valueProp, defaultValue, ...inputProps }: Props$5) => import("react").JSX.Element;
979
990
  //#endregion
980
991
  //#region src/blocks/Command/CommandInput.d.ts
981
- type Props$202 = ComponentProps<typeof TextInput>;
982
- declare const CommandInput: ({ ref, className, ...props }: Props$202) => import("react").JSX.Element;
992
+ type Props$209 = ComponentProps<typeof TextInput>;
993
+ declare const CommandInput: ({ ref, className, ...props }: Props$209) => import("react").JSX.Element;
983
994
  //#endregion
984
995
  //#region src/blocks/Command/CommandItem/CheckIndicator.d.ts
985
- type Props$201 = {
996
+ type Props$208 = {
986
997
  variant?: 'checkbox' | 'radio' | 'default';
987
998
  };
988
- declare const CheckIndicator: ({ variant }: Props$201) => import("react").JSX.Element | null;
999
+ declare const CheckIndicator: ({ variant }: Props$208) => import("react").JSX.Element | null;
989
1000
  //#endregion
990
1001
  //#region src/blocks/Command/CommandItem/CommandItem.d.ts
991
- type Props$200 = ComponentProps<typeof Command$1.Item> & {
1002
+ type Props$207 = ComponentProps<typeof Command$1.Item> & {
992
1003
  icon?: ReactNode;
993
1004
  checked?: boolean;
994
1005
  variant?: ComponentProps<typeof CheckIndicator>['variant'];
995
1006
  actions?: ReactNode;
996
1007
  };
997
- declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$200) => import("react").JSX.Element;
1008
+ declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$207) => import("react").JSX.Element;
998
1009
  //#endregion
999
1010
  //#region src/components/ScrollArea/ScrollArea.d.ts
1000
- type Props$199 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1011
+ type Props$206 = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1001
1012
  viewPortClassName?: string;
1002
1013
  scrollBarClassName?: string;
1003
1014
  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
1004
1015
  };
1005
- declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$199) => import("react").JSX.Element;
1016
+ declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$206) => import("react").JSX.Element;
1006
1017
  //#endregion
1007
1018
  //#region src/components/ScrollArea/ScrollBar.d.ts
1008
- type Props$198 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1009
- declare const ScrollBar: ({ className, orientation, ...props }: Props$198) => import("react").JSX.Element;
1019
+ type Props$205 = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
1020
+ declare const ScrollBar: ({ className, orientation, ...props }: Props$205) => import("react").JSX.Element;
1010
1021
  //#endregion
1011
1022
  //#region src/blocks/Command/CommandList.d.ts
1012
- type Props$197 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1013
- declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$197) => import("react").JSX.Element;
1023
+ type Props$204 = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
1024
+ declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$204) => import("react").JSX.Element;
1014
1025
  //#endregion
1015
1026
  //#region src/blocks/Command/CommandSeparator.d.ts
1016
- type Props$196 = ComponentProps<typeof Command$1.Separator>;
1017
- declare const CommandSeparator: ({ className, ...props }: Props$196) => import("react").JSX.Element;
1027
+ type Props$203 = ComponentProps<typeof Command$1.Separator>;
1028
+ declare const CommandSeparator: ({ className, ...props }: Props$203) => import("react").JSX.Element;
1018
1029
  //#endregion
1019
1030
  //#region src/blocks/Command/Command.d.ts
1020
1031
  type Variant$8 = 'default' | 'argo';
1021
- type Props$195 = ComponentProps<typeof Command$1> & {
1032
+ type Props$202 = ComponentProps<typeof Command$1> & {
1022
1033
  /** Unset follows the theme (`argo` under the new design system); `default` suits small
1023
1034
  * surfaces like popovers, as `argo` is sized for the full-screen palette. */
1024
1035
  variant?: Variant$8;
1025
1036
  };
1026
- declare function Command({ className, variant, ...rest }: Props$195): import("react").JSX.Element;
1037
+ declare function Command({ className, variant, ...rest }: Props$202): import("react").JSX.Element;
1027
1038
  declare namespace Command {
1028
1039
  export { CommandContent as Content };
1029
1040
  export { CommandSeparator as Separator };
@@ -1054,7 +1065,7 @@ type SpotlightTarget = string | RefObject<Element | null> | undefined;
1054
1065
  declare const useTargetRect: (target: SpotlightTarget, enabled: boolean) => TargetRect | null;
1055
1066
  //#endregion
1056
1067
  //#region src/components/SpotlightBackdrop/SpotlightBackdrop.d.ts
1057
- type Props$194 = {
1068
+ type Props$201 = {
1058
1069
  /** Box to cut out, or `null` to dim everything. */
1059
1070
  rect: TargetRect | null;
1060
1071
  /** In px. */
@@ -1071,7 +1082,7 @@ type Props$194 = {
1071
1082
  * - Presentational: `rect` from `useTargetRect`, callout via `Popover`.
1072
1083
  * - Tour steps and "seen" persistence are app-owned — see the "Guided tour (recipe)" story.
1073
1084
  */
1074
- declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$194) => import("react").JSX.Element;
1085
+ declare const SpotlightBackdrop: ({ rect, padding, radius, className, onClick }: Props$201) => import("react").JSX.Element;
1075
1086
  //#endregion
1076
1087
  //#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/locale/types.d.ts
1077
1088
  /**
@@ -3454,16 +3465,16 @@ declare namespace DateRangePicker {
3454
3465
  }
3455
3466
  //#endregion
3456
3467
  //#region src/components/TimePicker/TimePicker.d.ts
3457
- type Props$193 = {
3468
+ type Props$200 = {
3458
3469
  children?: ReactNode;
3459
3470
  defaultSelected?: string | null;
3460
3471
  selected?: string | null;
3461
3472
  onSelect?: (time: string) => void;
3462
3473
  } & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
3463
- declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$193) => import("react").JSX.Element;
3474
+ declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset }: Props$200) => import("react").JSX.Element;
3464
3475
  //#endregion
3465
3476
  //#region src/components/Label/Label.d.ts
3466
- type Props$192 = {
3477
+ type Props$199 = {
3467
3478
  id?: string | number;
3468
3479
  htmlFor?: string | number;
3469
3480
  } & Omit<LabelProps, 'id' | 'htmlFor'>;
@@ -3479,7 +3490,7 @@ declare const Optional: ({ className, ...props }: ComponentPropsWithRef<'span'>)
3479
3490
  * `aria-required` (or `required`) on the associated control.
3480
3491
  */
3481
3492
  declare const Required$1: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
3482
- declare function Label({ className, children, id, htmlFor, ...rest }: Props$192): import("react").JSX.Element;
3493
+ declare function Label({ className, children, id, htmlFor, ...rest }: Props$199): import("react").JSX.Element;
3483
3494
  declare namespace Label {
3484
3495
  export { Optional };
3485
3496
  export { Required$1 as Required };
@@ -3497,14 +3508,14 @@ declare const switchVariants: (props?: ({
3497
3508
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
3498
3509
  //#endregion
3499
3510
  //#region src/components/Switch/Switch.d.ts
3500
- type Props$191 = {
3511
+ type Props$198 = {
3501
3512
  id?: string | number;
3502
3513
  children?: ReactNode;
3503
3514
  description?: ReactNode;
3504
3515
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
3505
3516
  position?: 'start' | 'end';
3506
3517
  } & Omit<ComponentProps<typeof Root$8>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
3507
- declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$191) => import("react").JSX.Element;
3518
+ declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$198) => import("react").JSX.Element;
3508
3519
  //#endregion
3509
3520
  //#region src/components/RadioGroup/context.d.ts
3510
3521
  type Variant$7 = 'radio' | 'button' | 'radio-block';
@@ -3512,52 +3523,52 @@ type Orientation = 'vertical' | 'horizontal';
3512
3523
  //#endregion
3513
3524
  //#region src/components/RadioGroup/RadioGroupItem.d.ts
3514
3525
  type ItemProps = Omit<ComponentProps<typeof Item>, 'asChild' | 'value'>;
3515
- type Props$190<T extends string = string> = ItemProps & {
3526
+ type Props$197<T extends string = string> = ItemProps & {
3516
3527
  value: T;
3517
3528
  tooltip?: ReactNode;
3518
3529
  tooltipVariant?: Props$10['variant'];
3519
3530
  tooltipPlacement?: Props$10['placement'];
3520
3531
  description?: ReactNode;
3521
3532
  };
3522
- declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$190<T>) => import("react").JSX.Element;
3533
+ declare const RadioGroupItem: <T extends string = string>({ children, className, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: Props$197<T>) => import("react").JSX.Element;
3523
3534
  //#endregion
3524
3535
  //#region src/components/RadioGroup/RadioGroupSeparator.d.ts
3525
3536
  declare const RadioGroupSeparator: () => import("react").JSX.Element;
3526
3537
  //#endregion
3527
3538
  //#region src/components/RadioGroup/RadioGroup.d.ts
3528
- type Props$189<Value> = {
3539
+ type Props$196<Value> = {
3529
3540
  variant?: Variant$7;
3530
3541
  orientation?: Orientation;
3531
3542
  onValueChange?: (value: Value) => void;
3532
3543
  value?: Value | null;
3533
3544
  defaultValue?: Value | null;
3534
3545
  } & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
3535
- declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$189<Value>): import("react").JSX.Element;
3546
+ declare function RadioGroup<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$196<Value>): import("react").JSX.Element;
3536
3547
  declare namespace RadioGroup {
3537
3548
  export { RadioGroupItem as Item };
3538
3549
  export { RadioGroupSeparator as Separator };
3539
3550
  }
3540
3551
  //#endregion
3541
3552
  //#region src/components/Slider/SliderThumb.d.ts
3542
- type Props$188 = ComponentProps<typeof Thumb$1> & {
3553
+ type Props$195 = ComponentProps<typeof Thumb$1> & {
3543
3554
  tooltip?: ReactNode;
3544
3555
  tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
3545
3556
  };
3546
- declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$188) => import("react").JSX.Element;
3557
+ declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$195) => import("react").JSX.Element;
3547
3558
  //#endregion
3548
3559
  //#region src/components/Slider/Slider.d.ts
3549
3560
  type ThumbTooltipFn = (value: number, index: number) => ReactNode;
3550
- type Props$187 = ComponentProps<typeof Root$9> & {
3561
+ type Props$194 = ComponentProps<typeof Root$9> & {
3551
3562
  thumbTooltip?: ThumbTooltipFn;
3552
3563
  thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
3553
3564
  rangeClassName?: string;
3554
3565
  };
3555
- declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$187) => import("react").JSX.Element;
3566
+ declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$194) => import("react").JSX.Element;
3556
3567
  //#endregion
3557
3568
  //#region src/components/Search/Search.d.ts
3558
3569
  type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
3559
3570
  type SearchBlurEventHandler = (value: string, event: FocusEvent<HTMLInputElement, Element>) => void;
3560
- type Props$186 = {
3571
+ type Props$193 = {
3561
3572
  suffix?: ReactNode;
3562
3573
  disableDebounce?: boolean;
3563
3574
  debounceDelay?: number;
@@ -3572,13 +3583,13 @@ type Props$186 = {
3572
3583
  /**
3573
3584
  * @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
3574
3585
  */
3575
- declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$186) => import("react").JSX.Element;
3586
+ declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$193) => import("react").JSX.Element;
3576
3587
  //#endregion
3577
3588
  //#region src/components/Search/SearchForm.d.ts
3578
- type Props$185 = {
3589
+ type Props$192 = {
3579
3590
  onSubmit: (value: string) => void;
3580
3591
  } & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
3581
- declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$185) => import("react").JSX.Element;
3592
+ declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$192) => import("react").JSX.Element;
3582
3593
  //#endregion
3583
3594
  //#region src/utils/accessibleName.d.ts
3584
3595
  type AccessibleNameProps = {
@@ -3606,7 +3617,7 @@ declare const forwardAccessibleName: <Rest>(rest: Rest & AccessibleNameRest<Rest
3606
3617
  /**
3607
3618
  * Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).
3608
3619
  */
3609
- type Props$184 = ComponentProps<typeof SelectPrimitive.Content> & {
3620
+ type Props$191 = ComponentProps<typeof SelectPrimitive.Content> & {
3610
3621
  container?: HTMLElement | null;
3611
3622
  };
3612
3623
  /**
@@ -3614,22 +3625,22 @@ type Props$184 = ComponentProps<typeof SelectPrimitive.Content> & {
3614
3625
  * Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via
3615
3626
  * the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.
3616
3627
  */
3617
- declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$184) => import("react").JSX.Element;
3628
+ declare const SelectContent: ({ ref, className, children, container, position, sideOffset, ...props }: Props$191) => import("react").JSX.Element;
3618
3629
  //#endregion
3619
3630
  //#region src/components/Select/SelectGroup.d.ts
3620
- type Props$183 = ComponentProps<typeof SelectPrimitive.Group>;
3621
- declare const SelectGroup: ({ className, ...props }: Props$183) => import("react").JSX.Element;
3631
+ type Props$190 = ComponentProps<typeof SelectPrimitive.Group>;
3632
+ declare const SelectGroup: ({ className, ...props }: Props$190) => import("react").JSX.Element;
3622
3633
  //#endregion
3623
3634
  //#region src/components/Select/SelectItem.d.ts
3624
- type Props$182 = ComponentProps<typeof SelectPrimitive.Item> & {
3635
+ type Props$189 = ComponentProps<typeof SelectPrimitive.Item> & {
3625
3636
  icon?: ReactNode;
3626
3637
  hint?: ReactNode;
3627
3638
  };
3628
- declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$182) => import("react").JSX.Element;
3639
+ declare const SelectItem$1: ({ ref, className, children, icon, hint, 'aria-describedby': ariaDescribedBy, ...props }: Props$189) => import("react").JSX.Element;
3629
3640
  //#endregion
3630
3641
  //#region src/components/Select/SelectLabel.d.ts
3631
- type Props$181 = ComponentProps<typeof SelectPrimitive.Label>;
3632
- declare const SelectLabel: ({ className, ...props }: Props$181) => import("react").JSX.Element;
3642
+ type Props$188 = ComponentProps<typeof SelectPrimitive.Label>;
3643
+ declare const SelectLabel: ({ className, ...props }: Props$188) => import("react").JSX.Element;
3633
3644
  //#endregion
3634
3645
  //#region src/components/Select/SelectRoot.d.ts
3635
3646
  type SelectRootProps = {
@@ -3650,8 +3661,8 @@ type SelectRootProps = {
3650
3661
  declare const SelectRoot: (props: SelectRootProps) => import("react").JSX.Element;
3651
3662
  //#endregion
3652
3663
  //#region src/components/Select/SelectSeparator.d.ts
3653
- type Props$180 = ComponentProps<typeof SelectPrimitive.Separator>;
3654
- declare const SelectSeparator: ({ className, ...props }: Props$180) => import("react").JSX.Element;
3664
+ type Props$187 = ComponentProps<typeof SelectPrimitive.Separator>;
3665
+ declare const SelectSeparator: ({ className, ...props }: Props$187) => import("react").JSX.Element;
3655
3666
  //#endregion
3656
3667
  //#region src/components/Select/SelectTrigger.d.ts
3657
3668
  type BaseProps$3 = ComponentProps<typeof SelectPrimitive.Trigger> & Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {
@@ -3692,7 +3703,7 @@ declare namespace Select {
3692
3703
  }
3693
3704
  //#endregion
3694
3705
  //#region src/components/Checkbox/Checkbox.d.ts
3695
- type Props$179 = {
3706
+ type Props$186 = {
3696
3707
  id?: string | number;
3697
3708
  description?: ReactNode;
3698
3709
  variant?: VariantProps<typeof fieldBoxVariants>['variant'];
@@ -3700,11 +3711,11 @@ type Props$179 = {
3700
3711
  tooltip?: Props$10['tooltip'];
3701
3712
  tooltipPlacement?: Props$10['placement'];
3702
3713
  } & Omit<ComponentProps<typeof Root$11>, 'id'>;
3703
- declare function Checkbox(prop: Omit<Props$179, 'checked' | 'onCheckedChange'> & {
3714
+ declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
3704
3715
  checked?: boolean;
3705
3716
  onCheckedChange?: (checked: boolean) => void;
3706
3717
  }): ReactNode;
3707
- declare function Checkbox(prop: Omit<Props$179, 'checked' | 'onCheckedChange'> & {
3718
+ declare function Checkbox(prop: Omit<Props$186, 'checked' | 'onCheckedChange'> & {
3708
3719
  checked?: CheckedState;
3709
3720
  onCheckedChange?: (checked: CheckedState) => void;
3710
3721
  }): ReactNode;
@@ -3742,18 +3753,18 @@ declare const addonVariants: (props?: ({
3742
3753
  align?: "inline-end" | "inline-start" | null | undefined;
3743
3754
  variant?: "floating" | "inline" | null | undefined;
3744
3755
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
3745
- type Props$178 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
3746
- declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$178) => import("react").JSX.Element;
3756
+ type Props$185 = ComponentProps<'div'> & VariantProps<typeof addonVariants>;
3757
+ declare const BadgeAddon: ({ ref, align, variant, className, ...rest }: Props$185) => import("react").JSX.Element;
3747
3758
  //#endregion
3748
3759
  //#region src/components/Badge/BadgeButton.d.ts
3749
- type Props$177 = ComponentProps<'button'>;
3750
- declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$177) => import("react").JSX.Element;
3760
+ type Props$184 = ComponentProps<'button'>;
3761
+ declare const BadgeButton: ({ ref, className, type, children, ...rest }: Props$184) => import("react").JSX.Element;
3751
3762
  //#endregion
3752
3763
  //#region src/components/Badge/BadgeLabel.d.ts
3753
- type Props$176 = ComponentProps<'span'> & {
3764
+ type Props$183 = ComponentProps<'span'> & {
3754
3765
  asChild?: boolean;
3755
3766
  };
3756
- declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$176) => import("react").JSX.Element;
3767
+ declare const BadgeLabel: ({ ref, className, asChild, ...rest }: Props$183) => import("react").JSX.Element;
3757
3768
  //#endregion
3758
3769
  //#region src/components/Badge/styles.d.ts
3759
3770
  declare const badgeRootVariants: (props?: ({
@@ -3762,8 +3773,8 @@ declare const badgeRootVariants: (props?: ({
3762
3773
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
3763
3774
  //#endregion
3764
3775
  //#region src/components/Badge/BadgeRoot.d.ts
3765
- type Props$175 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
3766
- declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$175) => import("react").JSX.Element;
3776
+ type Props$182 = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;
3777
+ declare const BadgeRoot: ({ ref, variant, color, className, children, ...rest }: Props$182) => import("react").JSX.Element;
3767
3778
  //#endregion
3768
3779
  //#region src/components/Badge/Badge.d.ts
3769
3780
  type AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];
@@ -3773,7 +3784,7 @@ type BadgeLabelProps = ComponentProps<typeof BadgeLabel>;
3773
3784
  * - `color` is semantic (`green` success, `red` error, `orange` warning, `amber` caution; rest decorative).
3774
3785
  * - Colours stay fixed across brand themes.
3775
3786
  */
3776
- type Props$174 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
3787
+ type Props$181 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProps, 'prefix'> & {
3777
3788
  prefix?: ReactNode;
3778
3789
  prefixVariant?: AddonVariant;
3779
3790
  suffix?: ReactNode;
@@ -3786,7 +3797,7 @@ type Props$174 = Pick<BadgeRootProps, 'variant' | 'color'> & Omit<BadgeLabelProp
3786
3797
  * - Not for actions (`Button` / `ButtonInline`) or banners (`Alert`).
3787
3798
  * - `Badge.Button` for a clickable badge.
3788
3799
  */
3789
- declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$174) => import("react").JSX.Element;
3800
+ declare const BadgeInner: ({ ref, variant, color, prefix, prefixVariant, suffix, suffixVariant, className, labelClassName, ...labelProps }: Props$181) => import("react").JSX.Element;
3790
3801
  declare const Badge: typeof BadgeInner & {
3791
3802
  Root: typeof BadgeRoot;
3792
3803
  Button: typeof BadgeButton;
@@ -3797,7 +3808,7 @@ declare const Badge: typeof BadgeInner & {
3797
3808
  //#region src/components/Combobox/ComboboxChip.d.ts
3798
3809
  type BadgeColor$1 = ComponentProps<typeof Badge>['color'];
3799
3810
  type BadgeVariant = ComponentProps<typeof Badge>['variant'];
3800
- type Props$173 = {
3811
+ type Props$180 = {
3801
3812
  children: ReactNode;
3802
3813
  color?: BadgeColor$1;
3803
3814
  variant?: BadgeVariant;
@@ -3809,10 +3820,10 @@ type Props$173 = {
3809
3820
  * - A non-removable chip is a plain `Badge`: a chip would shift the removal index.
3810
3821
  * - A label cut off by the chip's width shows in full in a tooltip on hover.
3811
3822
  */
3812
- declare const ComboboxChip: ({ children, color, variant }: Props$173) => import("react").JSX.Element;
3823
+ declare const ComboboxChip: ({ children, color, variant }: Props$180) => import("react").JSX.Element;
3813
3824
  //#endregion
3814
3825
  //#region src/components/Combobox/ComboboxChips.d.ts
3815
- type Props$172<Value> = {
3826
+ type Props$179<Value> = {
3816
3827
  maxVisible?: number;
3817
3828
  itemToChipLabel?: (item: Value) => ReactNode;
3818
3829
  itemToChipColor?: (item: Value) => BadgeColor$1;
@@ -3826,7 +3837,7 @@ type Props$172<Value> = {
3826
3837
  */
3827
3838
  children?: (values: Value[]) => ReactNode;
3828
3839
  };
3829
- declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$172<Value>) => import("react").JSX.Element;
3840
+ declare const ComboboxChips: <Value>({ maxVisible, itemToChipLabel, itemToChipColor, pinnedChipLabels, variant, children }: Props$179<Value>) => import("react").JSX.Element;
3830
3841
  //#endregion
3831
3842
  //#region src/components/Combobox/ComboboxContent.d.ts
3832
3843
  type PortalProps = ComponentProps<typeof Combobox$1.Portal>;
@@ -3834,74 +3845,76 @@ type PositionerProps = ComponentProps<typeof Combobox$1.Positioner>;
3834
3845
  type PopupProps = Omit<ComponentProps<typeof Combobox$1.Popup>, 'className'> & {
3835
3846
  className?: string;
3836
3847
  };
3837
- type Props$171 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
3838
- declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$171) => import("react").JSX.Element;
3848
+ type Props$178 = PopupProps & Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & Pick<PortalProps, 'container'>;
3849
+ declare const ComboboxContent: ({ ref, align, side, sideOffset, alignOffset, anchor, container, className, children, ...popupProps }: Props$178) => import("react").JSX.Element;
3839
3850
  //#endregion
3840
3851
  //#region src/components/Combobox/ComboboxEmpty.d.ts
3841
- type Props$170 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
3852
+ type Props$177 = Omit<ComponentProps<typeof Combobox$1.Empty>, 'className'> & {
3842
3853
  className?: string;
3843
3854
  };
3844
- declare const ComboboxEmpty: ({ ref, className, ...props }: Props$170) => import("react").JSX.Element;
3855
+ declare const ComboboxEmpty: ({ ref, className, ...props }: Props$177) => import("react").JSX.Element;
3845
3856
  //#endregion
3846
3857
  //#region src/components/Combobox/ComboboxInput.d.ts
3847
3858
  /** The input carries the `combobox` role, so the name is required here, not on the group. */
3848
- type Props$169 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
3849
- declare const ComboboxInput: ({ ref, ...props }: Props$169) => import("react").JSX.Element;
3859
+ type Props$176 = WithAccessibleName<Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>>;
3860
+ declare const ComboboxInput: ({ ref, ...props }: Props$176) => import("react").JSX.Element;
3850
3861
  //#endregion
3851
3862
  //#region src/components/Combobox/ComboboxInputGroup.d.ts
3852
3863
  type InputGroupProps$9 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
3853
- type Props$168 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
3864
+ type Props$175 = InputGroupProps$9 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
3854
3865
  className?: string;
3855
3866
  };
3856
- declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$168) => import("react").JSX.Element;
3867
+ declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$175) => import("react").JSX.Element;
3857
3868
  //#endregion
3858
3869
  //#region src/components/Combobox/ComboboxItemIndicator.d.ts
3859
3870
  type Variant$6 = 'check' | 'checkbox';
3860
- type Props$167 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
3871
+ type Props$174 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
3861
3872
  className?: string;
3862
3873
  variant?: Variant$6;
3863
3874
  };
3864
- declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$167) => import("react").JSX.Element;
3875
+ declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$174) => import("react").JSX.Element;
3865
3876
  //#endregion
3866
3877
  //#region src/components/Combobox/ComboboxItem.d.ts
3867
- type Props$166 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
3878
+ type Props$173 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
3868
3879
  className?: string;
3869
3880
  icon?: ReactNode;
3870
3881
  /** `'none'` leaves the row without one — a row that draws its own state in `icon`. */
3871
3882
  indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'] | 'none';
3883
+ /** Looks disabled but still takes the highlight; the owning control ignores its presses. */
3884
+ locked?: boolean;
3872
3885
  };
3873
- declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$166) => import("react").JSX.Element;
3886
+ declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, locked, ...props }: Props$173) => import("react").JSX.Element;
3874
3887
  //#endregion
3875
3888
  //#region src/components/Combobox/ComboboxList.d.ts
3876
- type Props$165 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
3889
+ type Props$172 = Omit<ComponentProps<typeof Combobox$1.List>, 'className'> & {
3877
3890
  className?: string;
3878
3891
  };
3879
- declare const ComboboxList: ({ ref, className, ...props }: Props$165) => import("react").JSX.Element;
3892
+ declare const ComboboxList: ({ ref, className, ...props }: Props$172) => import("react").JSX.Element;
3880
3893
  //#endregion
3881
3894
  //#region src/components/Combobox/ComboboxRoot.d.ts
3882
3895
  declare const ComboboxRoot: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => import("react").JSX.Element;
3883
3896
  //#endregion
3884
3897
  //#region src/components/Combobox/ComboboxSeparator.d.ts
3885
- type Props$164 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
3898
+ type Props$171 = Omit<ComponentProps<typeof Combobox$1.Separator>, 'className'> & {
3886
3899
  className?: string;
3887
3900
  };
3888
- declare const ComboboxSeparator: ({ ref, className, ...props }: Props$164) => import("react").JSX.Element;
3901
+ declare const ComboboxSeparator: ({ ref, className, ...props }: Props$171) => import("react").JSX.Element;
3889
3902
  //#endregion
3890
3903
  //#region src/components/Combobox/Group/ComboboxGroup.d.ts
3891
- type Props$163 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
3904
+ type Props$170 = Omit<ComponentProps<typeof Combobox$1.Group>, 'className'> & {
3892
3905
  className?: string;
3893
3906
  };
3894
- declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$163) => import("react").JSX.Element;
3907
+ declare const ComboboxGroup: ({ ref, className, children, ...props }: Props$170) => import("react").JSX.Element;
3895
3908
  //#endregion
3896
3909
  //#region src/components/Combobox/Group/ComboboxGroupLabel.d.ts
3897
- type Props$162 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
3910
+ type Props$169 = Omit<Combobox$1.GroupLabel.Props, 'className'> & {
3898
3911
  className?: string;
3899
3912
  };
3900
- declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$162) => import("react").JSX.Element;
3913
+ declare const ComboboxGroupLabel: ({ ref, className, ...props }: Props$169) => import("react").JSX.Element;
3901
3914
  //#endregion
3902
3915
  //#region src/components/Combobox/Group/ComboboxCollection.d.ts
3903
- type Props$161 = Combobox$1.Collection.Props;
3904
- declare const ComboboxCollection: ({ ...props }: Props$161) => import("react").JSX.Element;
3916
+ type Props$168 = Combobox$1.Collection.Props;
3917
+ declare const ComboboxCollection: ({ ...props }: Props$168) => import("react").JSX.Element;
3905
3918
  //#endregion
3906
3919
  //#region src/components/Combobox/types.d.ts
3907
3920
  type Group$2<Item = unknown> = {
@@ -3978,8 +3991,8 @@ type BaseProps$1<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pu
3978
3991
  */
3979
3992
  groupToValue?: (group: GroupShape) => Value;
3980
3993
  };
3981
- type Props$160<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
3982
- declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$160<Value, GroupShape>): import("react").JSX.Element;
3994
+ type Props$167<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps$1<Value, GroupShape>>;
3995
+ declare function Combobox<Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, empty, isLoading, indicator, prefix, virtualized, inputValueSanitizer, onQueryChange, allowCreate, queryToCreateValue, queryToCreateLabel, canCreate, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, itemToSelectedLabel, groupToLabel, collapsibleGroups, groupToValue, ...accessibleName }: Props$167<Value, GroupShape>): import("react").JSX.Element;
3983
3996
  declare namespace Combobox {
3984
3997
  export { ComboboxRoot as Root };
3985
3998
  export { ComboboxInputGroup as InputGroup };
@@ -4026,6 +4039,14 @@ type ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;
4026
4039
  type ComboboxItemProps = ComponentProps<typeof Combobox.Item>;
4027
4040
  type ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;
4028
4041
  type Indicator$3 = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;
4042
+ /** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */
4043
+ type MultiComboboxHighlighted<Value, GroupShape> = {
4044
+ kind: 'item';
4045
+ item: Value;
4046
+ } | {
4047
+ kind: 'group';
4048
+ group: GroupShape;
4049
+ } | null;
4029
4050
  type CreatableProps<Value> = {
4030
4051
  allowCreate?: boolean;
4031
4052
  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */
@@ -4059,6 +4080,8 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
4059
4080
  itemToLabel?: (item: Value, query: string) => ReactNode;
4060
4081
  itemToIcon?: (item: Value) => ReactNode;
4061
4082
  itemToDisabled?: (item: Value) => boolean;
4083
+ /** A selected item no press removes: looks disabled, still highlights for `renderAside`. */
4084
+ itemToLocked?: (item: Value) => boolean;
4062
4085
  /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */
4063
4086
  renderChips?: (values: Value[]) => ReactNode;
4064
4087
  /** Defaults to the group's `label`, as `Select` shows it. */
@@ -4067,23 +4090,45 @@ type BaseProps<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = Pick
4067
4090
  collapsibleGroups?: boolean;
4068
4091
  /** A group's row selects its matching enabled items. The row itself never enters `value`. */
4069
4092
  selectableGroups?: boolean;
4093
+ /** Each time the popup opens, a group whose items are all selected starts folded. */
4094
+ collapseSelectedGroups?: boolean;
4095
+ /** `banded`: each group, its row and open items, is a white card on a grey list. */
4096
+ groupAppearance?: 'plain' | 'banded';
4097
+ /**
4098
+ * An inspector beside the list about the last highlighted row; `null` before any.
4099
+ * Hidden while the popup is under 40rem wide.
4100
+ */
4101
+ renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;
4102
+ /** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */
4103
+ asideOpen?: boolean;
4104
+ onAsideOpenChange?: (open: boolean) => void;
4105
+ /** The popup is open on mount, for a picker shown on demand. */
4106
+ defaultOpen?: boolean;
4107
+ onOpenChange?: (open: boolean) => void;
4108
+ /** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */
4109
+ anchor?: ComponentProps<typeof Combobox.Content>['anchor'];
4110
+ /**
4111
+ * The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.
4112
+ * The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.
4113
+ */
4114
+ query?: string;
4070
4115
  };
4071
4116
  /**
4072
4117
  * Props for `MultiCombobox`.
4073
4118
  *
4074
4119
  * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.
4075
4120
  */
4076
- type Props$159<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
4121
+ type Props$166<Value, GroupShape extends Group$2<Value> = Group$2<Value>> = WithAccessibleName<BaseProps<Value, GroupShape>>;
4077
4122
  /**
4078
4123
  * Searchable multi-select with chips, built on Base UI Combobox.
4079
4124
  *
4080
4125
  * @see RECIPES.md#creatable-multi-combobox
4081
4126
  * @see RECIPES.md#filter-toolbar
4082
4127
  */
4083
- declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible, ...accessibleName }: Props$159<Value, GroupShape>) => import("react").JSX.Element;
4128
+ declare const MultiCombobox: <Value, GroupShape extends Group$2<Value> = Group$2<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, name, onBlur, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, className, allowSelectAll, empty, isLoading, indicator, virtualized, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel, createSeparator, itemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon, groupToLabel, collapsibleGroups, selectableGroups, collapseSelectedGroups, groupAppearance, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen, onOpenChange, anchor, query: queryProp, maxVisible, ...accessibleName }: Props$166<Value, GroupShape>) => import("react").JSX.Element;
4084
4129
  //#endregion
4085
4130
  //#region src/blocks/Form/connectors/ComboboxField.d.ts
4086
- type Props$158 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
4131
+ type Props$165 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
4087
4132
  inputClassName?: string;
4088
4133
  };
4089
4134
  /**
@@ -4094,10 +4139,10 @@ type Props$158 = FieldItemProps & Omit<ComponentProps<typeof Combobox<string>>,
4094
4139
  * - `allowClear` defaults to `!required`: a required value is not one click from empty.
4095
4140
  * - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
4096
4141
  */
4097
- declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$158) => import("react").JSX.Element;
4142
+ declare const ComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }: Props$165) => import("react").JSX.Element;
4098
4143
  //#endregion
4099
4144
  //#region src/blocks/Form/connectors/MultiComboboxField.d.ts
4100
- type Props$157 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
4145
+ type Props$164 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<string>>, 'id' | 'aria-label' | 'aria-labelledby' | 'name' | 'value' | 'defaultValue' | 'onValueChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required' | 'className' | 'state'> & {
4101
4146
  inputClassName?: string;
4102
4147
  };
4103
4148
  /**
@@ -4108,7 +4153,7 @@ type Props$157 = FieldItemProps & Omit<ComponentProps<typeof MultiCombobox<strin
4108
4153
  * - Reads the field from context; render it inside `form.AppField`.
4109
4154
  * - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
4110
4155
  */
4111
- declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$157) => import("react").JSX.Element;
4156
+ declare const MultiComboboxField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, inputClassName, ...comboboxProps }: Props$164) => import("react").JSX.Element;
4112
4157
  //#endregion
4113
4158
  //#region src/blocks/ChipEditor/ChipEditor.d.ts
4114
4159
  type InputGroupProps$8 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
@@ -4154,12 +4199,12 @@ type TextareaOwnProps = {
4154
4199
  disableResize?: boolean;
4155
4200
  containerClassName?: string;
4156
4201
  };
4157
- type Props$156 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
4202
+ type Props$163 = InputGroupProps$7 & TextareaNativeProps & TextareaOwnProps;
4158
4203
  /**
4159
4204
  * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
4160
4205
  * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
4161
4206
  */
4162
- declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$156) => import("react").JSX.Element;
4207
+ declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }: Props$163) => import("react").JSX.Element;
4163
4208
  //#endregion
4164
4209
  //#region src/blocks/AutoSaveTextarea/AutoSaveTextarea.d.ts
4165
4210
  type AutoSaveTextareaProps = {
@@ -4173,7 +4218,7 @@ declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, gr
4173
4218
  //#endregion
4174
4219
  //#region src/blocks/InlineEdit/InlineEdit.d.ts
4175
4220
  type Size = 'auto' | 'sm' | 'md' | 'lg' | 'title';
4176
- type Props$155 = {
4221
+ type Props$162 = {
4177
4222
  /** The text shown, and the draft while editing. */
4178
4223
  value: string;
4179
4224
  onChange: (value: string) => void;
@@ -4216,19 +4261,19 @@ type Props$155 = {
4216
4261
  * - Enter saves a change and closes an unchanged edit; Escape cancels.
4217
4262
  * - Not for multi-paragraph or markdown text: use `MarkdownEditor`.
4218
4263
  */
4219
- declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$155) => import("react").JSX.Element;
4264
+ declare const InlineEdit: ({ value, onChange, onSubmit, onCancel, isEditing, onEditStart, isChanged, isSaving, invalidReason, readOnly, fill, multiline, size, truncate, placeholder, editTooltip, tooltipPlacement, maxLength, 'aria-label': ariaLabel, className }: Props$162) => import("react").JSX.Element;
4220
4265
  //#endregion
4221
4266
  //#region src/blocks/ColorInput/ColorInput.d.ts
4222
4267
  type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4223
4268
  type InputGroupInputProps$6 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
4224
- type Props$154 = InputGroupProps$6 & InputGroupInputProps$6 & {
4269
+ type Props$161 = InputGroupProps$6 & InputGroupInputProps$6 & {
4225
4270
  value?: string | null;
4226
4271
  defaultValue?: string | null;
4227
4272
  onValueChange?: (value: string) => void;
4228
4273
  onValueBlur?: (value: string) => void;
4229
4274
  allowClear?: boolean;
4230
4275
  };
4231
- declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$154) => import("react").JSX.Element;
4276
+ declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$161) => import("react").JSX.Element;
4232
4277
  //#endregion
4233
4278
  //#region src/components/ThemeProvider/useBrandState.d.ts
4234
4279
  type UseBrandOptions = {
@@ -4263,17 +4308,17 @@ declare const useColorSchemeState: ({ defaultScheme, scheme: propScheme, onSchem
4263
4308
  };
4264
4309
  //#endregion
4265
4310
  //#region src/components/ThemeProvider/ThemeProvider.d.ts
4266
- type Props$153 = UseColorSchemeOptions & UseBrandOptions & {
4311
+ type Props$160 = UseColorSchemeOptions & UseBrandOptions & {
4267
4312
  /** Brands this provider knows about; the active brand id resolves against these. */
4268
4313
  brands?: readonly Brand$1[];
4269
4314
  children: ReactNode;
4270
4315
  };
4271
- declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$153) => import("react").JSX.Element;
4316
+ declare const ThemeProvider: ({ defaultScheme, scheme, onSchemeChange, defaultBrandId, brandId, onBrandIdChange, brands, children }: Props$160) => import("react").JSX.Element;
4272
4317
  //#endregion
4273
4318
  //#region src/components/ThemeProvider/ThemeScope.d.ts
4274
4319
  /** The scope's themed portal container, or `null` outside a `ThemeScope`. */
4275
4320
  declare const useThemeScopeContainer: () => HTMLElement | null;
4276
- type Props$152 = {
4321
+ type Props$159 = {
4277
4322
  /** Colour scheme for this subtree. `system` follows the OS preference. */
4278
4323
  scheme: ColorScheme;
4279
4324
  /** Merged onto the child element. */
@@ -4288,7 +4333,7 @@ type Props$152 = {
4288
4333
  * tokens, not the brand's inline vars inherited from `<html>`.
4289
4334
  * - Renders no wrapper: one would break direct-child selectors like `[data-fill=true] > &`.
4290
4335
  */
4291
- declare const ThemeScope: ({ scheme, className, children }: Props$152) => import("react").JSX.Element;
4336
+ declare const ThemeScope: ({ scheme, className, children }: Props$159) => import("react").JSX.Element;
4292
4337
  //#endregion
4293
4338
  //#region src/components/ThemeProvider/context.d.ts
4294
4339
  type ThemeContextValue = ReturnType<typeof useColorSchemeState> & ReturnType<typeof useBrandState> & {
@@ -4313,7 +4358,7 @@ declare const DEFAULT_COLOR_SCHEME: ResolvedColorScheme;
4313
4358
  declare const DEFAULT_BRAND_ID = "design-system";
4314
4359
  //#endregion
4315
4360
  //#region src/blocks/ColorModeSwitch/ColorModeSwitch.d.ts
4316
- type Props$151 = {
4361
+ type Props$158 = {
4317
4362
  /** Controlled — pair with `onValueChange`. */
4318
4363
  value: ColorScheme;
4319
4364
  onValueChange: (value: ColorScheme) => void;
@@ -4326,12 +4371,12 @@ type Props$151 = {
4326
4371
  * - Controlled: owns no state; wire it to the same state as `ThemeProvider.colorScheme`.
4327
4372
  * - The trigger's `aria-label` names the current scheme.
4328
4373
  */
4329
- declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$151) => import("react").JSX.Element;
4374
+ declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$158) => import("react").JSX.Element;
4330
4375
  //#endregion
4331
4376
  //#region src/blocks/DateInput/DateInput.d.ts
4332
4377
  type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4333
4378
  type InputGroupInputProps$5 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
4334
- type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
4379
+ type Props$157 = InputGroupProps$5 & InputGroupInputProps$5 & {
4335
4380
  value?: Date | null;
4336
4381
  defaultValue?: Date | null;
4337
4382
  onValueChange?: (value: Date | null) => void;
@@ -4341,12 +4386,12 @@ type Props$150 = InputGroupProps$5 & InputGroupInputProps$5 & {
4341
4386
  endMonth?: Date;
4342
4387
  startMonth?: Date;
4343
4388
  };
4344
- declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$150) => import("react").JSX.Element;
4389
+ declare const DateInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, disabledDays, endMonth, startMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$157) => import("react").JSX.Element;
4345
4390
  //#endregion
4346
4391
  //#region src/blocks/NumberInput/NumberInput.d.ts
4347
4392
  type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4348
4393
  type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
4349
- type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
4394
+ type Props$156 = InputGroupProps$4 & InputGroupInputProps$4 & {
4350
4395
  value?: number | null;
4351
4396
  defaultValue?: number | null;
4352
4397
  onValueChange?: (value: number | null) => void;
@@ -4354,12 +4399,12 @@ type Props$149 = InputGroupProps$4 & InputGroupInputProps$4 & {
4354
4399
  prefix?: ReactNode;
4355
4400
  suffix?: ReactNode;
4356
4401
  };
4357
- declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$149) => import("react").JSX.Element;
4402
+ declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$156) => import("react").JSX.Element;
4358
4403
  //#endregion
4359
4404
  //#region src/blocks/PasswordInput/PasswordInput.d.ts
4360
4405
  type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4361
4406
  type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
4362
- type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
4407
+ type Props$155 = InputGroupProps$3 & InputGroupInputProps$3 & {
4363
4408
  value?: string | null;
4364
4409
  defaultValue?: string | null;
4365
4410
  onValueChange?: (value: string) => void;
@@ -4371,24 +4416,24 @@ type Props$148 = InputGroupProps$3 & InputGroupInputProps$3 & {
4371
4416
  autoComplete?: 'new-password' | 'current-password' | 'off';
4372
4417
  defaultPasswordVisibility?: boolean;
4373
4418
  };
4374
- declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$148) => import("react").JSX.Element;
4419
+ declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, passwordToggleLabel, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$155) => import("react").JSX.Element;
4375
4420
  //#endregion
4376
4421
  //#region src/blocks/TimeInput/TimeInput.d.ts
4377
4422
  type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4378
4423
  type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
4379
- type Props$147 = InputGroupProps$2 & InputGroupInputProps$2 & {
4424
+ type Props$154 = InputGroupProps$2 & InputGroupInputProps$2 & {
4380
4425
  value?: string | null;
4381
4426
  defaultValue?: string | null;
4382
4427
  onValueChange?: (value: string | null) => void;
4383
4428
  onValueBlur?: (value: string | null) => void;
4384
4429
  allowClear?: boolean;
4385
4430
  };
4386
- declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$147) => import("react").JSX.Element;
4431
+ declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$154) => import("react").JSX.Element;
4387
4432
  //#endregion
4388
4433
  //#region src/blocks/DateRangeInput/DateRangeInput.d.ts
4389
4434
  type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
4390
4435
  type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
4391
- type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
4436
+ type Props$153 = InputGroupProps$1 & InputGroupInputProps$1 & {
4392
4437
  value?: DateRange$1 | null;
4393
4438
  defaultValue?: DateRange$1 | null;
4394
4439
  onValueChange?: (value: DateRange$1 | null) => void;
@@ -4397,7 +4442,7 @@ type Props$146 = InputGroupProps$1 & InputGroupInputProps$1 & {
4397
4442
  startMonth?: Date;
4398
4443
  endMonth?: Date;
4399
4444
  };
4400
- declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$146) => import("react").JSX.Element;
4445
+ declare const DateRangeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onFocus, allowClear, startMonth, endMonth, disabled, readOnly, placeholder, ...restInputProps }: Props$153) => import("react").JSX.Element;
4401
4446
  //#endregion
4402
4447
  //#region src/blocks/OtpInput/OtpInputGroup.d.ts
4403
4448
  type GroupProps = ComponentProps<'div'>;
@@ -4447,7 +4492,7 @@ type InputGroupInputProps = Omit<ComponentProps<typeof InputGroup.Input>, 'value
4447
4492
  * - `value={null}` / `undefined` is uncontrolled (falls back to `defaultValue`, else empty).
4448
4493
  * - `value={""}` is controlled-empty.
4449
4494
  */
4450
- type Props$145 = InputGroupProps & InputGroupInputProps & {
4495
+ type Props$152 = InputGroupProps & InputGroupInputProps & {
4451
4496
  value?: string | null;
4452
4497
  defaultValue?: string | null;
4453
4498
  /** Debounced; fires synchronously on clear and with `disableDebounce`. Use `onChange` per keystroke. */
@@ -4470,7 +4515,7 @@ type Props$145 = InputGroupProps & InputGroupInputProps & {
4470
4515
  *
4471
4516
  * @see RECIPES.md#filter-toolbar
4472
4517
  */
4473
- declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$145) => import("react").JSX.Element;
4518
+ declare const SearchInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onClear, allowClear, disableDebounce, debounceDelay, disabled, readOnly, ...restInputProps }: Props$152) => import("react").JSX.Element;
4474
4519
  //#endregion
4475
4520
  //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.d.ts
4476
4521
  type SearchInputWithNavigationProps = {
@@ -4590,7 +4635,7 @@ declare const useFileDropTarget: ({ accept, maxSize, maxFiles, multiple, disable
4590
4635
  declare const useFileUploadRejections: () => FileUploadRejection[];
4591
4636
  //#endregion
4592
4637
  //#region src/components/FileUpload/FileUploadDropZone.d.ts
4593
- type Props$144 = {
4638
+ type Props$151 = {
4594
4639
  /** Override the default copy / icon block. */
4595
4640
  children?: ReactNode;
4596
4641
  /** `id` for the underlying file input, so an external `<Label htmlFor>` can address it. */
@@ -4600,10 +4645,10 @@ type Props$144 = {
4600
4645
  * Drop-zone target. Defaults to "Drag files here or click to browse" + Upload icon.
4601
4646
  * Pass `children` to fully replace the inner block.
4602
4647
  */
4603
- declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$144) => import("react").JSX.Element;
4648
+ declare const FileUploadDropZone: ({ children, inputId, className, ...rest }: Props$151) => import("react").JSX.Element;
4604
4649
  //#endregion
4605
4650
  //#region src/components/FileUpload/FileUploadFileList.d.ts
4606
- type Props$143 = {
4651
+ type Props$150 = {
4607
4652
  files: File[];
4608
4653
  onRemove?: (file: File, index: number) => void;
4609
4654
  /**
@@ -4616,10 +4661,10 @@ type Props$143 = {
4616
4661
  * Selected-files list. Caller owns the `files` array — pass it back into the list and handle
4617
4662
  * removal via `onRemove`.
4618
4663
  */
4619
- declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$143) => import("react").JSX.Element | null;
4664
+ declare const FileUploadFileList: ({ files, onRemove, invalid, className, ...rest }: Props$150) => import("react").JSX.Element | null;
4620
4665
  //#endregion
4621
4666
  //#region src/components/FileUpload/FileUpload.d.ts
4622
- type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
4667
+ type Props$149 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
4623
4668
  /** Storybook-only: force a visual state without simulating real drag events. */
4624
4669
  forcedState?: 'idle' | 'dragging' | 'error';
4625
4670
  children: ReactNode;
@@ -4633,18 +4678,18 @@ type Props$142 = Omit<FileDropTargetOptions, 'noClick' | 'noKeyboard'> & {
4633
4678
  * - For a drop target you style yourself, use `useFileDropTarget`.
4634
4679
  * - Rejection copy is the caller's — read it with `useFileUploadRejections()`.
4635
4680
  */
4636
- declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$142) => import("react").JSX.Element;
4681
+ declare const FileUploadInner: ({ accept, maxSize, maxFiles, multiple, disabled, onFilesChange, onFilesRejected, forcedState, children, className, ...rest }: Props$149) => import("react").JSX.Element;
4637
4682
  declare const FileUpload: typeof FileUploadInner & {
4638
4683
  DropZone: typeof FileUploadDropZone;
4639
4684
  FileList: typeof FileUploadFileList;
4640
4685
  };
4641
4686
  //#endregion
4642
4687
  //#region src/blocks/FormGroup/FormGroupColorInput.d.ts
4643
- type Props$141 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
4644
- declare const FormGroupColorInput: ({ ref, ...props }: Props$141) => import("react").JSX.Element;
4688
+ type Props$148 = Omit<ComponentProps<typeof ColorInput>, 'state'>;
4689
+ declare const FormGroupColorInput: ({ ref, ...props }: Props$148) => import("react").JSX.Element;
4645
4690
  //#endregion
4646
4691
  //#region src/blocks/FormGroup/FormGroupError.d.ts
4647
- type Props$140 = ComponentPropsWithRef<'div'> & {
4692
+ type Props$147 = ComponentPropsWithRef<'div'> & {
4648
4693
  /**
4649
4694
  * TanStack Form errors: strings or `{ message }` objects; several render as a list.
4650
4695
  * Ignored when `children` is provided.
@@ -4659,30 +4704,30 @@ type Props$140 = ComponentPropsWithRef<'div'> & {
4659
4704
  * - `role="alert"` announces it even when focus is elsewhere (e.g. on submit).
4660
4705
  * - A `<div>`, not `<p>`, so several errors can render as a `<ul>`.
4661
4706
  */
4662
- declare const FormGroupError: ({ children, className, errors, ...rest }: Props$140) => import("react").JSX.Element | null;
4707
+ declare const FormGroupError: ({ children, className, errors, ...rest }: Props$147) => import("react").JSX.Element | null;
4663
4708
  //#endregion
4664
4709
  //#region src/components/HelpBlock/HelpBlock.d.ts
4665
4710
  declare const helpVariants: (props?: ({
4666
4711
  state?: "default" | "warning" | null | undefined;
4667
4712
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4668
- type Props$139 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
4669
- declare const HelpBlock: ({ children, className, state, ...rest }: Props$139) => import("react").JSX.Element | null;
4713
+ type Props$146 = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;
4714
+ declare const HelpBlock: ({ children, className, state, ...rest }: Props$146) => import("react").JSX.Element | null;
4670
4715
  //#endregion
4671
4716
  //#region src/blocks/FormGroup/FormGroupHelp.d.ts
4672
- type Props$138 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
4673
- declare const FormGroupHelp: ({ children, ...rest }: Props$138) => import("react").JSX.Element;
4717
+ type Props$145 = Omit<ComponentProps<typeof HelpBlock>, 'state'>;
4718
+ declare const FormGroupHelp: ({ children, ...rest }: Props$145) => import("react").JSX.Element;
4674
4719
  //#endregion
4675
4720
  //#region src/blocks/FormGroup/FormGroupNumberInput.d.ts
4676
- type Props$137 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
4677
- declare const FormGroupNumberInput: ({ ref, ...props }: Props$137) => import("react").JSX.Element;
4721
+ type Props$144 = Omit<ComponentProps<typeof NumberInput>, 'state'>;
4722
+ declare const FormGroupNumberInput: ({ ref, ...props }: Props$144) => import("react").JSX.Element;
4678
4723
  //#endregion
4679
4724
  //#region src/blocks/FormGroup/FormGroupTextarea.d.ts
4680
- type Props$136 = Omit<ComponentProps<typeof Textarea>, 'state'>;
4681
- declare const FormGroupTextarea: (props: Props$136) => import("react").JSX.Element;
4725
+ type Props$143 = Omit<ComponentProps<typeof Textarea>, 'state'>;
4726
+ declare const FormGroupTextarea: (props: Props$143) => import("react").JSX.Element;
4682
4727
  //#endregion
4683
4728
  //#region src/blocks/FormGroup/FormGroupTextInput.d.ts
4684
- type Props$135 = Omit<ComponentProps<typeof TextInput>, 'state'>;
4685
- declare const FormGroupTextInput: ({ ref, ...props }: Props$135) => import("react").JSX.Element;
4729
+ type Props$142 = Omit<ComponentProps<typeof TextInput>, 'state'>;
4730
+ declare const FormGroupTextInput: ({ ref, ...props }: Props$142) => import("react").JSX.Element;
4686
4731
  //#endregion
4687
4732
  //#region src/blocks/FormGroup/types.d.ts
4688
4733
  type ValidityState = 'default' | 'error' | 'warning';
@@ -4720,7 +4765,7 @@ declare const SIZES: {
4720
4765
  readonly gap: 'little-small';
4721
4766
  };
4722
4767
  };
4723
- type Props$134 = {
4768
+ type Props$141 = {
4724
4769
  /** The answer as text, for the clipboard; empty or absent draws no copy button. */
4725
4770
  copyText?: string;
4726
4771
  /** The vote already recorded against this answer, or `null` for none. */
@@ -4743,6 +4788,12 @@ type Props$134 = {
4743
4788
  layout?: 'inline' | 'split';
4744
4789
  /** Fires on copy; the button does the copying itself. */
4745
4790
  onCopy?: () => void;
4791
+ /** Opt-in. After a thumbs-down, a one-line input sends the reader's comment here; the caller upserts it. */
4792
+ onDownComment?: (text: string) => void;
4793
+ commentPlaceholder?: string;
4794
+ /** Opt-in. Draws a button that asks the question again. */
4795
+ onRegenerate?: () => void;
4796
+ regenerateLabel?: string;
4746
4797
  };
4747
4798
  /**
4748
4799
  * Copy and thumbs up/down for a finished answer.
@@ -4751,21 +4802,99 @@ type Props$134 = {
4751
4802
  * - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
4752
4803
  * - The caller owns the recorded vote and the write.
4753
4804
  */
4754
- declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout }: Props$134) => import("react").JSX.Element;
4805
+ declare const AnswerActions: ({ copyText, vote, onVote, onCopy, actions, labels, confirmation, size, layout, onDownComment, commentPlaceholder, onRegenerate, regenerateLabel }: Props$141) => import("react").JSX.Element;
4806
+ //#endregion
4807
+ //#region src/blocks/AIKit/SourceChip.d.ts
4808
+ type SourceState = 'verified' | 'unverified' | 'neutral';
4809
+ type SourceChipProps = {
4810
+ label: string;
4811
+ /** `verified`: a tool call supports it. `unverified`: named but never touched. `neutral`: nothing to check against. */
4812
+ state?: SourceState;
4813
+ /** What kind of thing it is (e.g. "table"); part of the accessible name, not the face. */
4814
+ kind?: string;
4815
+ icon?: ReactNode;
4816
+ /** Renders a link; also takes `onClick` for an in-page open that keeps the link as a fallback. */
4817
+ href?: string;
4818
+ /** Opens the link in a new tab. */
4819
+ external?: boolean;
4820
+ onClick?: () => void;
4821
+ title?: string;
4822
+ className?: string;
4823
+ };
4824
+ /**
4825
+ * One cited source in an answer's provenance row.
4826
+ *
4827
+ * - The verdict rides the border and the accessible name, not the visible text.
4828
+ * - A link when it has `href`, a button when it only has `onClick`, a plain label otherwise.
4829
+ * - A plain left click goes to `onClick`; modified clicks keep the link's own behaviour.
4830
+ */
4831
+ declare const SourceChip: (props: SourceChipProps) => import("react").JSX.Element;
4832
+ //#endregion
4833
+ //#region src/blocks/AIKit/AnswerSources.d.ts
4834
+ declare const ANSWER_SOURCES_VISIBLE = 6;
4835
+ type AnswerSource = SourceChipProps & {
4836
+ id: string;
4837
+ };
4838
+ type Props$140 = {
4839
+ sources: AnswerSource[];
4840
+ /** Row heading. */
4841
+ label?: string;
4842
+ /** Shown instead of chips when `sources` is empty. */
4843
+ emptyLabel?: string;
4844
+ /** Chips shown before "+N more". */
4845
+ visibleCount?: number;
4846
+ /** Extra line under the row, e.g. the assumptions the answer made. */
4847
+ footnote?: ReactNode;
4848
+ className?: string;
4849
+ };
4850
+ /**
4851
+ * The provenance row under an answer: where its figures came from.
4852
+ *
4853
+ * - Says "N unverified" once, instead of on every chip, so checked sources can look calm.
4854
+ * - Collapses past `visibleCount` behind a "+N more" toggle.
4855
+ * - Empty `sources` states that none were declared, which is itself information.
4856
+ */
4857
+ declare const AnswerSources: ({ sources, label, emptyLabel, visibleCount, footnote, className }: Props$140) => import("react").JSX.Element;
4755
4858
  //#endregion
4756
4859
  //#region src/blocks/AIKit/AnswerSummary.d.ts
4757
4860
  type AnswerItem = {
4758
4861
  question: string;
4759
4862
  answer?: string;
4760
4863
  };
4761
- type Variant = 'success' | 'dismissed';
4864
+ type Variant = 'success' | 'dismissed' | 'expired';
4762
4865
  type Props = {
4763
4866
  items: readonly AnswerItem[];
4764
4867
  variant?: Variant;
4868
+ /** Follows the header label, e.g. `Cancelled`; defaults to `Expired` for the `expired` variant. */
4869
+ statusLabel?: string;
4870
+ /** Why the questions are in their state, shown first once expanded. */
4871
+ statusMessage?: ReactNode;
4765
4872
  noAnswerLabel?: string;
4766
4873
  onExpandToggle?: (next: boolean) => void;
4767
4874
  };
4768
- declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
4875
+ declare const AnswerSummary: ({ items, variant, statusLabel, statusMessage, noAnswerLabel, onExpandToggle }: Props) => import("react").JSX.Element;
4876
+ //#endregion
4877
+ //#region src/blocks/AIKit/AttachmentChip.d.ts
4878
+ type AttachmentStatus = 'uploading' | 'ready' | 'error';
4879
+ type Props$139 = {
4880
+ name: string;
4881
+ /** Replaces the file glyph while the upload is not failing. */
4882
+ thumbnailUrl?: string;
4883
+ status: AttachmentStatus;
4884
+ /** Shown as a tooltip on an `error` chip. */
4885
+ error?: string;
4886
+ onRemove: () => void;
4887
+ /** Extra content after the name, e.g. a size. */
4888
+ trailing?: ReactNode;
4889
+ className?: string;
4890
+ };
4891
+ /**
4892
+ * A file attached to a message being composed.
4893
+ *
4894
+ * - Capped width with a truncating name, so a long filename cannot push the text away.
4895
+ * - `error` explains itself in a tooltip; the remove control stays available in every status.
4896
+ */
4897
+ declare const AttachmentChip: ({ name, thumbnailUrl, status, error, onRemove, trailing, className }: Props$139) => import("react").JSX.Element;
4769
4898
  //#endregion
4770
4899
  //#region src/blocks/AIKit/ChatInlineIcon.d.ts
4771
4900
  /**
@@ -4776,7 +4905,7 @@ declare const AnswerSummary: ({ items, variant, noAnswerLabel, onExpandToggle }:
4776
4905
  * - A name that is both (`save`, of `save-changes`) is drawn now.
4777
4906
  */
4778
4907
  declare const getChatInlineIconName: (text: string) => string | undefined;
4779
- type Props$133 = {
4908
+ type Props$138 = {
4780
4909
  /** The name from the token, without the `icon:` prefix. */
4781
4910
  name: string;
4782
4911
  };
@@ -4788,20 +4917,64 @@ type Props$133 = {
4788
4917
  * - The heavier stroke holds its own beside a bold heading.
4789
4918
  * - `aria-hidden`: the token's text is removed, so the glyph has no label to announce.
4790
4919
  */
4791
- declare const ChatInlineIcon: ({ name }: Props$133) => import("react").JSX.Element | null;
4920
+ declare const ChatInlineIcon: ({ name }: Props$138) => import("react").JSX.Element | null;
4921
+ //#endregion
4922
+ //#region src/blocks/AIKit/ChatNotice.d.ts
4923
+ type ChatNoticeTone = 'error' | 'warn' | 'info';
4924
+ type Props$137 = {
4925
+ tone: ChatNoticeTone;
4926
+ children: ReactNode;
4927
+ /** A control for the reader to act on, e.g. a retry button. */
4928
+ action?: ReactNode;
4929
+ /** Raw error text, behind a collapsed "Technical details". */
4930
+ details?: string;
4931
+ /** Seconds until the action is worth trying again; counts down beside the message. */
4932
+ retryAfter?: number;
4933
+ className?: string;
4934
+ };
4935
+ /**
4936
+ * A notice row in a chat transcript.
4937
+ *
4938
+ * - Thin wrapper over `Alert`; `warn` maps to the warning variant.
4939
+ * - `details` stays collapsed so a stack trace never crowds the message.
4940
+ * - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
4941
+ */
4942
+ declare const ChatNotice: ({ tone, children, action, details, retryAfter, className }: Props$137) => import("react").JSX.Element;
4792
4943
  //#endregion
4793
4944
  //#region src/blocks/AIKit/CollapsibleStepHeader.d.ts
4794
4945
  type Variant$5 = 'success' | 'error' | 'processing' | 'dismissed';
4795
- type Props$132 = {
4946
+ type Props$136 = {
4796
4947
  isExpanded: boolean;
4797
4948
  onToggle: () => void;
4798
4949
  label: ReactNode;
4799
4950
  variant?: Variant$5;
4800
4951
  };
4801
- declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$132) => import("react").JSX.Element;
4952
+ declare const CollapsibleStepHeader: ({ isExpanded, onToggle, label, variant }: Props$136) => import("react").JSX.Element;
4953
+ //#endregion
4954
+ //#region src/blocks/AIKit/ContextChip.d.ts
4955
+ declare const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
4956
+ type ContextImage = {
4957
+ src: string;
4958
+ alt: string;
4959
+ };
4960
+ type Props$135 = {
4961
+ /** Where the quote came from, e.g. a message or a page title. */
4962
+ label: string;
4963
+ excerpt: string;
4964
+ images?: ContextImage[];
4965
+ onRemove: () => void;
4966
+ className?: string;
4967
+ };
4968
+ /**
4969
+ * A quote or reference attached to a message being composed.
4970
+ *
4971
+ * - The excerpt is clamped to two lines; "Show all" appears once it is long enough to be cut.
4972
+ * - Images sit under the excerpt as small thumbnails.
4973
+ */
4974
+ declare const ContextChip: ({ label, excerpt, images, onRemove, className }: Props$135) => import("react").JSX.Element;
4802
4975
  //#endregion
4803
4976
  //#region src/blocks/AIKit/FileDownloadChip.d.ts
4804
- type Props$131 = {
4977
+ type Props$134 = {
4805
4978
  /** The file's own name, as the reader will see it saved. */
4806
4979
  fileName: string;
4807
4980
  /** Where it sits in the workspace, shown on hover — what tells two `report.pdf`s apart. */
@@ -4811,15 +4984,51 @@ type Props$131 = {
4811
4984
  /** Whether a download is in flight — the host owns the fetch and the save. */
4812
4985
  isPending?: boolean;
4813
4986
  onDownload: () => void;
4987
+ /** Opt-in. Makes the name a preview button and the download a button of its own beside it. */
4988
+ onPreview?: () => void;
4989
+ /** Opt-in. Extra controls drawn as part of the chip, e.g. Save to library. */
4990
+ actions?: ReactNode;
4814
4991
  className?: string;
4815
4992
  };
4816
4993
  /**
4817
4994
  * A file the agent wrote, offered inside its own answer.
4818
4995
  *
4819
- * - The whole chip is the control: a small icon beside a truncating filename is hard to hit.
4996
+ * - By default the whole chip is the control: a small icon beside a truncating filename is hard to hit.
4997
+ * - With `onPreview` or `actions` the chip splits: the name previews (or downloads, without
4998
+ * `onPreview`), the download sits beside it, and `actions` follow.
4820
4999
  * - Presentation only — the host fetches and saves, through its own auth.
4821
5000
  */
4822
- declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, className }: Props$131) => import("react").JSX.Element;
5001
+ declare const FileDownloadChip: ({ fileName, filePath, size, isPending, onDownload, onPreview, actions, className }: Props$134) => import("react").JSX.Element;
5002
+ //#endregion
5003
+ //#region src/blocks/AIKit/FileGalleryTile.d.ts
5004
+ type FileGalleryImage = {
5005
+ id: string;
5006
+ name: string;
5007
+ /** The thumbnail's URL; absent while the host is still loading it. */
5008
+ src?: string;
5009
+ /** The host could not produce a thumbnail. */
5010
+ isFailed?: boolean;
5011
+ };
5012
+ //#endregion
5013
+ //#region src/blocks/AIKit/FileGallery.d.ts
5014
+ type Props$133 = {
5015
+ images: readonly FileGalleryImage[];
5016
+ onOpen: (image: FileGalleryImage) => void;
5017
+ onRetry?: (image: FileGalleryImage) => void;
5018
+ /** Fires once per tile as it nears the viewport; the host loads its thumbnail here. */
5019
+ onImageVisible?: (image: FileGalleryImage) => void;
5020
+ /** Tiles drawn before the rest sit behind "+N more". */
5021
+ maxTiles?: number;
5022
+ className?: string;
5023
+ };
5024
+ /**
5025
+ * Image files the agent wrote, as a grid of thumbnails.
5026
+ *
5027
+ * - Presentation only: the host owns thumbnail URLs, their loading and their auth.
5028
+ * - Tiles ask for their thumbnail as they near the viewport, so a long gallery loads on scroll.
5029
+ * - Draws `maxTiles`, then a "+N more" button that reveals the rest.
5030
+ */
5031
+ declare const FileGallery: ({ images, onOpen, onRetry, onImageVisible, maxTiles, className }: Props$133) => import("react").JSX.Element | null;
4823
5032
  //#endregion
4824
5033
  //#region src/blocks/AIKit/InlineStepDetail.d.ts
4825
5034
  type Props$2 = {
@@ -4828,17 +5037,28 @@ type Props$2 = {
4828
5037
  declare const InlineStepDetail: ({ children }: Props$2) => import("react").JSX.Element;
4829
5038
  //#endregion
4830
5039
  //#region src/blocks/AIKit/InlineStepLabel.d.ts
5040
+ /**
5041
+ * How a step reads in one mark.
5042
+ *
5043
+ * - A step that failed and then succeeded on retry is `success`.
5044
+ * - A step that was stopped before it finished is `dismissed`.
5045
+ */
4831
5046
  type Variant$3 = 'processing' | 'success' | 'error' | 'dismissed';
4832
5047
  type Props$4 = {
4833
5048
  variant: Variant$3;
4834
5049
  children: ReactNode;
5050
+ /** Quiet trailing text after the label, e.g. how long the step took. */
5051
+ meta?: ReactNode;
5052
+ /** Opt-in. What the step did or returned, behind a Details toggle on the row. */
5053
+ detail?: ReactNode;
5054
+ defaultExpanded?: boolean;
4835
5055
  };
4836
- declare const InlineStepLabel: ({ variant, children }: Props$4) => import("react").JSX.Element;
5056
+ declare const InlineStepLabel: ({ variant, children, meta, detail, defaultExpanded }: Props$4) => import("react").JSX.Element;
4837
5057
  //#endregion
4838
5058
  //#region src/blocks/AIKit/InlineStepGroup.d.ts
4839
5059
  type Props$3 = {
4840
5060
  label: ReactNode;
4841
- /** How the whole run reads in one mark. */
5061
+ /** How the whole run reads in one mark; a retried-then-recovered run is `success`, a stopped one `dismissed`. */
4842
5062
  variant?: Variant$3;
4843
5063
  isExpanded: boolean;
4844
5064
  onToggle: () => void;
@@ -4849,6 +5069,8 @@ type Props$3 = {
4849
5069
  /** E2E anchor; selectors in `packages/e2e-testing` break silently if it moves. */
4850
5070
  'data-testid'?: string;
4851
5071
  className?: string;
5072
+ /** Opt-in. Drawn under the last row, inside the group, e.g. a connect link or a retry. */
5073
+ footer?: ReactNode;
4852
5074
  /** The rows: `InlineStepLabel`, `InlineStepDetail`, and whatever a host draws between them. */
4853
5075
  children: ReactNode;
4854
5076
  };
@@ -4860,7 +5082,37 @@ type Props$3 = {
4860
5082
  * - Animates `grid-template-rows`; children stay mounted while closed.
4861
5083
  * - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
4862
5084
  */
4863
- declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, children }: Props$3) => import("react").JSX.Element;
5085
+ declare const InlineStepGroup: ({ label, variant, isExpanded, onToggle, surface, 'aria-label': ariaLabel, 'data-testid': testId, className, footer, children }: Props$3) => import("react").JSX.Element;
5086
+ //#endregion
5087
+ //#region src/blocks/AIKit/JumpToLatest.d.ts
5088
+ type Props$132 = {
5089
+ visible: boolean;
5090
+ /** The agent is still writing below the fold: the button pulses. */
5091
+ working?: boolean;
5092
+ onClick: () => void;
5093
+ /** Text beside the arrow; absent draws an icon-only button named "Scroll to bottom". */
5094
+ label?: string;
5095
+ className?: string;
5096
+ };
5097
+ /**
5098
+ * Scrolls a transcript back to its newest message.
5099
+ *
5100
+ * - Renders nothing while `visible` is false.
5101
+ * - Positioning is the host's: pass `className` to pin it over the list.
5102
+ */
5103
+ declare const JumpToLatest: ({ visible, working, onClick, label, className }: Props$132) => import("react").JSX.Element | null;
5104
+ //#endregion
5105
+ //#region src/blocks/AIKit/markdownOptions.d.ts
5106
+ type RenderDiagramActions = (safeSvg: string) => ReactNode;
5107
+ //#endregion
5108
+ //#region src/blocks/AIKit/diagramLanguages.d.ts
5109
+ /**
5110
+ * The fence languages `Markdown` draws instead of printing.
5111
+ *
5112
+ * - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
5113
+ * - Frozen: it is shared across every app in the bundle.
5114
+ */
5115
+ declare const DIAGRAM_LANGUAGES: readonly string[];
4864
5116
  //#endregion
4865
5117
  //#region src/blocks/AIKit/Markdown.d.ts
4866
5118
  declare const PROSE_CLASS: {
@@ -4874,13 +5126,6 @@ declare const PROSE_CLASS: {
4874
5126
  * - `chrome`: uncapped, dense; for content a model did not write.
4875
5127
  */
4876
5128
  type Rhythm = keyof typeof PROSE_CLASS;
4877
- /**
4878
- * The fence languages this renderer draws instead of printing.
4879
- *
4880
- * - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
4881
- * - Frozen: it is shared across every app in the bundle.
4882
- */
4883
- declare const DIAGRAM_LANGUAGES: readonly string[];
4884
5129
  type BlockProps = {
4885
5130
  /** GFM source; ```mermaid/```flint fences render as diagrams. */
4886
5131
  children: string;
@@ -4889,8 +5134,21 @@ type BlockProps = {
4889
5134
  /** Merged by key; an override **replaces** the built-in renderer, not wraps it.
4890
5135
  * Keep in a module constant. */
4891
5136
  components?: Components;
5137
+ /** Colour fenced code with a grammar (SQL, Python, JS/TS, JSON, shell, YAML); loads on demand. */
5138
+ highlight?: boolean;
5139
+ /** Sort table rows by a header press; numeric columns sort as numbers. */
5140
+ sortable?: boolean;
5141
+ /** Extra diagram toolbar controls; receives the sanitized SVG. Keep in a module constant. */
5142
+ diagramActions?: RenderDiagramActions;
5143
+ /** Add a built-in "Download SVG" action to every diagram. */
5144
+ diagramDownload?: boolean;
5145
+ /**
5146
+ * Draw a ```svg fence (or an ```xml/```html one holding a single SVG document) as a chart.
5147
+ * Sanitized: no scripts, handlers, `foreignObject`, SMIL or external references.
5148
+ */
5149
+ allowSvgFences?: boolean;
4892
5150
  };
4893
- type Props$130 = BlockProps & {
5151
+ type Props$131 = BlockProps & {
4894
5152
  className?: string;
4895
5153
  rhythm?: Rhythm;
4896
5154
  };
@@ -4906,8 +5164,8 @@ declare const MarkdownRoot: ({ children, className, rhythm }: PropsWithChildren<
4906
5164
  rhythm?: Rhythm;
4907
5165
  }>) => import("react").JSX.Element;
4908
5166
  /** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
4909
- declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides }: BlockProps) => import("react").JSX.Element;
4910
- declare function Markdown({ className, rhythm, ...blockProps }: Props$130): import("react").JSX.Element;
5167
+ declare const MarkdownBlock: ({ children, remarkPlugins, components: componentOverrides, highlight, sortable, diagramActions, diagramDownload, allowSvgFences }: BlockProps) => import("react").JSX.Element;
5168
+ declare function Markdown({ className, rhythm, ...blockProps }: Props$131): import("react").JSX.Element;
4911
5169
  declare namespace Markdown {
4912
5170
  export { MarkdownRoot as Root };
4913
5171
  export { MarkdownBlock as Block };
@@ -4924,7 +5182,7 @@ declare const FADE_SURFACE: {
4924
5182
  readonly background: 'tw:from-background';
4925
5183
  };
4926
5184
  type Surface = keyof typeof FADE_SURFACE;
4927
- type Props$129 = {
5185
+ type Props$130 = {
4928
5186
  /** A `Table bordered` at intrinsic width (`tw:min-w-max`) — otherwise it wraps and never overflows. */
4929
5187
  children: ReactNode;
4930
5188
  /** What the host paints behind the table; paint `Table`'s header band this colour too. */
@@ -4933,6 +5191,8 @@ type Props$129 = {
4933
5191
  actions?: ReactNode;
4934
5192
  /** Opens the table somewhere wider; omit where there is nowhere to go (the fade still draws). */
4935
5193
  onExpand?: () => void;
5194
+ /** Sort rows by a header press, when the table is drawn by `Markdown`'s row and cell renderers. */
5195
+ sortable?: boolean;
4936
5196
  className?: string;
4937
5197
  };
4938
5198
  /**
@@ -4944,10 +5204,10 @@ type Props$129 = {
4944
5204
  * `baseline-widely-available` build floor lacks, and must sit on `Table`'s own container.
4945
5205
  * - Past `EXPAND_RATIO` the expand action shows without hover.
4946
5206
  */
4947
- declare const MarkdownTable: ({ children, actions, onExpand, surface, className }: Props$129) => import("react").JSX.Element;
5207
+ declare const MarkdownTable: ({ children, actions, onExpand, surface, sortable, className }: Props$130) => import("react").JSX.Element;
4948
5208
  //#endregion
4949
5209
  //#region src/components/Avatar.d.ts
4950
- type Props$128 = {
5210
+ type Props$129 = {
4951
5211
  user?: {
4952
5212
  name: string | undefined;
4953
5213
  email: string | undefined;
@@ -4957,22 +5217,62 @@ type Props$128 = {
4957
5217
  size?: number;
4958
5218
  variant?: 'circle' | 'rounded';
4959
5219
  } & ComponentProps<'span'>;
4960
- declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$128) => import("react").JSX.Element;
5220
+ declare const Avatar: ({ ref, user, fallback, size, className, variant, ...props }: Props$129) => import("react").JSX.Element;
5221
+ //#endregion
5222
+ //#region src/blocks/AIKit/MessageDeliveryStatus.d.ts
5223
+ type MessageStatus = 'sending' | 'failed';
4961
5224
  //#endregion
4962
5225
  //#region src/blocks/AIKit/MessageBubble.d.ts
4963
- type Props$127 = {
5226
+ type Props$128 = {
4964
5227
  variant: 'user' | 'assistant';
4965
5228
  actions?: ReactNode;
4966
5229
  createdAt?: string;
5230
+ /** `visible` draws the time in the actions row; the default keeps it as the user bubble's tooltip. */
5231
+ timestamp?: 'tooltip' | 'visible';
5232
+ /** What a user message replies to, drawn as a muted blockquote above the text. */
5233
+ quote?: ReactNode;
5234
+ /** User variant: a message still on its way, or one that did not arrive. */
5235
+ status?: MessageStatus;
5236
+ onRetry?: () => void;
5237
+ /** Who wrote it, where several people share a chat. */
5238
+ author?: ReactNode;
5239
+ /** Clip the message at this height behind Show more / Show less. */
5240
+ collapseAfterPx?: number;
5241
+ /** Opt-in per-message avatar, beside the bubble; none by default so a narrow panel keeps its width. */
5242
+ avatar?: ReactNode;
4967
5243
  /** @deprecated No avatar is rendered; accepted so existing call sites keep compiling. */
4968
5244
  user?: ComponentProps<typeof Avatar>['user'];
4969
5245
  } & PropsWithChildren;
4970
- declare const MessageBubble: ({ variant, children, actions, createdAt }: Props$127) => import("react").JSX.Element;
5246
+ declare const MessageBubble: ({ variant, children, actions, createdAt, timestamp, quote, status, onRetry, author, collapseAfterPx, avatar }: Props$128) => import("react").JSX.Element;
5247
+ //#endregion
5248
+ //#region src/blocks/AIKit/ModeChip.d.ts
5249
+ type Props$127 = {
5250
+ children: ReactNode;
5251
+ /** Mounted either way; `false` collapses and fades it out so neighbours slide instead of jump. */
5252
+ visible?: boolean;
5253
+ tooltip?: ReactNode;
5254
+ /** Accessible name of the chip, which turns the mode off. */
5255
+ removeLabel: string;
5256
+ color?: ComponentProps<typeof Badge>['color'];
5257
+ onRemove: () => void;
5258
+ className?: string;
5259
+ };
5260
+ /**
5261
+ * A removable pill naming a mode the composer is in.
5262
+ *
5263
+ * - The whole chip turns the mode off, not just the ×.
5264
+ * - Collapsed via a `0fr` / `1fr` grid column and taken out of the tab order while hidden.
5265
+ */
5266
+ declare const ModeChip: ({ children, visible, tooltip, removeLabel, color, onRemove, className }: Props$127) => import("react").JSX.Element;
4971
5267
  //#endregion
4972
5268
  //#region src/blocks/AIKit/PlanApproval.d.ts
4973
- type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested';
5269
+ type PlanApprovalStatus = 'pending' | 'approved' | 'dismissed' | 'changes-requested' | 'expired';
4974
5270
  type PlanApprovalProps = {
4975
5271
  status: PlanApprovalStatus;
5272
+ /** Replaces the status pill's text, e.g. `Cancelled` for an `expired` card closed by a restart. */
5273
+ statusLabel?: string;
5274
+ /** Why the card is in its status, shown under the title. */
5275
+ statusMessage?: ReactNode;
4976
5276
  title: string;
4977
5277
  summary?: ReactNode;
4978
5278
  stepCount?: number;
@@ -5002,7 +5302,7 @@ type PlanApprovalProps = {
5002
5302
  stepCountLabel?: (count: number) => string;
5003
5303
  className?: string;
5004
5304
  };
5005
- declare const PlanApproval: ({ status, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
5305
+ declare const PlanApproval: ({ status, statusLabel, statusMessage, title, summary, stepCount, planBody, defaultExpanded, isExpanded: isExpandedProp, onExpandToggle, onApprove, onRequestChanges, onClose, isSubmitting, approveTooltip, pendingPillLabel, approvedPillLabel, dismissedPillLabel, changesRequestedPillLabel, approveLabel, requestChangesLabel, cancelLabel, showMoreLabel, showLessLabel, closeLabel, fullScreenLabel, exitFullScreenLabel, changeRequestPlaceholder, changeRequestSubmitLabel, stepCountLabel, className }: PlanApprovalProps) => import("react").JSX.Element;
5006
5306
  //#endregion
5007
5307
  //#region src/blocks/AIKit/PlanRewritingIndicator.d.ts
5008
5308
  type PlanRewritingIndicatorProps = {
@@ -5104,8 +5404,30 @@ type Props$123 = {
5104
5404
  className?: string;
5105
5405
  variant?: 'default' | 'inline';
5106
5406
  disableSubmit?: boolean;
5407
+ /** Holds the composer read-only while the host reconnects: focus stays, Enter and send do nothing. */
5408
+ busy?: boolean;
5409
+ /** Escape with no menu open takes the caret out of the textarea. */
5410
+ blurOnEscape?: boolean;
5411
+ /** Runs after the composer's own key handling, and only for a key it left alone. */
5412
+ onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
5413
+ /** Files on the clipboard; a paste carrying text as well still inserts the text. */
5414
+ onPasteFiles?: (files: File[]) => void;
5415
+ /** Lets send fire with an empty text — for a host whose attachments are the message. */
5416
+ canSubmitEmpty?: boolean;
5417
+ /** A non-empty box sends while `streaming`/`submitted` instead of aborting; what that means is
5418
+ * the host's call. An empty box is unaffected, so Stop stays reachable. */
5419
+ allowSendWhileBusy?: boolean;
5420
+ /** Whether stopping is connected to anything; default `true`. `submitted` also covers an
5421
+ * approval POST, where aborting can cancel the question being answered. */
5422
+ canAbort?: boolean;
5107
5423
  /** `/` menu: pick one and it becomes the start of the message. */
5108
5424
  commands?: PromptCommand[];
5425
+ /** What the `/` list says when it has nothing to list or nothing matches — the host owns that wording. */
5426
+ commandsEmptyText?: ReactNode;
5427
+ /** The `/` commands are still on their way: an empty list says so instead of "none". */
5428
+ commandsLoading?: boolean;
5429
+ /** `typed` opens the `/` menu only for a `/` typed into an empty composer, never for pasted or set text. */
5430
+ slashTrigger?: 'value' | 'typed';
5109
5431
  /** A form in the popup's place, opened by a `commands` action row; menus stay closed, Escape calls `onClose`. */
5110
5432
  panel?: {
5111
5433
  content: ReactNode;
@@ -5123,8 +5445,10 @@ type Props$123 = {
5123
5445
  mentionsGroupHeading?: (group: string) => ReactNode;
5124
5446
  /** More than one `@` pick per menu: each pick leaves a bare `@`, so the list stays open. */
5125
5447
  mentionsMultiple?: boolean;
5448
+ /** Prompts already sent, oldest first: ↑ at the start of the text recalls them, ↓ steps back. */
5449
+ history?: string[];
5126
5450
  } & VariantProps<typeof promptInputVariants> & Pick<ComponentProps<typeof TextareaAutosize>, 'placeholder' | 'minRows' | 'maxRows' | 'disabled' | 'defaultValue' | 'autoFocus'> & ComponentProps<typeof PromptInputSubmit>;
5127
- declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, value, onValueChange, status, maxRows, minRows, commands, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
5451
+ declare function PromptInput({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, busy, blurOnEscape, onKeyDown, onPasteFiles, canSubmitEmpty, allowSendWhileBusy, canAbort, value, onValueChange, status, maxRows, minRows, commands, commandsEmptyText, commandsLoading, slashTrigger, commandsGroupAction, panel, mentions, onMentionSelect, mentionsEmptyText, mentionsGroupHeading, mentionsMultiple, history, autoFocus, textareaRef: publishedRef, ...textareaProps }: Props$123): import("react").JSX.Element;
5128
5452
  declare namespace PromptInput {
5129
5453
  export { PromptInputAction as Action };
5130
5454
  export { PromptInputMenuTrigger as MenuTrigger };
@@ -5136,6 +5460,8 @@ type QuestionOption = {
5136
5460
  label: string;
5137
5461
  description?: string;
5138
5462
  preview?: string;
5463
+ /** A short tag after the label, e.g. `Recommended`. */
5464
+ badge?: string;
5139
5465
  };
5140
5466
  type Props$7 = {
5141
5467
  question: string;
@@ -5149,11 +5475,20 @@ type Props$7 = {
5149
5475
  onCustomAnswerConfirm?: () => void;
5150
5476
  showCustomAnswer?: boolean;
5151
5477
  customAnswerPlaceholder?: string;
5478
+ customAnswerMaxLength?: number;
5152
5479
  showSkip?: boolean;
5153
5480
  onSkip?: () => void;
5481
+ /** Replaces the Skip button's `Space` hint; `null` drops the tooltip. */
5482
+ skipTooltip?: ReactNode;
5154
5483
  onClose?: () => void;
5155
5484
  onNext?: () => void;
5156
5485
  submitTooltip?: ReactNode;
5486
+ /** Keeps the answer from being sent, by click or by ⌘/Ctrl+Enter. */
5487
+ isSubmitDisabled?: boolean;
5488
+ /** The answer is on its way: Submit spins and every action is disabled. */
5489
+ isSubmitting?: boolean;
5490
+ /** Why the last send failed, shown above the footer. */
5491
+ error?: ReactNode;
5157
5492
  onPrevious?: () => void;
5158
5493
  currentStep?: number;
5159
5494
  totalSteps?: number;
@@ -5164,7 +5499,7 @@ type Props$7 = {
5164
5499
  enableShortcuts?: boolean;
5165
5500
  className?: string;
5166
5501
  };
5167
- declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, showSkip, onSkip, onClose, onNext, submitTooltip, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
5502
+ declare const Question: ({ question, header, options, multiSelect, selectedOptionIds, onSelectionChange, customAnswer, onCustomAnswerChange, onCustomAnswerConfirm, showCustomAnswer, customAnswerPlaceholder, customAnswerMaxLength, showSkip, onSkip, skipTooltip, onClose, onNext, submitTooltip, isSubmitDisabled, isSubmitting, error, onPrevious, currentStep, totalSteps, renderPreview, autoFocus, enableShortcuts, className }: Props$7) => import("react").JSX.Element;
5168
5503
  //#endregion
5169
5504
  //#region src/blocks/AIKit/QuestionBlock.d.ts
5170
5505
  type QuestionStep = {
@@ -5189,17 +5524,49 @@ type Props$6 = {
5189
5524
  };
5190
5525
  declare const QuestionBlock: ({ steps, showSkip, onSubmit, onClose, renderPreview, className }: Props$6) => import("react").JSX.Element;
5191
5526
  //#endregion
5527
+ //#region src/blocks/AIKit/streamingMarkdown.d.ts
5528
+ /**
5529
+ * A streaming answer split into blocks that can no longer change and the tail that still can.
5530
+ *
5531
+ * - Render each `sealed` block in its own memoised `Markdown.Block`, keyed by index; only `tail` re-parses.
5532
+ * - A sealed block's text never changes as more text arrives.
5533
+ * - Reference links and footnotes defined in a later block resolve only once the full answer renders.
5534
+ */
5535
+ declare const splitSealedBlocks: (text: string) => {
5536
+ sealed: string[];
5537
+ tail: string;
5538
+ };
5539
+ type WithholdOptions = {
5540
+ /** Fence languages held back while open; `true` means every language `Markdown` draws. */
5541
+ diagram?: boolean | readonly string[];
5542
+ /** Hold back a table header until its delimiter row is complete. */
5543
+ tableHead?: boolean;
5544
+ };
5545
+ /**
5546
+ * The part of a streaming answer that is safe to paint now.
5547
+ *
5548
+ * - An open fence whose language is still being typed is always held back.
5549
+ * - An open fence in a `diagram` language is held back, or every chunk redraws the chart.
5550
+ * - Any other open fence streams as a growing code block.
5551
+ */
5552
+ declare const withholdOpenTail: (text: string, { diagram, tableHead }?: WithholdOptions) => string;
5553
+ //#endregion
5192
5554
  //#region src/blocks/AIKit/SuggestedPrompt.d.ts
5193
5555
  type Props$122 = {
5194
5556
  label: string;
5195
5557
  disabled?: boolean;
5196
5558
  onClick: () => void;
5197
5559
  icon?: ReactNode;
5560
+ /** A secondary line under the label. */
5561
+ description?: ReactNode;
5562
+ /** Content pinned to the end of the row, e.g. a badge. */
5563
+ trailing?: ReactNode;
5564
+ 'aria-label'?: string;
5198
5565
  /** `bubble`: shaped like a chat message and outlined — a reply waiting to be sent. */
5199
5566
  variant?: 'row' | 'bubble';
5200
5567
  className?: string;
5201
5568
  };
5202
- declare const SuggestedPrompt: ({ label, disabled, onClick, icon, variant, className }: Props$122) => import("react").JSX.Element;
5569
+ declare const SuggestedPrompt: ({ label, disabled, onClick, icon, description, trailing, 'aria-label': ariaLabel, variant, className }: Props$122) => import("react").JSX.Element;
5203
5570
  //#endregion
5204
5571
  //#region src/blocks/AIKit/ThinkingIndicator.d.ts
5205
5572
  type ThinkingIndicatorProps = {
@@ -5216,39 +5583,73 @@ type ThinkingIndicatorProps = {
5216
5583
  */
5217
5584
  declare const ThinkingIndicator: ({ label }: ThinkingIndicatorProps) => import("react").JSX.Element;
5218
5585
  //#endregion
5586
+ //#region src/blocks/AIKit/ToolCall/toolCallApprovalStatus.d.ts
5587
+ type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired' | 'timed-out' | 'cancelled' | 'unattended';
5588
+ type ToolCallApprovalAction = 'approve' | 'reject' | 'extra';
5589
+ //#endregion
5590
+ //#region src/blocks/AIKit/ToolCall/useApprovalShortcut.d.ts
5591
+ type ShortcutKey = 'enter' | 'mod-enter' | 'none';
5592
+ //#endregion
5593
+ //#region src/blocks/AIKit/ToolCall/ToolCallApprovalActions.d.ts
5594
+ type ToolCallApprovalExtraAction = {
5595
+ label: string;
5596
+ onClick: () => void;
5597
+ };
5598
+ //#endregion
5599
+ //#region src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.d.ts
5600
+ type NoticeTone = 'warning' | 'destructive' | 'info';
5601
+ type ToolCallApprovalNoticeItem = {
5602
+ tone: NoticeTone;
5603
+ content: ReactNode;
5604
+ icon?: LucideIcon;
5605
+ };
5606
+ //#endregion
5219
5607
  //#region src/blocks/AIKit/ToolCall/ToolCallApproval.d.ts
5220
- type ToolCallApprovalStatus = 'pending' | 'approved' | 'rejected' | 'expired';
5221
5608
  type ToolCallApprovalProps = {
5222
- /** The tool being called (e.g. `run_sql`). Rendered as a monospace tag. */
5223
- toolName: string;
5224
- /** Human-readable summary of what the tool will do. */
5225
- title?: ReactNode;
5226
5609
  status: ToolCallApprovalStatus;
5610
+ /** Replaces the status badge's text, e.g. `Cancelled by Kai`. */
5611
+ statusLabel?: string;
5612
+ /** Why the call is in its terminal status, shown under the title. */
5613
+ statusMessage?: ReactNode;
5614
+ /** `record` collapses a resolved call to one line; a pending call always renders as a card. */
5615
+ density?: 'card' | 'record';
5616
+ resolvedBy?: ReactNode;
5617
+ resolvedAt?: Date;
5618
+ /** The tool being called (e.g. `run_sql`), rendered as a monospace tag. */
5619
+ toolName?: string;
5620
+ /** Leads the header, e.g. "Kai needs your OK" or an app's own status row. */
5621
+ eyebrow?: ReactNode;
5622
+ title?: ReactNode;
5623
+ /** App-rendered detail — a diff, a `ToolCallChip`, arguments. */
5624
+ children?: ReactNode;
5625
+ /** Rows above the detail naming what the call will do — a link going public, a destructive write. */
5626
+ notices?: readonly ToolCallApprovalNoticeItem[];
5627
+ /** A preview beside the detail; stacks under it in a narrow container. */
5628
+ aside?: ReactNode;
5629
+ error?: ReactNode;
5227
5630
  onApprove?: () => void;
5228
5631
  onReject?: () => void;
5229
- /** App-rendered detail — a diff, a `ToolCallChip`, a chart, arguments. */
5230
- children?: ReactNode;
5231
- /**
5232
- * Replaces the default Approve/Reject buttons in the pending state. Use when
5233
- * the call needs bespoke controls (e.g. an inline reason field).
5234
- */
5235
- actions?: ReactNode;
5236
- isSubmitting?: boolean;
5237
- /**
5238
- * Opt into `Enter` = approve / `Escape` = reject while pending. Off by
5239
- * default so the shortcuts never fire unexpectedly in a busy chat.
5240
- */
5241
- enableShortcuts?: boolean;
5632
+ /** A third action beside the pair, e.g. "Always allow". */
5633
+ extraAction?: ToolCallApprovalExtraAction;
5242
5634
  approveLabel?: string;
5243
5635
  rejectLabel?: string;
5636
+ approveVariant?: 'primary' | 'danger';
5637
+ /** The action in flight: its button spins and every action is disabled. */
5638
+ pendingAction?: ToolCallApprovalAction | null;
5639
+ isDisabled?: boolean;
5640
+ /** Approves from anywhere on the page and shows the key on the approve button. */
5641
+ shortcutKey?: ShortcutKey;
5642
+ /** Shows the key without listening for it, for an app that owns the shortcut itself. */
5643
+ isShortcutHintOnly?: boolean;
5244
5644
  className?: string;
5245
5645
  };
5246
5646
  /**
5247
- * Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`
5248
- * (which approves a whole plan). Chrome + status + actions only: the app
5249
- * renders the call detail as `children` and owns the SDK/permission wiring.
5647
+ * Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`.
5648
+ *
5649
+ * - Chrome, status and actions only: the app renders the call detail and owns the permission wiring.
5650
+ * - Actions render only while `pending`.
5250
5651
  */
5251
- declare const ToolCallApproval: ({ toolName, title, status, onApprove, onReject, children, actions, isSubmitting, enableShortcuts, approveLabel, rejectLabel, className }: ToolCallApprovalProps) => import("react").JSX.Element;
5652
+ declare const ToolCallApproval: ({ status, statusLabel, statusMessage, density, resolvedBy, resolvedAt, toolName, eyebrow, title, children, notices, aside, error, onApprove, onReject, extraAction, approveLabel, rejectLabel, approveVariant, pendingAction, isDisabled, shortcutKey, isShortcutHintOnly, className }: ToolCallApprovalProps) => import("react").JSX.Element;
5252
5653
  //#endregion
5253
5654
  //#region src/blocks/AIKit/ToolCall/ToolCallChip.d.ts
5254
5655
  type ToolCallState = 'processing' | 'done' | 'error';
@@ -5289,7 +5690,7 @@ declare const variants$4: (props?: ({
5289
5690
  variant?: "default" | "error" | "success" | "warning" | null | undefined;
5290
5691
  size?: "lg" | "sm" | null | undefined;
5291
5692
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5292
- type Props$121 = ComponentProps<typeof Root$12> & VariantProps<typeof variants$4>;
5693
+ type Props$121 = ComponentProps<typeof Root$13> & VariantProps<typeof variants$4>;
5293
5694
  declare const Progress: ({ ref, className, value, variant, size, ...props }: Props$121) => import("react").JSX.Element;
5294
5695
  //#endregion
5295
5696
  //#region src/blocks/AIKit/UsageBar.d.ts
@@ -5368,7 +5769,7 @@ type Props$116 = ComponentProps<typeof CollapsibleTrigger>;
5368
5769
  declare const CollapsibleTrigger$1: ({ ref, className, children, ...props }: Props$116) => import("react").JSX.Element;
5369
5770
  //#endregion
5370
5771
  //#region src/components/Collapsible/Collapsible.d.ts
5371
- type Props$115 = ComponentProps<typeof Root$13>;
5772
+ type Props$115 = ComponentProps<typeof Root$12>;
5372
5773
  declare function Collapsible(props: Props$115): import("react").JSX.Element;
5373
5774
  declare namespace Collapsible {
5374
5775
  export { CollapsibleTrigger$1 as Trigger };
@@ -5583,7 +5984,7 @@ type SkeletonProps = {
5583
5984
  *
5584
5985
  * - Match the eventual shape (`lg` per title row, `xs` per text line).
5585
5986
  * - Not for slotless work (`DotsLoader`, `Button isLoading`) or empty / error states.
5586
- * - `SkeletonList` shells `Table` / `Card`-list pages.
5987
+ * - `Table.SkeletonRows` fills a loading `Table`; `SkeletonList` shells `Card`-list pages.
5587
5988
  *
5588
5989
  * @see RECIPES.md#data-card-with-skeleton
5589
5990
  */
@@ -5727,9 +6128,9 @@ declare const AppShell: typeof Root$17 & {
5727
6128
  * - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.
5728
6129
  * - `wide` (34rem) — multi-field or two-column forms: registration.
5729
6130
  */
5730
- type Width = 'form' | 'wide';
6131
+ type Width$1 = 'form' | 'wide';
5731
6132
  type RootProps = ComponentProps<'div'> & {
5732
- width?: Width;
6133
+ width?: Width$1;
5733
6134
  /** Marketing / illustration panel. Its presence switches the page to the split geometry. */
5734
6135
  aside?: ReactNode;
5735
6136
  /** Which side the `aside` takes on wide screens. */
@@ -6491,7 +6892,7 @@ type BreadcrumbDropdownGroupProps = {
6491
6892
  /**
6492
6893
  * A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group
6493
6894
  * hides itself when neither its label nor any child matches the filter query; an active query
6494
- * force-expands collapsible groups. Non-empty `collapsible` groups toggle their items behind the
6895
+ * opens collapsible groups, and a fold made under it lasts until the query changes. Non-empty `collapsible` groups toggle their items behind the
6495
6896
  * header with an animated expand / collapse; a `collapsible` group with no items renders a
6496
6897
  * non-interactive, greyed header that can't toggle.
6497
6898
  */
@@ -6549,10 +6950,12 @@ type BreadcrumbDropdownProps = {
6549
6950
  searchPlaceholder?: string;
6550
6951
  /** Rendered when the built-in filter hides everything. Default `"No results."`. */
6551
6952
  emptyMessage?: ReactNode;
6953
+ /** The panel's own classes, e.g. a background the search row shares with the list. */
6954
+ panelClassName?: string;
6552
6955
  /** `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */
6553
6956
  children: ReactNode;
6554
6957
  };
6555
- declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
6958
+ declare function BreadcrumbDropdown({ label, splitTrigger, triggerLabel, open, defaultOpen, onOpenChange, size, filter, shouldFilter, searchValue, onSearchChange, searchPlaceholder, emptyMessage, panelClassName, children }: BreadcrumbDropdownProps): import("react").JSX.Element;
6556
6959
  declare namespace BreadcrumbDropdown {
6557
6960
  export { BreadcrumbDropdownItem as Item };
6558
6961
  export { BreadcrumbDropdownGroup as Group };
@@ -6770,6 +7173,46 @@ declare const TableHeader: ({ withShadow, className, ...props }: {
6770
7173
  //#region src/components/Table/TableRow.d.ts
6771
7174
  declare const TableRow: ({ ref, className, ...props }: ComponentProps<'tr'>) => import("react").JSX.Element;
6772
7175
  //#endregion
7176
+ //#region src/components/Table/TableSkeletonRows.d.ts
7177
+ /** A width class, or one per row so the placeholders don't line up into a block. */
7178
+ type Width = string | string[];
7179
+ /**
7180
+ * What one column shows while the rows load.
7181
+ *
7182
+ * - `className` and `colSpan` match the real column's cells, so the placeholders keep their layout.
7183
+ * - `text` (default): one line of `widthClassName`.
7184
+ * - `name`: an optional icon (`gapClassName` from the lines, `tw:gap-3.5` by default), a name line
7185
+ * varied per row by default, an optional description line.
7186
+ * - `empty`: nothing, e.g. for a row's actions.
7187
+ */
7188
+ type TableSkeletonColumn = {
7189
+ className?: string;
7190
+ colSpan?: number;
7191
+ } & ({
7192
+ type?: 'text';
7193
+ widthClassName?: Width;
7194
+ } | {
7195
+ type: 'name';
7196
+ iconClassName?: string;
7197
+ gapClassName?: string;
7198
+ widthClassName?: Width;
7199
+ descriptionClassName?: Width;
7200
+ } | {
7201
+ type: 'empty';
7202
+ });
7203
+ /**
7204
+ * Placeholder rows in a table's own columns while its rows load.
7205
+ *
7206
+ * - Render inside `Table.Body` in place of the rows.
7207
+ * - The first row announces `Loading {noun}` to screen readers; pass the plural noun, e.g. `jobs`.
7208
+ * - The rows don't take the hover tint, as there is nothing to act on yet.
7209
+ */
7210
+ declare const TableSkeletonRows: ({ columns, noun, rows }: {
7211
+ columns: TableSkeletonColumn[];
7212
+ noun: string;
7213
+ rows?: number;
7214
+ }) => import("react").JSX.Element[];
7215
+ //#endregion
6773
7216
  //#region src/components/Table/TableSortHeader.d.ts
6774
7217
  type TableSortDirection = 'asc' | 'desc' | false;
6775
7218
  /** Maps a sort direction to the `aria-sort` value for the enclosing `Table.Head`. */
@@ -6807,6 +7250,7 @@ declare namespace Table {
6807
7250
  export { TableCell as Cell };
6808
7251
  export { TableFooter as Footer };
6809
7252
  export { TableSortHeader as SortHeader };
7253
+ export { TableSkeletonRows as SkeletonRows };
6810
7254
  }
6811
7255
  //#endregion
6812
7256
  //#region src/components/Timeline/TimelineConnector.d.ts
@@ -7371,11 +7815,13 @@ type Props$11 = {
7371
7815
  /** Keep `<foreignObject>` through sanitization; its HTML children are still stripped.
7372
7816
  * Enable only when each one is pre-flattened to bare text. */
7373
7817
  allowForeignObject?: boolean;
7818
+ /** Keep `<use>` through sanitization. Enable only when every `href` is already a `#` reference. */
7819
+ allowUse?: boolean;
7374
7820
  /** Extra toolbar controls (e.g. `ExportMenu`) between copy and fullscreen; receives the
7375
7821
  * sanitized SVG. Injected so this lazy chunk carries no export dependencies. */
7376
7822
  renderActions?: (safeSvg: string) => ReactNode;
7377
7823
  };
7378
- declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, renderActions }: Props$11) => import("react").JSX.Element;
7824
+ declare const ZoomableSvg: ({ html, copyText, className, allowForeignObject, allowUse, renderActions }: Props$11) => import("react").JSX.Element;
7379
7825
  //#endregion
7380
7826
  //#region src/components/ZoomableSvg/exportSvg.d.ts
7381
7827
  declare const toSvgFileContent: (svg: string) => string;
@@ -7435,5 +7881,5 @@ declare const contrastRatio: (fg: string, bg: string) => number;
7435
7881
  /** WCAG level for normal-size text at a given ratio. */
7436
7882
  declare const wcagLevel: (ratio: number) => 'AAA' | 'AA' | 'fail';
7437
7883
  //#endregion
7438
- export { Alert, AlertModal, AnswerActions, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
7884
+ export { ANSWER_SOURCES_VISIBLE, Alert, AlertModal, AnswerActions, AnswerSource, AnswerSources, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props as AnswerSummaryProps, type Variant as AnswerSummaryVariant, AnswerVote, AppShell, type AppShellHeaderSpan, type AppShellSlot, ArgoDesignContext, AttachmentChip, AttachmentStatus, AuthLayout, type RootProps as AuthLayoutProps, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, type Brand, BrandEditor, type BrandEditorProps, BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, CONTEXT_CHIP_EXPANDABLE_LENGTH, Calendar, type CalendarProps, Card, type ChangeClassification, ChartPanel, type RootProps$1 as ChartPanelProps, ChatInlineIcon, ChatNotice, ChatNoticeTone, Checkbox, ChipEditor, type Props$1 as ChipEditorProps, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, ColorScheme, type ColorSlot, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, ContextChip, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, type RootProps$2 as DashboardHeroProps, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, DiagramSkeleton, type DiffChunk, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$4 as ErrorStateProps, type Variant$2 as ErrorStateVariant, ExportMenu, ExportMenuItem, FacebookButton, FileDownloadChip, FileGallery, type FileGalleryImage, FileUpload, type FileUploadAccept, type FileUploadRejection, type FileUploadRejectionCode, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineEdit, InlineStepDetail, type Props$2 as InlineStepDetailProps, InlineStepGroup, type Props$3 as InlineStepGroupProps, InlineStepLabel, type Props$4 as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, JumpToLatest, Kbd, Label, type LineInformation, Link, MAX_DIGIT_HOTKEY, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, type MergeConflict, MessageBubble, MicrosoftButton, Modal, ModeChip, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, MultiComboboxHighlighted, Navbar, NumberInput, OtpInput, type RootProps$5 as OtpInputProps, type OtpInputRenderSlotProps, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, type PanelImperativeHandle, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, Props$5 as Props, Question, type QuestionAnswers, QuestionBlock, type Props$6 as QuestionBlockProps, type QuestionOption, type Props$7 as QuestionProps, type QuestionStep, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, type RadiusSize, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, type SectionNavGroup, type SectionNavItem, type SectionNavItemRenderProps, Select, SelectItem, SelectItemGroup, SelectProps, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, type SidebarSlot, Skeleton, SkeletonList, Slider, Slot, SourceChip, SourceChipProps, SourceState, SplitButton, SpotlightBackdrop, SpotlightTarget, StatCard, StatCardGrid, type Props$8 as StatCardGridProps, type RootProps$6 as StatCardProps, type TrendDirection as StatCardTrendDirection, type TrendProps as StatCardTrendProps, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, type TableSkeletonColumn, type TableSortDirection, Tabs, TabsContent, TargetRect, TextInput, Textarea, Theme, ThemeProvider, ThemeScope, ThinkingIndicator, type ThinkingIndicatorProps, ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, Tokens, ToolCallApproval, type ToolCallApprovalAction, type ToolCallApprovalExtraAction, type ToolCallApprovalNoticeItem, type NoticeTone as ToolCallApprovalNoticeTone, type ToolCallApprovalProps, type ShortcutKey as ToolCallApprovalShortcutKey, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, type ToolCallStatus, ToolCallStatusHeader, type Props$9 as ToolCallStatusHeaderProps, Tooltip, type Props$10 as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageBar, UsageStats, UsageStatsRing, UseAutosizeInputOptions, UseAutosizeInputReturn, type ValidityState, type WithAccessibleName, type WordInformation, Workbench, type WorkbenchState, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, digitFromKeyCode, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, splitSealedBlocks, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAltDigitHotkey, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm, withholdOpenTail };
7439
7885
  //# sourceMappingURL=index.d.ts.map