@assure-one/design-system 1.37.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 +40 -0
- package/codemods/lib/registry.mjs +1 -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 +8 -0
- package/dist/css/tokens.css +8 -0
- package/dist/{design-system-provider-C8UlFe52.d.ts → design-system-provider-B5MbvbRc.d.ts} +61 -1
- package/dist/index.d.ts +1358 -206
- package/dist/index.js +2201 -607
- package/dist/index.js.map +1 -1
- package/dist/next/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/docs/components.md +36 -8
- package/docs/components.registry.json +2399 -463
- 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/index.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ 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, F as FileUploadMessages, K as KeyboardShortcutsMessages, P as PaginationMessages, c as PhoneFieldMessages, S as SearchInputMessages, d as SelectMessages, T as
|
|
17
|
-
export {
|
|
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';
|
|
18
18
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
19
19
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
20
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -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>>;
|
|
@@ -302,11 +302,13 @@ type ToastSlot = "region" | "root" | "icon" | "title" | "description" | "action"
|
|
|
302
302
|
* overflow container that `wrapperClassName` styles today and
|
|
303
303
|
* `classNames.wrapper` replaces (`C-CLASSNAME-PROPS`). `header` is `<thead>`
|
|
304
304
|
* and `head` is a `<th>`, matching the `TableHeader` / `TableHead` component
|
|
305
|
-
* 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).
|
|
306
308
|
*
|
|
307
309
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
308
310
|
*/
|
|
309
|
-
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";
|
|
310
312
|
/**
|
|
311
313
|
* `DataTable*` parts, stamped as `data-slot="data-table[-<part>]"` (ADR-008).
|
|
312
314
|
* These are `C-DT-PARTS`, the parallel copy of `Table*` that W6-03 folds back
|
|
@@ -324,17 +326,24 @@ type TableSlot = "root" | "wrapper" | "header" | "body" | "footer" | "row" | "he
|
|
|
324
326
|
* their own — stamping over it would delete the inner component's part name.
|
|
325
327
|
* W6-06 gives the search its own `classNames.search` (`C-DOM-18`).
|
|
326
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
|
+
*
|
|
327
335
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
328
336
|
*/
|
|
329
|
-
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";
|
|
330
338
|
/**
|
|
331
339
|
* `Pagination` parts, stamped as `data-slot="pagination[-<part>]"` (ADR-008).
|
|
332
340
|
* `root` is the `<nav>`. The current page carries `data-selected` alongside
|
|
333
|
-
* its existing `aria-current="page"`.
|
|
341
|
+
* its existing `aria-current="page"`. `page-size` wraps the optional
|
|
342
|
+
* rows-per-page `Select` (W6-09).
|
|
334
343
|
*
|
|
335
344
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
336
345
|
*/
|
|
337
|
-
type PaginationSlot = "root" | "label" | "pages" | "previous" | "next" | "page" | "ellipsis";
|
|
346
|
+
type PaginationSlot = "root" | "label" | "page-size" | "pages" | "previous" | "next" | "page" | "ellipsis";
|
|
338
347
|
/**
|
|
339
348
|
* `Shell` / `Main` / `Content` parts, stamped as `data-slot="shell[-<part>]"`
|
|
340
349
|
* (ADR-008). Three elements, three names: the app frame, the column beside the
|
|
@@ -966,6 +975,16 @@ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<BreadcrumbListPr
|
|
|
966
975
|
type BreadcrumbItemProps = React.HTMLAttributes<HTMLLIElement>;
|
|
967
976
|
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<BreadcrumbItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
968
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
|
+
*/
|
|
969
988
|
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<BreadcrumbLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
970
989
|
type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
971
990
|
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<BreadcrumbPageProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
@@ -2008,16 +2027,167 @@ declare const DropdownMenuShortcut: {
|
|
|
2008
2027
|
* EmptyState — display headline (Inter), fg-3 description, icon tile on surface-2 with a
|
|
2009
2028
|
* hairline ring (Polish 2 §3.10: the tile reads as a surface, the icon as content).
|
|
2010
2029
|
*
|
|
2011
|
-
* 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.
|
|
2012
2041
|
*/
|
|
2042
|
+
type EmptyStateSize = "page" | "section" | "compact" | "default";
|
|
2043
|
+
/** Where the content sits on the cross axis. @experimental */
|
|
2044
|
+
type EmptyStateAlign = "center" | "start";
|
|
2013
2045
|
interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2014
2046
|
icon?: React.ReactNode;
|
|
2015
2047
|
title: string;
|
|
2016
2048
|
description?: string;
|
|
2017
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;
|
|
2018
2059
|
}
|
|
2019
2060
|
declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2020
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
|
+
|
|
2021
2191
|
/**
|
|
2022
2192
|
* FileChip — compact attachment row: a colored file-type tile, the file
|
|
2023
2193
|
* name, a "size · when" meta line, and an optional trailing action
|
|
@@ -2710,7 +2880,16 @@ interface MasterDetailLayoutProps extends Omit<React.HTMLAttributes<HTMLDivEleme
|
|
|
2710
2880
|
onBack?: () => void;
|
|
2711
2881
|
/** Accessible label for the mobile back button. */
|
|
2712
2882
|
backLabel?: string;
|
|
2713
|
-
/**
|
|
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
|
+
*/
|
|
2714
2893
|
listWidth?: number | string;
|
|
2715
2894
|
}
|
|
2716
2895
|
declare const MasterDetailLayout: React$1.ForwardRefExoticComponent<MasterDetailLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -2852,19 +3031,57 @@ declare namespace OTPInput {
|
|
|
2852
3031
|
var displayName: string;
|
|
2853
3032
|
}
|
|
2854
3033
|
|
|
2855
|
-
interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
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. */
|
|
2859
3041
|
siblingCount?: number;
|
|
2860
|
-
/** Total item count — enables "
|
|
3042
|
+
/** Total item count — enables the "1–10 of 47" label and derives `pageCount`. */
|
|
2861
3043
|
totalItems?: number;
|
|
2862
|
-
/** Items per page — used with totalItems for range
|
|
3044
|
+
/** Items per page — used with `totalItems` for the range label and `pageCount`. */
|
|
2863
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;
|
|
2864
3058
|
/** Overrides of the copy the pager renders (W5-22): prop > provider `messages.pagination` > English. */
|
|
2865
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;
|
|
2866
3064
|
}
|
|
2867
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>>;
|
|
2868
3085
|
|
|
2869
3086
|
/**
|
|
2870
3087
|
* PdfPreview — read-only, presentational PDF viewer.
|
|
@@ -4377,6 +4594,13 @@ interface StickyActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
4377
4594
|
hint?: React.ReactNode;
|
|
4378
4595
|
/** Lift the bar above the 56px mobile tab bar + safe-area inset. */
|
|
4379
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";
|
|
4380
4604
|
}
|
|
4381
4605
|
declare const StickyActionBar: React$1.ForwardRefExoticComponent<StickyActionBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4382
4606
|
|
|
@@ -4495,9 +4719,141 @@ interface SwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Switc
|
|
|
4495
4719
|
}
|
|
4496
4720
|
declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4497
4721
|
|
|
4722
|
+
/**
|
|
4723
|
+
* Theme scope — the host dimensions a subtree renders with (W5-02).
|
|
4724
|
+
*
|
|
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";
|
|
4498
4812
|
interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
4499
4813
|
/** Class for the wrapping `div` that handles overflow. */
|
|
4500
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>;
|
|
4501
4857
|
}
|
|
4502
4858
|
declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
|
|
4503
4859
|
type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
@@ -4506,11 +4862,71 @@ type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
|
4506
4862
|
declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4507
4863
|
type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
|
|
4508
4864
|
declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
4509
|
-
|
|
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
|
+
}
|
|
4510
4885
|
declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
4511
|
-
|
|
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
|
+
}
|
|
4512
4922
|
declare const TableHead: React$1.ForwardRefExoticComponent<TableHeadProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4513
|
-
|
|
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
|
+
}
|
|
4514
4930
|
declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
4515
4931
|
type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
|
|
4516
4932
|
declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
@@ -5647,41 +6063,366 @@ interface OptionAccessors<TItem, TValue extends string = string> {
|
|
|
5647
6063
|
getOptionKeywords?: (item: TItem) => readonly string[] | undefined;
|
|
5648
6064
|
}
|
|
5649
6065
|
|
|
5650
|
-
/**
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
5655
|
-
|
|
5656
|
-
|
|
5657
|
-
|
|
5658
|
-
|
|
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;
|
|
5659
6140
|
}
|
|
5660
6141
|
/**
|
|
5661
|
-
*
|
|
5662
|
-
*
|
|
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.
|
|
5663
6144
|
*
|
|
5664
6145
|
* @experimental
|
|
5665
6146
|
*/
|
|
5666
|
-
interface
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
|
|
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;
|
|
5674
6155
|
}
|
|
5675
|
-
/**
|
|
5676
|
-
interface
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5681
|
-
|
|
5682
|
-
|
|
5683
|
-
|
|
5684
|
-
|
|
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
|
+
|
|
6391
|
+
/** The English defaults (the `combobox` namespace of the catalogue). */
|
|
6392
|
+
declare const DEFAULT_COMBOBOX_MESSAGES: ComboboxMessages;
|
|
6393
|
+
/** The sizes a combobox offers: the shared control scale (A1). @experimental */
|
|
6394
|
+
type ComboboxSize = ControlSize;
|
|
6395
|
+
/** What `renderOption` is told about the row it renders. @experimental */
|
|
6396
|
+
interface ComboboxOptionState {
|
|
6397
|
+
selected: boolean;
|
|
6398
|
+
highlighted: boolean;
|
|
6399
|
+
disabled: boolean;
|
|
6400
|
+
}
|
|
6401
|
+
/**
|
|
6402
|
+
* Class overrides per part, for the consumer who must restyle one slot
|
|
6403
|
+
* without reaching into the DOM.
|
|
6404
|
+
*
|
|
6405
|
+
* @experimental
|
|
6406
|
+
*/
|
|
6407
|
+
interface ComboboxClassNames {
|
|
6408
|
+
root?: string;
|
|
6409
|
+
control?: string;
|
|
6410
|
+
input?: string;
|
|
6411
|
+
chip?: string;
|
|
6412
|
+
content?: string;
|
|
6413
|
+
list?: string;
|
|
6414
|
+
item?: string;
|
|
6415
|
+
}
|
|
6416
|
+
/** @experimental */
|
|
6417
|
+
interface ComboboxBaseProps<TItem, TValue extends string> extends Partial<OptionAccessors<TItem, TValue>> {
|
|
6418
|
+
/** The rows: `Option`s, strings, or domain objects read through the accessors. */
|
|
6419
|
+
options: readonly TItem[];
|
|
6420
|
+
id?: string;
|
|
6421
|
+
/** The form field name. Without it nothing is submitted. */
|
|
6422
|
+
name?: string;
|
|
6423
|
+
/** The `id` of the form to submit with when the control is rendered outside it. */
|
|
6424
|
+
form?: string;
|
|
6425
|
+
required?: boolean;
|
|
5685
6426
|
disabled?: boolean;
|
|
5686
6427
|
readOnly?: boolean;
|
|
5687
6428
|
invalid?: boolean;
|
|
@@ -6957,11 +7698,80 @@ interface NewMenuProps {
|
|
|
6957
7698
|
}
|
|
6958
7699
|
declare const NewMenu: React$1.ForwardRefExoticComponent<NewMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
6959
7700
|
|
|
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
|
+
|
|
6960
7751
|
type ShellProps = React.HTMLAttributes<HTMLDivElement>;
|
|
6961
7752
|
declare const Shell: React$1.ForwardRefExoticComponent<ShellProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6962
7753
|
type MainProps = React.HTMLAttributes<HTMLElement>;
|
|
6963
7754
|
declare const Main: React$1.ForwardRefExoticComponent<MainProps & React$1.RefAttributes<HTMLElement>>;
|
|
6964
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";
|
|
6965
7775
|
/**
|
|
6966
7776
|
* Override the top padding only. Use this when an app shell has its own
|
|
6967
7777
|
* sticky header rhythm and needs a denser first row without reaching for
|
|
@@ -6982,7 +7792,7 @@ interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6982
7792
|
*/
|
|
6983
7793
|
padBottom?: string;
|
|
6984
7794
|
}
|
|
6985
|
-
declare const Content: React$1.ForwardRefExoticComponent<ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7795
|
+
declare const Content$1: React$1.ForwardRefExoticComponent<ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6986
7796
|
|
|
6987
7797
|
type SidebarState = "expanded" | "rail";
|
|
6988
7798
|
interface SidebarContextValue {
|
|
@@ -7009,14 +7819,49 @@ declare function useSidebarState(): SidebarContextValue;
|
|
|
7009
7819
|
interface SidebarProviderProps {
|
|
7010
7820
|
children?: React$1.ReactNode;
|
|
7011
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
|
+
*/
|
|
7012
7828
|
defaultState?: SidebarState;
|
|
7013
7829
|
onStateChange?: (next: SidebarState) => void;
|
|
7014
|
-
/** Persist the user's intent across reloads under this
|
|
7830
|
+
/** Persist the user's intent across reloads under this key. See `storage`. */
|
|
7015
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";
|
|
7016
7861
|
/** Global toggle shortcut. Pass `null` to disable. Defaults to `Mod+\`. */
|
|
7017
7862
|
shortcut?: string | null;
|
|
7018
7863
|
}
|
|
7019
|
-
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;
|
|
7020
7865
|
declare namespace SidebarProvider {
|
|
7021
7866
|
var displayName: string;
|
|
7022
7867
|
}
|
|
@@ -7094,6 +7939,20 @@ interface SidebarSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
7094
7939
|
* Mirrors the `tone` API on `<SidebarLinkBadge>`.
|
|
7095
7940
|
*/
|
|
7096
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;
|
|
7097
7956
|
}
|
|
7098
7957
|
declare const SidebarSection: React$1.ForwardRefExoticComponent<SidebarSectionProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
7099
7958
|
interface SidebarLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
@@ -7170,6 +8029,31 @@ interface SidebarUserProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
7170
8029
|
avatarSrc?: string | null;
|
|
7171
8030
|
}
|
|
7172
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
|
+
}
|
|
7173
8057
|
|
|
7174
8058
|
interface SidebarBrandSwitcherItem {
|
|
7175
8059
|
/** Stable id used as React key and for `data-item` on each row. */
|
|
@@ -7380,6 +8264,29 @@ interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title
|
|
|
7380
8264
|
actions?: React.ReactNode;
|
|
7381
8265
|
/** Slot below the description for pills, specs, separators. */
|
|
7382
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;
|
|
7383
8290
|
}
|
|
7384
8291
|
declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLElement>>;
|
|
7385
8292
|
type PageHeaderSpecProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
@@ -7550,28 +8457,21 @@ interface DataTableResultsCountProps extends Omit<React.HTMLAttributes<HTMLSpanE
|
|
|
7550
8457
|
* DataTableResultsCount — small "12 of 247" indicator. Mono + tabular.
|
|
7551
8458
|
*/
|
|
7552
8459
|
declare const DataTableResultsCount: React$1.ForwardRefExoticComponent<DataTableResultsCountProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
7553
|
-
/**
|
|
7554
|
-
|
|
7555
|
-
|
|
7556
|
-
|
|
7557
|
-
|
|
7558
|
-
|
|
7559
|
-
|
|
7560
|
-
|
|
7561
|
-
|
|
7562
|
-
|
|
7563
|
-
|
|
7564
|
-
|
|
7565
|
-
|
|
7566
|
-
|
|
7567
|
-
|
|
7568
|
-
* DataTableRow — `<tr>` with hover styling. `selected` switches the
|
|
7569
|
-
* row to the Pro-bg highlight (matches `data-[state=selected]` on the
|
|
7570
|
-
* Table primitive).
|
|
7571
|
-
*/
|
|
7572
|
-
declare const DataTableRow: React$1.ForwardRefExoticComponent<DataTableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
7573
|
-
type SortDirection = "asc" | "desc";
|
|
7574
|
-
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"> {
|
|
7575
8475
|
/** When true, the cell becomes a clickable button that toggles sort
|
|
7576
8476
|
* state and renders a chevron indicator. */
|
|
7577
8477
|
sortable?: boolean;
|
|
@@ -7584,33 +8484,33 @@ interface DataTableHeaderProps extends React.ThHTMLAttributes<HTMLTableCellEleme
|
|
|
7584
8484
|
onSortChange?: (sort: SortDirection | null) => void;
|
|
7585
8485
|
}
|
|
7586
8486
|
/**
|
|
7587
|
-
* DataTableHeader — `<th
|
|
7588
|
-
*
|
|
7589
|
-
* when
|
|
7590
|
-
*
|
|
7591
|
-
*
|
|
7592
|
-
*
|
|
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.
|
|
7593
8493
|
*/
|
|
7594
8494
|
declare const DataTableHeader: React$1.ForwardRefExoticComponent<DataTableHeaderProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7595
|
-
|
|
7596
|
-
|
|
7597
|
-
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>>;
|
|
7598
8498
|
/**
|
|
7599
8499
|
* DataTableCellName — primary identifier of the row. Display font,
|
|
7600
8500
|
* fg color, medium weight.
|
|
7601
8501
|
*/
|
|
7602
|
-
declare const DataTableCellName: React$1.ForwardRefExoticComponent<
|
|
8502
|
+
declare const DataTableCellName: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7603
8503
|
/**
|
|
7604
8504
|
* DataTableCellMono — currency / IDs / numerics. Body font (Plus Jakarta
|
|
7605
8505
|
* Sans) with tabular numerals so columns of figures stay aligned.
|
|
7606
8506
|
*/
|
|
7607
|
-
declare const DataTableCellMono: React$1.ForwardRefExoticComponent<
|
|
8507
|
+
declare const DataTableCellMono: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7608
8508
|
/**
|
|
7609
8509
|
* DataTableCellId — muted ID (EIN, UUID, "5h ago") in the body font
|
|
7610
8510
|
* (Plus Jakarta Sans) with tabular numerals.
|
|
7611
8511
|
*/
|
|
7612
|
-
declare const DataTableCellId: React$1.ForwardRefExoticComponent<
|
|
7613
|
-
interface DataTableCellDueProps extends Omit<
|
|
8512
|
+
declare const DataTableCellId: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
8513
|
+
interface DataTableCellDueProps extends Omit<DataTableCellProps, "children"> {
|
|
7614
8514
|
/** Date this row is due. */
|
|
7615
8515
|
value: Date;
|
|
7616
8516
|
/** Optional override for the displayed label (defaults to the
|
|
@@ -7627,7 +8527,7 @@ interface DataTableCellDueProps extends Omit<React.TdHTMLAttributes<HTMLTableCel
|
|
|
7627
8527
|
* `.cell-due-near` / `.cell-due-overdue` CSS classes in the mockup.
|
|
7628
8528
|
*/
|
|
7629
8529
|
declare const DataTableCellDue: React$1.ForwardRefExoticComponent<DataTableCellDueProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7630
|
-
interface DataTableCheckboxProps extends Omit<
|
|
8530
|
+
interface DataTableCheckboxProps extends Omit<DataTableCellProps, "onChange" | "defaultChecked" | "children"> {
|
|
7631
8531
|
/** Forwarded to the inner `Checkbox` primitive. */
|
|
7632
8532
|
checked?: boolean | "indeterminate";
|
|
7633
8533
|
defaultChecked?: boolean | "indeterminate";
|
|
@@ -7639,43 +8539,90 @@ interface DataTableCheckboxProps extends Omit<React.TdHTMLAttributes<HTMLTableCe
|
|
|
7639
8539
|
asHeader?: boolean;
|
|
7640
8540
|
}
|
|
7641
8541
|
/**
|
|
7642
|
-
* DataTableCheckbox — `<td>` containing the
|
|
7643
|
-
*
|
|
7644
|
-
* `.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.
|
|
7645
8545
|
*/
|
|
7646
8546
|
declare const DataTableCheckbox: React$1.ForwardRefExoticComponent<DataTableCheckboxProps & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
/**
|
|
7651
|
-
|
|
7652
|
-
/**
|
|
7653
|
-
|
|
7654
|
-
|
|
7655
|
-
|
|
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;
|
|
7656
8566
|
}
|
|
7657
8567
|
/**
|
|
7658
|
-
*
|
|
7659
|
-
* `
|
|
7660
|
-
* and
|
|
7661
|
-
*
|
|
7662
|
-
*
|
|
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
|
|
7663
8573
|
*/
|
|
7664
|
-
declare const
|
|
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;
|
|
8581
|
+
}
|
|
8582
|
+
/**
|
|
8583
|
+
* TableEmpty — one full-width row holding a compact `EmptyState`.
|
|
8584
|
+
*
|
|
8585
|
+
* @experimental
|
|
8586
|
+
*/
|
|
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>>;
|
|
7665
8605
|
|
|
7666
8606
|
/**
|
|
7667
8607
|
* DataTableView — config-driven table on top of the composition
|
|
7668
8608
|
* `DataTable*` primitives. Every list/table screen is just a config:
|
|
7669
|
-
* `columns` + `data` (+ optional `filters` / `searchKeys` / sort).
|
|
7670
|
-
*
|
|
7671
|
-
*
|
|
7672
|
-
* `
|
|
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).
|
|
7673
8618
|
*
|
|
7674
8619
|
* It complements — does not replace — the composition API: reach for the
|
|
7675
8620
|
* raw `DataTable*` parts when a screen needs bespoke cells or layout; reach
|
|
7676
8621
|
* for `DataTableView` when the table is "columns + rows + the usual
|
|
7677
|
-
* toolbar." Render helpers (`
|
|
7678
|
-
*
|
|
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).
|
|
7679
8626
|
*/
|
|
7680
8627
|
type TableRowData = Record<string, unknown>;
|
|
7681
8628
|
interface DataTableViewColumn<Row extends TableRowData> {
|
|
@@ -7728,16 +8675,42 @@ interface DataTableViewSelection<Row extends TableRowData> {
|
|
|
7728
8675
|
/** Accessible label for a row's checkbox, e.g. ``(row) => `Select ${row.name}` ``. */
|
|
7729
8676
|
rowLabel?: (row: Row) => string;
|
|
7730
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;
|
|
7731
8688
|
interface DataTableViewProps<Row extends TableRowData> {
|
|
7732
8689
|
columns: DataTableViewColumn<Row>[];
|
|
7733
8690
|
data: Row[];
|
|
7734
8691
|
filters?: DataTableViewFilter<Row>[];
|
|
7735
8692
|
searchKeys?: string[];
|
|
7736
8693
|
searchPlaceholder?: string;
|
|
7737
|
-
|
|
7738
|
-
|
|
7739
|
-
|
|
7740
|
-
|
|
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;
|
|
7741
8714
|
onRowClick?: (row: Row) => void;
|
|
7742
8715
|
rowKey?: string;
|
|
7743
8716
|
pageSize?: number;
|
|
@@ -7747,28 +8720,66 @@ interface DataTableViewProps<Row extends TableRowData> {
|
|
|
7747
8720
|
selection?: DataTableViewSelection<Row>;
|
|
7748
8721
|
className?: string;
|
|
7749
8722
|
}
|
|
7750
|
-
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;
|
|
7751
|
-
|
|
7752
|
-
|
|
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
|
+
*/
|
|
7753
8736
|
declare function Dash(): react_jsx_runtime.JSX.Element;
|
|
7754
|
-
/**
|
|
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
|
+
*/
|
|
7755
8757
|
declare function StagePill({ tone, dot, children, }: {
|
|
7756
8758
|
tone?: TableTone;
|
|
7757
8759
|
dot?: boolean;
|
|
7758
8760
|
children: ReactNode;
|
|
7759
8761
|
}): react_jsx_runtime.JSX.Element;
|
|
7760
|
-
/**
|
|
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
|
+
*/
|
|
7761
8769
|
declare function Assignee({ name }: {
|
|
7762
8770
|
name?: string | null;
|
|
7763
8771
|
}): react_jsx_runtime.JSX.Element;
|
|
7764
|
-
/**
|
|
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
|
+
*/
|
|
7765
8780
|
declare function MoneyCell({ value }: {
|
|
7766
8781
|
value?: number | null;
|
|
7767
8782
|
}): react_jsx_runtime.JSX.Element;
|
|
7768
|
-
/** TagsCell — first tag + "+N" overflow. */
|
|
7769
|
-
declare function TagsCell({ items }: {
|
|
7770
|
-
items?: string[];
|
|
7771
|
-
}): react_jsx_runtime.JSX.Element;
|
|
7772
8783
|
|
|
7773
8784
|
/**
|
|
7774
8785
|
* Detail layout composites — two-column layout: a sticky left rail (the
|
|
@@ -8442,8 +9453,21 @@ interface NotificationItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButt
|
|
|
8442
9453
|
body?: React.ReactNode;
|
|
8443
9454
|
/** Quiet caption shown before the client chip on the meta line. */
|
|
8444
9455
|
typeLabel?: React.ReactNode;
|
|
8445
|
-
/**
|
|
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
|
+
*/
|
|
8446
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;
|
|
8447
9471
|
/** Preformatted relative time, e.g. "8m ago". Sits on the meta line. */
|
|
8448
9472
|
time?: React.ReactNode;
|
|
8449
9473
|
/** People-driven rows: shows the sender avatar instead of the icon tile. */
|
|
@@ -8949,9 +9973,13 @@ interface DisplayMenuProps {
|
|
|
8949
9973
|
triggerLabel?: string;
|
|
8950
9974
|
/** Extra classes for the trigger button. */
|
|
8951
9975
|
className?: string;
|
|
8952
|
-
/**
|
|
8953
|
-
*
|
|
8954
|
-
*
|
|
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
|
+
*/
|
|
8955
9983
|
gutterPx?: number;
|
|
8956
9984
|
/** Which side of the panel the section flyouts open on. `"auto"` (default)
|
|
8957
9985
|
* opens left whenever the panel has room there — the usual case for a
|
|
@@ -8960,13 +9988,28 @@ interface DisplayMenuProps {
|
|
|
8960
9988
|
* free space is on the right. */
|
|
8961
9989
|
flyoutSide?: "auto" | "left" | "right";
|
|
8962
9990
|
}
|
|
8963
|
-
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;
|
|
8964
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";
|
|
8965
10006
|
interface StickyStackProps {
|
|
8966
10007
|
/** Fixed layers in visual top-to-bottom order. */
|
|
8967
10008
|
layers: readonly string[];
|
|
8968
10009
|
/** Offset above the first layer, usually the app-shell header height. */
|
|
8969
10010
|
top?: React$1.CSSProperties["top"];
|
|
10011
|
+
/** Default {@link StickyStackLayerMode} for every layer. Default `fixed`. */
|
|
10012
|
+
layerMode?: StickyStackLayerMode;
|
|
8970
10013
|
children: React$1.ReactNode;
|
|
8971
10014
|
}
|
|
8972
10015
|
/**
|
|
@@ -8974,12 +10017,14 @@ interface StickyStackProps {
|
|
|
8974
10017
|
* heights. Layers can live in different descendants as long as they share this
|
|
8975
10018
|
* provider.
|
|
8976
10019
|
*/
|
|
8977
|
-
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;
|
|
8978
10021
|
interface StickyStackLayerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
8979
10022
|
/** Name declared in the parent StickyStack layers array. */
|
|
8980
10023
|
name: string;
|
|
8981
10024
|
/** Classes applied to the in-flow spacer/measurement host. */
|
|
8982
10025
|
hostClassName?: string;
|
|
10026
|
+
/** Override the stack's {@link StickyStackLayerMode} for this layer. */
|
|
10027
|
+
layerMode?: StickyStackLayerMode;
|
|
8983
10028
|
}
|
|
8984
10029
|
/**
|
|
8985
10030
|
* A measured fixed layer with an automatic in-flow spacer. The fixed surface
|
|
@@ -9049,6 +10094,187 @@ declare namespace ConfirmHost {
|
|
|
9049
10094
|
var displayName: string;
|
|
9050
10095
|
}
|
|
9051
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
|
+
|
|
9052
10278
|
declare function cn(...inputs: ClassValue[]): string;
|
|
9053
10279
|
|
|
9054
10280
|
/**
|
|
@@ -9128,78 +10354,4 @@ interface BrandScopeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
9128
10354
|
*/
|
|
9129
10355
|
declare const BrandScope: React$1.ForwardRefExoticComponent<BrandScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
9130
10356
|
|
|
9131
|
-
/**
|
|
9132
|
-
* Theme scope — the host dimensions a subtree renders with (W5-02).
|
|
9133
|
-
*
|
|
9134
|
-
* The design system's scopes are DOM attributes: `[data-ds-scheme]`,
|
|
9135
|
-
* `[data-ds-brand]`, `[data-ds-density]`, `dir`, and the `--ds-*` style a
|
|
9136
|
-
* runtime brand writes (`createBrandTheme`). Set on the document root they
|
|
9137
|
-
* reach everything, portalled overlays included. Set on a *subtree* they stop
|
|
9138
|
-
* at the subtree: a Dialog or Popover opened from inside it renders in
|
|
9139
|
-
* `document.body`, outside the scope, and comes up in the root theme.
|
|
9140
|
-
*
|
|
9141
|
-
* `ThemeScope` fixes that. It stamps the attributes on its own element, as a
|
|
9142
|
-
* hand-written scope would, **and** registers them in context, so the shared
|
|
9143
|
-
* `Portal` (`primitives/behavior/portal.tsx`) can re-stamp the same attributes
|
|
9144
|
-
* and runtime-brand style on the container wrapper it mounts portalled content
|
|
9145
|
-
* into. Nested scopes merge: a `density="compact"` scope inside a `brand="tax"`
|
|
9146
|
-
* one propagates both.
|
|
9147
|
-
*
|
|
9148
|
-
* Apps that scope the document root need none of this; the portal path is
|
|
9149
|
-
* unchanged for them (no wrapper is created).
|
|
9150
|
-
*/
|
|
9151
|
-
/** The scheme a subtree renders with (`[data-ds-scheme]`). */
|
|
9152
|
-
type ThemeScheme = "light" | "dark";
|
|
9153
|
-
/** A built-in brand scope (`[data-ds-brand]`). */
|
|
9154
|
-
type ThemeBrand = "pro" | "audit" | "books" | "tax";
|
|
9155
|
-
/** The density scope (`[data-ds-density]`, W2-06). */
|
|
9156
|
-
type ThemeDensity = "comfortable" | "compact";
|
|
9157
|
-
/** Text direction (`dir`). */
|
|
9158
|
-
type ThemeDirection = "ltr" | "rtl";
|
|
9159
|
-
/**
|
|
9160
|
-
* The dimensions a scope sets. Every field is optional; an unset field is
|
|
9161
|
-
* inherited from the enclosing scope, then from the document.
|
|
9162
|
-
*
|
|
9163
|
-
* @experimental
|
|
9164
|
-
*/
|
|
9165
|
-
interface ThemeScopeValue {
|
|
9166
|
-
scheme?: ThemeScheme;
|
|
9167
|
-
brand?: ThemeBrand;
|
|
9168
|
-
density?: ThemeDensity;
|
|
9169
|
-
dir?: ThemeDirection;
|
|
9170
|
-
/**
|
|
9171
|
-
* A registered runtime brand: the object `createBrandTheme()` returns. It is
|
|
9172
|
-
* applied as inline `--ds-*` style on the scope element and re-applied on
|
|
9173
|
-
* portalled content.
|
|
9174
|
-
*/
|
|
9175
|
-
brandTheme?: BrandTheme;
|
|
9176
|
-
}
|
|
9177
|
-
/** Props of {@link ThemeScope}. @experimental */
|
|
9178
|
-
interface ThemeScopeProps extends ThemeScopeValue, Omit<React.HTMLAttributes<HTMLDivElement>, "dir"> {
|
|
9179
|
-
children?: ReactNode;
|
|
9180
|
-
}
|
|
9181
|
-
/**
|
|
9182
|
-
* A `<div>` that scopes the host dimensions of its subtree — scheme, brand,
|
|
9183
|
-
* density, direction and a runtime brand — and propagates them into every
|
|
9184
|
-
* overlay opened from inside it (Dialog, Sheet, Popover, Tooltip, menus,
|
|
9185
|
-
* Select, Toast …), which would otherwise render in the document's theme.
|
|
9186
|
-
*
|
|
9187
|
-
* ```tsx
|
|
9188
|
-
* <ThemeScope brand="tax" density="compact">
|
|
9189
|
-
* <Popover>…</Popover> // its content renders as compact Tax, too
|
|
9190
|
-
* </ThemeScope>
|
|
9191
|
-
*
|
|
9192
|
-
* <ThemeScope brandTheme={createBrandTheme({ brand: firm.primary })}>
|
|
9193
|
-
* <Dialog>…</Dialog> // the runtime brand follows the dialog to <body>
|
|
9194
|
-
* </ThemeScope>
|
|
9195
|
-
* ```
|
|
9196
|
-
*
|
|
9197
|
-
* Nothing changes for apps that scope `<html>` or `<body>`: no wrapper is
|
|
9198
|
-
* created around portalled content when no `ThemeScope` encloses it.
|
|
9199
|
-
*
|
|
9200
|
-
* @experimental W5-02. The public shape follows decision D7 for the runtime
|
|
9201
|
-
* brand seed.
|
|
9202
|
-
*/
|
|
9203
|
-
declare const ThemeScope: React$1.ForwardRefExoticComponent<ThemeScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
9204
|
-
|
|
9205
|
-
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, 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, 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 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 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, 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, 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, type PaginationProps, type PaginationSlot, PdfPreview, type PdfPreviewProps, 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, 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, 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 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, useConfirm, useFieldControl, usePrompt, 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 };
|