@assure-one/design-system 1.36.0 → 1.38.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.
- package/README.md +45 -16
- package/codemods/README.md +93 -0
- package/codemods/lib/registry.mjs +3 -0
- package/codemods/transforms/cm-09-side-drawer-to-sheet.mjs +348 -0
- package/codemods/transforms/cm-13-tooltip-delay.mjs +99 -0
- package/codemods/transforms/cm-18-data-table-parts.mjs +234 -0
- package/dist/css/components.css +1 -1
- package/dist/css/legacy-aliases.css +33 -1
- package/dist/css/shadcn.css +2 -2
- package/dist/css/tailwind.css +9 -0
- package/dist/css/tokens.css +72 -38
- package/dist/design-system-provider-B5MbvbRc.d.ts +609 -0
- package/dist/icons/index.d.ts +2 -2
- package/dist/icons/index.js +6 -2
- package/dist/icons/index.js.map +1 -1
- package/dist/{index-CQwzTm0v.d.ts → index-vztxMSfl.d.ts} +7 -4
- package/dist/index.d.ts +1757 -303
- package/dist/index.js +4125 -1956
- package/dist/index.js.map +1 -1
- package/dist/next/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/dist/{system-BDU18fVg.d.ts → system-CyAVbHhM.d.ts} +16 -16
- package/dist/tokens/index.d.ts +1 -1
- package/dist/tokens/index.js +8 -8
- package/dist/tokens/index.js.map +1 -1
- package/docs/components.md +47 -14
- package/docs/components.registry.json +2415 -461
- package/docs/for-ai-agents.md +2 -0
- package/eslint-config/index.mjs +210 -0
- package/eslint-config/stylelint-rules.mjs +54 -0
- package/eslint-config/stylelint.mjs +73 -0
- package/package.json +8 -1
- package/dist/design-system-provider-cPUklDJv.d.ts +0 -220
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { C as ColorName, R as ReferenceTokens, S as SystemTokens, c as colors, r as radii, a as reference, s as shadows, b as spacing, d as surfaces, e as systemTokens, t as typography } from './system-
|
|
1
|
+
export { C as ColorName, R as ReferenceTokens, S as SystemTokens, c as colors, r as radii, a as reference, s as shadows, b as spacing, d as surfaces, e as systemTokens, t as typography } from './system-CyAVbHhM.js';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import { ReactNode, InputHTMLAttributes, HTMLAttributes, RefCallback, ReactElement, FieldsetHTMLAttributes, CSSProperties } from 'react';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
7
|
-
import { V as Variant, I as Intent, C as ControlSize, S as Shape } from './index-
|
|
8
|
-
export { A as AlertCircleIcon, a as AlertTriangleIcon, b as AlertTriangleSolidIcon, c as ArchiveIcon, d as ArrowDownIcon, e as ArrowLeftIcon, f as ArrowRightIcon, g as ArrowRightSmallIcon, h as ArrowUpIcon, i as AtSignIcon, B as BarChartIcon, j as BellIcon, k as BoldIcon, l as BrainIcon, m as BriefcaseIcon, n as Building2Icon, o as BuildingIcon, p as CalendarIcon, q as ChatBubbleIcon, r as CheckCircle2Icon, s as CheckCircleSolidIcon, t as CheckIcon, u as ChevronDownIcon, v as ChevronLeftIcon, w as ChevronRightIcon, x as ChevronUpIcon, y as ChevronsDownUpIcon, z as ChevronsUpDownIcon, D as CircleDotIcon, E as CircleIcon, F as ClipboardCheckIcon, G as ClockIcon, H as CloseIcon, J as CommandIcon, K as CopyIcon, L as CornerDownLeftIcon, M as CreditCardIcon, N as DocumentIcon, O as DollarSignIcon, P as DownloadIcon, Q as ExternalLinkIcon, R as ExtractIcon, T as EyeIcon, U as EyeOffIcon, W as FileIcon, X as FileReturnIcon, Y as FileTextIcon, Z as FilterIcon, _ as FlagIcon, $ as FolderClosedIcon, a0 as FolderOpenIcon, a1 as FolderPlusIcon, a2 as FolderUpIcon, a3 as GlobeIcon, a4 as GoogleBrandIcon, a5 as GripVerticalIcon, a6 as HelpCircleIcon, a7 as HistoryIcon, a8 as HomeIcon, a9 as IconComponent, aa as IconDefinition, ab as IconProps, ac as IconSize, ad as InboxIcon, ae as InfoCircleSolidIcon, af as InfoIcon, ag as ItalicIcon, ah as KanbanIcon, ai as KeyIcon, aj as LandmarkIcon, ak as LayersIcon, al as LayoutDashboardIcon, am as LayoutGridIcon, an as LayoutListIcon, ao as LightningIcon, ap as Link2Icon, aq as LinkIcon, ar as ListChecksIcon, as as ListIcon, at as ListOrderedIcon, au as LoaderIcon, av as LockIcon, aw as LockKeyholeIcon, ax as LockOpenIcon, ay as LogOutIcon, az as MailIcon, aA as MapPinIcon, aB as MaximizeIcon, aC as MenuIcon, aD as MessageCircleIcon, aE as MessageCircleWarningIcon, aF as MicIcon, aG as MicrosoftBrandIcon, aH as MinimizeIcon, aI as MinusIcon, aJ as MonitorIcon, aK as MoonIcon, aL as MoreHorizontalIcon, aM as MoveIcon, aN as PaletteIcon, aO as PanelLeftCloseIcon, aP as PanelLeftIcon, aQ as PanelRightIcon, aR as PaperclipIcon, aS as PauseIcon, aT as PenSignIcon, aU as PenToolIcon, aV as PencilIcon, aW as PhoneIcon, aX as PlayIcon, aY as PlusIcon, aZ as ReceiptIcon, a_ as RefreshCwIcon, a$ as ReplyIcon, b0 as RotateCcwIcon, b1 as SaveIcon, b2 as SearchIcon, b3 as SendIcon, b4 as SettingsIcon, b5 as ShieldIcon, b6 as SigmaIcon, b7 as SlashIcon, b8 as SmartphoneIcon, b9 as SparkleIcon, ba as SparklesIcon, bb as StarIcon, bc as StopIcon, bd as StrikethroughIcon, be as SunIcon, bf as TableIcon, bg as TagIcon, bh as TeamIcon, bi as ThumbsDownIcon, bj as ThumbsUpIcon, bk as TimerIcon, bl as Trash2Icon, bm as TrashIcon, bn as TrashSolidIcon, bo as TrendingDownIcon, bp as TrendingUpIcon, bq as UnderlineIcon, br as UploadIcon, bs as UserCircleIcon, bt as UserIcon, bu as UsersIcon, bv as VideoIcon, bw as Volume2Icon, bx as VolumeXIcon, by as WorkflowIcon, bz as XCircleSolidIcon, bA as XIcon, bB as ZoomInIcon, bC as ZoomOutIcon, bD as createIcon } from './index-
|
|
7
|
+
import { V as Variant, I as Intent, C as ControlSize, S as Shape } from './index-vztxMSfl.js';
|
|
8
|
+
export { A as AlertCircleIcon, a as AlertTriangleIcon, b as AlertTriangleSolidIcon, c as ArchiveIcon, d as ArrowDownIcon, e as ArrowLeftIcon, f as ArrowRightIcon, g as ArrowRightSmallIcon, h as ArrowUpIcon, i as AtSignIcon, B as BarChartIcon, j as BellIcon, k as BoldIcon, l as BrainIcon, m as BriefcaseIcon, n as Building2Icon, o as BuildingIcon, p as CalendarIcon, q as ChatBubbleIcon, r as CheckCircle2Icon, s as CheckCircleSolidIcon, t as CheckIcon, u as ChevronDownIcon, v as ChevronLeftIcon, w as ChevronRightIcon, x as ChevronUpIcon, y as ChevronsDownUpIcon, z as ChevronsUpDownIcon, D as CircleDotIcon, E as CircleIcon, F as ClipboardCheckIcon, G as ClockIcon, H as CloseIcon, J as CommandIcon, K as CopyIcon, L as CornerDownLeftIcon, M as CreditCardIcon, N as DocumentIcon, O as DollarSignIcon, P as DownloadIcon, Q as ExternalLinkIcon, R as ExtractIcon, T as EyeIcon, U as EyeOffIcon, W as FileIcon, X as FileReturnIcon, Y as FileTextIcon, Z as FilterIcon, _ as FlagIcon, $ as FolderClosedIcon, a0 as FolderOpenIcon, a1 as FolderPlusIcon, a2 as FolderUpIcon, a3 as GlobeIcon, a4 as GoogleBrandIcon, a5 as GripVerticalIcon, a6 as HelpCircleIcon, a7 as HistoryIcon, a8 as HomeIcon, a9 as IconComponent, aa as IconDefinition, ab as IconProps, ac as IconSize, ad as InboxIcon, ae as InfoCircleSolidIcon, af as InfoIcon, ag as ItalicIcon, ah as KanbanIcon, ai as KeyIcon, aj as LandmarkIcon, ak as LayersIcon, al as LayoutDashboardIcon, am as LayoutGridIcon, an as LayoutListIcon, ao as LightningIcon, ap as Link2Icon, aq as LinkIcon, ar as ListChecksIcon, as as ListIcon, at as ListOrderedIcon, au as LoaderIcon, av as LockIcon, aw as LockKeyholeIcon, ax as LockOpenIcon, ay as LogOutIcon, az as MailIcon, aA as MapPinIcon, aB as MaximizeIcon, aC as MenuIcon, aD as MessageCircleIcon, aE as MessageCircleWarningIcon, aF as MicIcon, aG as MicrosoftBrandIcon, aH as MinimizeIcon, aI as MinusIcon, aJ as MonitorIcon, aK as MoonIcon, aL as MoreHorizontalIcon, aM as MoveIcon, aN as PaletteIcon, aO as PanelLeftCloseIcon, aP as PanelLeftIcon, aQ as PanelRightIcon, aR as PaperclipIcon, aS as PauseIcon, aT as PenSignIcon, aU as PenToolIcon, aV as PencilIcon, aW as PhoneIcon, aX as PlayIcon, aY as PlusIcon, aZ as ReceiptIcon, a_ as RefreshCwIcon, a$ as ReplyIcon, b0 as RotateCcwIcon, b1 as SaveIcon, b2 as SearchIcon, b3 as SendIcon, b4 as SettingsIcon, b5 as ShieldIcon, b6 as SigmaIcon, b7 as SlashIcon, b8 as SmartphoneIcon, b9 as SparkleIcon, ba as SparklesIcon, bb as StarIcon, bc as StopIcon, bd as StrikethroughIcon, be as SunIcon, bf as TableIcon, bg as TagIcon, bh as TeamIcon, bi as ThumbsDownIcon, bj as ThumbsUpIcon, bk as TimerIcon, bl as Trash2Icon, bm as TrashIcon, bn as TrashSolidIcon, bo as TrendingDownIcon, bp as TrendingUpIcon, bq as UnderlineIcon, br as UploadIcon, bs as UserCircleIcon, bt as UserIcon, bu as UsersIcon, bv as VideoIcon, bw as Volume2Icon, bx as VolumeXIcon, by as WorkflowIcon, bz as XCircleSolidIcon, bA as XIcon, bB as ZoomInIcon, bC as ZoomOutIcon, bD as createIcon } from './index-vztxMSfl.js';
|
|
9
9
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
10
10
|
import { VariantProps } from 'class-variance-authority';
|
|
11
11
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
@@ -13,11 +13,11 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
|
13
13
|
import { DayPickerProps } from 'react-day-picker';
|
|
14
14
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
15
15
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
16
|
+
import { C as CommandPaletteMessages, a as ConfirmMessages, b as CopyButtonMessages, E as ErrorStateMessages, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, c as PhoneFieldMessages, S as SearchInputMessages, d as SelectMessages, T as TableMessages, e as ToastMessages, f as FieldMessages, g as ComboboxMessages, h as TableStatesMessages, i as DataTableMessages } from './design-system-provider-B5MbvbRc.js';
|
|
17
|
+
export { j as DesignSystemProvider, D as DesignSystemProviderProps, k as DsDirection, l as DsMessageNamespace, m as DsMessages, n as DsMessagesOverride, I as ImageComponent, o as ImageComponentProps, L as LinkComponent, p as LinkComponentProps, q as TooltipDefaults, u as useDsMessages } from './design-system-provider-B5MbvbRc.js';
|
|
16
18
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
17
19
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
18
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
19
|
-
import { F as FileUploadMessages, S as SearchInputMessages, a as SelectMessages, b as FieldMessages, C as ComboboxMessages } from './design-system-provider-cPUklDJv.js';
|
|
20
|
-
export { c as DesignSystemProvider, D as DesignSystemProviderProps, d as DsDirection, e as DsMessageNamespace, f as DsMessages, g as DsMessagesOverride, I as ImageComponent, h as ImageComponentProps, L as LinkComponent, i as LinkComponentProps, T as TooltipDefaults, u as useDsMessages } from './design-system-provider-cPUklDJv.js';
|
|
21
21
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
22
22
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
23
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
@@ -28,12 +28,12 @@ import * as SelectPrimitive from '@radix-ui/react-select';
|
|
|
28
28
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
29
29
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
30
30
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
31
|
+
import { BrandTheme } from './tokens/index.js';
|
|
31
32
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
32
33
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
33
34
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
34
35
|
import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
|
|
35
36
|
import { ClassValue } from 'clsx';
|
|
36
|
-
import { BrandTheme } from './tokens/index.js';
|
|
37
37
|
|
|
38
38
|
type AccordionProps = React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
|
|
39
39
|
declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -203,13 +203,24 @@ type PhoneFieldSlot = "root" | "country" | "number" | "flag";
|
|
|
203
203
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
204
204
|
*/
|
|
205
205
|
type FileUploadSlot = "root" | "dropzone" | "input" | "error";
|
|
206
|
+
/**
|
|
207
|
+
* `Command` / `CommandPalette` parts, stamped as `data-slot="command-<part>"`
|
|
208
|
+
* (ADR-008, W5-19). `overlay`, `content`, `title` and `description` are the
|
|
209
|
+
* spotlight modal (`CommandDialog`); `root`, `input`, `list`, `empty`,
|
|
210
|
+
* `group` and `item` are the command-list parts; `footer` is the
|
|
211
|
+
* keyboard-hint strip `CommandPalette` renders below the list.
|
|
212
|
+
*
|
|
213
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
214
|
+
*/
|
|
215
|
+
type CommandSlot = "overlay" | "content" | "title" | "description" | "root" | "input" | "list" | "empty" | "group" | "item" | "footer";
|
|
206
216
|
/**
|
|
207
217
|
* `Dialog` parts, stamped as `data-slot="dialog-<part>"` (ADR-008). There is
|
|
208
218
|
* no `root`: `Dialog` is Radix's non-rendering root. `close` is stamped on
|
|
209
219
|
* both the built-in close button and `DialogClose`; they are the same part —
|
|
210
220
|
* a control that dismisses the dialog. `body` is the scroll region between
|
|
211
|
-
* header and footer (W5-05). States: `data-size` on the content
|
|
212
|
-
*
|
|
221
|
+
* header and footer (W5-05). States: `data-size` on the content, and
|
|
222
|
+
* `data-variant="responsive"` when it presents as a bottom sheet below `sm`
|
|
223
|
+
* (W5-09). Radix's `data-state` is left as it is (`P-DATA-STATE`).
|
|
213
224
|
*
|
|
214
225
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
215
226
|
*/
|
|
@@ -291,11 +302,13 @@ type ToastSlot = "region" | "root" | "icon" | "title" | "description" | "action"
|
|
|
291
302
|
* overflow container that `wrapperClassName` styles today and
|
|
292
303
|
* `classNames.wrapper` replaces (`C-CLASSNAME-PROPS`). `header` is `<thead>`
|
|
293
304
|
* and `head` is a `<th>`, matching the `TableHeader` / `TableHead` component
|
|
294
|
-
* names. Native table semantics are permanent (`P-NATIVE-TABLE`).
|
|
305
|
+
* names. Native table semantics are permanent (`P-NATIVE-TABLE`). `sort` is
|
|
306
|
+
* the `<button>` a sortable `TableHead` renders around its label and
|
|
307
|
+
* `sort-indicator` the chevron inside it (W6-01).
|
|
295
308
|
*
|
|
296
309
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
297
310
|
*/
|
|
298
|
-
type TableSlot = "root" | "wrapper" | "header" | "body" | "footer" | "row" | "head" | "cell" | "caption";
|
|
311
|
+
type TableSlot = "root" | "wrapper" | "header" | "body" | "footer" | "row" | "head" | "cell" | "caption" | "sort" | "sort-indicator";
|
|
299
312
|
/**
|
|
300
313
|
* `DataTable*` parts, stamped as `data-slot="data-table[-<part>]"` (ADR-008).
|
|
301
314
|
* These are `C-DT-PARTS`, the parallel copy of `Table*` that W6-03 folds back
|
|
@@ -313,17 +326,24 @@ type TableSlot = "root" | "wrapper" | "header" | "body" | "footer" | "row" | "he
|
|
|
313
326
|
* their own — stamping over it would delete the inner component's part name.
|
|
314
327
|
* W6-06 gives the search its own `classNames.search` (`C-DOM-18`).
|
|
315
328
|
*
|
|
329
|
+
* The compound `DataTablePattern` (W6-06, `src/patterns/data/data-table.tsx`)
|
|
330
|
+
* renders in the same namespace and adds its slots: `search`, `filters`,
|
|
331
|
+
* `columns-menu`, `content` (the table's overflow wrapper), `bulk-actions`
|
|
332
|
+
* and `pagination`. It is the same component family, so a consumer's
|
|
333
|
+
* `[data-slot^="data-table"]` selectors keep meaning what they meant.
|
|
334
|
+
*
|
|
316
335
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
317
336
|
*/
|
|
318
|
-
type DataTableSlot = "root" | "toolbar" | "spacer" | "results-count" | "header" | "body" | "row" | "head" | "head-button" | "head-indicator" | "cell" | "checkbox-cell";
|
|
337
|
+
type DataTableSlot = "root" | "toolbar" | "spacer" | "results-count" | "header" | "body" | "row" | "head" | "head-button" | "head-indicator" | "cell" | "checkbox-cell" | "search" | "filters" | "columns-menu" | "content" | "bulk-actions" | "pagination";
|
|
319
338
|
/**
|
|
320
339
|
* `Pagination` parts, stamped as `data-slot="pagination[-<part>]"` (ADR-008).
|
|
321
340
|
* `root` is the `<nav>`. The current page carries `data-selected` alongside
|
|
322
|
-
* its existing `aria-current="page"`.
|
|
341
|
+
* its existing `aria-current="page"`. `page-size` wraps the optional
|
|
342
|
+
* rows-per-page `Select` (W6-09).
|
|
323
343
|
*
|
|
324
344
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
325
345
|
*/
|
|
326
|
-
type PaginationSlot = "root" | "label" | "pages" | "previous" | "next" | "page" | "ellipsis";
|
|
346
|
+
type PaginationSlot = "root" | "label" | "page-size" | "pages" | "previous" | "next" | "page" | "ellipsis";
|
|
327
347
|
/**
|
|
328
348
|
* `Shell` / `Main` / `Content` parts, stamped as `data-slot="shell[-<part>]"`
|
|
329
349
|
* (ADR-008). Three elements, three names: the app frame, the column beside the
|
|
@@ -955,6 +975,16 @@ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<BreadcrumbListPr
|
|
|
955
975
|
type BreadcrumbItemProps = React.HTMLAttributes<HTMLLIElement>;
|
|
956
976
|
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
957
977
|
type BreadcrumbLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
978
|
+
/**
|
|
979
|
+
* A breadcrumb trail step.
|
|
980
|
+
*
|
|
981
|
+
* Renders through the provider's `linkComponent` when one is configured and an
|
|
982
|
+
* `href` is given (W7-05), so an app-shell breadcrumb routes client-side
|
|
983
|
+
* instead of triggering a full page load — the trail is the app's primary
|
|
984
|
+
* upward navigation, and in TAX it is where the page title lives. Without a
|
|
985
|
+
* provider, or without an `href`, it stays the plain `<a>` it has always been,
|
|
986
|
+
* so the default rendering is unchanged.
|
|
987
|
+
*/
|
|
958
988
|
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<BreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
959
989
|
type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
960
990
|
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<BreadcrumbPageProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1363,12 +1393,111 @@ interface CommandItem {
|
|
|
1363
1393
|
}
|
|
1364
1394
|
interface CommandPaletteProps {
|
|
1365
1395
|
items: CommandItem[];
|
|
1396
|
+
/** Controlled open state. Omit for the uncontrolled palette (Cmd/Ctrl+K toggles it). */
|
|
1366
1397
|
open?: boolean;
|
|
1398
|
+
/** The initial open state of an uncontrolled palette. Default `false`. */
|
|
1399
|
+
defaultOpen?: boolean;
|
|
1367
1400
|
onOpenChange?: (open: boolean) => void;
|
|
1401
|
+
/** The search input's placeholder. Default `messages.search` (`"Type a command or search..."`). */
|
|
1368
1402
|
placeholder?: string;
|
|
1403
|
+
/** Overrides of the copy the palette renders (W5-22). */
|
|
1404
|
+
messages?: Partial<CommandPaletteMessages>;
|
|
1369
1405
|
}
|
|
1370
1406
|
|
|
1371
|
-
declare function CommandPalette({ items, open: controlledOpen, onOpenChange, placeholder, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
|
|
1407
|
+
declare function CommandPalette({ items, open: controlledOpen, defaultOpen, onOpenChange, placeholder: placeholderProp, messages: messagesProp, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
|
|
1408
|
+
|
|
1409
|
+
/** The meaning of a confirmation, as on `Button`. @experimental */
|
|
1410
|
+
type ConfirmIntent = Extract<Intent, "brand" | "neutral" | "success" | "danger">;
|
|
1411
|
+
/**
|
|
1412
|
+
* How the dialog presents (W5-09). `dialog` (default) is the centred box;
|
|
1413
|
+
* `responsive` renders the same content as a bottom sheet below the `sm`
|
|
1414
|
+
* breakpoint once the overlay primitives support it. Forwarded as is.
|
|
1415
|
+
*
|
|
1416
|
+
* @experimental
|
|
1417
|
+
*/
|
|
1418
|
+
type ConfirmPresentation = "dialog" | "responsive";
|
|
1419
|
+
/** Where focus starts when a `ConfirmDialog` opens. @experimental */
|
|
1420
|
+
type ConfirmInitialFocus = "cancel" | "confirm" | "none";
|
|
1421
|
+
/** The result of `onConfirm`: `false` keeps the dialog open. @experimental */
|
|
1422
|
+
type ConfirmResult = void | boolean;
|
|
1423
|
+
/**
|
|
1424
|
+
* Props of `ConfirmDialog`.
|
|
1425
|
+
*
|
|
1426
|
+
* @experimental
|
|
1427
|
+
*/
|
|
1428
|
+
interface ConfirmDialogProps {
|
|
1429
|
+
/** Controlled open state. */
|
|
1430
|
+
open?: boolean;
|
|
1431
|
+
/** Initial open state for uncontrolled usage. */
|
|
1432
|
+
defaultOpen?: boolean;
|
|
1433
|
+
/** Called when the dialog requests an open-state change. */
|
|
1434
|
+
onOpenChange?: (open: boolean) => void;
|
|
1435
|
+
/**
|
|
1436
|
+
* Element rendered as the dialog trigger (`<AlertDialogTrigger asChild>`).
|
|
1437
|
+
* Omit it when the dialog is driven entirely by `open` / `onOpenChange`.
|
|
1438
|
+
*/
|
|
1439
|
+
trigger?: React$1.ReactNode;
|
|
1440
|
+
/** The question. Required: an alert dialog needs a name. */
|
|
1441
|
+
title: React$1.ReactNode;
|
|
1442
|
+
/** The explanation under the title (inline content — it renders in a paragraph). */
|
|
1443
|
+
description?: React$1.ReactNode;
|
|
1444
|
+
/**
|
|
1445
|
+
* Block content between the description and the actions: a form field, a
|
|
1446
|
+
* list of what will be affected, a fee notice. Not read as the dialog's
|
|
1447
|
+
* description; label it on its own.
|
|
1448
|
+
*/
|
|
1449
|
+
children?: React$1.ReactNode;
|
|
1450
|
+
/** The confirm button's label. Default: `messages.confirm` (`"Confirm"`). */
|
|
1451
|
+
confirmLabel?: React$1.ReactNode;
|
|
1452
|
+
/** The confirm button's label while `onConfirm` is pending. Default: `confirmLabel`. */
|
|
1453
|
+
pendingLabel?: React$1.ReactNode;
|
|
1454
|
+
/** The cancel button's label. Default: `messages.cancel` (`"Cancel"`). */
|
|
1455
|
+
cancelLabel?: React$1.ReactNode;
|
|
1456
|
+
/** Overrides of the copy the dialog renders; the provider's `messages.confirm` sits below. */
|
|
1457
|
+
messages?: Partial<ConfirmMessages>;
|
|
1458
|
+
/**
|
|
1459
|
+
* Awaited. The dialog closes when it resolves (to anything but `false`)
|
|
1460
|
+
* and stays open when it rejects or resolves `false`.
|
|
1461
|
+
*/
|
|
1462
|
+
onConfirm: () => ConfirmResult | Promise<ConfirmResult>;
|
|
1463
|
+
/** Called when the user cancels (button, Escape, backdrop). */
|
|
1464
|
+
onCancel?: () => void;
|
|
1465
|
+
/**
|
|
1466
|
+
* Called when `onConfirm` rejects, with the rejection. The dialog stays
|
|
1467
|
+
* open either way; see `inlineError` for what renders.
|
|
1468
|
+
*/
|
|
1469
|
+
onError?: (error: unknown) => void;
|
|
1470
|
+
/**
|
|
1471
|
+
* Whether a rejection renders inline (a `FieldError`-style alert under the
|
|
1472
|
+
* content: the `Error`'s message, or `messages.failed`). Default `true`.
|
|
1473
|
+
* `false` leaves the surfacing to `onError` (a toast, for example).
|
|
1474
|
+
*/
|
|
1475
|
+
inlineError?: boolean;
|
|
1476
|
+
/** Meaning. Default `danger`. See {@link ConfirmIntent}. */
|
|
1477
|
+
intent?: ConfirmIntent;
|
|
1478
|
+
/**
|
|
1479
|
+
* Where focus starts when the dialog opens. Default: `cancel` for `danger`
|
|
1480
|
+
* (a destructive confirmation must not proceed on a reflex Enter), `confirm`
|
|
1481
|
+
* for every other intent. `none` leaves it to the content — the element
|
|
1482
|
+
* with `autoFocus` inside `children`, as `usePrompt` does for its input.
|
|
1483
|
+
*/
|
|
1484
|
+
initialFocus?: ConfirmInitialFocus;
|
|
1485
|
+
/** Disables the confirm button (a type-to-confirm or required field that is not satisfied yet). */
|
|
1486
|
+
confirmDisabled?: boolean;
|
|
1487
|
+
/** Presentation. Default `dialog`. See {@link ConfirmPresentation}. */
|
|
1488
|
+
presentation?: ConfirmPresentation;
|
|
1489
|
+
/** Forwarded to the content for one-off layout overrides. */
|
|
1490
|
+
className?: string;
|
|
1491
|
+
}
|
|
1492
|
+
/**
|
|
1493
|
+
* The confirmation pattern (W5-16). See the file comment.
|
|
1494
|
+
*
|
|
1495
|
+
* @experimental
|
|
1496
|
+
*/
|
|
1497
|
+
declare function ConfirmDialog({ open, defaultOpen, onOpenChange, trigger, title, description, children, confirmLabel, pendingLabel, cancelLabel, messages: messagesOverride, onConfirm, onCancel, onError, inlineError, intent, initialFocus, confirmDisabled, presentation, className, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
|
|
1498
|
+
declare namespace ConfirmDialog {
|
|
1499
|
+
var displayName: string;
|
|
1500
|
+
}
|
|
1372
1501
|
|
|
1373
1502
|
interface ConfirmActionButtonProps {
|
|
1374
1503
|
/** Element rendered as the dialog trigger via `<AlertDialogTrigger asChild>`.
|
|
@@ -1378,16 +1507,45 @@ interface ConfirmActionButtonProps {
|
|
|
1378
1507
|
trigger?: React$1.ReactNode;
|
|
1379
1508
|
title: React$1.ReactNode;
|
|
1380
1509
|
description?: React$1.ReactNode;
|
|
1510
|
+
/** Default `"Confirm"` (the provider's `messages.confirm.confirm`). */
|
|
1381
1511
|
confirmLabel?: React$1.ReactNode;
|
|
1382
1512
|
/** Shown on the confirm button while `onConfirm` is awaiting. Falls back to
|
|
1383
1513
|
* `confirmLabel` when omitted, so existing callers are unaffected. */
|
|
1384
1514
|
pendingLabel?: React$1.ReactNode;
|
|
1515
|
+
/** Default `"Cancel"` (the provider's `messages.confirm.cancel`). */
|
|
1385
1516
|
cancelLabel?: React$1.ReactNode;
|
|
1386
|
-
/** Awaited; dialog closes after resolve, stays open on reject. */
|
|
1387
|
-
onConfirm: () => void | Promise<void>;
|
|
1388
|
-
/**
|
|
1389
|
-
|
|
1517
|
+
/** Awaited; dialog closes after resolve, stays open on reject (or a resolved `false`). */
|
|
1518
|
+
onConfirm: () => void | boolean | Promise<void | boolean>;
|
|
1519
|
+
/** Called with the rejection of `onConfirm` (the dialog stays open). @experimental */
|
|
1520
|
+
onError?: (error: unknown) => void;
|
|
1521
|
+
/**
|
|
1522
|
+
* When true (default) the Action button uses the destructive palette;
|
|
1523
|
+
* when false it uses the brand primary palette.
|
|
1524
|
+
*
|
|
1525
|
+
* Alias of `intent` (W5-17): `true` is `intent="danger"`, `false` is
|
|
1526
|
+
* `intent="brand"`. `intent`, when passed, wins.
|
|
1527
|
+
*/
|
|
1390
1528
|
destructive?: boolean;
|
|
1529
|
+
/**
|
|
1530
|
+
* Meaning of the confirmation, as on `ConfirmDialog`: `danger` (default)
|
|
1531
|
+
* keeps the destructive action and starts focus on Cancel; `brand`,
|
|
1532
|
+
* `neutral` and `success` render the action through the Button recipe and
|
|
1533
|
+
* start focus on the confirm button.
|
|
1534
|
+
*
|
|
1535
|
+
* @experimental
|
|
1536
|
+
*/
|
|
1537
|
+
intent?: ConfirmIntent;
|
|
1538
|
+
/**
|
|
1539
|
+
* Render the rejection of `onConfirm` inline under the description instead
|
|
1540
|
+
* of leaving it to the consumer. Default `false` (the 1.x behaviour).
|
|
1541
|
+
*
|
|
1542
|
+
* @experimental
|
|
1543
|
+
*/
|
|
1544
|
+
inlineError?: boolean;
|
|
1545
|
+
/** Presentation of the dialog (W5-09). Default `dialog`. @experimental */
|
|
1546
|
+
presentation?: ConfirmPresentation;
|
|
1547
|
+
/** Block content between the description and the actions (a form field). @experimental */
|
|
1548
|
+
children?: React$1.ReactNode;
|
|
1391
1549
|
/** Forwarded to AlertDialogContent for one-off layout overrides. */
|
|
1392
1550
|
contentClassName?: string;
|
|
1393
1551
|
/** Controlled open state for menu-hoisted or externally triggered dialogs. */
|
|
@@ -1397,7 +1555,7 @@ interface ConfirmActionButtonProps {
|
|
|
1397
1555
|
/** Called when the dialog requests an open-state change. */
|
|
1398
1556
|
onOpenChange?: (open: boolean) => void;
|
|
1399
1557
|
}
|
|
1400
|
-
declare function ConfirmActionButton({ trigger, title, description, confirmLabel, pendingLabel, cancelLabel, onConfirm, destructive, contentClassName, open, defaultOpen, onOpenChange, }: ConfirmActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
1558
|
+
declare function ConfirmActionButton({ trigger, title, description, confirmLabel, pendingLabel, cancelLabel, onConfirm, onError, destructive, intent, inlineError, presentation, children, contentClassName, open, defaultOpen, onOpenChange, }: ConfirmActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
1401
1559
|
|
|
1402
1560
|
declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
1403
1561
|
declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1437,6 +1595,8 @@ declare const ContextMenuShortcut: {
|
|
|
1437
1595
|
interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1438
1596
|
value: string;
|
|
1439
1597
|
feedbackDuration?: number;
|
|
1598
|
+
/** Overrides of the two accessible names (W5-22): prop > provider `messages.copyButton` > English. */
|
|
1599
|
+
messages?: Partial<CopyButtonMessages>;
|
|
1440
1600
|
}
|
|
1441
1601
|
/**
|
|
1442
1602
|
* CopyButton — single-click clipboard copy with check-mark feedback.
|
|
@@ -1609,7 +1769,7 @@ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
|
|
|
1609
1769
|
*
|
|
1610
1770
|
* @experimental
|
|
1611
1771
|
*/
|
|
1612
|
-
type DialogSize
|
|
1772
|
+
type DialogSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
1613
1773
|
/**
|
|
1614
1774
|
* Height of a `DialogContent` (W5-05). `auto` (default) grows with the
|
|
1615
1775
|
* content and scrolls the whole box past `100vh - 6rem`, as it always did.
|
|
@@ -1621,6 +1781,18 @@ type DialogSize$1 = "sm" | "md" | "lg" | "xl" | "full";
|
|
|
1621
1781
|
* @experimental
|
|
1622
1782
|
*/
|
|
1623
1783
|
type DialogHeight = "auto" | "sm" | "md" | "lg" | "full";
|
|
1784
|
+
/**
|
|
1785
|
+
* How a `DialogContent` presents (W5-09). `dialog` (default) is the centred
|
|
1786
|
+
* box. `responsive` renders the same content as a bottom sheet below the `sm`
|
|
1787
|
+
* breakpoint (full width, top corners rounded, safe-area padding, `85vh`
|
|
1788
|
+
* cap) and as the centred box from it — one Radix root and one content node
|
|
1789
|
+
* whose surface CSS switches at the breakpoint, so focus, form state and
|
|
1790
|
+
* scroll position survive a resize or rotation. `size` and `--ds-dialog-width`
|
|
1791
|
+
* apply to the centred form only.
|
|
1792
|
+
*
|
|
1793
|
+
* @experimental
|
|
1794
|
+
*/
|
|
1795
|
+
type DialogPresentation = "dialog" | "responsive";
|
|
1624
1796
|
/**
|
|
1625
1797
|
* The copy a `Dialog` renders (target architecture §24.5). English defaults
|
|
1626
1798
|
* until the messages contract of the provider lands (W5-20).
|
|
@@ -1639,9 +1811,11 @@ interface DialogMessages {
|
|
|
1639
1811
|
*/
|
|
1640
1812
|
interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
1641
1813
|
/** Width step. Default `md`. See {@link DialogSize}. */
|
|
1642
|
-
size?: DialogSize
|
|
1814
|
+
size?: DialogSize;
|
|
1643
1815
|
/** Height step. Default `auto`. See {@link DialogHeight}. */
|
|
1644
1816
|
height?: DialogHeight;
|
|
1817
|
+
/** Centred box, or a bottom sheet below `sm`. Default `dialog`. See {@link DialogPresentation}. */
|
|
1818
|
+
presentation?: DialogPresentation;
|
|
1645
1819
|
/**
|
|
1646
1820
|
* If false, the built-in close button is hidden. Default: true.
|
|
1647
1821
|
* Use `<DialogClose>` inside content to render your own close UI.
|
|
@@ -1850,18 +2024,170 @@ declare const DropdownMenuShortcut: {
|
|
|
1850
2024
|
};
|
|
1851
2025
|
|
|
1852
2026
|
/**
|
|
1853
|
-
* EmptyState — display headline (Inter), fg-3 description,
|
|
2027
|
+
* EmptyState — display headline (Inter), fg-3 description, icon tile on surface-2 with a
|
|
2028
|
+
* hairline ring (Polish 2 §3.10: the tile reads as a surface, the icon as content).
|
|
1854
2029
|
*
|
|
1855
|
-
* Public API preserved: `icon`, `title`, `description`, `action`.
|
|
2030
|
+
* Public API preserved: `icon`, `title`, `description`, `action`. `size="compact"`
|
|
2031
|
+
* (W6-08) is the in-table variant: less vertical padding, a smaller icon tile.
|
|
2032
|
+
* W7-13 adds `size="page"`, the `section` spelling of today's `default`,
|
|
2033
|
+
* `headingLevel` and `align` — 165 consumer files, plus PRO `CompactEmptyState`
|
|
2034
|
+
* (8) and TAX `CardEmpty` (6), all draw one of these three scales. Every
|
|
2035
|
+
* addition is additive; the default render is unchanged.
|
|
2036
|
+
*/
|
|
2037
|
+
/**
|
|
2038
|
+
* The vertical scale of an `EmptyState`. `page` is a whole route, `section` a
|
|
2039
|
+
* panel body and `compact` an in-table row. `"default"` is the pre-W7-13
|
|
2040
|
+
* spelling of `section`, so existing call sites render identically.
|
|
1856
2041
|
*/
|
|
2042
|
+
type EmptyStateSize = "page" | "section" | "compact" | "default";
|
|
2043
|
+
/** Where the content sits on the cross axis. @experimental */
|
|
2044
|
+
type EmptyStateAlign = "center" | "start";
|
|
1857
2045
|
interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1858
2046
|
icon?: React.ReactNode;
|
|
1859
2047
|
title: string;
|
|
1860
2048
|
description?: string;
|
|
1861
2049
|
action?: React.ReactNode;
|
|
2050
|
+
/** `page`, `section` (today's `default`) or `compact`. @default "section" @experimental */
|
|
2051
|
+
size?: EmptyStateSize;
|
|
2052
|
+
/**
|
|
2053
|
+
* The document-outline level of the title; the visual size does not change
|
|
2054
|
+
* with it. `3` is the tag the title has always rendered. @experimental
|
|
2055
|
+
*/
|
|
2056
|
+
headingLevel?: HeadingLevel;
|
|
2057
|
+
/** `center` (today) or `start`, for a state inside a left-aligned panel. @default "center" @experimental */
|
|
2058
|
+
align?: EmptyStateAlign;
|
|
1862
2059
|
}
|
|
1863
2060
|
declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1864
2061
|
|
|
2062
|
+
/**
|
|
2063
|
+
* ErrorState — the failed-to-load counterpart of `EmptyState` (W6-08, grown by
|
|
2064
|
+
* W7-12): a danger-tinted icon tile, a title, an optional description, a retry
|
|
2065
|
+
* button when `onRetry` is given and an optional collapsible `details` block.
|
|
2066
|
+
*
|
|
2067
|
+
* W7-12 upstreams the shape all three products hand-rolled (PRO's wrapper, 116
|
|
2068
|
+
* importers; PORTAL's, 19; TAX `CardFailed`) — target architecture §36.
|
|
2069
|
+
* **Reporting (Sentry), stale-build detection and copy policy stay in the
|
|
2070
|
+
* product**: this component neither logs nor reloads, it only renders and calls
|
|
2071
|
+
* `onRetry`. Every new prop is additive and the default render is unchanged.
|
|
2072
|
+
*
|
|
2073
|
+
* @experimental
|
|
2074
|
+
*/
|
|
2075
|
+
/**
|
|
2076
|
+
* The vertical scale of an `ErrorState`. `page` is a full-route failure,
|
|
2077
|
+
* `section` a panel body and `compact` an in-table row. `"default"` is kept as
|
|
2078
|
+
* the pre-W7-12 spelling of `section`, so existing call sites render
|
|
2079
|
+
* identically.
|
|
2080
|
+
*/
|
|
2081
|
+
type ErrorStateSize = "page" | "section" | "compact" | "default";
|
|
2082
|
+
|
|
2083
|
+
interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2084
|
+
/** Replaces the default warning glyph. */
|
|
2085
|
+
icon?: React.ReactNode;
|
|
2086
|
+
/** Default `messages.errorState.title` (`"Something went wrong"`). */
|
|
2087
|
+
title?: string;
|
|
2088
|
+
description?: string;
|
|
2089
|
+
/** Renders a retry button (`messages.errorState.retry`, `"Try again"`) that calls it. */
|
|
2090
|
+
onRetry?: () => void;
|
|
2091
|
+
/** Overrides the retry button's label without touching the catalogue. @experimental */
|
|
2092
|
+
retryLabel?: React.ReactNode;
|
|
2093
|
+
/** Extra action rendered next to (or instead of) the retry button. */
|
|
2094
|
+
action?: React.ReactNode;
|
|
2095
|
+
/**
|
|
2096
|
+
* The technical detail behind the failure — a request id, a stack, the raw
|
|
2097
|
+
* message — rendered collapsed behind a "Show details" disclosure. What goes
|
|
2098
|
+
* in it (and whether it is reported) stays the product's call. @experimental
|
|
2099
|
+
*/
|
|
2100
|
+
details?: React.ReactNode;
|
|
2101
|
+
/** Renders `details` open on mount. @default false @experimental */
|
|
2102
|
+
defaultDetailsOpen?: boolean;
|
|
2103
|
+
/**
|
|
2104
|
+
* The document-outline level of the title; the visual size does not change
|
|
2105
|
+
* with it. `3` is the tag the title has always rendered. @experimental
|
|
2106
|
+
*/
|
|
2107
|
+
headingLevel?: HeadingLevel;
|
|
2108
|
+
/** `page`, `section` (today's `default`) or `compact`. @default "section" */
|
|
2109
|
+
size?: ErrorStateSize;
|
|
2110
|
+
/** Overrides of the copy (W5-22): prop > provider `messages.errorState` > English. */
|
|
2111
|
+
messages?: Partial<ErrorStateMessages>;
|
|
2112
|
+
}
|
|
2113
|
+
declare const ErrorState: React$1.ForwardRefExoticComponent<ErrorStateProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2114
|
+
|
|
2115
|
+
/**
|
|
2116
|
+
* SectionCard — a `Card` with its header already composed (W7-14).
|
|
2117
|
+
*
|
|
2118
|
+
* This is the surface the three products each hand-rolled: PRO `SettingsSection`
|
|
2119
|
+
* (×11) and `TileCard` (×14), TAX `DashboardCard` (×8) — a titled panel with an
|
|
2120
|
+
* optional sub-line, an optional trailing action and a body. It adds nothing to
|
|
2121
|
+
* `Card`; it is the four-part composition written once, so a titled panel is a
|
|
2122
|
+
* single element instead of six.
|
|
2123
|
+
*
|
|
2124
|
+
* Deltas against the local components it replaces are listed in the W7-14 PR
|
|
2125
|
+
* (TAX's tally pill, `info` tooltip and `View all` link, PRO's `TileCard` hover)
|
|
2126
|
+
* stay product concerns and go in `actions`.
|
|
2127
|
+
*
|
|
2128
|
+
* @experimental
|
|
2129
|
+
*/
|
|
2130
|
+
interface SectionCardProps extends Omit<CardProps, "title"> {
|
|
2131
|
+
/** The panel heading. Omit it for a bare `Card`. */
|
|
2132
|
+
title?: React.ReactNode;
|
|
2133
|
+
/** A sub-line under the title. */
|
|
2134
|
+
description?: React.ReactNode;
|
|
2135
|
+
/** Trailing header slot: a link, a menu, a tally — whatever the panel needs. */
|
|
2136
|
+
actions?: React.ReactNode;
|
|
2137
|
+
/**
|
|
2138
|
+
* The document-outline level of the title; the visual size does not change
|
|
2139
|
+
* with it. `3` is `CardTitle`'s own default; a panel directly under a page
|
|
2140
|
+
* `<h1>` wants `2`.
|
|
2141
|
+
* @default 3
|
|
2142
|
+
*/
|
|
2143
|
+
headingLevel?: HeadingLevel;
|
|
2144
|
+
/** A bordered footer row under the body. */
|
|
2145
|
+
footer?: React.ReactNode;
|
|
2146
|
+
/**
|
|
2147
|
+
* Drops the body's padding, for a child that owns its own row insets (a list,
|
|
2148
|
+
* a table). TAX `DashboardCard flush` and PRO `TileCard`'s list bodies.
|
|
2149
|
+
* @default false
|
|
2150
|
+
*/
|
|
2151
|
+
flush?: boolean;
|
|
2152
|
+
/** One class per part. */
|
|
2153
|
+
classNames?: {
|
|
2154
|
+
header?: string;
|
|
2155
|
+
title?: string;
|
|
2156
|
+
description?: string;
|
|
2157
|
+
content?: string;
|
|
2158
|
+
};
|
|
2159
|
+
}
|
|
2160
|
+
declare const SectionCard: React$1.ForwardRefExoticComponent<SectionCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2161
|
+
|
|
2162
|
+
/**
|
|
2163
|
+
* AvatarGroup — the overlapping avatar stack the products hand-rolled (W7-16;
|
|
2164
|
+
* PRO `AvatarStack`, 19 importers, TAX's assignee cluster). Children are
|
|
2165
|
+
* `Avatar`s; the group overlaps them, rings each one against the page so the
|
|
2166
|
+
* stack reads as separate faces, shows the first `max` and collapses the rest
|
|
2167
|
+
* into a `+N` bubble whose label comes from the messages catalogue.
|
|
2168
|
+
*
|
|
2169
|
+
* `size` is Avatar's own scale (W3-16) and is passed down to every child that
|
|
2170
|
+
* did not set one, so a stack is sized once.
|
|
2171
|
+
*
|
|
2172
|
+
* @experimental
|
|
2173
|
+
*/
|
|
2174
|
+
type AvatarGroupSize = NonNullable<AvatarProps["size"]>;
|
|
2175
|
+
/** Props of `AvatarGroup`. @experimental */
|
|
2176
|
+
interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2177
|
+
/** `Avatar` elements. */
|
|
2178
|
+
children?: React.ReactNode;
|
|
2179
|
+
/** How many avatars to render before the overflow bubble. @default 4 */
|
|
2180
|
+
max?: number;
|
|
2181
|
+
/**
|
|
2182
|
+
* The real total, when more people exist than there are children (a list that
|
|
2183
|
+
* only fetched the first few). Defaults to the number of children.
|
|
2184
|
+
*/
|
|
2185
|
+
total?: number;
|
|
2186
|
+
/** Avatar's size scale; applied to every child that has none. @default "sm" */
|
|
2187
|
+
size?: AvatarGroupSize;
|
|
2188
|
+
}
|
|
2189
|
+
declare const AvatarGroup: React$1.ForwardRefExoticComponent<AvatarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2190
|
+
|
|
1865
2191
|
/**
|
|
1866
2192
|
* FileChip — compact attachment row: a colored file-type tile, the file
|
|
1867
2193
|
* name, a "size · when" meta line, and an optional trailing action
|
|
@@ -2074,10 +2400,43 @@ interface FormSectionProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSe
|
|
|
2074
2400
|
*/
|
|
2075
2401
|
declare const FormSection: React$1.ForwardRefExoticComponent<FormSectionProps & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
2076
2402
|
|
|
2403
|
+
/**
|
|
2404
|
+
* How wide a floating surface is (W5-11; target architecture §14 "Popover /
|
|
2405
|
+
* HoverCard: `width: auto | trigger | sm | md | lg`" — 100% of consumer
|
|
2406
|
+
* `PopoverContent` uses override width or padding by class today). `auto`
|
|
2407
|
+
* adds nothing (the content sizes the box); `trigger` reads the popper
|
|
2408
|
+
* variable Radix stamps on the content; `sm`/`md`/`lg` are 16/18/24rem —
|
|
2409
|
+
* `md` is the `w-72` Popover always wrote, `sm` the `w-64` of HoverCard.
|
|
2410
|
+
*/
|
|
2411
|
+
type FloatingWidth = "auto" | "trigger" | "sm" | "md" | "lg";
|
|
2412
|
+
/** Inner padding of a floating surface; `md` is the `p-4` both adopters wrote. */
|
|
2413
|
+
type FloatingPadding = "none" | "sm" | "md";
|
|
2414
|
+
|
|
2415
|
+
/** How wide a `HoverCardContent` is. @experimental */
|
|
2416
|
+
type HoverCardWidth = FloatingWidth;
|
|
2417
|
+
/** Inner padding of a `HoverCardContent`. @experimental */
|
|
2418
|
+
type HoverCardPadding = FloatingPadding;
|
|
2077
2419
|
declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
|
|
2078
2420
|
declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
2079
2421
|
declare const HoverCardPortal: React$1.FC<HoverCardPrimitive.HoverCardPortalProps>;
|
|
2080
|
-
|
|
2422
|
+
interface HoverCardContentProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
|
|
2423
|
+
/**
|
|
2424
|
+
* The width of the surface. `sm` (default, 16rem) is what the hover card
|
|
2425
|
+
* always rendered; `auto` sizes to the content, `trigger` matches the
|
|
2426
|
+
* element that opened it, `md` and `lg` are 18rem and 24rem.
|
|
2427
|
+
*
|
|
2428
|
+
* @experimental
|
|
2429
|
+
*/
|
|
2430
|
+
width?: HoverCardWidth;
|
|
2431
|
+
/**
|
|
2432
|
+
* Inner padding of the surface. `md` (default) is the `p-4` the hover card
|
|
2433
|
+
* always rendered; `sm` is `p-3`; `none` lets the content pad itself.
|
|
2434
|
+
*
|
|
2435
|
+
* @experimental
|
|
2436
|
+
*/
|
|
2437
|
+
padding?: HoverCardPadding;
|
|
2438
|
+
}
|
|
2439
|
+
declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2081
2440
|
|
|
2082
2441
|
/**
|
|
2083
2442
|
* IconTile — the recurring tinted rounded-square icon chip. An intent tint
|
|
@@ -2309,8 +2668,16 @@ interface KeyboardShortcutsDialogProps {
|
|
|
2309
2668
|
* keydown handling.
|
|
2310
2669
|
*/
|
|
2311
2670
|
hotkey?: string | null;
|
|
2671
|
+
/** Controlled open state (W5-19). Omit for the uncontrolled dialog. */
|
|
2672
|
+
open?: boolean;
|
|
2673
|
+
/** The initial open state of an uncontrolled dialog. Default `false`. */
|
|
2674
|
+
defaultOpen?: boolean;
|
|
2675
|
+
/** Called with the next open state — on the hotkey, the close button, Escape and the backdrop. */
|
|
2676
|
+
onOpenChange?: (open: boolean) => void;
|
|
2677
|
+
/** Overrides of the copy the dialog renders (W5-22). */
|
|
2678
|
+
messages?: Partial<KeyboardShortcutsMessages>;
|
|
2312
2679
|
}
|
|
2313
|
-
declare function KeyboardShortcutsDialog({ sections, hotkey, }?: KeyboardShortcutsDialogProps): react_jsx_runtime.JSX.Element;
|
|
2680
|
+
declare function KeyboardShortcutsDialog({ sections, hotkey, open: controlledOpen, defaultOpen, onOpenChange, messages: messagesProp, }?: KeyboardShortcutsDialogProps): react_jsx_runtime.JSX.Element;
|
|
2314
2681
|
|
|
2315
2682
|
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
2316
2683
|
interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
@@ -2409,7 +2776,7 @@ interface LoadingRowsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
2409
2776
|
gap?: string;
|
|
2410
2777
|
/** Override the row Skeleton className (radius, width, etc). */
|
|
2411
2778
|
rowClassName?: string;
|
|
2412
|
-
/** Accessible label announced to screen readers. */
|
|
2779
|
+
/** Accessible label announced to screen readers. Default `messages.loadingRows.loading` (`"Loading"`). */
|
|
2413
2780
|
label?: string;
|
|
2414
2781
|
}
|
|
2415
2782
|
declare const LoadingRows: React$1.ForwardRefExoticComponent<LoadingRowsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -2513,7 +2880,16 @@ interface MasterDetailLayoutProps extends Omit<React.HTMLAttributes<HTMLDivEleme
|
|
|
2513
2880
|
onBack?: () => void;
|
|
2514
2881
|
/** Accessible label for the mobile back button. */
|
|
2515
2882
|
backLabel?: string;
|
|
2516
|
-
/**
|
|
2883
|
+
/**
|
|
2884
|
+
* Width of the list column on desktop. Number is treated as px. Written to
|
|
2885
|
+
* `--ds-master-detail-list-width` on the root, which is also the supported
|
|
2886
|
+
* CSS hook (W7-07, replaces the `[&>*:first-child]` width override of
|
|
2887
|
+
* C-DOM-03). The desktop width is now the pane's only width utility, so it
|
|
2888
|
+
* can no longer lose to `w-full` in a consumer's utility order — the bug the
|
|
2889
|
+
* workaround existed for. The pre-W7-07 `--master-list-width` is still
|
|
2890
|
+
* written and still read as the fallback, so anything that set it from
|
|
2891
|
+
* outside keeps working (C-DOM-03).
|
|
2892
|
+
*/
|
|
2517
2893
|
listWidth?: number | string;
|
|
2518
2894
|
}
|
|
2519
2895
|
declare const MasterDetailLayout: React$1.ForwardRefExoticComponent<MasterDetailLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -2655,17 +3031,57 @@ declare namespace OTPInput {
|
|
|
2655
3031
|
var displayName: string;
|
|
2656
3032
|
}
|
|
2657
3033
|
|
|
2658
|
-
interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
3034
|
+
interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange"> {
|
|
3035
|
+
/** 1-indexed current page. */
|
|
3036
|
+
page?: number;
|
|
3037
|
+
/** Total number of pages. Derived from `totalItems / pageSize` when omitted. */
|
|
3038
|
+
pageCount?: number;
|
|
3039
|
+
onPageChange?: (page: number) => void;
|
|
3040
|
+
/** How many page numbers to show on each side of the current page. Default 1. */
|
|
2662
3041
|
siblingCount?: number;
|
|
2663
|
-
/** Total item count — enables "
|
|
3042
|
+
/** Total item count — enables the "1–10 of 47" label and derives `pageCount`. */
|
|
2664
3043
|
totalItems?: number;
|
|
2665
|
-
/** Items per page — used with totalItems for range
|
|
3044
|
+
/** Items per page — used with `totalItems` for the range label and `pageCount`. */
|
|
2666
3045
|
pageSize?: number;
|
|
3046
|
+
/**
|
|
3047
|
+
* Page sizes the reader may pick from. When given (with `onPageSizeChange`) a
|
|
3048
|
+
* page-size `Select` renders after the context label. @experimental
|
|
3049
|
+
*/
|
|
3050
|
+
pageSizeOptions?: readonly number[];
|
|
3051
|
+
/** Called with the new page size when the reader picks one. @experimental */
|
|
3052
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
3053
|
+
/**
|
|
3054
|
+
* Render nothing when there is a single page (or none). Default `true` —
|
|
3055
|
+
* today's behaviour; flipping the default is a 2.0 item. @experimental
|
|
3056
|
+
*/
|
|
3057
|
+
hideOnSinglePage?: boolean;
|
|
3058
|
+
/** Overrides of the copy the pager renders (W5-22): prop > provider `messages.pagination` > English. */
|
|
3059
|
+
messages?: Partial<PaginationMessages>;
|
|
3060
|
+
/** @deprecated Use `page`. Removed in 3.0. */
|
|
3061
|
+
currentPage?: number;
|
|
3062
|
+
/** @deprecated Use `pageCount`. Removed in 3.0. */
|
|
3063
|
+
totalPages?: number;
|
|
2667
3064
|
}
|
|
2668
3065
|
declare const Pagination: React$1.ForwardRefExoticComponent<PaginationProps & React$1.RefAttributes<HTMLElement>>;
|
|
3066
|
+
interface DataTablePaginationProps extends Omit<PaginationProps, "page" | "totalItems" | "currentPage" | "totalPages"> {
|
|
3067
|
+
/** 1-indexed current page. */
|
|
3068
|
+
page?: number;
|
|
3069
|
+
/** Total number of items across all pages. */
|
|
3070
|
+
totalItems?: number;
|
|
3071
|
+
/** Items per page. Default 25. */
|
|
3072
|
+
pageSize?: number;
|
|
3073
|
+
/** @deprecated Use `page`. Removed in 3.0. */
|
|
3074
|
+
current?: number;
|
|
3075
|
+
/** @deprecated Use `totalItems`. Removed in 3.0. */
|
|
3076
|
+
total?: number;
|
|
3077
|
+
}
|
|
3078
|
+
/**
|
|
3079
|
+
* DataTablePagination — the pager under a `DataTable`. Since W6-09 a thin
|
|
3080
|
+
* alias of {@link Pagination}: page size defaults to 25, `pageCount` derives
|
|
3081
|
+
* from `totalItems / pageSize`, and the strip keeps its `mt-4` gap. The old
|
|
3082
|
+
* `current` / `total` names keep working as deprecated aliases.
|
|
3083
|
+
*/
|
|
3084
|
+
declare const DataTablePagination: React$1.ForwardRefExoticComponent<DataTablePaginationProps & React$1.RefAttributes<HTMLElement>>;
|
|
2669
3085
|
|
|
2670
3086
|
/**
|
|
2671
3087
|
* PdfPreview — read-only, presentational PDF viewer.
|
|
@@ -2749,21 +3165,6 @@ declare function parsePhoneForEditing(phone: string): {
|
|
|
2749
3165
|
localPhone: string;
|
|
2750
3166
|
};
|
|
2751
3167
|
|
|
2752
|
-
/**
|
|
2753
|
-
* Every string the phone field renders, so a consumer can localise it until
|
|
2754
|
-
* the messages contract of the provider lands (W5-20, ADR-010).
|
|
2755
|
-
* Deterministic English defaults (A3).
|
|
2756
|
-
*
|
|
2757
|
-
* @experimental
|
|
2758
|
-
*/
|
|
2759
|
-
interface PhoneFieldMessages {
|
|
2760
|
-
/** The accessible name of the country combobox. */
|
|
2761
|
-
country: string;
|
|
2762
|
-
/** The placeholder of the country combobox while its list is open. */
|
|
2763
|
-
searchCountries: string;
|
|
2764
|
-
/** The empty state when the query matches no country. */
|
|
2765
|
-
noCountries: string;
|
|
2766
|
-
}
|
|
2767
3168
|
declare const DEFAULT_PHONE_FIELD_MESSAGES: PhoneFieldMessages;
|
|
2768
3169
|
/** What `onValueChange` is told besides the E.164 value. @experimental */
|
|
2769
3170
|
interface PhoneFieldChangeDetails {
|
|
@@ -2862,12 +3263,35 @@ declare function PhoneCountryInput({ countryIso, localPhone, onCountryChange, on
|
|
|
2862
3263
|
id?: string;
|
|
2863
3264
|
}): react_jsx_runtime.JSX.Element;
|
|
2864
3265
|
|
|
3266
|
+
/** How wide a `PopoverContent` is. @experimental */
|
|
3267
|
+
type PopoverWidth = FloatingWidth;
|
|
3268
|
+
/** Inner padding of a `PopoverContent`. @experimental */
|
|
3269
|
+
type PopoverPadding = FloatingPadding;
|
|
2865
3270
|
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
2866
3271
|
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2867
3272
|
declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2868
3273
|
declare const PopoverPortal: React$1.FC<PopoverPrimitive.PopoverPortalProps>;
|
|
2869
3274
|
declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2870
|
-
|
|
3275
|
+
interface PopoverContentProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
3276
|
+
/**
|
|
3277
|
+
* The width of the surface. `md` (default, 18rem) is what the popover
|
|
3278
|
+
* always rendered; `auto` sizes to the content, `trigger` matches the
|
|
3279
|
+
* element that opened it, `sm` and `lg` are 16rem and 24rem. Replaces the
|
|
3280
|
+
* `w-*` class consumers wrote on `className`.
|
|
3281
|
+
*
|
|
3282
|
+
* @experimental
|
|
3283
|
+
*/
|
|
3284
|
+
width?: PopoverWidth;
|
|
3285
|
+
/**
|
|
3286
|
+
* Inner padding of the surface. `md` (default) is the `p-4` the popover
|
|
3287
|
+
* always rendered; `sm` is `p-3`; `none` lets the content pad itself (a
|
|
3288
|
+
* list, a form). Replaces the `p-*` class consumers wrote on `className`.
|
|
3289
|
+
*
|
|
3290
|
+
* @experimental
|
|
3291
|
+
*/
|
|
3292
|
+
padding?: PopoverPadding;
|
|
3293
|
+
}
|
|
3294
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<PopoverContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2871
3295
|
|
|
2872
3296
|
interface PressableProps extends React.ButtonHTMLAttributes<HTMLElement> {
|
|
2873
3297
|
/**
|
|
@@ -3088,16 +3512,29 @@ interface RankedBarsProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
3088
3512
|
}
|
|
3089
3513
|
declare const RankedBars: React$1.ForwardRefExoticComponent<RankedBarsProps & React$1.RefAttributes<HTMLUListElement>>;
|
|
3090
3514
|
|
|
3091
|
-
|
|
3092
|
-
|
|
3515
|
+
/**
|
|
3516
|
+
* Props of `ResponsiveDialog`.
|
|
3517
|
+
*
|
|
3518
|
+
* @experimental
|
|
3519
|
+
*/
|
|
3093
3520
|
interface ResponsiveDialogProps {
|
|
3094
|
-
/** Controlled open state. */
|
|
3095
|
-
open
|
|
3096
|
-
/**
|
|
3097
|
-
|
|
3098
|
-
/**
|
|
3099
|
-
|
|
3100
|
-
/**
|
|
3521
|
+
/** Controlled open state. Omit it (with `defaultOpen` / `trigger`) for uncontrolled mode. */
|
|
3522
|
+
open?: boolean;
|
|
3523
|
+
/** Initial open state in uncontrolled mode. Default `false`. */
|
|
3524
|
+
defaultOpen?: boolean;
|
|
3525
|
+
/** Open-state change handler (fires on backdrop, Escape and close as well). */
|
|
3526
|
+
onOpenChange?: (open: boolean) => void;
|
|
3527
|
+
/**
|
|
3528
|
+
* The element that opens the dialog, rendered as the Radix trigger
|
|
3529
|
+
* (`asChild`), so focus returns to it on close. Useful in uncontrolled mode.
|
|
3530
|
+
*/
|
|
3531
|
+
trigger?: React$1.ReactNode;
|
|
3532
|
+
/**
|
|
3533
|
+
* The accessible name and visible heading. Required: a dialog without a
|
|
3534
|
+
* title is announced as "dialog" only (development error when missing).
|
|
3535
|
+
*/
|
|
3536
|
+
title: React$1.ReactNode;
|
|
3537
|
+
/** Supporting copy rendered under the title. */
|
|
3101
3538
|
description?: React$1.ReactNode;
|
|
3102
3539
|
/** Body content. */
|
|
3103
3540
|
children?: React$1.ReactNode;
|
|
@@ -3106,18 +3543,28 @@ interface ResponsiveDialogProps {
|
|
|
3106
3543
|
* callback (`() => onOpenChange(false)`) for self-dismissing buttons.
|
|
3107
3544
|
*/
|
|
3108
3545
|
footer?: React$1.ReactNode | ((close: () => void) => React$1.ReactNode);
|
|
3109
|
-
/** Class applied to the
|
|
3546
|
+
/** Class applied to the content surface (both presentations). */
|
|
3110
3547
|
className?: string;
|
|
3111
|
-
/**
|
|
3112
|
-
|
|
3113
|
-
|
|
3548
|
+
/**
|
|
3549
|
+
* The edge the small-viewport sheet slides in from. Only `bottom` is
|
|
3550
|
+
* rendered: the responsive presentation is a bottom sheet.
|
|
3551
|
+
*
|
|
3552
|
+
* @deprecated Ignored (development warning for a value other than
|
|
3553
|
+
* `bottom`). Removed in 3.0.
|
|
3554
|
+
*/
|
|
3555
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
3556
|
+
/** Width step of the centred dialog. Default `md`. See `DialogSize`. */
|
|
3114
3557
|
size?: DialogSize;
|
|
3115
3558
|
}
|
|
3116
3559
|
/**
|
|
3117
|
-
*
|
|
3118
|
-
*
|
|
3560
|
+
* A bottom sheet on small viewports and a centred dialog from the `sm`
|
|
3561
|
+
* breakpoint, from one API: a thin wrapper over
|
|
3562
|
+
* `<Dialog><DialogContent presentation="responsive">` with the header and
|
|
3563
|
+
* footer parts filled from props.
|
|
3564
|
+
*
|
|
3565
|
+
* @experimental
|
|
3119
3566
|
*/
|
|
3120
|
-
declare function ResponsiveDialog({ open, onOpenChange, title, description, children, footer, className, side, size, }: ResponsiveDialogProps): react_jsx_runtime.JSX.Element;
|
|
3567
|
+
declare function ResponsiveDialog({ open, defaultOpen, onOpenChange, trigger, title, description, children, footer, className, side, size, }: ResponsiveDialogProps): react_jsx_runtime.JSX.Element;
|
|
3121
3568
|
declare namespace ResponsiveDialog {
|
|
3122
3569
|
var displayName: string;
|
|
3123
3570
|
}
|
|
@@ -3331,7 +3778,7 @@ interface SearchSelectProps {
|
|
|
3331
3778
|
* 3.0 (compatibility registry C-SEARCHSELECT); codemod CM-08 rewrites call
|
|
3332
3779
|
* sites and flags the ones a human must look at.
|
|
3333
3780
|
*/
|
|
3334
|
-
declare function SearchSelect({ options, selected: selectedProp, onSelect: onSelectProp, onRemove: onRemoveProp, value, onValueChange, onCreate, placeholder, className, disabled, groupFilter, pinnedGroups, closeOnSelect: closeOnSelectProp, showGroupCounts, onCreateNew, createNewLabel, descriptionVariant, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, id, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
|
|
3781
|
+
declare function SearchSelect({ options, selected: selectedProp, onSelect: onSelectProp, onRemove: onRemoveProp, value, onValueChange, onCreate, placeholder: placeholderProp, className, disabled, groupFilter, pinnedGroups, closeOnSelect: closeOnSelectProp, showGroupCounts, onCreateNew, createNewLabel: createNewLabelProp, descriptionVariant, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, id, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
|
|
3335
3782
|
declare namespace SearchSelect {
|
|
3336
3783
|
var displayName: string;
|
|
3337
3784
|
}
|
|
@@ -3585,7 +4032,7 @@ interface SelectProps {
|
|
|
3585
4032
|
* </SelectContent>
|
|
3586
4033
|
* </SelectRoot>
|
|
3587
4034
|
*/
|
|
3588
|
-
declare function Select({ options, value: valueProp, defaultValue: defaultValueProp, onValueChange, placeholder, searchable, disabled: disabledProp, name: nameProp, required: requiredProp, form, id: idProp, size: sizeProp, clearable, className, classNames, messages, triggerClassName, contentClassName, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
4035
|
+
declare function Select({ options, value: valueProp, defaultValue: defaultValueProp, onValueChange, placeholder: placeholderProp, searchable, disabled: disabledProp, name: nameProp, required: requiredProp, form, id: idProp, size: sizeProp, clearable, className, classNames, messages, triggerClassName, contentClassName, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
3589
4036
|
declare namespace Select {
|
|
3590
4037
|
var displayName: string;
|
|
3591
4038
|
}
|
|
@@ -3714,17 +4161,24 @@ declare const SheetFooter: {
|
|
|
3714
4161
|
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
3715
4162
|
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
3716
4163
|
|
|
3717
|
-
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
4164
|
+
type SideDrawerWidth = "sm" | "md" | "lg";
|
|
4165
|
+
type SideDrawerSide = "right" | "left";
|
|
4166
|
+
/**
|
|
4167
|
+
* Props of `SideDrawer`.
|
|
4168
|
+
*
|
|
4169
|
+
* @deprecated Use `Sheet` (`SheetContent side size`, `SheetHeader`,
|
|
4170
|
+
* `SheetBody`, `SheetFooter`, `onOpenChange`); codemod CM-09. Removed in 3.0.
|
|
4171
|
+
*/
|
|
4172
|
+
interface SideDrawerProps {
|
|
3722
4173
|
open: boolean;
|
|
3723
4174
|
onClose: () => void;
|
|
3724
|
-
width?:
|
|
3725
|
-
side?:
|
|
4175
|
+
width?: SideDrawerWidth;
|
|
4176
|
+
side?: SideDrawerSide;
|
|
3726
4177
|
children: React$1.ReactNode;
|
|
3727
4178
|
}
|
|
4179
|
+
/**
|
|
4180
|
+
* @deprecated Use `Sheet` (C-SIDEDRAWER, codemod CM-09). Removed in 3.0.
|
|
4181
|
+
*/
|
|
3728
4182
|
declare function SideDrawer({ open, onClose, width, side, children, }: SideDrawerProps): react_jsx_runtime.JSX.Element;
|
|
3729
4183
|
declare namespace SideDrawer {
|
|
3730
4184
|
var Header: typeof SideDrawerHeader;
|
|
@@ -3749,11 +4203,6 @@ interface SideDrawerFooterProps {
|
|
|
3749
4203
|
}
|
|
3750
4204
|
declare function SideDrawerFooter({ children, className }: SideDrawerFooterProps): react_jsx_runtime.JSX.Element;
|
|
3751
4205
|
|
|
3752
|
-
/**
|
|
3753
|
-
* Skeleton — animated placeholder. The `.skeleton` global class supplies
|
|
3754
|
-
* the shimmer animation (defined in tokens.css). All three primitives are
|
|
3755
|
-
* `aria-hidden` because they're decorative loading affordances.
|
|
3756
|
-
*/
|
|
3757
4206
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3758
4207
|
className?: string;
|
|
3759
4208
|
}
|
|
@@ -4145,6 +4594,13 @@ interface StickyActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
4145
4594
|
hint?: React.ReactNode;
|
|
4146
4595
|
/** Lift the bar above the 56px mobile tab bar + safe-area inset. */
|
|
4147
4596
|
offsetForMobileNav?: boolean;
|
|
4597
|
+
/**
|
|
4598
|
+
* How the bar holds its place, the bottom-edge preset of `StickyStack`'s
|
|
4599
|
+
* `layerMode` (W7-08): `sticky` (default, today's behaviour) keeps it in
|
|
4600
|
+
* flow at the foot of its scroll container; `fixed` pins it to the viewport,
|
|
4601
|
+
* which is what a bar inside an `overflow` ancestor needs.
|
|
4602
|
+
*/
|
|
4603
|
+
mode?: "sticky" | "fixed";
|
|
4148
4604
|
}
|
|
4149
4605
|
declare const StickyActionBar: React$1.ForwardRefExoticComponent<StickyActionBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4150
4606
|
|
|
@@ -4263,64 +4719,256 @@ interface SwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Switc
|
|
|
4263
4719
|
}
|
|
4264
4720
|
declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4265
4721
|
|
|
4266
|
-
interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
4267
|
-
/** Class for the wrapping `div` that handles overflow. */
|
|
4268
|
-
wrapperClassName?: string;
|
|
4269
|
-
}
|
|
4270
|
-
declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
|
|
4271
|
-
type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4272
|
-
declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4273
|
-
type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4274
|
-
declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4275
|
-
type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4276
|
-
declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4277
|
-
type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
|
|
4278
|
-
declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
4279
|
-
type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
|
|
4280
|
-
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4281
|
-
type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
|
|
4282
|
-
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4283
|
-
type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
|
|
4284
|
-
declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
4285
|
-
|
|
4286
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4287
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4288
|
-
declare const triggerVariants: (props?: ({
|
|
4289
|
-
variant?: "pill" | "underline" | null | undefined;
|
|
4290
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4291
|
-
interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof triggerVariants> {
|
|
4292
|
-
}
|
|
4293
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4294
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4295
|
-
|
|
4296
|
-
interface TeamMember {
|
|
4297
|
-
id: string;
|
|
4298
|
-
fullName: string;
|
|
4299
|
-
}
|
|
4300
|
-
interface TeamMemberSelectProps {
|
|
4301
|
-
teamMembers: TeamMember[];
|
|
4302
|
-
currentUserId?: string | null;
|
|
4303
|
-
value: string;
|
|
4304
|
-
onValueChange: (value: string) => void;
|
|
4305
|
-
includeUnassigned?: boolean;
|
|
4306
|
-
placeholder?: string;
|
|
4307
|
-
className?: string;
|
|
4308
|
-
}
|
|
4309
|
-
declare function TeamMemberSelect({ teamMembers, currentUserId, value, onValueChange, includeUnassigned, placeholder, className, }: TeamMemberSelectProps): react_jsx_runtime.JSX.Element;
|
|
4310
|
-
declare namespace TeamMemberSelect {
|
|
4311
|
-
var displayName: string;
|
|
4312
|
-
}
|
|
4313
|
-
|
|
4314
4722
|
/**
|
|
4315
|
-
*
|
|
4316
|
-
* (spelled out, as on Input, so the public declaration names no unexported
|
|
4317
|
-
* symbol; the `satisfies` keeps it in step with the recipe).
|
|
4723
|
+
* Theme scope — the host dimensions a subtree renders with (W5-02).
|
|
4318
4724
|
*
|
|
4319
|
-
*
|
|
4320
|
-
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
*
|
|
4725
|
+
* The design system's scopes are DOM attributes: `[data-ds-scheme]`,
|
|
4726
|
+
* `[data-ds-brand]`, `[data-ds-density]`, `dir`, and the `--ds-*` style a
|
|
4727
|
+
* runtime brand writes (`createBrandTheme`). Set on the document root they
|
|
4728
|
+
* reach everything, portalled overlays included. Set on a *subtree* they stop
|
|
4729
|
+
* at the subtree: a Dialog or Popover opened from inside it renders in
|
|
4730
|
+
* `document.body`, outside the scope, and comes up in the root theme.
|
|
4731
|
+
*
|
|
4732
|
+
* `ThemeScope` fixes that. It stamps the attributes on its own element, as a
|
|
4733
|
+
* hand-written scope would, **and** registers them in context, so the shared
|
|
4734
|
+
* `Portal` (`primitives/behavior/portal.tsx`) can re-stamp the same attributes
|
|
4735
|
+
* and runtime-brand style on the container wrapper it mounts portalled content
|
|
4736
|
+
* into. Nested scopes merge: a `density="compact"` scope inside a `brand="tax"`
|
|
4737
|
+
* one propagates both.
|
|
4738
|
+
*
|
|
4739
|
+
* Apps that scope the document root need none of this; the portal path is
|
|
4740
|
+
* unchanged for them (no wrapper is created).
|
|
4741
|
+
*/
|
|
4742
|
+
/** The scheme a subtree renders with (`[data-ds-scheme]`). */
|
|
4743
|
+
type ThemeScheme = "light" | "dark";
|
|
4744
|
+
/** A built-in brand scope (`[data-ds-brand]`). */
|
|
4745
|
+
type ThemeBrand = "pro" | "audit" | "books" | "tax";
|
|
4746
|
+
/** The density scope (`[data-ds-density]`, W2-06). */
|
|
4747
|
+
type ThemeDensity = "comfortable" | "compact";
|
|
4748
|
+
/** Text direction (`dir`). */
|
|
4749
|
+
type ThemeDirection = "ltr" | "rtl";
|
|
4750
|
+
/**
|
|
4751
|
+
* The dimensions a scope sets. Every field is optional; an unset field is
|
|
4752
|
+
* inherited from the enclosing scope, then from the document.
|
|
4753
|
+
*
|
|
4754
|
+
* @experimental
|
|
4755
|
+
*/
|
|
4756
|
+
interface ThemeScopeValue {
|
|
4757
|
+
scheme?: ThemeScheme;
|
|
4758
|
+
brand?: ThemeBrand;
|
|
4759
|
+
density?: ThemeDensity;
|
|
4760
|
+
dir?: ThemeDirection;
|
|
4761
|
+
/**
|
|
4762
|
+
* A registered runtime brand: the object `createBrandTheme()` returns. It is
|
|
4763
|
+
* applied as inline `--ds-*` style on the scope element and re-applied on
|
|
4764
|
+
* portalled content.
|
|
4765
|
+
*/
|
|
4766
|
+
brandTheme?: BrandTheme;
|
|
4767
|
+
}
|
|
4768
|
+
/** Props of {@link ThemeScope}. @experimental */
|
|
4769
|
+
interface ThemeScopeProps extends ThemeScopeValue, Omit<React.HTMLAttributes<HTMLDivElement>, "dir"> {
|
|
4770
|
+
children?: ReactNode;
|
|
4771
|
+
}
|
|
4772
|
+
/**
|
|
4773
|
+
* A `<div>` that scopes the host dimensions of its subtree — scheme, brand,
|
|
4774
|
+
* density, direction and a runtime brand — and propagates them into every
|
|
4775
|
+
* overlay opened from inside it (Dialog, Sheet, Popover, Tooltip, menus,
|
|
4776
|
+
* Select, Toast …), which would otherwise render in the document's theme.
|
|
4777
|
+
*
|
|
4778
|
+
* ```tsx
|
|
4779
|
+
* <ThemeScope brand="tax" density="compact">
|
|
4780
|
+
* <Popover>…</Popover> // its content renders as compact Tax, too
|
|
4781
|
+
* </ThemeScope>
|
|
4782
|
+
*
|
|
4783
|
+
* <ThemeScope brandTheme={createBrandTheme({ brand: firm.primary })}>
|
|
4784
|
+
* <Dialog>…</Dialog> // the runtime brand follows the dialog to <body>
|
|
4785
|
+
* </ThemeScope>
|
|
4786
|
+
* ```
|
|
4787
|
+
*
|
|
4788
|
+
* Nothing changes for apps that scope `<html>` or `<body>`: no wrapper is
|
|
4789
|
+
* created around portalled content when no `ThemeScope` encloses it.
|
|
4790
|
+
*
|
|
4791
|
+
* @experimental W5-02. The public shape follows decision D7 for the runtime
|
|
4792
|
+
* brand seed.
|
|
4793
|
+
*/
|
|
4794
|
+
declare const ThemeScope: React$1.ForwardRefExoticComponent<ThemeScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4795
|
+
|
|
4796
|
+
/**
|
|
4797
|
+
* How `TableHead` sets its column labels (W6-02).
|
|
4798
|
+
* - `plain` (default) — sentence case in the body font, 14px medium, `text-fg-3`.
|
|
4799
|
+
* This is what Table renders today and what Pro's `HEADER_CLS` override
|
|
4800
|
+
* reproduces by hand.
|
|
4801
|
+
* - `overline` — the mono uppercase eyebrow (`text-overline` role, `text-fg-4`).
|
|
4802
|
+
*
|
|
4803
|
+
* @experimental
|
|
4804
|
+
*/
|
|
4805
|
+
type TableHeaderStyle = "plain" | "overline";
|
|
4806
|
+
/** Horizontal alignment of a cell's content, in logical (writing-direction) terms. @experimental */
|
|
4807
|
+
type TableCellAlign = "start" | "center" | "end";
|
|
4808
|
+
/** Which edge a cell sticks to while the wrapper scrolls horizontally (W6-10). @experimental */
|
|
4809
|
+
type TableStickyEdge = "start" | "end";
|
|
4810
|
+
/** A column's sort direction; `null` is "sortable, not sorted". @experimental */
|
|
4811
|
+
type TableSortDirection = "asc" | "desc";
|
|
4812
|
+
interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
4813
|
+
/** Class for the wrapping `div` that handles overflow. */
|
|
4814
|
+
wrapperClassName?: string;
|
|
4815
|
+
/**
|
|
4816
|
+
* Per-part classes (W2-17 pattern). `wrapper` is the overflow container —
|
|
4817
|
+
* the same element `wrapperClassName` styles (C-CLASSNAME-PROPS).
|
|
4818
|
+
*
|
|
4819
|
+
* @experimental
|
|
4820
|
+
*/
|
|
4821
|
+
classNames?: Partial<Record<Extract<TableSlot, "wrapper">, string>>;
|
|
4822
|
+
/**
|
|
4823
|
+
* The header label style (W6-02). Default `plain` — today's sentence-case
|
|
4824
|
+
* labels. `overline` renders the mono uppercase eyebrow.
|
|
4825
|
+
*
|
|
4826
|
+
* @experimental
|
|
4827
|
+
*/
|
|
4828
|
+
headerStyle?: TableHeaderStyle;
|
|
4829
|
+
/**
|
|
4830
|
+
* Row density (W6-11). Stamps `data-ds-density` on the wrapper, so the
|
|
4831
|
+
* whole table — its rows and the controls inside them — renders one step
|
|
4832
|
+
* denser: 36px rows, 12px horizontal and 8px vertical cell padding, read
|
|
4833
|
+
* from the `--ds-table-*` tokens the scope re-points. Undefined leaves the
|
|
4834
|
+
* table on the ambient scope (ADR-013: density is a scope; this prop is the
|
|
4835
|
+
* scope on the table's own element).
|
|
4836
|
+
*
|
|
4837
|
+
* @experimental
|
|
4838
|
+
*/
|
|
4839
|
+
density?: ThemeDensity;
|
|
4840
|
+
/**
|
|
4841
|
+
* Keep the header row visible while the wrapper scrolls vertically (W6-10).
|
|
4842
|
+
* Give the wrapper a height (`wrapperClassName="max-h-96"`) for it to
|
|
4843
|
+
* scroll. Header cells become `position: sticky` with the surface-2
|
|
4844
|
+
* background they already have.
|
|
4845
|
+
*
|
|
4846
|
+
* @experimental
|
|
4847
|
+
*/
|
|
4848
|
+
stickyHeader?: boolean;
|
|
4849
|
+
/**
|
|
4850
|
+
* Copy for this table; prop > provider > English default (W5-20). The only
|
|
4851
|
+
* message today is the accessible name of the horizontal scroll region
|
|
4852
|
+
* (`region`).
|
|
4853
|
+
*
|
|
4854
|
+
* @experimental
|
|
4855
|
+
*/
|
|
4856
|
+
messages?: Partial<TableMessages>;
|
|
4857
|
+
}
|
|
4858
|
+
declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
|
|
4859
|
+
type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4860
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4861
|
+
type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4862
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4863
|
+
type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4864
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4865
|
+
interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
4866
|
+
/**
|
|
4867
|
+
* The row is part of the current selection: renders `data-state="selected"`
|
|
4868
|
+
* (P-DATA-STATE — the attribute consumers already set by hand keeps working)
|
|
4869
|
+
* and the brand tint.
|
|
4870
|
+
*
|
|
4871
|
+
* @experimental
|
|
4872
|
+
*/
|
|
4873
|
+
selected?: boolean;
|
|
4874
|
+
/**
|
|
4875
|
+
* The row itself is a click target (W6-01): a tab stop with a focus ring,
|
|
4876
|
+
* Enter and Space fire `onClick` — Pressable's contract on a `<tr>`, which
|
|
4877
|
+
* stays a `<tr>` (P-NATIVE-TABLE; a `role="button"` would take its cells
|
|
4878
|
+
* out of the table). Keys pressed on a control inside the row (a checkbox,
|
|
4879
|
+
* a menu button) are left to that control.
|
|
4880
|
+
*
|
|
4881
|
+
* @experimental
|
|
4882
|
+
*/
|
|
4883
|
+
interactive?: boolean;
|
|
4884
|
+
}
|
|
4885
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
4886
|
+
/** The props `TableHead` and `TableCell` share (W6-01). @experimental */
|
|
4887
|
+
interface TableCellCommonProps {
|
|
4888
|
+
/**
|
|
4889
|
+
* Content alignment, logical: `end` is what a consumer wrote `text-right`
|
|
4890
|
+
* for (60 times in Pro). Default `start`. Replaces the deprecated HTML
|
|
4891
|
+
* `align` attribute on the cell, which no consumer passes.
|
|
4892
|
+
*/
|
|
4893
|
+
align?: TableCellAlign;
|
|
4894
|
+
/** A column of figures: tabular numerals and `end` alignment. */
|
|
4895
|
+
numeric?: boolean;
|
|
4896
|
+
/** Clip overflowing content with an ellipsis (`truncate`, `max-width: 0`); pair with `width`. */
|
|
4897
|
+
truncate?: boolean;
|
|
4898
|
+
/** Column width, as a CSS length or a pixel number — an inline `width` on the cell. */
|
|
4899
|
+
width?: number | string;
|
|
4900
|
+
/**
|
|
4901
|
+
* Stick the cell to the `start` or `end` edge while the wrapper scrolls
|
|
4902
|
+
* horizontally (W6-10): the Pro sticky action column. The cell paints the
|
|
4903
|
+
* surface it sits on so scrolled content never shows through it.
|
|
4904
|
+
*/
|
|
4905
|
+
sticky?: TableStickyEdge;
|
|
4906
|
+
}
|
|
4907
|
+
interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align">, TableCellCommonProps {
|
|
4908
|
+
/**
|
|
4909
|
+
* The column's sort state (W6-01): `"asc"`, `"desc"`, or `null` for a
|
|
4910
|
+
* sortable column that is not sorted. Undefined (the default) is a plain,
|
|
4911
|
+
* unsortable header. Setting it renders the label inside a `<button>` that
|
|
4912
|
+
* cycles none → asc → desc → none through `onSortChange` (the order
|
|
4913
|
+
* `DataTableHeader` has always used) and reflects the state as `aria-sort`
|
|
4914
|
+
* and `data-state`. The `<th>`'s text stays the label alone (C-DOM-14).
|
|
4915
|
+
*
|
|
4916
|
+
* @experimental
|
|
4917
|
+
*/
|
|
4918
|
+
sort?: TableSortDirection | null;
|
|
4919
|
+
/** Receives the next step of the sort cycle when the header is activated. */
|
|
4920
|
+
onSortChange?: (sort: TableSortDirection | null) => void;
|
|
4921
|
+
}
|
|
4922
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4923
|
+
interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align">, TableCellCommonProps {
|
|
4924
|
+
/**
|
|
4925
|
+
* Secondary content — `text-fg-3` (content-muted), what a consumer wrote
|
|
4926
|
+
* `text-muted-foreground` for (90 times in Pro).
|
|
4927
|
+
*/
|
|
4928
|
+
muted?: boolean;
|
|
4929
|
+
}
|
|
4930
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4931
|
+
type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
|
|
4932
|
+
declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
4933
|
+
|
|
4934
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4935
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4936
|
+
declare const triggerVariants: (props?: ({
|
|
4937
|
+
variant?: "pill" | "underline" | null | undefined;
|
|
4938
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4939
|
+
interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof triggerVariants> {
|
|
4940
|
+
}
|
|
4941
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4942
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
4943
|
+
|
|
4944
|
+
interface TeamMember {
|
|
4945
|
+
id: string;
|
|
4946
|
+
fullName: string;
|
|
4947
|
+
}
|
|
4948
|
+
interface TeamMemberSelectProps {
|
|
4949
|
+
teamMembers: TeamMember[];
|
|
4950
|
+
currentUserId?: string | null;
|
|
4951
|
+
value: string;
|
|
4952
|
+
onValueChange: (value: string) => void;
|
|
4953
|
+
includeUnassigned?: boolean;
|
|
4954
|
+
placeholder?: string;
|
|
4955
|
+
className?: string;
|
|
4956
|
+
}
|
|
4957
|
+
declare function TeamMemberSelect({ teamMembers, currentUserId, value, onValueChange, includeUnassigned, placeholder, className, }: TeamMemberSelectProps): react_jsx_runtime.JSX.Element;
|
|
4958
|
+
declare namespace TeamMemberSelect {
|
|
4959
|
+
var displayName: string;
|
|
4960
|
+
}
|
|
4961
|
+
|
|
4962
|
+
/**
|
|
4963
|
+
* The emphases a Textarea offers: the shared chrome's `default` and `ghost`
|
|
4964
|
+
* (spelled out, as on Input, so the public declaration names no unexported
|
|
4965
|
+
* symbol; the `satisfies` keeps it in step with the recipe).
|
|
4966
|
+
*
|
|
4967
|
+
* @experimental
|
|
4968
|
+
*/
|
|
4969
|
+
type TextareaVariant = "default" | "ghost";
|
|
4970
|
+
/**
|
|
4971
|
+
* The size names a Textarea knows (W4-06): the three steps that have a
|
|
4324
4972
|
* `--textarea-min-height-<size>` token (64 / 80 / 96px). A textarea grows
|
|
4325
4973
|
* with its content, so `size` is a *minimum* height, not the outer height
|
|
4326
4974
|
* the shared scale promises (`baselines/size-geometry.json` keeps Textarea
|
|
@@ -4443,10 +5091,17 @@ interface ToastContextValue {
|
|
|
4443
5091
|
}) => Promise<T>;
|
|
4444
5092
|
}
|
|
4445
5093
|
declare function useToast(): ToastContextValue;
|
|
5094
|
+
|
|
4446
5095
|
interface ToastProviderProps {
|
|
4447
5096
|
children: React.ReactNode;
|
|
5097
|
+
/**
|
|
5098
|
+
* Overrides of the copy the region and its toasts render (the region's
|
|
5099
|
+
* accessible name, the dismiss button). Default English; the provider's
|
|
5100
|
+
* `messages.toast` applies below it.
|
|
5101
|
+
*/
|
|
5102
|
+
messages?: Partial<ToastMessages>;
|
|
4448
5103
|
}
|
|
4449
|
-
declare function ToastProvider({ children }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
5104
|
+
declare function ToastProvider({ children, messages: messagesProp }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
4450
5105
|
|
|
4451
5106
|
declare const itemVariants: (props?: ({
|
|
4452
5107
|
variant?: "outline" | "default" | null | undefined;
|
|
@@ -4522,13 +5177,16 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
|
|
|
4522
5177
|
declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
4523
5178
|
interface TooltipProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
|
|
4524
5179
|
/**
|
|
4525
|
-
*
|
|
4526
|
-
*
|
|
5180
|
+
* Alias of Radix's `delayDuration`. `delayDuration` wins when both are
|
|
5181
|
+
* given. Contract C-TOOLTIP-DELAY, removed in 3.0; codemod CM-13 renames it.
|
|
5182
|
+
*
|
|
5183
|
+
* @deprecated Use `delayDuration`.
|
|
4527
5184
|
*/
|
|
4528
5185
|
delayMs?: number;
|
|
4529
5186
|
/**
|
|
4530
|
-
*
|
|
4531
|
-
*
|
|
5187
|
+
* How long the pointer rests on the trigger before the tooltip opens, in
|
|
5188
|
+
* milliseconds. Default: the surrounding provider's (`DesignSystemProvider
|
|
5189
|
+
* tooltip.delayDuration`), or 300 without one.
|
|
4532
5190
|
*/
|
|
4533
5191
|
delayDuration?: number;
|
|
4534
5192
|
}
|
|
@@ -4536,7 +5194,20 @@ declare const Tooltip: {
|
|
|
4536
5194
|
({ delayMs, delayDuration, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
4537
5195
|
displayName: string;
|
|
4538
5196
|
};
|
|
4539
|
-
|
|
5197
|
+
/**
|
|
5198
|
+
* How wide a `TooltipContent` may grow before its text wraps. `xs` (20rem)
|
|
5199
|
+
* is what the tooltip always rendered; `sm` and `md` are 24rem and 28rem for
|
|
5200
|
+
* multi-line help; `none` lets the text set the width. Replaces the `max-w-*`
|
|
5201
|
+
* class consumers wrote on `className` (a third of them today).
|
|
5202
|
+
*
|
|
5203
|
+
* @experimental
|
|
5204
|
+
*/
|
|
5205
|
+
type TooltipMaxWidth = "xs" | "sm" | "md" | "none";
|
|
5206
|
+
interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
|
|
5207
|
+
/** See {@link TooltipMaxWidth}. Default `xs`. @experimental */
|
|
5208
|
+
maxWidth?: TooltipMaxWidth;
|
|
5209
|
+
}
|
|
5210
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4540
5211
|
|
|
4541
5212
|
/**
|
|
4542
5213
|
* VisuallyHidden — hides content from sighted users while keeping it
|
|
@@ -5392,6 +6063,331 @@ interface OptionAccessors<TItem, TValue extends string = string> {
|
|
|
5392
6063
|
getOptionKeywords?: (item: TItem) => readonly string[] | undefined;
|
|
5393
6064
|
}
|
|
5394
6065
|
|
|
6066
|
+
/**
|
|
6067
|
+
* `useDataTable<TRow>()` (W6-04/W6-05; target architecture §35.2) — the
|
|
6068
|
+
* headless controller behind every data table.
|
|
6069
|
+
*
|
|
6070
|
+
* No DOM, no styling: the hook owns the six state slices a table needs —
|
|
6071
|
+
* **sorting · pagination · search · selection · columnVisibility · filters** —
|
|
6072
|
+
* each independently controllable (`value` + `onValueChange`) or uncontrolled
|
|
6073
|
+
* with a default, plus the whole-state pair `state` / `onStateChange` for a
|
|
6074
|
+
* product hook that mirrors the table into the URL. It derives the rows to
|
|
6075
|
+
* render (filtered → searched → sorted → paged) from typed column definitions
|
|
6076
|
+
* and hands back stable ids for the ARIA wiring the rendering layer adds.
|
|
6077
|
+
*
|
|
6078
|
+
* Why it exists: today `DataTableView` keeps sort, search and page in private
|
|
6079
|
+
* state, so TAX seeds it once through `initialSort` and *listens to header
|
|
6080
|
+
* clicks by header text* to keep the URL in step (`use-queue-view.ts`), and
|
|
6081
|
+
* PRO hand-rolls the same three states per table. Every slice here is
|
|
6082
|
+
* observable and settable, so those bridges become `sorting` +
|
|
6083
|
+
* `onSortingChange`.
|
|
6084
|
+
*
|
|
6085
|
+
* `manual` (W6-05) turns the row model off for server-side tables: the hook
|
|
6086
|
+
* then never sorts, filters, searches or pages `data` itself — it only holds
|
|
6087
|
+
* and emits state, and `rowCount` sizes the pager.
|
|
6088
|
+
*
|
|
6089
|
+
* Every state slice is plain JSON (arrays and records, no `Set`/`Map`), so it
|
|
6090
|
+
* can be written to a URL or storage as it is. Persisting column visibility is
|
|
6091
|
+
* the consumer's `onColumnVisibilityChange`; the design system never touches
|
|
6092
|
+
* `localStorage`.
|
|
6093
|
+
*
|
|
6094
|
+
* @experimental
|
|
6095
|
+
*/
|
|
6096
|
+
/** Sort direction of one column; `null` on the sorting slice means unsorted. */
|
|
6097
|
+
type DataTableSortDirection = "asc" | "desc";
|
|
6098
|
+
/** What a column reads from a row: a property name or a function. */
|
|
6099
|
+
type DataTableAccessor<TRow> = keyof TRow | ((row: TRow) => unknown);
|
|
6100
|
+
/** A value the built-in comparator orders. `null`/`undefined` always sort last. */
|
|
6101
|
+
type DataTableSortValue = string | number | boolean | Date | null | undefined;
|
|
6102
|
+
/**
|
|
6103
|
+
* One column of a data table. `id` is the stable key the sorting and
|
|
6104
|
+
* column-visibility slices refer to and the ids for ARIA are derived from.
|
|
6105
|
+
*
|
|
6106
|
+
* @experimental
|
|
6107
|
+
*/
|
|
6108
|
+
interface DataTableColumn<TRow> {
|
|
6109
|
+
/** Stable identifier: the key in `sorting`, `columnVisibility` and derived DOM ids. */
|
|
6110
|
+
id: string;
|
|
6111
|
+
/** Header content. Any node — not string-only, so a consumer never has to find a column by its text. */
|
|
6112
|
+
header: ReactNode;
|
|
6113
|
+
/** How the cell value is read. Defaults to `row[id]` when `id` is a key of the row. */
|
|
6114
|
+
accessor?: DataTableAccessor<TRow>;
|
|
6115
|
+
/** Cell renderer. Defaults to the accessor value rendered as text by the rendering layer. */
|
|
6116
|
+
cell?: (row: TRow, context: {
|
|
6117
|
+
value: unknown;
|
|
6118
|
+
rowId: string;
|
|
6119
|
+
index: number;
|
|
6120
|
+
}) => ReactNode;
|
|
6121
|
+
/** Whether the header offers sorting. Default `false`. */
|
|
6122
|
+
sortable?: boolean;
|
|
6123
|
+
/** Custom sort key (e.g. a numeric age behind a "5h ago" label). Defaults to the accessor value. */
|
|
6124
|
+
sortValue?: (row: TRow) => DataTableSortValue;
|
|
6125
|
+
/**
|
|
6126
|
+
* Whether the client-side search reads this column. Default `true` for a
|
|
6127
|
+
* column with an accessor. `searchText` overrides what is read.
|
|
6128
|
+
*/
|
|
6129
|
+
searchable?: boolean;
|
|
6130
|
+
/** Text the client-side search matches for this column. Defaults to `String(value)`. */
|
|
6131
|
+
searchText?: (row: TRow) => string;
|
|
6132
|
+
/** Whether the columns menu may hide it. Default `true`. */
|
|
6133
|
+
hideable?: boolean;
|
|
6134
|
+
/** Layout hint for the rendering layer (W6-01 `TableCell align`). */
|
|
6135
|
+
align?: "start" | "center" | "end";
|
|
6136
|
+
/** Layout hint: right-aligned, tabular figures (W6-01 `TableCell numeric`). */
|
|
6137
|
+
numeric?: boolean;
|
|
6138
|
+
/** Layout hint: a CSS width for the column. */
|
|
6139
|
+
width?: string;
|
|
6140
|
+
}
|
|
6141
|
+
/**
|
|
6142
|
+
* One filter of a data table: which rows a value keeps, and the options the
|
|
6143
|
+
* rendering layer offers, in the shared {@link Option} model.
|
|
6144
|
+
*
|
|
6145
|
+
* @experimental
|
|
6146
|
+
*/
|
|
6147
|
+
interface DataTableFilterDefinition<TRow, TValue extends string = string> {
|
|
6148
|
+
id: string;
|
|
6149
|
+
label: string;
|
|
6150
|
+
options: readonly Option<TValue>[];
|
|
6151
|
+
/** `true` keeps the row for the given value. Receives one value at a time, also for a multi-value filter. */
|
|
6152
|
+
match: (row: TRow, value: TValue) => boolean;
|
|
6153
|
+
/** Whether several values may be active (a row matches when any matches). Default `false`. */
|
|
6154
|
+
multiple?: boolean;
|
|
6155
|
+
}
|
|
6156
|
+
/** Sorting slice: one column and a direction, or `null` for unsorted. */
|
|
6157
|
+
interface DataTableSortingState {
|
|
6158
|
+
columnId: string;
|
|
6159
|
+
direction: DataTableSortDirection;
|
|
6160
|
+
}
|
|
6161
|
+
/** Pagination slice. `page` is 1-based, like `Pagination` and `DataTableView`. */
|
|
6162
|
+
interface DataTablePaginationState {
|
|
6163
|
+
page: number;
|
|
6164
|
+
pageSize: number;
|
|
6165
|
+
}
|
|
6166
|
+
/** Filters slice: filter id → active value(s). A missing key, `null` or `[]` means "all". */
|
|
6167
|
+
type DataTableFilterValue = string | readonly string[] | null;
|
|
6168
|
+
type DataTableFiltersState = Readonly<Record<string, DataTableFilterValue>>;
|
|
6169
|
+
/** Column-visibility slice: column id → shown. A missing key means shown. */
|
|
6170
|
+
type DataTableColumnVisibilityState = Readonly<Record<string, boolean>>;
|
|
6171
|
+
/** Selection slice: the ids of the selected rows, in selection order. */
|
|
6172
|
+
type DataTableSelectionState = readonly string[];
|
|
6173
|
+
/**
|
|
6174
|
+
* The whole serialisable state of a table, e.g. for a URL or storage mirror.
|
|
6175
|
+
*
|
|
6176
|
+
* @experimental
|
|
6177
|
+
*/
|
|
6178
|
+
interface DataTableState {
|
|
6179
|
+
sorting: DataTableSortingState | null;
|
|
6180
|
+
pagination: DataTablePaginationState;
|
|
6181
|
+
search: string;
|
|
6182
|
+
selection: DataTableSelectionState;
|
|
6183
|
+
columnVisibility: DataTableColumnVisibilityState;
|
|
6184
|
+
filters: DataTableFiltersState;
|
|
6185
|
+
}
|
|
6186
|
+
/**
|
|
6187
|
+
* Options of {@link useDataTable}. Every slice accepts a controlled value, a
|
|
6188
|
+
* default, and a change callback; the whole-state `state` / `defaultState` /
|
|
6189
|
+
* `onStateChange` triple works alongside (a granular prop wins over `state`).
|
|
6190
|
+
*
|
|
6191
|
+
* @experimental
|
|
6192
|
+
*/
|
|
6193
|
+
interface UseDataTableOptions<TRow> {
|
|
6194
|
+
/** The rows. In client mode the full set; in `manual` mode the current page as the server returned it. */
|
|
6195
|
+
data: readonly TRow[];
|
|
6196
|
+
columns: readonly DataTableColumn<TRow>[];
|
|
6197
|
+
/** Filter definitions (`filters` is the state). */
|
|
6198
|
+
filterDefinitions?: readonly DataTableFilterDefinition<TRow>[];
|
|
6199
|
+
/**
|
|
6200
|
+
* Stable id of a row. Defaults to `row.id` when it is a string or number,
|
|
6201
|
+
* otherwise the row's index (fine for static data; pass one for anything
|
|
6202
|
+
* that reorders).
|
|
6203
|
+
*/
|
|
6204
|
+
getRowId?: (row: TRow, index: number) => string;
|
|
6205
|
+
/** Whether a row may be selected. Default: every row. */
|
|
6206
|
+
isRowSelectable?: (row: TRow) => boolean;
|
|
6207
|
+
/** Base id for the derived DOM ids (`getColumnId`, `getRowDomId`). Generated when omitted. */
|
|
6208
|
+
id?: string;
|
|
6209
|
+
/**
|
|
6210
|
+
* Server mode (W6-05): the hook never sorts, filters, searches or pages
|
|
6211
|
+
* `data` — it only holds and emits state. `rowCount` sizes the pager.
|
|
6212
|
+
* Default `false`.
|
|
6213
|
+
*/
|
|
6214
|
+
manual?: boolean;
|
|
6215
|
+
/** Total number of rows matching the current search and filters, in `manual` mode. Defaults to `data.length`. */
|
|
6216
|
+
rowCount?: number;
|
|
6217
|
+
/**
|
|
6218
|
+
* Called by `selection.selectAllMatching()` in `manual` mode, where only the
|
|
6219
|
+
* server knows every matching id: receives the current state so the
|
|
6220
|
+
* consumer can resolve the ids and set the selection.
|
|
6221
|
+
*/
|
|
6222
|
+
onSelectAllMatching?: (state: DataTableState) => void;
|
|
6223
|
+
/**
|
|
6224
|
+
* Whether changing the search or a filter returns to page 1. Default
|
|
6225
|
+
* `true` (today's `DataTableView`). Sorting never resets the page.
|
|
6226
|
+
*/
|
|
6227
|
+
resetPageOnChange?: boolean;
|
|
6228
|
+
sorting?: DataTableSortingState | null;
|
|
6229
|
+
defaultSorting?: DataTableSortingState | null;
|
|
6230
|
+
onSortingChange?: (sorting: DataTableSortingState | null) => void;
|
|
6231
|
+
pagination?: DataTablePaginationState;
|
|
6232
|
+
defaultPagination?: Partial<DataTablePaginationState>;
|
|
6233
|
+
onPaginationChange?: (pagination: DataTablePaginationState) => void;
|
|
6234
|
+
search?: string;
|
|
6235
|
+
defaultSearch?: string;
|
|
6236
|
+
onSearchChange?: (search: string) => void;
|
|
6237
|
+
selection?: DataTableSelectionState;
|
|
6238
|
+
defaultSelection?: DataTableSelectionState;
|
|
6239
|
+
onSelectionChange?: (selection: DataTableSelectionState) => void;
|
|
6240
|
+
columnVisibility?: DataTableColumnVisibilityState;
|
|
6241
|
+
defaultColumnVisibility?: DataTableColumnVisibilityState;
|
|
6242
|
+
/** The persistence hook for column visibility: write it wherever the product keeps preferences. */
|
|
6243
|
+
onColumnVisibilityChange?: (columnVisibility: DataTableColumnVisibilityState) => void;
|
|
6244
|
+
filters?: DataTableFiltersState;
|
|
6245
|
+
defaultFilters?: DataTableFiltersState;
|
|
6246
|
+
onFiltersChange?: (filters: DataTableFiltersState) => void;
|
|
6247
|
+
/** Whole-state control. A granular prop (`sorting`, `search`, …) wins over the matching key. */
|
|
6248
|
+
state?: Partial<DataTableState>;
|
|
6249
|
+
defaultState?: Partial<DataTableState>;
|
|
6250
|
+
/** Called with the complete next state after any slice changes. */
|
|
6251
|
+
onStateChange?: (state: DataTableState) => void;
|
|
6252
|
+
}
|
|
6253
|
+
/** One row of the derived row model. */
|
|
6254
|
+
interface DataTableRowModel<TRow> {
|
|
6255
|
+
id: string;
|
|
6256
|
+
row: TRow;
|
|
6257
|
+
/** Index within the rows to render (the current page). */
|
|
6258
|
+
index: number;
|
|
6259
|
+
selected: boolean;
|
|
6260
|
+
selectable: boolean;
|
|
6261
|
+
}
|
|
6262
|
+
/** `aria-sort` value of a sortable header. `undefined` for a non-sortable column. */
|
|
6263
|
+
type DataTableAriaSort = "ascending" | "descending" | "none" | undefined;
|
|
6264
|
+
interface DataTableSortingApi {
|
|
6265
|
+
value: DataTableSortingState | null;
|
|
6266
|
+
set: (sorting: DataTableSortingState | null) => void;
|
|
6267
|
+
/** Direction of one column, `null` when it is not the sorted column. */
|
|
6268
|
+
getDirection: (columnId: string) => DataTableSortDirection | null;
|
|
6269
|
+
/** Advances one column through today's cycle: unsorted → asc → desc → unsorted. */
|
|
6270
|
+
toggle: (columnId: string) => void;
|
|
6271
|
+
/** `aria-sort` for a header (`"none"` for a sortable, unsorted column). */
|
|
6272
|
+
getAriaSort: (columnId: string) => DataTableAriaSort;
|
|
6273
|
+
}
|
|
6274
|
+
interface DataTablePaginationApi extends DataTablePaginationState {
|
|
6275
|
+
pageCount: number;
|
|
6276
|
+
/** Total rows matching the search and filters (`rowCount` in manual mode). */
|
|
6277
|
+
rowCount: number;
|
|
6278
|
+
/** 1-based index of the first and last row on the page; both `0` when empty. */
|
|
6279
|
+
rangeStart: number;
|
|
6280
|
+
rangeEnd: number;
|
|
6281
|
+
canPreviousPage: boolean;
|
|
6282
|
+
canNextPage: boolean;
|
|
6283
|
+
set: (pagination: DataTablePaginationState) => void;
|
|
6284
|
+
setPage: (page: number) => void;
|
|
6285
|
+
/** Changes the page size and returns to page 1. */
|
|
6286
|
+
setPageSize: (pageSize: number) => void;
|
|
6287
|
+
nextPage: () => void;
|
|
6288
|
+
previousPage: () => void;
|
|
6289
|
+
}
|
|
6290
|
+
interface DataTableSearchApi {
|
|
6291
|
+
value: string;
|
|
6292
|
+
set: (search: string) => void;
|
|
6293
|
+
clear: () => void;
|
|
6294
|
+
}
|
|
6295
|
+
interface DataTableSelectionApi {
|
|
6296
|
+
value: DataTableSelectionState;
|
|
6297
|
+
count: number;
|
|
6298
|
+
isSelected: (rowId: string) => boolean;
|
|
6299
|
+
set: (selection: DataTableSelectionState) => void;
|
|
6300
|
+
select: (rowId: string) => void;
|
|
6301
|
+
deselect: (rowId: string) => void;
|
|
6302
|
+
toggle: (rowId: string) => void;
|
|
6303
|
+
clear: () => void;
|
|
6304
|
+
/** Every selectable row on the current page is selected (false when there is none). */
|
|
6305
|
+
allPageSelected: boolean;
|
|
6306
|
+
/** Some, but not all, selectable rows on the current page are selected (the header checkbox's indeterminate). */
|
|
6307
|
+
somePageSelected: boolean;
|
|
6308
|
+
/** Selects (or clears) the selectable rows on the current page, keeping selections made elsewhere. */
|
|
6309
|
+
selectPage: () => void;
|
|
6310
|
+
deselectPage: () => void;
|
|
6311
|
+
togglePage: () => void;
|
|
6312
|
+
/**
|
|
6313
|
+
* Selects every row matching the search and filters. In client mode the
|
|
6314
|
+
* hook knows them; in `manual` mode it calls `onSelectAllMatching(state)`.
|
|
6315
|
+
*/
|
|
6316
|
+
selectAllMatching: () => void;
|
|
6317
|
+
}
|
|
6318
|
+
interface DataTableColumnVisibilityApi {
|
|
6319
|
+
value: DataTableColumnVisibilityState;
|
|
6320
|
+
isVisible: (columnId: string) => boolean;
|
|
6321
|
+
set: (columnVisibility: DataTableColumnVisibilityState) => void;
|
|
6322
|
+
setVisible: (columnId: string, visible: boolean) => void;
|
|
6323
|
+
toggle: (columnId: string) => void;
|
|
6324
|
+
/** Shows every column again. */
|
|
6325
|
+
reset: () => void;
|
|
6326
|
+
}
|
|
6327
|
+
interface DataTableFiltersApi<TRow> {
|
|
6328
|
+
value: DataTableFiltersState;
|
|
6329
|
+
definitions: readonly DataTableFilterDefinition<TRow>[];
|
|
6330
|
+
/** Active value(s) of one filter; `null` when it is not narrowing. */
|
|
6331
|
+
get: (filterId: string) => DataTableFilterValue;
|
|
6332
|
+
set: (filterId: string, value: DataTableFilterValue) => void;
|
|
6333
|
+
clear: (filterId: string) => void;
|
|
6334
|
+
clearAll: () => void;
|
|
6335
|
+
/** Number of filters that are narrowing. */
|
|
6336
|
+
activeCount: number;
|
|
6337
|
+
}
|
|
6338
|
+
/**
|
|
6339
|
+
* What {@link useDataTable} returns.
|
|
6340
|
+
*
|
|
6341
|
+
* @experimental
|
|
6342
|
+
*/
|
|
6343
|
+
interface DataTableController<TRow> {
|
|
6344
|
+
/** Base id of the derived DOM ids. */
|
|
6345
|
+
id: string;
|
|
6346
|
+
manual: boolean;
|
|
6347
|
+
/** The whole serialisable state. */
|
|
6348
|
+
state: DataTableState;
|
|
6349
|
+
/** Every column, in order. */
|
|
6350
|
+
allColumns: readonly DataTableColumn<TRow>[];
|
|
6351
|
+
/** The columns to render: `allColumns` minus the hidden ones. */
|
|
6352
|
+
columns: readonly DataTableColumn<TRow>[];
|
|
6353
|
+
/** The rows to render: filtered → searched → sorted → paged (client mode), or `data` as given (manual mode). */
|
|
6354
|
+
rows: readonly DataTableRowModel<TRow>[];
|
|
6355
|
+
/**
|
|
6356
|
+
* Every row matching the search and filters, sorted, across all pages
|
|
6357
|
+
* (client mode) — the scope of `selection.selectAllMatching()`; `data` as
|
|
6358
|
+
* given in manual mode.
|
|
6359
|
+
*/
|
|
6360
|
+
matchingRows: readonly TRow[];
|
|
6361
|
+
/** Reads a cell through the column's accessor. */
|
|
6362
|
+
getCellValue: (row: TRow, column: DataTableColumn<TRow>) => unknown;
|
|
6363
|
+
/** Renders a cell: the column's `cell`, or the accessor value as text. */
|
|
6364
|
+
renderCell: (model: DataTableRowModel<TRow>, column: DataTableColumn<TRow>) => ReactNode;
|
|
6365
|
+
/** Stable DOM id for a column's header cell (`aria-describedby`, `headers`). */
|
|
6366
|
+
getColumnId: (columnId: string) => string;
|
|
6367
|
+
/** Stable DOM id for a row. */
|
|
6368
|
+
getRowDomId: (rowId: string) => string;
|
|
6369
|
+
sorting: DataTableSortingApi;
|
|
6370
|
+
pagination: DataTablePaginationApi;
|
|
6371
|
+
search: DataTableSearchApi;
|
|
6372
|
+
selection: DataTableSelectionApi;
|
|
6373
|
+
columnVisibility: DataTableColumnVisibilityApi;
|
|
6374
|
+
filters: DataTableFiltersApi<TRow>;
|
|
6375
|
+
}
|
|
6376
|
+
/**
|
|
6377
|
+
* The comparator `DataTableView` uses today: case-insensitive strings,
|
|
6378
|
+
* numbers and dates by value, `null`/`undefined` last in both directions.
|
|
6379
|
+
*/
|
|
6380
|
+
declare function compareSortValues(a: DataTableSortValue, b: DataTableSortValue, direction: DataTableSortDirection): number;
|
|
6381
|
+
/** Advances through today's header cycle: unsorted → asc → desc → unsorted. */
|
|
6382
|
+
declare function nextSortDirection(current: DataTableSortDirection | null): DataTableSortDirection | null;
|
|
6383
|
+
/**
|
|
6384
|
+
* The headless data-table controller. See the module comment and
|
|
6385
|
+
* `docs/data-tables.md`.
|
|
6386
|
+
*
|
|
6387
|
+
* @experimental
|
|
6388
|
+
*/
|
|
6389
|
+
declare function useDataTable<TRow>(options: UseDataTableOptions<TRow>): DataTableController<TRow>;
|
|
6390
|
+
|
|
5395
6391
|
/** The English defaults (the `combobox` namespace of the catalogue). */
|
|
5396
6392
|
declare const DEFAULT_COMBOBOX_MESSAGES: ComboboxMessages;
|
|
5397
6393
|
/** The sizes a combobox offers: the shared control scale (A1). @experimental */
|
|
@@ -6702,11 +7698,80 @@ interface NewMenuProps {
|
|
|
6702
7698
|
}
|
|
6703
7699
|
declare const NewMenu: React$1.ForwardRefExoticComponent<NewMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
6704
7700
|
|
|
6705
|
-
|
|
6706
|
-
|
|
6707
|
-
|
|
7701
|
+
/** One segment. @experimental */
|
|
7702
|
+
interface SegmentedControlOption<TValue extends string = string> {
|
|
7703
|
+
value: TValue;
|
|
7704
|
+
label: React$1.ReactNode;
|
|
7705
|
+
/** A quiet tally after the label, e.g. the number of rows in that view. */
|
|
7706
|
+
count?: number;
|
|
7707
|
+
/** A leading glyph, decorative. */
|
|
7708
|
+
icon?: React$1.ReactNode;
|
|
7709
|
+
disabled?: boolean;
|
|
7710
|
+
}
|
|
7711
|
+
/** @experimental */
|
|
7712
|
+
interface SegmentedControlProps<TValue extends string = string> {
|
|
7713
|
+
/** The segments, in reading order. */
|
|
7714
|
+
options: readonly SegmentedControlOption<TValue>[];
|
|
7715
|
+
value?: TValue;
|
|
7716
|
+
defaultValue?: TValue;
|
|
7717
|
+
onValueChange?: (value: TValue) => void;
|
|
7718
|
+
/**
|
|
7719
|
+
* The accessible name of the group. Required unless the control sits in a
|
|
7720
|
+
* `Field` or a `Fieldset`, which names it instead.
|
|
7721
|
+
*/
|
|
7722
|
+
"aria-label"?: string;
|
|
7723
|
+
"aria-labelledby"?: string;
|
|
7724
|
+
/** Segment look, as on `ToggleGroup`: `default` (default) or `outline`. */
|
|
7725
|
+
variant?: ToggleGroupVariant;
|
|
7726
|
+
/** Height on the shared control scale (A1). Omitted: `ToggleGroup`'s geometry. */
|
|
7727
|
+
size?: ToggleGroupSize;
|
|
7728
|
+
/** The form field name. Without it the control does not take part in a form. */
|
|
7729
|
+
name?: string;
|
|
7730
|
+
form?: string;
|
|
7731
|
+
required?: boolean;
|
|
7732
|
+
disabled?: boolean;
|
|
7733
|
+
/**
|
|
7734
|
+
* Allow clicking the active segment to clear the value (`onValueChange`
|
|
7735
|
+
* then receives `""`). Default `false`: a segmented control always has an
|
|
7736
|
+
* answer.
|
|
7737
|
+
*/
|
|
7738
|
+
allowDeselect?: boolean;
|
|
7739
|
+
className?: string;
|
|
7740
|
+
/** Classes for every segment. */
|
|
7741
|
+
itemClassName?: string;
|
|
7742
|
+
}
|
|
7743
|
+
/**
|
|
7744
|
+
* The single-select segmented control: a `ToggleGroup` preset with radio
|
|
7745
|
+
* semantics, a value that cannot be cleared, and per-segment counts.
|
|
7746
|
+
*
|
|
7747
|
+
* @experimental
|
|
7748
|
+
*/
|
|
7749
|
+
declare function SegmentedControl<TValue extends string = string>({ options, value, defaultValue, onValueChange, variant, size, name, form, required, disabled, allowDeselect, className, itemClassName, ...aria }: SegmentedControlProps<TValue>): react_jsx_runtime.JSX.Element;
|
|
7750
|
+
|
|
7751
|
+
type ShellProps = React.HTMLAttributes<HTMLDivElement>;
|
|
7752
|
+
declare const Shell: React$1.ForwardRefExoticComponent<ShellProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7753
|
+
type MainProps = React.HTMLAttributes<HTMLElement>;
|
|
6708
7754
|
declare const Main: React$1.ForwardRefExoticComponent<MainProps & React$1.RefAttributes<HTMLElement>>;
|
|
6709
7755
|
interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7756
|
+
/**
|
|
7757
|
+
* Padding of the scrolling content region.
|
|
7758
|
+
*
|
|
7759
|
+
* - `"default"` (the default) — the symmetric inset the token build writes
|
|
7760
|
+
* from the `layout` group (`--ds-layout-content-padding`, with the legacy
|
|
7761
|
+
* `--shell-*` / content-padding names kept for compat, W7-01). Unchanged
|
|
7762
|
+
* from 1.x.
|
|
7763
|
+
* - `"none"` — no inset at all, for a full-bleed screen (split view, map,
|
|
7764
|
+
* Kanban board, embedded editor) that owns its own padding. Replaces the
|
|
7765
|
+
* negative margins and important-flagged padding overrides the apps carry
|
|
7766
|
+
* today just to undo the default inset.
|
|
7767
|
+
*
|
|
7768
|
+
* `padTop` / `padBottom` still apply on top of either value, so
|
|
7769
|
+
* `padding="none"` with `padBottom="64px"` is a full-bleed region with a
|
|
7770
|
+
* scroll-end gutter.
|
|
7771
|
+
*
|
|
7772
|
+
* @experimental W7-01.
|
|
7773
|
+
*/
|
|
7774
|
+
padding?: "default" | "none";
|
|
6710
7775
|
/**
|
|
6711
7776
|
* Override the top padding only. Use this when an app shell has its own
|
|
6712
7777
|
* sticky header rhythm and needs a denser first row without reaching for
|
|
@@ -6727,7 +7792,7 @@ interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6727
7792
|
*/
|
|
6728
7793
|
padBottom?: string;
|
|
6729
7794
|
}
|
|
6730
|
-
declare const Content: React$1.ForwardRefExoticComponent<ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7795
|
+
declare const Content$1: React$1.ForwardRefExoticComponent<ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6731
7796
|
|
|
6732
7797
|
type SidebarState = "expanded" | "rail";
|
|
6733
7798
|
interface SidebarContextValue {
|
|
@@ -6754,14 +7819,49 @@ declare function useSidebarState(): SidebarContextValue;
|
|
|
6754
7819
|
interface SidebarProviderProps {
|
|
6755
7820
|
children?: React$1.ReactNode;
|
|
6756
7821
|
state?: SidebarState;
|
|
7822
|
+
/**
|
|
7823
|
+
* The state of the first render, in uncontrolled mode. Read on the server
|
|
7824
|
+
* (from a cookie) and passed down, this is the hydration-safe way to restore
|
|
7825
|
+
* a collapsed sidebar: the server and the client's first render agree, so no
|
|
7826
|
+
* `data-state` mismatch and no `useId` drift (W7-02).
|
|
7827
|
+
*/
|
|
6757
7828
|
defaultState?: SidebarState;
|
|
6758
7829
|
onStateChange?: (next: SidebarState) => void;
|
|
6759
|
-
/** Persist the user's intent across reloads under this
|
|
7830
|
+
/** Persist the user's intent across reloads under this key. See `storage`. */
|
|
6760
7831
|
storageKey?: string;
|
|
7832
|
+
/**
|
|
7833
|
+
* Where `storageKey` persists.
|
|
7834
|
+
*
|
|
7835
|
+
* - `"localStorage"` (default) — 1.x behaviour. Readable only in the
|
|
7836
|
+
* browser, so the stored value lands one render *after* hydration and a
|
|
7837
|
+
* non-default state flashes for a frame.
|
|
7838
|
+
* - `"cookie"` — writes `storageKey=<state>; path=/; max-age=1y;
|
|
7839
|
+
* samesite=lax` on every change, so the *server* can read it back:
|
|
7840
|
+
*
|
|
7841
|
+
* ```tsx
|
|
7842
|
+
* // app/layout.tsx (Next.js server component)
|
|
7843
|
+
* const pinned = (await cookies()).get("sidebar")?.value;
|
|
7844
|
+
* return (
|
|
7845
|
+
* <SidebarProvider
|
|
7846
|
+
* storageKey="sidebar"
|
|
7847
|
+
* storage="cookie"
|
|
7848
|
+
* defaultState={pinned === "rail" ? "rail" : "expanded"}
|
|
7849
|
+
* >
|
|
7850
|
+
* {children}
|
|
7851
|
+
* </SidebarProvider>
|
|
7852
|
+
* );
|
|
7853
|
+
* ```
|
|
7854
|
+
*
|
|
7855
|
+
* The first paint is already correct, nothing is read before hydration,
|
|
7856
|
+
* and the app needs no wrapper of its own.
|
|
7857
|
+
*
|
|
7858
|
+
* @experimental W7-02.
|
|
7859
|
+
*/
|
|
7860
|
+
storage?: "localStorage" | "cookie";
|
|
6761
7861
|
/** Global toggle shortcut. Pass `null` to disable. Defaults to `Mod+\`. */
|
|
6762
7862
|
shortcut?: string | null;
|
|
6763
7863
|
}
|
|
6764
|
-
declare function SidebarProvider({ children, state: controlled, defaultState, onStateChange, storageKey, shortcut, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
|
|
7864
|
+
declare function SidebarProvider({ children, state: controlled, defaultState, onStateChange, storageKey, storage, shortcut, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
|
|
6765
7865
|
declare namespace SidebarProvider {
|
|
6766
7866
|
var displayName: string;
|
|
6767
7867
|
}
|
|
@@ -6839,6 +7939,20 @@ interface SidebarSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
6839
7939
|
* Mirrors the `tone` API on `<SidebarLinkBadge>`.
|
|
6840
7940
|
*/
|
|
6841
7941
|
tone?: "pro" | "muted";
|
|
7942
|
+
/**
|
|
7943
|
+
* Trailing slot in the section's header row, beside the label — an "add"
|
|
7944
|
+
* icon button, a count, a disclosure. The header row is already a
|
|
7945
|
+
* `justify-between` flex row, so this lands at its right edge, and it hides
|
|
7946
|
+
* with the rest of the header in rail mode.
|
|
7947
|
+
*
|
|
7948
|
+
* Rendered bare, with no wrapper of ours, and only when a header row exists
|
|
7949
|
+
* (`label` or `headerActions` present) — so a section without it keeps the
|
|
7950
|
+
* exact 1.x DOM `C-DOM-06` freezes (the header row stays the section's first
|
|
7951
|
+
* child div).
|
|
7952
|
+
*
|
|
7953
|
+
* @experimental W7-03.
|
|
7954
|
+
*/
|
|
7955
|
+
headerActions?: React$1.ReactNode;
|
|
6842
7956
|
}
|
|
6843
7957
|
declare const SidebarSection: React$1.ForwardRefExoticComponent<SidebarSectionProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6844
7958
|
interface SidebarLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
@@ -6915,6 +8029,31 @@ interface SidebarUserProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
6915
8029
|
avatarSrc?: string | null;
|
|
6916
8030
|
}
|
|
6917
8031
|
declare const SidebarUser: React$1.ForwardRefExoticComponent<SidebarUserProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
8032
|
+
interface SidebarDrawerProps {
|
|
8033
|
+
/** Controlled open state. */
|
|
8034
|
+
open?: boolean;
|
|
8035
|
+
/** Initial open state when uncontrolled. */
|
|
8036
|
+
defaultOpen?: boolean;
|
|
8037
|
+
onOpenChange?: (open: boolean) => void;
|
|
8038
|
+
/**
|
|
8039
|
+
* Accessible name of the drawer. Defaults to `sidebar.navigation`
|
|
8040
|
+
* ("Navigation") from the provider's messages.
|
|
8041
|
+
*/
|
|
8042
|
+
label?: string;
|
|
8043
|
+
/** Extra classes on the sliding panel. */
|
|
8044
|
+
className?: string;
|
|
8045
|
+
children?: React$1.ReactNode;
|
|
8046
|
+
}
|
|
8047
|
+
/**
|
|
8048
|
+
* Off-canvas sidebar for small viewports.
|
|
8049
|
+
*
|
|
8050
|
+
* @experimental W7-04. The desktop `Sidebar` is unchanged; this is an
|
|
8051
|
+
* additional mount point whose panel geometry may still change.
|
|
8052
|
+
*/
|
|
8053
|
+
declare function SidebarDrawer({ open, defaultOpen, onOpenChange, label, className, children, }: SidebarDrawerProps): react_jsx_runtime.JSX.Element;
|
|
8054
|
+
declare namespace SidebarDrawer {
|
|
8055
|
+
var displayName: string;
|
|
8056
|
+
}
|
|
6918
8057
|
|
|
6919
8058
|
interface SidebarBrandSwitcherItem {
|
|
6920
8059
|
/** Stable id used as React key and for `data-item` on each row. */
|
|
@@ -7125,6 +8264,29 @@ interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title
|
|
|
7125
8264
|
actions?: React.ReactNode;
|
|
7126
8265
|
/** Slot below the description for pills, specs, separators. */
|
|
7127
8266
|
meta?: React.ReactNode;
|
|
8267
|
+
/**
|
|
8268
|
+
* The outline level of the title — which of `<h1>`…`<h6>` renders (W7-06).
|
|
8269
|
+
* Defaults to `1`: a page header is the page's heading.
|
|
8270
|
+
*
|
|
8271
|
+
* Set it when the header sits inside a screen that already owns its `<h1>`
|
|
8272
|
+
* (a detail pane, a step in a wizard, a dialog body) so the document outline
|
|
8273
|
+
* stays correct without the title changing size. Semantic only — the visual
|
|
8274
|
+
* scale is `titleSize`.
|
|
8275
|
+
*
|
|
8276
|
+
* @experimental W7-06.
|
|
8277
|
+
*/
|
|
8278
|
+
headingLevel?: HeadingLevel;
|
|
8279
|
+
/**
|
|
8280
|
+
* The title's visual role, one of the `Heading` role tokens.
|
|
8281
|
+
*
|
|
8282
|
+
* Omit it for the 1.x page-title metrics (26px / 1.25 / -0.025em, weight
|
|
8283
|
+
* inherited), which stay the default so nothing moves. Pass one — usually
|
|
8284
|
+
* `"title-page"` — to render the role token instead, which is what removes
|
|
8285
|
+
* the 30 distinct `h1` class strings the apps carry today.
|
|
8286
|
+
*
|
|
8287
|
+
* @experimental W7-06.
|
|
8288
|
+
*/
|
|
8289
|
+
titleSize?: HeadingSize;
|
|
7128
8290
|
}
|
|
7129
8291
|
declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLElement>>;
|
|
7130
8292
|
type PageHeaderSpecProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -7295,28 +8457,21 @@ interface DataTableResultsCountProps extends Omit<React.HTMLAttributes<HTMLSpanE
|
|
|
7295
8457
|
* DataTableResultsCount — small "12 of 247" indicator. Mono + tabular.
|
|
7296
8458
|
*/
|
|
7297
8459
|
declare const DataTableResultsCount: React$1.ForwardRefExoticComponent<DataTableResultsCountProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
7298
|
-
/**
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7302
|
-
|
|
7303
|
-
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
|
|
7309
|
-
|
|
7310
|
-
|
|
7311
|
-
|
|
7312
|
-
|
|
7313
|
-
* DataTableRow — `<tr>` with hover styling. `selected` switches the
|
|
7314
|
-
* row to the Pro-bg highlight (matches `data-[state=selected]` on the
|
|
7315
|
-
* Table primitive).
|
|
7316
|
-
*/
|
|
7317
|
-
declare const DataTableRow: React$1.ForwardRefExoticComponent<DataTableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
7318
|
-
type SortDirection = "asc" | "desc";
|
|
7319
|
-
interface DataTableHeaderProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
8460
|
+
/** DataTableHead — `<thead>`; alias of `TableHeader`. */
|
|
8461
|
+
type DataTableHeadProps = TableHeaderProps;
|
|
8462
|
+
declare const DataTableHead: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
8463
|
+
/** DataTableBody — `<tbody>`; alias of `TableBody`. Last row drops its bottom border. */
|
|
8464
|
+
type DataTableBodyProps = TableBodyProps;
|
|
8465
|
+
declare const DataTableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
8466
|
+
/**
|
|
8467
|
+
* DataTableRow — `<tr>`; alias of `TableRow`. `selected` renders
|
|
8468
|
+
* `data-state="selected"` and the brand tint (P-DATA-STATE); `interactive`
|
|
8469
|
+
* (W6-01) makes the row a click target.
|
|
8470
|
+
*/
|
|
8471
|
+
type DataTableRowProps = TableRowProps;
|
|
8472
|
+
declare const DataTableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
8473
|
+
type SortDirection = TableSortDirection;
|
|
8474
|
+
interface DataTableHeaderProps extends Omit<TableHeadProps, "sort" | "onSortChange"> {
|
|
7320
8475
|
/** When true, the cell becomes a clickable button that toggles sort
|
|
7321
8476
|
* state and renders a chevron indicator. */
|
|
7322
8477
|
sortable?: boolean;
|
|
@@ -7329,33 +8484,33 @@ interface DataTableHeaderProps extends React.ThHTMLAttributes<HTMLTableCellEleme
|
|
|
7329
8484
|
onSortChange?: (sort: SortDirection | null) => void;
|
|
7330
8485
|
}
|
|
7331
8486
|
/**
|
|
7332
|
-
* DataTableHeader — `<th
|
|
7333
|
-
*
|
|
7334
|
-
* when
|
|
7335
|
-
*
|
|
7336
|
-
*
|
|
7337
|
-
*
|
|
8487
|
+
* DataTableHeader — `<th scope="col">`; alias of `TableHead` that keeps the
|
|
8488
|
+
* DataTable sort API: `sortable` gates sorting, the sort state is uncontrolled
|
|
8489
|
+
* (`defaultSort`) or controlled (`sort` + `onSortChange`). Sort cycle when
|
|
8490
|
+
* uncontrolled: unsorted → asc → desc → unsorted (3-state). The sort button
|
|
8491
|
+
* is the header's direct child `<button>` (C-DOM-13), styled like
|
|
8492
|
+
* `TableHead`'s.
|
|
7338
8493
|
*/
|
|
7339
8494
|
declare const DataTableHeader: React$1.ForwardRefExoticComponent<DataTableHeaderProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7340
|
-
|
|
7341
|
-
|
|
7342
|
-
declare const DataTableCell: React$1.ForwardRefExoticComponent<
|
|
8495
|
+
/** DataTableCell — `<td>`; alias of `TableCell` (13px / fg-2, W6-01 cell props). */
|
|
8496
|
+
type DataTableCellProps = TableCellProps;
|
|
8497
|
+
declare const DataTableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7343
8498
|
/**
|
|
7344
8499
|
* DataTableCellName — primary identifier of the row. Display font,
|
|
7345
8500
|
* fg color, medium weight.
|
|
7346
8501
|
*/
|
|
7347
|
-
declare const DataTableCellName: React$1.ForwardRefExoticComponent<
|
|
8502
|
+
declare const DataTableCellName: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7348
8503
|
/**
|
|
7349
8504
|
* DataTableCellMono — currency / IDs / numerics. Body font (Plus Jakarta
|
|
7350
8505
|
* Sans) with tabular numerals so columns of figures stay aligned.
|
|
7351
8506
|
*/
|
|
7352
|
-
declare const DataTableCellMono: React$1.ForwardRefExoticComponent<
|
|
8507
|
+
declare const DataTableCellMono: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7353
8508
|
/**
|
|
7354
8509
|
* DataTableCellId — muted ID (EIN, UUID, "5h ago") in the body font
|
|
7355
8510
|
* (Plus Jakarta Sans) with tabular numerals.
|
|
7356
8511
|
*/
|
|
7357
|
-
declare const DataTableCellId: React$1.ForwardRefExoticComponent<
|
|
7358
|
-
interface DataTableCellDueProps extends Omit<
|
|
8512
|
+
declare const DataTableCellId: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
8513
|
+
interface DataTableCellDueProps extends Omit<DataTableCellProps, "children"> {
|
|
7359
8514
|
/** Date this row is due. */
|
|
7360
8515
|
value: Date;
|
|
7361
8516
|
/** Optional override for the displayed label (defaults to the
|
|
@@ -7372,7 +8527,7 @@ interface DataTableCellDueProps extends Omit<React.TdHTMLAttributes<HTMLTableCel
|
|
|
7372
8527
|
* `.cell-due-near` / `.cell-due-overdue` CSS classes in the mockup.
|
|
7373
8528
|
*/
|
|
7374
8529
|
declare const DataTableCellDue: React$1.ForwardRefExoticComponent<DataTableCellDueProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7375
|
-
interface DataTableCheckboxProps extends Omit<
|
|
8530
|
+
interface DataTableCheckboxProps extends Omit<DataTableCellProps, "onChange" | "defaultChecked" | "children"> {
|
|
7376
8531
|
/** Forwarded to the inner `Checkbox` primitive. */
|
|
7377
8532
|
checked?: boolean | "indeterminate";
|
|
7378
8533
|
defaultChecked?: boolean | "indeterminate";
|
|
@@ -7384,43 +8539,90 @@ interface DataTableCheckboxProps extends Omit<React.TdHTMLAttributes<HTMLTableCe
|
|
|
7384
8539
|
asHeader?: boolean;
|
|
7385
8540
|
}
|
|
7386
8541
|
/**
|
|
7387
|
-
* DataTableCheckbox — `<td>` containing the
|
|
7388
|
-
*
|
|
7389
|
-
* `.row-checkbox` in the spec.
|
|
8542
|
+
* DataTableCheckbox — `<td>` (or `<th>` with `asHeader`) containing the
|
|
8543
|
+
* row-selection checkbox: `TableCell` / `TableHead` tightened to a 32px
|
|
8544
|
+
* column with no right padding to match `.row-checkbox` in the spec.
|
|
7390
8545
|
*/
|
|
7391
8546
|
declare const DataTableCheckbox: React$1.ForwardRefExoticComponent<DataTableCheckboxProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7392
|
-
|
|
7393
|
-
|
|
7394
|
-
|
|
7395
|
-
/**
|
|
7396
|
-
|
|
7397
|
-
/**
|
|
7398
|
-
|
|
7399
|
-
|
|
7400
|
-
|
|
8547
|
+
|
|
8548
|
+
/** Props shared by every table state. @experimental */
|
|
8549
|
+
interface TableStateProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
8550
|
+
/** How many columns the table has — the state spans them all. */
|
|
8551
|
+
columns: number;
|
|
8552
|
+
/** Overrides of the copy (W5-22): prop > provider `messages.tableStates` > English. */
|
|
8553
|
+
messages?: Partial<TableStatesMessages>;
|
|
8554
|
+
}
|
|
8555
|
+
interface TableLoadingProps extends TableStateProps {
|
|
8556
|
+
/** How many skeleton rows to render. Default 5. */
|
|
8557
|
+
rows?: number;
|
|
8558
|
+
/**
|
|
8559
|
+
* The width of the skeleton bar in each column (any CSS length or
|
|
8560
|
+
* percentage), cycled when shorter than `columns`. Default a varied set so
|
|
8561
|
+
* the rows read as text of different lengths.
|
|
8562
|
+
*/
|
|
8563
|
+
widths?: readonly string[];
|
|
8564
|
+
/** Accessible name announced while loading. Default `messages.tableStates.loading` (`"Loading"`). */
|
|
8565
|
+
label?: string;
|
|
8566
|
+
}
|
|
8567
|
+
/**
|
|
8568
|
+
* TableLoading — `<tbody aria-busy>` of skeleton rows sized to the columns.
|
|
8569
|
+
* The bars are the `Skeleton` primitive (Polish 2 shimmer, static under
|
|
8570
|
+
* reduced motion) and `aria-hidden`; the body carries the busy state and name.
|
|
8571
|
+
*
|
|
8572
|
+
* @experimental
|
|
8573
|
+
*/
|
|
8574
|
+
declare const TableLoading: React$1.ForwardRefExoticComponent<TableLoadingProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
8575
|
+
interface TableEmptyProps extends TableStateProps {
|
|
8576
|
+
icon?: ReactNode;
|
|
8577
|
+
/** Default `messages.tableStates.empty` (`"No results"`). */
|
|
8578
|
+
title?: string;
|
|
8579
|
+
description?: string;
|
|
8580
|
+
action?: ReactNode;
|
|
7401
8581
|
}
|
|
7402
8582
|
/**
|
|
7403
|
-
*
|
|
7404
|
-
*
|
|
7405
|
-
*
|
|
7406
|
-
* 25 (the consumer contract did not specify; this matches the most
|
|
7407
|
-
* common firm-app table page size).
|
|
8583
|
+
* TableEmpty — one full-width row holding a compact `EmptyState`.
|
|
8584
|
+
*
|
|
8585
|
+
* @experimental
|
|
7408
8586
|
*/
|
|
7409
|
-
declare const
|
|
8587
|
+
declare const TableEmpty: React$1.ForwardRefExoticComponent<TableEmptyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
8588
|
+
interface TableErrorProps extends Omit<TableStateProps, "messages"> {
|
|
8589
|
+
/** Overrides of the copy (W5-22): prop > provider `messages.errorState` > English. */
|
|
8590
|
+
messages?: Partial<ErrorStateMessages>;
|
|
8591
|
+
icon?: ReactNode;
|
|
8592
|
+
/** Default `messages.errorState.title` (`"Something went wrong"`). */
|
|
8593
|
+
title?: string;
|
|
8594
|
+
description?: string;
|
|
8595
|
+
/** Renders the retry button (`"Try again"`) that calls it. */
|
|
8596
|
+
onRetry?: () => void;
|
|
8597
|
+
action?: ReactNode;
|
|
8598
|
+
}
|
|
8599
|
+
/**
|
|
8600
|
+
* TableError — one full-width row holding a compact `ErrorState` with retry.
|
|
8601
|
+
*
|
|
8602
|
+
* @experimental
|
|
8603
|
+
*/
|
|
8604
|
+
declare const TableError: React$1.ForwardRefExoticComponent<TableErrorProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
7410
8605
|
|
|
7411
8606
|
/**
|
|
7412
8607
|
* DataTableView — config-driven table on top of the composition
|
|
7413
8608
|
* `DataTable*` primitives. Every list/table screen is just a config:
|
|
7414
|
-
* `columns` + `data` (+ optional `filters` / `searchKeys` / sort).
|
|
7415
|
-
*
|
|
7416
|
-
*
|
|
7417
|
-
* `
|
|
8609
|
+
* `columns` + `data` (+ optional `filters` / `searchKeys` / sort). Since
|
|
8610
|
+
* W6-07 the search / filter / sort / pagination *state* lives in the
|
|
8611
|
+
* headless `useDataTable` controller, so each of sort, page and search is
|
|
8612
|
+
* **controllable** (`sorting` / `onSortingChange`, `page` / `onPageChange`,
|
|
8613
|
+
* `search` / `onSearchChange`) while the uncontrolled defaults and the DOM
|
|
8614
|
+
* stay exactly what they were: `<th>` text is `column.header`, the sort
|
|
8615
|
+
* cycle is unsorted → asc → desc → unsorted (C-DOM-14). The table chrome,
|
|
8616
|
+
* sortable headers and pagination all come from the existing `DataTable`
|
|
8617
|
+
* family (no fork, no second table chrome).
|
|
7418
8618
|
*
|
|
7419
8619
|
* It complements — does not replace — the composition API: reach for the
|
|
7420
8620
|
* raw `DataTable*` parts when a screen needs bespoke cells or layout; reach
|
|
7421
8621
|
* for `DataTableView` when the table is "columns + rows + the usual
|
|
7422
|
-
* toolbar." Render helpers (`
|
|
7423
|
-
*
|
|
8622
|
+
* toolbar." Render helpers (`EmptyValue`, `TagsCell`) cover the generic
|
|
8623
|
+
* cell shapes; the product-flavoured ones (`StagePill`, `Assignee`,
|
|
8624
|
+
* `MoneyCell`) are deprecated and flagged for hand-over to TAX (W6-14 →
|
|
8625
|
+
* W8-13).
|
|
7424
8626
|
*/
|
|
7425
8627
|
type TableRowData = Record<string, unknown>;
|
|
7426
8628
|
interface DataTableViewColumn<Row extends TableRowData> {
|
|
@@ -7473,16 +8675,42 @@ interface DataTableViewSelection<Row extends TableRowData> {
|
|
|
7473
8675
|
/** Accessible label for a row's checkbox, e.g. ``(row) => `Select ${row.name}` ``. */
|
|
7474
8676
|
rowLabel?: (row: Row) => string;
|
|
7475
8677
|
}
|
|
8678
|
+
/**
|
|
8679
|
+
* The sort of a `DataTableView`: one column key and a direction, or `null`
|
|
8680
|
+
* for unsorted. The shape `initialSort` has always used.
|
|
8681
|
+
*
|
|
8682
|
+
* @experimental
|
|
8683
|
+
*/
|
|
8684
|
+
type DataTableViewSort = {
|
|
8685
|
+
key: string;
|
|
8686
|
+
dir: SortDirection;
|
|
8687
|
+
} | null;
|
|
7476
8688
|
interface DataTableViewProps<Row extends TableRowData> {
|
|
7477
8689
|
columns: DataTableViewColumn<Row>[];
|
|
7478
8690
|
data: Row[];
|
|
7479
8691
|
filters?: DataTableViewFilter<Row>[];
|
|
7480
8692
|
searchKeys?: string[];
|
|
7481
8693
|
searchPlaceholder?: string;
|
|
7482
|
-
|
|
7483
|
-
|
|
7484
|
-
|
|
7485
|
-
|
|
8694
|
+
/** The sort the table starts with when `sorting` is not controlled. */
|
|
8695
|
+
initialSort?: DataTableViewSort;
|
|
8696
|
+
/**
|
|
8697
|
+
* Controlled sort (W6-07). Pass it with `onSortingChange` to own the sort —
|
|
8698
|
+
* e.g. to mirror it into the URL — instead of listening for header clicks.
|
|
8699
|
+
* Omit it for the uncontrolled default seeded by `initialSort`.
|
|
8700
|
+
*
|
|
8701
|
+
* @experimental
|
|
8702
|
+
*/
|
|
8703
|
+
sorting?: DataTableViewSort;
|
|
8704
|
+
/** Called with the next sort when a header is pressed; the cycle is asc → desc → unsorted. @experimental */
|
|
8705
|
+
onSortingChange?: (sorting: DataTableViewSort) => void;
|
|
8706
|
+
/** Controlled 1-based page (W6-07). @experimental */
|
|
8707
|
+
page?: number;
|
|
8708
|
+
/** Called with the next page, including the return to page 1 on a search or filter change. @experimental */
|
|
8709
|
+
onPageChange?: (page: number) => void;
|
|
8710
|
+
/** Controlled search text (W6-07). @experimental */
|
|
8711
|
+
search?: string;
|
|
8712
|
+
/** Called with the search text on every keystroke. @experimental */
|
|
8713
|
+
onSearchChange?: (search: string) => void;
|
|
7486
8714
|
onRowClick?: (row: Row) => void;
|
|
7487
8715
|
rowKey?: string;
|
|
7488
8716
|
pageSize?: number;
|
|
@@ -7492,28 +8720,66 @@ interface DataTableViewProps<Row extends TableRowData> {
|
|
|
7492
8720
|
selection?: DataTableViewSelection<Row>;
|
|
7493
8721
|
className?: string;
|
|
7494
8722
|
}
|
|
7495
|
-
declare function DataTableView<Row extends TableRowData>({ columns, data, filters, searchKeys, searchPlaceholder, initialSort, onRowClick, rowKey, pageSize, itemLabel, selection, className, }: DataTableViewProps<Row>): react_jsx_runtime.JSX.Element;
|
|
7496
|
-
|
|
7497
|
-
|
|
8723
|
+
declare function DataTableView<Row extends TableRowData>({ columns, data, filters, searchKeys, searchPlaceholder, initialSort, sorting: sortingProp, onSortingChange, page: pageProp, onPageChange, search: searchProp, onSearchChange, onRowClick, rowKey, pageSize, itemLabel, selection, className, }: DataTableViewProps<Row>): react_jsx_runtime.JSX.Element;
|
|
8724
|
+
/**
|
|
8725
|
+
* EmptyValue — the em-dash placeholder for a cell with no value. Generic:
|
|
8726
|
+
* no copy, no product tone.
|
|
8727
|
+
*
|
|
8728
|
+
* @experimental
|
|
8729
|
+
*/
|
|
8730
|
+
declare function EmptyValue(): react_jsx_runtime.JSX.Element;
|
|
8731
|
+
/**
|
|
8732
|
+
* Em-dash placeholder for empty cells.
|
|
8733
|
+
*
|
|
8734
|
+
* @deprecated Renamed `EmptyValue` (W6-14); same DOM. Removed in 3.0.
|
|
8735
|
+
*/
|
|
7498
8736
|
declare function Dash(): react_jsx_runtime.JSX.Element;
|
|
7499
|
-
/**
|
|
8737
|
+
/** TagsCell — first tag + "+N" overflow. */
|
|
8738
|
+
declare function TagsCell({ items }: {
|
|
8739
|
+
items?: string[];
|
|
8740
|
+
}): react_jsx_runtime.JSX.Element;
|
|
8741
|
+
/**
|
|
8742
|
+
* Stage tones of {@link StagePill}. "blue" and "violet" are the Tax and Pro
|
|
8743
|
+
* brand tones: product vocabulary, not a system palette.
|
|
8744
|
+
*
|
|
8745
|
+
* @deprecated Product vocabulary (W6-14). Hands over to TAX in W8-13; use
|
|
8746
|
+
* `StatusBadge` with `defineStatusMap` for a system-toned status.
|
|
8747
|
+
* @product
|
|
8748
|
+
*/
|
|
8749
|
+
type TableTone = "slate" | "blue" | "violet" | "amber" | "ok" | "rose";
|
|
8750
|
+
/**
|
|
8751
|
+
* StagePill — colored stage/status pill for `column.render`.
|
|
8752
|
+
*
|
|
8753
|
+
* @deprecated Product vocabulary (W6-14). Hands over to TAX in W8-13; use
|
|
8754
|
+
* `StatusBadge` for a status word in the system palette.
|
|
8755
|
+
* @product
|
|
8756
|
+
*/
|
|
7500
8757
|
declare function StagePill({ tone, dot, children, }: {
|
|
7501
8758
|
tone?: TableTone;
|
|
7502
8759
|
dot?: boolean;
|
|
7503
8760
|
children: ReactNode;
|
|
7504
8761
|
}): react_jsx_runtime.JSX.Element;
|
|
7505
|
-
/**
|
|
8762
|
+
/**
|
|
8763
|
+
* Assignee — grey avatar + name, or "Unassigned".
|
|
8764
|
+
*
|
|
8765
|
+
* @deprecated Product copy ("Unassigned") and layout (W6-14). Hands over to
|
|
8766
|
+
* TAX in W8-13; render `Avatar` + name in `column.render`.
|
|
8767
|
+
* @product
|
|
8768
|
+
*/
|
|
7506
8769
|
declare function Assignee({ name }: {
|
|
7507
8770
|
name?: string | null;
|
|
7508
8771
|
}): react_jsx_runtime.JSX.Element;
|
|
7509
|
-
/**
|
|
8772
|
+
/**
|
|
8773
|
+
* MoneyCell — `$1,234` or an em-dash when falsy/zero.
|
|
8774
|
+
*
|
|
8775
|
+
* @deprecated Hard-coded `$` and host-locale formatting (W6-14). Hands over
|
|
8776
|
+
* to TAX in W8-13; format with `Intl.NumberFormat` in `column.render` and
|
|
8777
|
+
* fall back to `EmptyValue`.
|
|
8778
|
+
* @product
|
|
8779
|
+
*/
|
|
7510
8780
|
declare function MoneyCell({ value }: {
|
|
7511
8781
|
value?: number | null;
|
|
7512
8782
|
}): react_jsx_runtime.JSX.Element;
|
|
7513
|
-
/** TagsCell — first tag + "+N" overflow. */
|
|
7514
|
-
declare function TagsCell({ items }: {
|
|
7515
|
-
items?: string[];
|
|
7516
|
-
}): react_jsx_runtime.JSX.Element;
|
|
7517
8783
|
|
|
7518
8784
|
/**
|
|
7519
8785
|
* Detail layout composites — two-column layout: a sticky left rail (the
|
|
@@ -8187,8 +9453,21 @@ interface NotificationItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButt
|
|
|
8187
9453
|
body?: React.ReactNode;
|
|
8188
9454
|
/** Quiet caption shown before the client chip on the meta line. */
|
|
8189
9455
|
typeLabel?: React.ReactNode;
|
|
8190
|
-
/**
|
|
9456
|
+
/**
|
|
9457
|
+
* Client / account name — rendered as an outline `Badge` on the meta line.
|
|
9458
|
+
*
|
|
9459
|
+
* @deprecated Product vocabulary in a generic component. Use `meta`, which
|
|
9460
|
+
* takes the same node and renders the same chip by default (W7-11).
|
|
9461
|
+
*/
|
|
8191
9462
|
client?: React.ReactNode;
|
|
9463
|
+
/**
|
|
9464
|
+
* Generic slot between `typeLabel` and `time` on the meta line — whatever
|
|
9465
|
+
* this row is *about* (a client, a matter, an engagement). A string or
|
|
9466
|
+
* number renders in the same outline chip `client` used, so replacing
|
|
9467
|
+
* `client` with `meta` is a zero-diff rename; any other node renders raw,
|
|
9468
|
+
* for a row that needs its own chip, link or avatar there.
|
|
9469
|
+
*/
|
|
9470
|
+
meta?: React.ReactNode;
|
|
8192
9471
|
/** Preformatted relative time, e.g. "8m ago". Sits on the meta line. */
|
|
8193
9472
|
time?: React.ReactNode;
|
|
8194
9473
|
/** People-driven rows: shows the sender avatar instead of the icon tile. */
|
|
@@ -8374,7 +9653,7 @@ declare const BulkActionBarAction: React$1.ForwardRefExoticComponent<BulkActionB
|
|
|
8374
9653
|
declare function BulkActionBarSeparator({ className }: {
|
|
8375
9654
|
className?: string;
|
|
8376
9655
|
}): react_jsx_runtime.JSX.Element;
|
|
8377
|
-
declare function BulkActionBar({ variant, selectedCount, label, children, onClear, clearLabel, clearDisabled, footer, className, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
|
|
9656
|
+
declare function BulkActionBar({ variant, selectedCount, label, children, onClear, clearLabel: clearLabelProp, clearDisabled, footer, className, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
|
|
8378
9657
|
|
|
8379
9658
|
/**
|
|
8380
9659
|
* Intent-named action wrappers (Phase 4).
|
|
@@ -8694,9 +9973,13 @@ interface DisplayMenuProps {
|
|
|
8694
9973
|
triggerLabel?: string;
|
|
8695
9974
|
/** Extra classes for the trigger button. */
|
|
8696
9975
|
className?: string;
|
|
8697
|
-
/**
|
|
8698
|
-
*
|
|
8699
|
-
*
|
|
9976
|
+
/**
|
|
9977
|
+
* @deprecated Ignored since 1.30 and removed in 2.0 (C-SELECT-DEAD). The
|
|
9978
|
+
* panel anchors to the trigger, so there is no gutter to pin to. Passing it
|
|
9979
|
+
* logs a one-time development warning; consumers that measured a gutter to
|
|
9980
|
+
* drag the panel back under its button can delete that plumbing and this
|
|
9981
|
+
* prop.
|
|
9982
|
+
*/
|
|
8700
9983
|
gutterPx?: number;
|
|
8701
9984
|
/** Which side of the panel the section flyouts open on. `"auto"` (default)
|
|
8702
9985
|
* opens left whenever the panel has room there — the usual case for a
|
|
@@ -8705,13 +9988,28 @@ interface DisplayMenuProps {
|
|
|
8705
9988
|
* free space is on the right. */
|
|
8706
9989
|
flyoutSide?: "auto" | "left" | "right";
|
|
8707
9990
|
}
|
|
8708
|
-
declare function DisplayMenu({ sections, onReset, isAtDefault, tooltip, dataTour, triggerIcon, triggerLabel, className, flyoutSide, }: DisplayMenuProps): react_jsx_runtime.JSX.Element;
|
|
9991
|
+
declare function DisplayMenu({ sections, onReset, isAtDefault, tooltip, dataTour, triggerIcon, triggerLabel, className, gutterPx, flyoutSide, }: DisplayMenuProps): react_jsx_runtime.JSX.Element;
|
|
8709
9992
|
|
|
9993
|
+
/**
|
|
9994
|
+
* How a layer holds its place (W7-08, upstreamed from Tax's fork):
|
|
9995
|
+
*
|
|
9996
|
+
* - `fixed` (default, today's behaviour) — the layer is measured and pinned
|
|
9997
|
+
* with `position: fixed` to the width and left edge of an in-flow spacer.
|
|
9998
|
+
* Correct for page chrome that must escape an ancestor's overflow.
|
|
9999
|
+
* - `sticky` — the layer stays in flow with `position: sticky`. The offset
|
|
10000
|
+
* arithmetic is identical, but nothing is measured into a spacer and the
|
|
10001
|
+
* width is the layer's own, which is what a layer inside a scroll container
|
|
10002
|
+
* or a transformed ancestor needs (`position: fixed` anchors to that
|
|
10003
|
+
* ancestor instead of the viewport there).
|
|
10004
|
+
*/
|
|
10005
|
+
type StickyStackLayerMode = "fixed" | "sticky";
|
|
8710
10006
|
interface StickyStackProps {
|
|
8711
10007
|
/** Fixed layers in visual top-to-bottom order. */
|
|
8712
10008
|
layers: readonly string[];
|
|
8713
10009
|
/** Offset above the first layer, usually the app-shell header height. */
|
|
8714
10010
|
top?: React$1.CSSProperties["top"];
|
|
10011
|
+
/** Default {@link StickyStackLayerMode} for every layer. Default `fixed`. */
|
|
10012
|
+
layerMode?: StickyStackLayerMode;
|
|
8715
10013
|
children: React$1.ReactNode;
|
|
8716
10014
|
}
|
|
8717
10015
|
/**
|
|
@@ -8719,12 +10017,14 @@ interface StickyStackProps {
|
|
|
8719
10017
|
* heights. Layers can live in different descendants as long as they share this
|
|
8720
10018
|
* provider.
|
|
8721
10019
|
*/
|
|
8722
|
-
declare function StickyStack({ layers, top, children }: StickyStackProps): react_jsx_runtime.JSX.Element;
|
|
10020
|
+
declare function StickyStack({ layers, top, layerMode, children, }: StickyStackProps): react_jsx_runtime.JSX.Element;
|
|
8723
10021
|
interface StickyStackLayerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
8724
10022
|
/** Name declared in the parent StickyStack layers array. */
|
|
8725
10023
|
name: string;
|
|
8726
10024
|
/** Classes applied to the in-flow spacer/measurement host. */
|
|
8727
10025
|
hostClassName?: string;
|
|
10026
|
+
/** Override the stack's {@link StickyStackLayerMode} for this layer. */
|
|
10027
|
+
layerMode?: StickyStackLayerMode;
|
|
8728
10028
|
}
|
|
8729
10029
|
/**
|
|
8730
10030
|
* A measured fixed layer with an automatic in-flow spacer. The fixed surface
|
|
@@ -8747,6 +10047,234 @@ type StickyStackSectionHeaderProps = StickyStackStickyProps;
|
|
|
8747
10047
|
*/
|
|
8748
10048
|
declare const StickyStackSectionHeader: React$1.ForwardRefExoticComponent<StickyStackStickyProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
8749
10049
|
|
|
10050
|
+
/** What `useConfirm()` asks with: the copy and the meaning of one confirmation. @experimental */
|
|
10051
|
+
interface ConfirmOptions {
|
|
10052
|
+
title: React$1.ReactNode;
|
|
10053
|
+
description?: React$1.ReactNode;
|
|
10054
|
+
confirmLabel?: React$1.ReactNode;
|
|
10055
|
+
cancelLabel?: React$1.ReactNode;
|
|
10056
|
+
intent?: ConfirmIntent;
|
|
10057
|
+
presentation?: ConfirmPresentation;
|
|
10058
|
+
/** Block content under the description (see `ConfirmDialog children`). */
|
|
10059
|
+
content?: React$1.ReactNode;
|
|
10060
|
+
}
|
|
10061
|
+
/** What `usePrompt()` asks with: a confirmation around one text input. @experimental */
|
|
10062
|
+
interface PromptOptions extends ConfirmOptions {
|
|
10063
|
+
/** The input's label. Falls back to the title as the accessible name when it is a string. */
|
|
10064
|
+
label?: string;
|
|
10065
|
+
defaultValue?: string;
|
|
10066
|
+
placeholder?: string;
|
|
10067
|
+
/** The confirm button stays disabled while the value is empty. Default `false`. */
|
|
10068
|
+
required?: boolean;
|
|
10069
|
+
/** The input type. Default `"text"`. */
|
|
10070
|
+
inputType?: "text" | "email" | "number" | "password" | "tel" | "url";
|
|
10071
|
+
}
|
|
10072
|
+
/** The function `useConfirm()` returns. @experimental */
|
|
10073
|
+
type ConfirmFn = (options: ConfirmOptions) => Promise<boolean>;
|
|
10074
|
+
/** The function `usePrompt()` returns. @experimental */
|
|
10075
|
+
type PromptFn = (options: PromptOptions) => Promise<string | null>;
|
|
10076
|
+
/** The design system's imperative confirm. See the file comment. @experimental */
|
|
10077
|
+
declare function useConfirm(): ConfirmFn;
|
|
10078
|
+
/** The design system's imperative prompt. See the file comment. @experimental */
|
|
10079
|
+
declare function usePrompt(): PromptFn;
|
|
10080
|
+
/** Props of `ConfirmHost`. @experimental */
|
|
10081
|
+
interface ConfirmHostProps {
|
|
10082
|
+
children?: React$1.ReactNode;
|
|
10083
|
+
}
|
|
10084
|
+
/**
|
|
10085
|
+
* Where `useConfirm` / `usePrompt` render (W5-18). Mount it once, high in the
|
|
10086
|
+
* tree — `DesignSystemProvider confirm` does — and every hook below it shares
|
|
10087
|
+
* the queue. Renders no DOM of its own while nothing is asked. On the server
|
|
10088
|
+
* a request resolves as cancelled at once (nothing can answer it).
|
|
10089
|
+
*
|
|
10090
|
+
* @experimental
|
|
10091
|
+
*/
|
|
10092
|
+
declare function ConfirmHost({ children }: ConfirmHostProps): react_jsx_runtime.JSX.Element;
|
|
10093
|
+
declare namespace ConfirmHost {
|
|
10094
|
+
var displayName: string;
|
|
10095
|
+
}
|
|
10096
|
+
|
|
10097
|
+
interface DataTablePatternProps<TRow> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
10098
|
+
/** The controller from `useDataTable`. */
|
|
10099
|
+
table: DataTableController<TRow>;
|
|
10100
|
+
children?: ReactNode;
|
|
10101
|
+
/** Render the selection column (checkbox per row, select-page in the header). */
|
|
10102
|
+
selectable?: boolean;
|
|
10103
|
+
/** Rows are loading: `Content` renders the `Loading` slot (`aria-busy`). */
|
|
10104
|
+
loading?: boolean;
|
|
10105
|
+
/** Loading failed: `Content` renders the `Error` slot; a string is its description. */
|
|
10106
|
+
error?: boolean | string;
|
|
10107
|
+
/** Renders the retry button of the `Error` slot. */
|
|
10108
|
+
onRetry?: () => void;
|
|
10109
|
+
/**
|
|
10110
|
+
* Sticky chrome: the toolbar and the header row stay visible while the
|
|
10111
|
+
* page scrolls a long table (`--ds-data-table-sticky-top` offsets both
|
|
10112
|
+
* under a fixed app header). The table's own wrapper stops scrolling
|
|
10113
|
+
* horizontally in this mode — sticky positioning needs the page to be the
|
|
10114
|
+
* scroll container.
|
|
10115
|
+
*/
|
|
10116
|
+
sticky?: boolean;
|
|
10117
|
+
/** One class per part (ADR-008): `toolbar`, `search`, `filters`, `columns-menu`, `content`, `bulk-actions`, `pagination`. */
|
|
10118
|
+
classNames?: Partial<Record<DataTableSlot, string>>;
|
|
10119
|
+
/** Overrides of the copy the slots render (W5-22): prop > provider `messages.dataTable` > English. */
|
|
10120
|
+
messages?: Partial<DataTableMessages>;
|
|
10121
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
10122
|
+
}
|
|
10123
|
+
/** Root: the card frame and the context every slot reads. */
|
|
10124
|
+
declare function Root<TRow>({ table, children, selectable, loading, error, onRetry, sticky, classNames, messages: messagesOverride, className, style, ref, ...props }: DataTablePatternProps<TRow>): react_jsx_runtime.JSX.Element;
|
|
10125
|
+
type DataTablePatternToolbarProps = React.HTMLAttributes<HTMLDivElement>;
|
|
10126
|
+
interface DataTablePatternSearchProps extends Omit<SearchInputProps, "value" | "onValueChange" | "size"> {
|
|
10127
|
+
/** Default `sm`. */
|
|
10128
|
+
size?: SearchInputProps["size"];
|
|
10129
|
+
}
|
|
10130
|
+
type DataTablePatternFiltersProps = React.HTMLAttributes<HTMLDivElement>;
|
|
10131
|
+
interface DataTablePatternColumnsMenuProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
10132
|
+
/** The trigger label. Default `messages.dataTable.columns` ("Columns"). */
|
|
10133
|
+
label?: ReactNode;
|
|
10134
|
+
}
|
|
10135
|
+
interface DataTablePatternContentProps<TRow> extends Omit<TableProps, "children" | "stickyHeader"> {
|
|
10136
|
+
/** Makes each row a click target (`TableRow interactive`). */
|
|
10137
|
+
onRowClick?: (row: TRow, model: DataTableRowModel<TRow>) => void;
|
|
10138
|
+
/** The accessible name of a row's selection checkbox. Default `messages.dataTable.selectRow`. */
|
|
10139
|
+
getRowLabel?: (row: TRow) => string;
|
|
10140
|
+
/** What renders while `loading`. Default `<DataTablePattern.Loading />`. */
|
|
10141
|
+
loading?: ReactNode;
|
|
10142
|
+
/** What renders on `error`. Default `<DataTablePattern.Error />`. */
|
|
10143
|
+
error?: ReactNode;
|
|
10144
|
+
/** What renders when there are no rows. Default `<DataTablePattern.Empty />`. */
|
|
10145
|
+
empty?: ReactNode;
|
|
10146
|
+
}
|
|
10147
|
+
/**
|
|
10148
|
+
* Content: the `Table` — header row from the visible columns (sort wired to
|
|
10149
|
+
* the controller), the selection column when the root is `selectable`, and
|
|
10150
|
+
* the body: rows, or the loading / error / empty state.
|
|
10151
|
+
*/
|
|
10152
|
+
declare function Content<TRow>({ onRowClick, getRowLabel, loading: loadingSlot, error: errorSlot, empty: emptySlot, className, wrapperClassName, ...props }: DataTablePatternContentProps<TRow>): react_jsx_runtime.JSX.Element;
|
|
10153
|
+
type DataTablePatternEmptyProps = Omit<TableEmptyProps, "columns">;
|
|
10154
|
+
type DataTablePatternLoadingProps = Omit<TableLoadingProps, "columns">;
|
|
10155
|
+
type DataTablePatternErrorProps = Omit<TableErrorProps, "columns">;
|
|
10156
|
+
type DataTablePatternPaginationProps = Omit<PaginationProps, "page" | "pageCount" | "onPageChange" | "totalItems" | "pageSize" | "currentPage" | "totalPages">;
|
|
10157
|
+
interface DataTablePatternBulkActionsProps extends Omit<BulkActionBarProps, "selectedCount" | "onClear" | "variant"> {
|
|
10158
|
+
/** Default: clears the controller's selection. */
|
|
10159
|
+
onClear?: () => void;
|
|
10160
|
+
}
|
|
10161
|
+
/** BulkActions: the inline `BulkActionBar`, shown while rows are selected. */
|
|
10162
|
+
declare function BulkActions({ onClear, className, ...props }: DataTablePatternBulkActionsProps): react_jsx_runtime.JSX.Element;
|
|
10163
|
+
declare namespace BulkActions {
|
|
10164
|
+
var displayName: string;
|
|
10165
|
+
}
|
|
10166
|
+
/**
|
|
10167
|
+
* The compound records table (W6-06). See the module comment.
|
|
10168
|
+
*
|
|
10169
|
+
* @experimental
|
|
10170
|
+
*/
|
|
10171
|
+
declare const DataTablePattern: typeof Root & {
|
|
10172
|
+
Toolbar: React$1.ForwardRefExoticComponent<DataTablePatternToolbarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
10173
|
+
Search: React$1.ForwardRefExoticComponent<DataTablePatternSearchProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
10174
|
+
Filters: React$1.ForwardRefExoticComponent<DataTablePatternFiltersProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
10175
|
+
ColumnsMenu: React$1.ForwardRefExoticComponent<DataTablePatternColumnsMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
10176
|
+
Content: typeof Content;
|
|
10177
|
+
Empty: React$1.ForwardRefExoticComponent<DataTablePatternEmptyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
10178
|
+
Loading: React$1.ForwardRefExoticComponent<DataTablePatternLoadingProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
10179
|
+
Error: React$1.ForwardRefExoticComponent<DataTablePatternErrorProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
10180
|
+
Pagination: React$1.ForwardRefExoticComponent<DataTablePatternPaginationProps & React$1.RefAttributes<HTMLElement>>;
|
|
10181
|
+
BulkActions: typeof BulkActions;
|
|
10182
|
+
};
|
|
10183
|
+
|
|
10184
|
+
/** How the explanation is surfaced. @experimental */
|
|
10185
|
+
type InfoHintPresentation = "tooltip" | "popover";
|
|
10186
|
+
/** @experimental */
|
|
10187
|
+
interface InfoHintProps {
|
|
10188
|
+
/**
|
|
10189
|
+
* The accessible name of the trigger — what the hint is *about*, e.g.
|
|
10190
|
+
* "About billing cadence". Required: an icon alone is not a name.
|
|
10191
|
+
*/
|
|
10192
|
+
label: string;
|
|
10193
|
+
/** The explanation. Plain text for a tooltip, any node for a popover. */
|
|
10194
|
+
children: React$1.ReactNode;
|
|
10195
|
+
/** `tooltip` (default) or `popover`. */
|
|
10196
|
+
presentation?: InfoHintPresentation;
|
|
10197
|
+
/** Replaces the ⓘ glyph. */
|
|
10198
|
+
icon?: React$1.ReactNode;
|
|
10199
|
+
/** Trigger size on the shared control scale (A1). Default `xs`. */
|
|
10200
|
+
size?: ControlSize;
|
|
10201
|
+
/** Side the tooltip or popover opens on. Default `top`. */
|
|
10202
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
10203
|
+
/** Classes for the trigger. */
|
|
10204
|
+
className?: string;
|
|
10205
|
+
/** Controlled open state (`popover` only). */
|
|
10206
|
+
open?: boolean;
|
|
10207
|
+
onOpenChange?: (open: boolean) => void;
|
|
10208
|
+
}
|
|
10209
|
+
/**
|
|
10210
|
+
* The recurring info-hint: an icon trigger whose explanation is a tooltip or
|
|
10211
|
+
* a popover, reachable by keyboard and by touch.
|
|
10212
|
+
*
|
|
10213
|
+
* @experimental
|
|
10214
|
+
*/
|
|
10215
|
+
declare function InfoHint({ label, children, presentation, icon, size, side, className, open, onOpenChange, }: InfoHintProps): react_jsx_runtime.JSX.Element;
|
|
10216
|
+
|
|
10217
|
+
/** A person the picker can offer. @experimental */
|
|
10218
|
+
interface Person {
|
|
10219
|
+
/** The value submitted and reported — a user id. */
|
|
10220
|
+
id: string;
|
|
10221
|
+
name: string;
|
|
10222
|
+
/** Avatar image; the initials of `name` are the fallback. */
|
|
10223
|
+
avatarSrc?: string | null;
|
|
10224
|
+
/** A second line under the name (email, role, team). */
|
|
10225
|
+
description?: string;
|
|
10226
|
+
disabled?: boolean;
|
|
10227
|
+
}
|
|
10228
|
+
/** The `Combobox` props the picker owns itself. */
|
|
10229
|
+
type OwnedProps = "options" | "multiple" | "value" | "defaultValue" | "onValueChange" | "renderOption" | "renderValue" | "header" | "getOptionValue" | "getOptionLabel" | "getOptionDisabled" | "getOptionKeywords";
|
|
10230
|
+
/** What both modes share. @experimental */
|
|
10231
|
+
interface PeoplePickerBaseProps extends Omit<ComboboxProps<Person, string>, OwnedProps | "size"> {
|
|
10232
|
+
/** The people to choose from. */
|
|
10233
|
+
people: readonly Person[];
|
|
10234
|
+
/** Outer height on the shared control scale (A1). Default `md`. */
|
|
10235
|
+
size?: ComboboxSize;
|
|
10236
|
+
/**
|
|
10237
|
+
* The signed-in user's id. Present: an "assign to me" row sits above the
|
|
10238
|
+
* list. That person does not need to be in `people`.
|
|
10239
|
+
*/
|
|
10240
|
+
currentUserId?: string;
|
|
10241
|
+
/**
|
|
10242
|
+
* Label of the "assign to me" row. Default: the `peoplePicker.assignToMe`
|
|
10243
|
+
* message ("Assign to me").
|
|
10244
|
+
*/
|
|
10245
|
+
assignToMeLabel?: React$1.ReactNode;
|
|
10246
|
+
/** Rendered instead of the built-in "assign to me" row, in the same slot. */
|
|
10247
|
+
assignToMeSlot?: React$1.ReactNode;
|
|
10248
|
+
}
|
|
10249
|
+
/** @experimental */
|
|
10250
|
+
interface PeoplePickerSingleProps extends PeoplePickerBaseProps {
|
|
10251
|
+
multiple?: false;
|
|
10252
|
+
value?: string | null;
|
|
10253
|
+
defaultValue?: string | null;
|
|
10254
|
+
onValueChange?: (value: string | null) => void;
|
|
10255
|
+
/**
|
|
10256
|
+
* Offer a row that reports `null` — nobody assigned. Single mode only
|
|
10257
|
+
* (a multi picker empties itself by removing its chips).
|
|
10258
|
+
*/
|
|
10259
|
+
unassignedLabel?: React$1.ReactNode;
|
|
10260
|
+
}
|
|
10261
|
+
/** @experimental */
|
|
10262
|
+
interface PeoplePickerMultipleProps extends PeoplePickerBaseProps {
|
|
10263
|
+
multiple: true;
|
|
10264
|
+
value?: readonly string[];
|
|
10265
|
+
defaultValue?: readonly string[];
|
|
10266
|
+
onValueChange?: (value: string[]) => void;
|
|
10267
|
+
}
|
|
10268
|
+
/** @experimental */
|
|
10269
|
+
type PeoplePickerProps = PeoplePickerSingleProps | PeoplePickerMultipleProps;
|
|
10270
|
+
/**
|
|
10271
|
+
* The shared people picker: `Combobox` + `Avatar`, single or multiple, with
|
|
10272
|
+
* the "assign to me" and "unassigned" affordances every product wrote.
|
|
10273
|
+
*
|
|
10274
|
+
* @experimental
|
|
10275
|
+
*/
|
|
10276
|
+
declare function PeoplePicker(props: PeoplePickerProps): react_jsx_runtime.JSX.Element;
|
|
10277
|
+
|
|
8750
10278
|
declare function cn(...inputs: ClassValue[]): string;
|
|
8751
10279
|
|
|
8752
10280
|
/**
|
|
@@ -8826,78 +10354,4 @@ interface BrandScopeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
8826
10354
|
*/
|
|
8827
10355
|
declare const BrandScope: React$1.ForwardRefExoticComponent<BrandScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
8828
10356
|
|
|
8829
|
-
/**
|
|
8830
|
-
* Theme scope — the host dimensions a subtree renders with (W5-02).
|
|
8831
|
-
*
|
|
8832
|
-
* The design system's scopes are DOM attributes: `[data-ds-scheme]`,
|
|
8833
|
-
* `[data-ds-brand]`, `[data-ds-density]`, `dir`, and the `--ds-*` style a
|
|
8834
|
-
* runtime brand writes (`createBrandTheme`). Set on the document root they
|
|
8835
|
-
* reach everything, portalled overlays included. Set on a *subtree* they stop
|
|
8836
|
-
* at the subtree: a Dialog or Popover opened from inside it renders in
|
|
8837
|
-
* `document.body`, outside the scope, and comes up in the root theme.
|
|
8838
|
-
*
|
|
8839
|
-
* `ThemeScope` fixes that. It stamps the attributes on its own element, as a
|
|
8840
|
-
* hand-written scope would, **and** registers them in context, so the shared
|
|
8841
|
-
* `Portal` (`primitives/behavior/portal.tsx`) can re-stamp the same attributes
|
|
8842
|
-
* and runtime-brand style on the container wrapper it mounts portalled content
|
|
8843
|
-
* into. Nested scopes merge: a `density="compact"` scope inside a `brand="tax"`
|
|
8844
|
-
* one propagates both.
|
|
8845
|
-
*
|
|
8846
|
-
* Apps that scope the document root need none of this; the portal path is
|
|
8847
|
-
* unchanged for them (no wrapper is created).
|
|
8848
|
-
*/
|
|
8849
|
-
/** The scheme a subtree renders with (`[data-ds-scheme]`). */
|
|
8850
|
-
type ThemeScheme = "light" | "dark";
|
|
8851
|
-
/** A built-in brand scope (`[data-ds-brand]`). */
|
|
8852
|
-
type ThemeBrand = "pro" | "audit" | "books" | "tax";
|
|
8853
|
-
/** The density scope (`[data-ds-density]`, W2-06). */
|
|
8854
|
-
type ThemeDensity = "comfortable" | "compact";
|
|
8855
|
-
/** Text direction (`dir`). */
|
|
8856
|
-
type ThemeDirection = "ltr" | "rtl";
|
|
8857
|
-
/**
|
|
8858
|
-
* The dimensions a scope sets. Every field is optional; an unset field is
|
|
8859
|
-
* inherited from the enclosing scope, then from the document.
|
|
8860
|
-
*
|
|
8861
|
-
* @experimental
|
|
8862
|
-
*/
|
|
8863
|
-
interface ThemeScopeValue {
|
|
8864
|
-
scheme?: ThemeScheme;
|
|
8865
|
-
brand?: ThemeBrand;
|
|
8866
|
-
density?: ThemeDensity;
|
|
8867
|
-
dir?: ThemeDirection;
|
|
8868
|
-
/**
|
|
8869
|
-
* A registered runtime brand: the object `createBrandTheme()` returns. It is
|
|
8870
|
-
* applied as inline `--ds-*` style on the scope element and re-applied on
|
|
8871
|
-
* portalled content.
|
|
8872
|
-
*/
|
|
8873
|
-
brandTheme?: BrandTheme;
|
|
8874
|
-
}
|
|
8875
|
-
/** Props of {@link ThemeScope}. @experimental */
|
|
8876
|
-
interface ThemeScopeProps extends ThemeScopeValue, Omit<React.HTMLAttributes<HTMLDivElement>, "dir"> {
|
|
8877
|
-
children?: ReactNode;
|
|
8878
|
-
}
|
|
8879
|
-
/**
|
|
8880
|
-
* A `<div>` that scopes the host dimensions of its subtree — scheme, brand,
|
|
8881
|
-
* density, direction and a runtime brand — and propagates them into every
|
|
8882
|
-
* overlay opened from inside it (Dialog, Sheet, Popover, Tooltip, menus,
|
|
8883
|
-
* Select, Toast …), which would otherwise render in the document's theme.
|
|
8884
|
-
*
|
|
8885
|
-
* ```tsx
|
|
8886
|
-
* <ThemeScope brand="tax" density="compact">
|
|
8887
|
-
* <Popover>…</Popover> // its content renders as compact Tax, too
|
|
8888
|
-
* </ThemeScope>
|
|
8889
|
-
*
|
|
8890
|
-
* <ThemeScope brandTheme={createBrandTheme({ brand: firm.primary })}>
|
|
8891
|
-
* <Dialog>…</Dialog> // the runtime brand follows the dialog to <body>
|
|
8892
|
-
* </ThemeScope>
|
|
8893
|
-
* ```
|
|
8894
|
-
*
|
|
8895
|
-
* Nothing changes for apps that scope `<html>` or `<body>`: no wrapper is
|
|
8896
|
-
* created around portalled content when no `ThemeScope` encloses it.
|
|
8897
|
-
*
|
|
8898
|
-
* @experimental W5-02. The public shape follows decision D7 for the runtime
|
|
8899
|
-
* brand seed.
|
|
8900
|
-
*/
|
|
8901
|
-
declare const ThemeScope: React$1.ForwardRefExoticComponent<ThemeScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
8902
|
-
|
|
8903
|
-
export { AIReceiptPanel, type AIReceiptPanelProps, type AIReceiptResult, Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, type AgreementFirm, AgreementPaneHeading, type AgreementPaneHeadingProps, type AgreementStatus, type AgreementStep, AgreementViewer, type AgreementViewerProps, AiDraftCard, type AiDraftCardProps, type AiDraftState, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogSlot, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AreaChart, type AreaChartProps, type AreaPoint, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AttachmentChip, type AttachmentChipProps, AttentionItem, type AttentionItemProps, type AttentionUrgency, Avatar, type AvatarProps, type AvatarSlot, BRAND_PRODUCTS, Badge, type BadgeAppearance, type BadgeAppearanceInput, type BadgeLegacyVariant, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeSlot, type BadgeVariant, type BadgeVariantsProps, Blockquote, BottomNav, type BottomNavProps, type BottomNavTab, type BrandIconProps, type BrandProduct, BrandScope, type BrandScopeProps, BrandScopeProvider, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonEmphasis, type ButtonIconProps, type ButtonIconSize, type ButtonIntent, type ButtonIntentAlias, type ButtonLegacyVariant, type ButtonLook, type ButtonProps, type ButtonSize, type ButtonSizeAlias, type ButtonSlot, type ButtonStyle, type ButtonVariant, type ButtonVariantsProps, COUNTRY_CODES, Calendar, type CalendarBaseProps, type CalendarCaptionLayout, type CalendarHighlight, type CalendarHighlightColor, type CalendarProps, type CalendarRange, type CalendarRangeProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSlot, CardTitle, type CardTitleProps, type CardVariants, CategoryDivider, type CategoryDividerProps, CategoryTag, type CategoryTagProps, type CategoryTone, type CellValue, type ChannelTabItem, ChannelTabs, type ChannelTabsProps, type ChannelTone, Checkbox, type CheckboxChecked, type CheckboxProps, type CheckboxSlot, Chip, type ChipIntent, type ChipProps, type ChipSize, type ChipSlot, type ChipStyle, type ChipVariant, ClientRailGroupHeader, type ClientRailGroupHeaderProps, ClientRailItem, type ClientRailItemProps, ClientSelect, type ClientSelectOption, Code, type CodeProps, type CodeSlot, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxBaseProps, type ComboboxClassNames, ComboboxMessages, type ComboboxMultipleProps, type ComboboxOptionState, type ComboboxProps, type ComboboxSelectionControls, type ComboboxSingleProps, type ComboboxSize, type ComboboxSlot, ComingSoon, type ComingSoonProps, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, type ContextMenuSlot, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ControlSize, CopyButton, type CountryCode, CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_COMBOBOX_MESSAGES, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, type DangerActionProps, Dash, DashGrid, type DashGridProps, type DashWidget, DataItem, DataTable, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowProps, DataTableSearch, type DataTableSearchProps, type DataTableSlot, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DataTableView, type DataTableViewColumn, type DataTableViewFilter, type DataTableViewProps, type DataTableViewSelection, type DatePattern, DatePicker, type DatePickerProps, type DateRangeNames, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, type DialogMessages, DialogOverlay, DialogPortal, type DialogSize$1 as DialogSize, type DialogSlot, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, type DisplayMenuOption, type DisplayMenuProps, type DisplayMenuSection, DocumentChecklist, type DocumentChecklistFile, type DocumentChecklistItem, type DocumentChecklistProps, type DocumentChecklistStatus, DocumentDetailActions, type DocumentDetailActionsProps, DocumentDetailBody, type DocumentDetailBodyProps, DocumentDetailHeader, type DocumentDetailHeaderProps, DocumentDetailMetaRow, type DocumentDetailMetaRowProps, DocumentDetailPanel, type DocumentDetailPanelProps, DocumentDetailRequester, type DocumentDetailRequesterProps, DocumentDetailTitle, type DocumentDetailTitleProps, DocumentFileCard, type DocumentFileCardProps, DocumentFileLine, type DocumentFileLineProps, DocumentFileRow, type DocumentFileRowProps, type DocumentItemState, DocumentList, type DocumentListProps, DocumentListSection, type DocumentListSectionProps, type DocumentRequestActivityKind, type DocumentRequestAssigneeOption, DocumentRequestCard, type DocumentRequestCardProps, DocumentRequestDetail, type DocumentRequestDetailActivityEvent, type DocumentRequestDetailComment, type DocumentRequestDetailDoc, type DocumentRequestDetailProps, type DocumentRequestDetailTab, DocumentRequestField, type DocumentRequestFieldProps, type DocumentRequestItemSummary, type DocumentRequestRequestedItem, type DocumentRequestReviewStatusOption, type DocumentRequestTone, DocumentRequestUpload, type DocumentRequestUploadFile, type DocumentRequestUploadProps, DocumentRow, type DocumentRowProps, type DocumentSource, DocumentSourceFilter, type DocumentSourceFilterProps, type DocumentSourceFilterValue, DocumentSourceTag, type DocumentSourceTagProps, DocumentsWorkspaceLayout, type DocumentsWorkspaceLayoutProps, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuSlot, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, type EmailMessageCardProps, EmptyState, type EmptyStateProps, EngagementCard, type EngagementCardProps, EngagementTimeline, type EngagementTimelineProps, EngagementTimelineStep, type EngagementTimelineStepProps, Eyebrow, type EyebrowProps, Field, FieldControl, type FieldControlProps, type FieldControlWiring, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldMessages, type FieldOrientation, type FieldProps, type FieldSlot, Fieldset, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, type FieldsetSlot, FileChip, type FileChipProps, type FileKind, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FileUploadMessages, type FileUploadProps, type FileUploadSlot, type FileUploadVariant, FilterChip, type FilterChipProps, type FolderNode, FolderTree, type FolderTreeProps, FormError, FormSection, FormSuccess, Grid, type GridColumn, type GridInputType, type GridProps, type GridRow, type GridValue, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, type HeadingSlot, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, type IconActionProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonSlot, type IconButtonTooltipSide, IconTile, type IconTileIntent, type IconTileProps, type IconTileSize, type IconTileSuiteTone, type IconTileTone, type IconTileVariantProps, Inline, type InlineProps, type InlineSlot, Input, type InputProps$1 as InputProps, type InputSize, type InputSizeAlias, type InputSlot, type InputVariant, type InputVariants, type InputVariantsOptions, Intent, IntentBadge, type IntentBadgeProps, type IntentTone, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Kbd, type KbdGlyph, KbdHint, type KbdHintProps, type KbdProps, type KbdSlot, type KbdVariant, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, type LabelSlot, type LayoutAlign, type LayoutBreakpoint, type LayoutGap, type LayoutJustify, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, type LinkButtonSlot, LoadingRows, Logo, Main, type MainProps, MasterDetailLayout, type MasterDetailLayoutProps, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageComposer, type MessageComposerProps, MetadataGrid, type MissingDocumentItem, MissingDocumentsPanel, type MissingDocumentsPanelProps, MoneyCell, MultiFilterPill, MultiSelect, MultiSelectField, type MultiSelectProps, MutedSpec, type MutedSpecProps, NewMenu, type NewMenuAction, type NewMenuGroup, type NewMenuProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, NumberInput, type NumberInputProps, type NumberInputSlot, Numeric, type NumericProps, OTPInput, type OTPInputProps, type OnlyStatuses, type Option, type OptionAccessors, PROGRESS_LEGACY_TO_INTENT, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, type PaginationSlot, PdfPreview, type PdfPreviewProps, PhoneCountryInput, PhoneField, type PhoneFieldChangeDetails, type PhoneFieldMessages, type PhoneFieldProps, type PhoneFieldSlot, PhoneInput, type PillStatus, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, type PopoverSlot, PopoverTrigger, Pressable, type PressableProps, type PressableSlot, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarVariantProps, type ProgressIntent, type ProgressLegacyColour, ProgressRing, type ProgressRingProps, type ProgressRingVariant, type ProgressRingVariantProps, ProposalAddOn, type ProposalAddOnProps, type ProposalBillingMode, type ProposalBillingRow, ProposalBillingTerms, type ProposalBillingTermsProps, ProposalConsentGate, type ProposalConsentGateProps, ProposalCustomPage, type ProposalCustomPageKind, type ProposalCustomPageProps, ProposalNote, type ProposalNoteProps, ProposalPackageCard, type ProposalPackageCardProps, type ProposalPackageMode, ProposalPaymentCapture, type ProposalPaymentCaptureProps, ProposalPricingSummary, type ProposalPricingSummaryProps, ProposalServiceRow, type ProposalServiceRowProps, ProposalSignatureBlock, type ProposalSignatureBlockProps, type ProposalSigner, ProposalSignerList, type ProposalSignerListProps, type ProposalSignerStatus, type QuestionAddressValue, type QuestionFileValue, type QuestionHelp, type QuestionLabeledColumn, type QuestionLabeledRow, type QuestionLabeledValue, type QuestionNameValue, type QuestionOption, type QuestionTableColumn, type QuestionTableRow, type QuestionType, QuestionnairePanel, type QuestionnairePanelGroup, type QuestionnairePanelProps, type QuestionnairePanelSection, type QuestionnairePanelStatus, Questions, type QuestionsProps, type QuickReplyChip, RadioGroup, type RadioGroupAppearance, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSlot, type RankedBar, RankedBars, type RankedBarsProps, type Responsive, ResponsiveDialog, type ResponsiveDialogProps, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SPINNER_TONE_TO_INTENT, STATUS_DOT_TONE_TO_INTENT, ScrollArea, ScrollBar, SearchInput, SearchInputMessages, type SearchInputProps, type SearchInputSize, type SearchInputSlot, type SearchInputVariants, type SearchInputVariantsOptions, SearchSelect, type SearchSelectOption, type SearchSelectProps, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, SegmentedProgress, type SegmentedProgressProps, type SegmentedServiceTone, type SegmentedTone, Select, type SelectClassNames, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectMessages, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, type SelectSlot, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, Separator, type ServiceTone, Shape, Sheet, SheetBody, type SheetBodyProps, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetMessages, SheetOverlay, SheetPortal, type SheetSide, type SheetSize, type SheetSlot, SheetTitle, SheetTrigger, type SheetWidth, Shell, type ShellProps, type ShellSlot, SideDrawer, type SideDrawerSlot, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherExtra, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, type SidebarBrandSwitcherSlot, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarSlot, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, SignatureEditor, type SignatureEditorProps, Skeleton, SkeletonCircle, SkeletonText, Slider, type SliderProps, type SliderSize, type SortDirection, Spinner, type SpinnerIntent, type SpinnerProps, type SpinnerSize, type SpinnerTone, type SpinnerVariantProps, SpreadsheetPreview, type SpreadsheetPreviewProps, Stack, type StackDirection, type StackProps, type StackSlot, StackedBarChart, type StackedBarChartProps, type StackedBarDatum, type StackedBarSeries, StagePill, StarRating, type StarRatingProps, Stat, StatusBadge, type StatusBadgeProps, type StatusBadgeSlot, StatusDot, type StatusDotIntent, type StatusDotProps, type StatusDotSize, type StatusDotTone, type StatusDotVariantProps, StatusIcon, type StatusIconProps, type StatusMap, StatusPill, type StatusPillProps, type StatusPresentation, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StickyStack, StickyStackLayer, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, SubmitButton, SuggestionPills, type SuggestionPillsProps, SuiteProgress, type SuiteProgressFillVariantProps, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressSuiteTone, type SuiteProgressTone, Surface, type SurfaceElevation, type SurfacePadding, type SurfaceProps, type SurfaceRadius, type SurfaceSlot, Switch, type SwitchProps, type SwitchSize, type SwitchSlot, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowData, type TableRowProps, type TableSlot, type TableTone, Tabs, TabsContent, TabsList, TabsTrigger, TagsCell, TeamMemberSelect, Text, type TextColor, type TextProps, type TextSize, type TextSlot, type TextWeight, Textarea, type TextareaProps, type TextareaSize, type TextareaSlot, type TextareaVariant, type TextareaVariants, type TextareaVariantsOptions, type ThemeBrand, type ThemeDensity, type ThemeDirection, type ThemeScheme, ThemeScope, type ThemeScopeProps, type ThemeScopeValue, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, type TimelineState, type ToastAction, type ToastContextValue, type ToastOptions, ToastProvider, type ToastSlot, type ToastVariant, ToggleGroup, type ToggleGroupFormProps, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleGroupSize, type ToggleGroupVariant, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, type TooltipSlot, TooltipTrigger, type UseFieldControlProps, type UseStopwatchReturn, Variant, VisuallyHidden, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, chipVariants, cn, dateToIso, defineStatusMap, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconButtonVariants, resolveIconTileVariants as iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, resolveBadgeAppearance, resolveButtonStyle, resolveChipStyle, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useBrandScope, useFieldControl, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|
|
10357
|
+
export { AIReceiptPanel, type AIReceiptPanelProps, type AIReceiptResult, Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, type AgreementFirm, AgreementPaneHeading, type AgreementPaneHeadingProps, type AgreementStatus, type AgreementStep, AgreementViewer, type AgreementViewerProps, AiDraftCard, type AiDraftCardProps, type AiDraftState, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogSlot, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AreaChart, type AreaChartProps, type AreaPoint, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AttachmentChip, type AttachmentChipProps, AttentionItem, type AttentionItemProps, type AttentionUrgency, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarGroupSize, type AvatarProps, type AvatarSlot, BRAND_PRODUCTS, Badge, type BadgeAppearance, type BadgeAppearanceInput, type BadgeLegacyVariant, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeSlot, type BadgeVariant, type BadgeVariantsProps, Blockquote, BottomNav, type BottomNavProps, type BottomNavTab, type BrandIconProps, type BrandProduct, BrandScope, type BrandScopeProps, BrandScopeProvider, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonEmphasis, type ButtonIconProps, type ButtonIconSize, type ButtonIntent, type ButtonIntentAlias, type ButtonLegacyVariant, type ButtonLook, type ButtonProps, type ButtonSize, type ButtonSizeAlias, type ButtonSlot, type ButtonStyle, type ButtonVariant, type ButtonVariantsProps, COUNTRY_CODES, Calendar, type CalendarBaseProps, type CalendarCaptionLayout, type CalendarHighlight, type CalendarHighlightColor, type CalendarProps, type CalendarRange, type CalendarRangeProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSlot, CardTitle, type CardTitleProps, type CardVariants, CategoryDivider, type CategoryDividerProps, CategoryTag, type CategoryTagProps, type CategoryTone, type CellValue, type ChannelTabItem, ChannelTabs, type ChannelTabsProps, type ChannelTone, Checkbox, type CheckboxChecked, type CheckboxProps, type CheckboxSlot, Chip, type ChipIntent, type ChipProps, type ChipSize, type ChipSlot, type ChipStyle, type ChipVariant, ClientRailGroupHeader, type ClientRailGroupHeaderProps, ClientRailItem, type ClientRailItemProps, ClientSelect, type ClientSelectOption, Code, type CodeProps, type CodeSlot, type CodeVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxBaseProps, type ComboboxClassNames, ComboboxMessages, type ComboboxMultipleProps, type ComboboxOptionState, type ComboboxProps, type ComboboxSelectionControls, type ComboboxSingleProps, type ComboboxSize, type ComboboxSlot, ComingSoon, type ComingSoonProps, type CommandItem, CommandPalette, CommandPaletteMessages, type CommandSlot, ConfirmActionButton, type ConfirmActionButtonProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmFn, ConfirmHost, type ConfirmHostProps, type ConfirmInitialFocus, type ConfirmIntent, ConfirmMessages, type ConfirmOptions, type ConfirmPresentation, type ConfirmResult, Content$1 as Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, type ContextMenuSlot, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ControlSize, CopyButton, type CountryCode, CountryFlag, CountrySelect, DATE_DISPLAY_PLACEHOLDER, DEFAULT_COMBOBOX_MESSAGES, DEFAULT_PHONE_FIELD_MESSAGES, DangerAction, type DangerActionProps, Dash, DashGrid, type DashGridProps, type DashWidget, DataItem, DataTable, type DataTableAccessor, type DataTableAriaSort, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, type DataTableColumn, type DataTableColumnVisibilityApi, type DataTableColumnVisibilityState, type DataTableController, type DataTableFilterDefinition, type DataTableFilterValue, type DataTableFiltersApi, type DataTableFiltersState, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationApi, type DataTablePaginationProps, type DataTablePaginationState, DataTablePattern, type DataTablePatternBulkActionsProps, type DataTablePatternColumnsMenuProps, type DataTablePatternContentProps, type DataTablePatternEmptyProps, type DataTablePatternErrorProps, type DataTablePatternFiltersProps, type DataTablePatternLoadingProps, type DataTablePatternPaginationProps, type DataTablePatternProps, type DataTablePatternSearchProps, type DataTablePatternToolbarProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowModel, type DataTableRowProps, DataTableSearch, type DataTableSearchApi, type DataTableSearchProps, type DataTableSelectionApi, type DataTableSelectionState, type DataTableSlot, type DataTableSortDirection, type DataTableSortValue, type DataTableSortingApi, type DataTableSortingState, DataTableSpacer, type DataTableSpacerProps, type DataTableState, DataTableToolbar, type DataTableToolbarProps, DataTableView, type DataTableViewColumn, type DataTableViewFilter, type DataTableViewProps, type DataTableViewSelection, type DataTableViewSort, type DatePattern, DatePicker, type DatePickerProps, type DateRangeNames, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, type DialogMessages, DialogOverlay, DialogPortal, type DialogPresentation, type DialogSize, type DialogSlot, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, type DisplayMenuOption, type DisplayMenuProps, type DisplayMenuSection, DocumentChecklist, type DocumentChecklistFile, type DocumentChecklistItem, type DocumentChecklistProps, type DocumentChecklistStatus, DocumentDetailActions, type DocumentDetailActionsProps, DocumentDetailBody, type DocumentDetailBodyProps, DocumentDetailHeader, type DocumentDetailHeaderProps, DocumentDetailMetaRow, type DocumentDetailMetaRowProps, DocumentDetailPanel, type DocumentDetailPanelProps, DocumentDetailRequester, type DocumentDetailRequesterProps, DocumentDetailTitle, type DocumentDetailTitleProps, DocumentFileCard, type DocumentFileCardProps, DocumentFileLine, type DocumentFileLineProps, DocumentFileRow, type DocumentFileRowProps, type DocumentItemState, DocumentList, type DocumentListProps, DocumentListSection, type DocumentListSectionProps, type DocumentRequestActivityKind, type DocumentRequestAssigneeOption, DocumentRequestCard, type DocumentRequestCardProps, DocumentRequestDetail, type DocumentRequestDetailActivityEvent, type DocumentRequestDetailComment, type DocumentRequestDetailDoc, type DocumentRequestDetailProps, type DocumentRequestDetailTab, DocumentRequestField, type DocumentRequestFieldProps, type DocumentRequestItemSummary, type DocumentRequestRequestedItem, type DocumentRequestReviewStatusOption, type DocumentRequestTone, DocumentRequestUpload, type DocumentRequestUploadFile, type DocumentRequestUploadProps, DocumentRow, type DocumentRowProps, type DocumentSource, DocumentSourceFilter, type DocumentSourceFilterProps, type DocumentSourceFilterValue, DocumentSourceTag, type DocumentSourceTagProps, DocumentsWorkspaceLayout, type DocumentsWorkspaceLayoutProps, DonutChart, type DonutChartProps, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuSlot, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, type EmailMessageCardProps, EmptyState, type EmptyStateAlign, type EmptyStateProps, type EmptyStateSize, EmptyValue, EngagementCard, type EngagementCardProps, EngagementTimeline, type EngagementTimelineProps, EngagementTimelineStep, type EngagementTimelineStepProps, ErrorState, ErrorStateMessages, type ErrorStateProps, type ErrorStateSize, Eyebrow, type EyebrowProps, Field, FieldControl, type FieldControlProps, type FieldControlWiring, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldMessages, type FieldOrientation, type FieldProps, type FieldSlot, Fieldset, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, type FieldsetSlot, FileChip, type FileChipProps, type FileKind, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FileUploadMessages, type FileUploadProps, type FileUploadSlot, type FileUploadVariant, FilterChip, type FilterChipProps, type FolderNode, FolderTree, type FolderTreeProps, FormError, FormSection, FormSuccess, Grid, type GridColumn, type GridInputType, type GridProps, type GridRow, type GridValue, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, type HeadingSlot, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardPadding, HoverCardPortal, HoverCardTrigger, type HoverCardWidth, ICON_TILE_TONE_TO_INTENT, IconAction, type IconActionProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonSlot, type IconButtonTooltipSide, IconTile, type IconTileIntent, type IconTileProps, type IconTileSize, type IconTileSuiteTone, type IconTileTone, type IconTileVariantProps, InfoHint, type InfoHintPresentation, type InfoHintProps, Inline, type InlineProps, type InlineSlot, Input, type InputProps$1 as InputProps, type InputSize, type InputSizeAlias, type InputSlot, type InputVariant, type InputVariants, type InputVariantsOptions, Intent, IntentBadge, type IntentBadgeProps, type IntentTone, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Kbd, type KbdGlyph, KbdHint, type KbdHintProps, type KbdProps, type KbdSlot, type KbdVariant, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KeyboardShortcutsMessages, KpiCard, type KpiCardProps, type KpiDelta, Label, type LabelSlot, type LayoutAlign, type LayoutBreakpoint, type LayoutGap, type LayoutJustify, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, type LinkButtonSlot, LoadingRows, Logo, Main, type MainProps, MasterDetailLayout, type MasterDetailLayoutProps, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageComposer, type MessageComposerProps, MetadataGrid, type MissingDocumentItem, MissingDocumentsPanel, type MissingDocumentsPanelProps, MoneyCell, MultiFilterPill, MultiSelect, MultiSelectField, type MultiSelectProps, MutedSpec, type MutedSpecProps, NewMenu, type NewMenuAction, type NewMenuGroup, type NewMenuProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, NumberInput, type NumberInputProps, type NumberInputSlot, Numeric, type NumericProps, OTPInput, type OTPInputProps, type OnlyStatuses, type Option, type OptionAccessors, PROGRESS_LEGACY_TO_INTENT, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, PaginationMessages, type PaginationProps, type PaginationSlot, PdfPreview, type PdfPreviewProps, PeoplePicker, type PeoplePickerMultipleProps, type PeoplePickerProps, type PeoplePickerSingleProps, type Person, PhoneCountryInput, PhoneField, type PhoneFieldChangeDetails, PhoneFieldMessages, type PhoneFieldProps, type PhoneFieldSlot, PhoneInput, type PillStatus, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverPadding, PopoverPortal, type PopoverSlot, PopoverTrigger, type PopoverWidth, Pressable, type PressableProps, type PressableSlot, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type ProgressBarVariantProps, type ProgressIntent, type ProgressLegacyColour, ProgressRing, type ProgressRingProps, type ProgressRingVariant, type ProgressRingVariantProps, type PromptFn, type PromptOptions, ProposalAddOn, type ProposalAddOnProps, type ProposalBillingMode, type ProposalBillingRow, ProposalBillingTerms, type ProposalBillingTermsProps, ProposalConsentGate, type ProposalConsentGateProps, ProposalCustomPage, type ProposalCustomPageKind, type ProposalCustomPageProps, ProposalNote, type ProposalNoteProps, ProposalPackageCard, type ProposalPackageCardProps, type ProposalPackageMode, ProposalPaymentCapture, type ProposalPaymentCaptureProps, ProposalPricingSummary, type ProposalPricingSummaryProps, ProposalServiceRow, type ProposalServiceRowProps, ProposalSignatureBlock, type ProposalSignatureBlockProps, type ProposalSigner, ProposalSignerList, type ProposalSignerListProps, type ProposalSignerStatus, type QuestionAddressValue, type QuestionFileValue, type QuestionHelp, type QuestionLabeledColumn, type QuestionLabeledRow, type QuestionLabeledValue, type QuestionNameValue, type QuestionOption, type QuestionTableColumn, type QuestionTableRow, type QuestionType, QuestionnairePanel, type QuestionnairePanelGroup, type QuestionnairePanelProps, type QuestionnairePanelSection, type QuestionnairePanelStatus, Questions, type QuestionsProps, type QuickReplyChip, RadioGroup, type RadioGroupAppearance, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSlot, type RankedBar, RankedBars, type RankedBarsProps, type Responsive, ResponsiveDialog, type ResponsiveDialogProps, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SPINNER_TONE_TO_INTENT, STATUS_DOT_TONE_TO_INTENT, ScrollArea, ScrollBar, SearchInput, SearchInputMessages, type SearchInputProps, type SearchInputSize, type SearchInputSlot, type SearchInputVariants, type SearchInputVariantsOptions, SearchSelect, type SearchSelectOption, type SearchSelectProps, SecondaryAction, type SecondaryActionProps, Section, SectionCard, type SectionCardProps, SectionHead, SectionHeader, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressProps, type SegmentedServiceTone, type SegmentedTone, Select, type SelectClassNames, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectMessages, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, type SelectSlot, SelectTrigger, type SelectTriggerProps, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, Separator, type ServiceTone, Shape, Sheet, SheetBody, type SheetBodyProps, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, type SheetMessages, SheetOverlay, SheetPortal, type SheetSide, type SheetSize, type SheetSlot, SheetTitle, SheetTrigger, type SheetWidth, Shell, type ShellProps, type ShellSlot, SideDrawer, type SideDrawerSlot, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherExtra, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, type SidebarBrandSwitcherSlot, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarDrawer, type SidebarDrawerProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarSlot, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, SignatureEditor, type SignatureEditorProps, Skeleton, SkeletonCircle, SkeletonText, Slider, type SliderProps, type SliderSize, type SortDirection, Spinner, type SpinnerIntent, type SpinnerProps, type SpinnerSize, type SpinnerTone, type SpinnerVariantProps, SpreadsheetPreview, type SpreadsheetPreviewProps, Stack, type StackDirection, type StackProps, type StackSlot, StackedBarChart, type StackedBarChartProps, type StackedBarDatum, type StackedBarSeries, StagePill, StarRating, type StarRatingProps, Stat, StatusBadge, type StatusBadgeProps, type StatusBadgeSlot, StatusDot, type StatusDotIntent, type StatusDotProps, type StatusDotSize, type StatusDotTone, type StatusDotVariantProps, StatusIcon, type StatusIconProps, type StatusMap, StatusPill, type StatusPillProps, type StatusPresentation, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StickyStack, StickyStackLayer, type StickyStackLayerMode, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, SubmitButton, SuggestionPills, type SuggestionPillsProps, SuiteProgress, type SuiteProgressFillVariantProps, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressSuiteTone, type SuiteProgressTone, Surface, type SurfaceElevation, type SurfacePadding, type SurfaceProps, type SurfaceRadius, type SurfaceSlot, Switch, type SwitchProps, type SwitchSize, type SwitchSlot, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellAlign, type TableCellCommonProps, type TableCellProps, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableHeaderStyle, TableLoading, type TableLoadingProps, TableMessages, type TableProps, TableRow, type TableRowData, type TableRowProps, type TableSlot, type TableSortDirection, type TableStateProps, TableStatesMessages, type TableStickyEdge, type TableTone, Tabs, TabsContent, TabsList, TabsTrigger, TagsCell, TeamMemberSelect, Text, type TextColor, type TextProps, type TextSize, type TextSlot, type TextWeight, Textarea, type TextareaProps, type TextareaSize, type TextareaSlot, type TextareaVariant, type TextareaVariants, type TextareaVariantsOptions, type ThemeBrand, type ThemeDensity, type ThemeDirection, type ThemeScheme, ThemeScope, type ThemeScopeProps, type ThemeScopeValue, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, type TimelineState, type ToastAction, type ToastContextValue, ToastMessages, type ToastOptions, ToastProvider, type ToastSlot, type ToastVariant, ToggleGroup, type ToggleGroupFormProps, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleGroupSize, type ToggleGroupVariant, Toolbar, type ToolbarProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipMaxWidth, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipSlot, TooltipTrigger, type UseDataTableOptions, type UseFieldControlProps, type UseStopwatchReturn, Variant, VisuallyHidden, YEAR_DISPLAY_PLACEHOLDER, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, chipVariants, cn, compareSortValues, dateToIso, defineStatusMap, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconButtonVariants, resolveIconTileVariants as iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, nextSortDirection, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, resolveBadgeAppearance, resolveButtonStyle, resolveChipStyle, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useBrandScope, useConfirm, useDataTable, useFieldControl, usePrompt, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|