@assure-one/design-system 1.4.3 → 1.6.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/dist/index.d.ts +441 -2
- package/dist/index.js +763 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { ColorName, ReferenceTokens, SystemTokens, colors, radii, reference, shadows, spacing, surfaces, systemTokens, typography } from './tokens/index.js';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
@@ -1838,6 +1838,71 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantPro
|
|
|
1838
1838
|
}
|
|
1839
1839
|
declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
1840
1840
|
|
|
1841
|
+
/**
|
|
1842
|
+
* StackedBarChart — vertical stacked-column chart with a y-axis, gridlines,
|
|
1843
|
+
* an x-axis label row, an optional legend, and a cursor-following tooltip.
|
|
1844
|
+
*
|
|
1845
|
+
* Pure renderer. The caller supplies `series` (the stacking order + colors +
|
|
1846
|
+
* legend labels) and `bars` (one column each, with per-series `values`). The
|
|
1847
|
+
* chart computes a "nice" y-scale, draws evenly spaced gridline ticks, stacks
|
|
1848
|
+
* each column from the bottom up in `series` order, and animates the columns
|
|
1849
|
+
* growing on mount (respecting `prefers-reduced-motion`).
|
|
1850
|
+
*
|
|
1851
|
+
* Colors are token-driven: each series uses its own `color` when given, else
|
|
1852
|
+
* it falls back to the tokenized chart ramp (`--color-chart-1..4`). Pass DS
|
|
1853
|
+
* semantic tokens (e.g. `var(--color-priority-high)`) to make the segments
|
|
1854
|
+
* read as the same visual language as `PriorityIcon` / `StatusDot`.
|
|
1855
|
+
*
|
|
1856
|
+
* Stacking order: `series[0]` sits at the **bottom** of every column and later
|
|
1857
|
+
* series stack upward. The built-in legend renders in `series` order.
|
|
1858
|
+
*/
|
|
1859
|
+
interface StackedBarSeries {
|
|
1860
|
+
/** Stable key matched against each bar's `values`. */
|
|
1861
|
+
key: string;
|
|
1862
|
+
/** Human label, shown in the legend and the segment tooltip. */
|
|
1863
|
+
label: string;
|
|
1864
|
+
/**
|
|
1865
|
+
* CSS color for this series' segments (any valid color string, including a
|
|
1866
|
+
* `var(--token)`). Falls back to the chart ramp when omitted.
|
|
1867
|
+
*/
|
|
1868
|
+
color?: string;
|
|
1869
|
+
}
|
|
1870
|
+
interface StackedBarDatum {
|
|
1871
|
+
/**
|
|
1872
|
+
* X-axis label under the column. `ReactNode` so callers can prepend a status
|
|
1873
|
+
* dot, icon, etc. For the tooltip, set `tooltipLabel` (or pass a string here).
|
|
1874
|
+
*/
|
|
1875
|
+
label: React.ReactNode;
|
|
1876
|
+
/** Plain-text column label for the tooltip. Defaults to `label` if it's a string. */
|
|
1877
|
+
tooltipLabel?: string;
|
|
1878
|
+
/** Segment values keyed by series `key`. Missing or zero entries are skipped. */
|
|
1879
|
+
values: Record<string, number>;
|
|
1880
|
+
}
|
|
1881
|
+
interface StackedBarChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
1882
|
+
/** One entry per column, left to right. */
|
|
1883
|
+
bars: StackedBarDatum[];
|
|
1884
|
+
/** Stacking order + colors + legend labels. `series[0]` is the bottom segment. */
|
|
1885
|
+
series: StackedBarSeries[];
|
|
1886
|
+
/** Plot height in px (excludes the legend and axis label rows). Default `200`. */
|
|
1887
|
+
height?: number;
|
|
1888
|
+
/** Number of y-axis intervals (gridlines = `tickCount + 1`, including 0). Default `4`. */
|
|
1889
|
+
tickCount?: number;
|
|
1890
|
+
/** Format a value for the y-axis ticks and the tooltip. Default `toLocaleString`. */
|
|
1891
|
+
formatValue?: (value: number) => string;
|
|
1892
|
+
/** Render the y-axis tick gutter + gridlines. Default `true`. */
|
|
1893
|
+
showYAxis?: boolean;
|
|
1894
|
+
/** Render the x-axis label row under the plot. Default `true`. */
|
|
1895
|
+
showXAxis?: boolean;
|
|
1896
|
+
/** Render the built-in legend above the plot. Default `true`. */
|
|
1897
|
+
showLegend?: boolean;
|
|
1898
|
+
/**
|
|
1899
|
+
* Minimum width per column in px. When the columns can't all fit, the plot
|
|
1900
|
+
* scrolls horizontally (y-axis stays pinned). `0` (default) = columns fill.
|
|
1901
|
+
*/
|
|
1902
|
+
minBarWidth?: number;
|
|
1903
|
+
}
|
|
1904
|
+
declare const StackedBarChart: React$1.ForwardRefExoticComponent<StackedBarChartProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1905
|
+
|
|
1841
1906
|
/**
|
|
1842
1907
|
* StarRating — display-only rating atom built on lucide `Star`. Supports
|
|
1843
1908
|
* fractional ratings (half-star fill via clip path) and a sized cva variant.
|
|
@@ -2193,6 +2258,82 @@ interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<typeof Visu
|
|
|
2193
2258
|
}
|
|
2194
2259
|
declare const VisuallyHidden: React$1.ForwardRefExoticComponent<VisuallyHiddenProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
2195
2260
|
|
|
2261
|
+
/**
|
|
2262
|
+
* ChannelTabs — a controlled, pill-style tab strip for switching between
|
|
2263
|
+
* communication channels (Chat / Email / SMS / Internal) on a thread surface.
|
|
2264
|
+
*
|
|
2265
|
+
* Each tab carries a colored status dot (toned per channel) and an optional
|
|
2266
|
+
* unread count. The active tab gets the accent ring treatment; inactive tabs
|
|
2267
|
+
* are quiet until hovered. The component is presentational and fully
|
|
2268
|
+
* controlled — the consumer owns the active value and maps it to whatever
|
|
2269
|
+
* backend channel group / compose channel the tab represents.
|
|
2270
|
+
*
|
|
2271
|
+
* <ChannelTabs
|
|
2272
|
+
* value={tab}
|
|
2273
|
+
* onChange={setTab}
|
|
2274
|
+
* tabs={[
|
|
2275
|
+
* { value: "chat", label: "Chat", tone: "success", count: 2 },
|
|
2276
|
+
* { value: "email", label: "Email", tone: "info" },
|
|
2277
|
+
* { value: "sms", label: "SMS", tone: "accent" },
|
|
2278
|
+
* ]}
|
|
2279
|
+
* />
|
|
2280
|
+
*
|
|
2281
|
+
* @since 1.5.0
|
|
2282
|
+
*/
|
|
2283
|
+
/** Status-dot tone for a channel tab. Maps to a semantic color token. */
|
|
2284
|
+
type ChannelTone = "brand" | "info" | "success" | "warning" | "muted" | "danger";
|
|
2285
|
+
interface ChannelTabItem {
|
|
2286
|
+
/** Stable identifier passed back to `onChange`. */
|
|
2287
|
+
value: string;
|
|
2288
|
+
/** Visible label. */
|
|
2289
|
+
label: string;
|
|
2290
|
+
/** Status-dot tone. Defaults to `muted`. */
|
|
2291
|
+
tone?: ChannelTone;
|
|
2292
|
+
/** Optional unread count — hidden when `0` or `undefined`. */
|
|
2293
|
+
count?: number;
|
|
2294
|
+
}
|
|
2295
|
+
interface ChannelTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
2296
|
+
/** The tabs to render. */
|
|
2297
|
+
tabs: ChannelTabItem[];
|
|
2298
|
+
/** Currently active tab `value`. */
|
|
2299
|
+
value: string;
|
|
2300
|
+
/** Fired with the picked tab's `value`. */
|
|
2301
|
+
onChange: (value: string) => void;
|
|
2302
|
+
}
|
|
2303
|
+
declare function ChannelTabs({ tabs, value, onChange, className, ...props }: ChannelTabsProps): react_jsx_runtime.JSX.Element;
|
|
2304
|
+
declare namespace ChannelTabs {
|
|
2305
|
+
var displayName: string;
|
|
2306
|
+
}
|
|
2307
|
+
|
|
2308
|
+
/**
|
|
2309
|
+
* IntentBadge — a small dashed-outline badge for an AI-classified intent
|
|
2310
|
+
* (Document, Question, Payment, Scheduling, Urgent, FYI, Follow-up…).
|
|
2311
|
+
*
|
|
2312
|
+
* The dashed border is the signature: it reads as "machine-suggested, not
|
|
2313
|
+
* yet confirmed", distinguishing it from the solid `StatusPill` used for
|
|
2314
|
+
* authoritative state. Presentational and generic — the consumer owns the
|
|
2315
|
+
* intent→tone→icon→label mapping in their own domain config and passes the
|
|
2316
|
+
* resolved pieces in.
|
|
2317
|
+
*
|
|
2318
|
+
* <IntentBadge tone="info" icon={<FileIcon size={12} />}>Document</IntentBadge>
|
|
2319
|
+
*
|
|
2320
|
+
* @since 1.5.0
|
|
2321
|
+
*/
|
|
2322
|
+
/** Color tone for an intent badge. */
|
|
2323
|
+
type IntentTone = "brand" | "info" | "primary" | "success" | "warning" | "danger" | "muted";
|
|
2324
|
+
interface IntentBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
2325
|
+
/** Color tone. Defaults to `muted`. */
|
|
2326
|
+
tone?: IntentTone;
|
|
2327
|
+
/** Optional leading glyph — pass a 12px icon. */
|
|
2328
|
+
icon?: ReactNode;
|
|
2329
|
+
/** Badge label. */
|
|
2330
|
+
children: ReactNode;
|
|
2331
|
+
}
|
|
2332
|
+
declare function IntentBadge({ tone, icon, children, className, ...props }: IntentBadgeProps): react_jsx_runtime.JSX.Element;
|
|
2333
|
+
declare namespace IntentBadge {
|
|
2334
|
+
var displayName: string;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2196
2337
|
/**
|
|
2197
2338
|
* AIReceiptPanel — the portal "attach a receipt, auto-fill with AI" panel.
|
|
2198
2339
|
* Three states drive the whole surface:
|
|
@@ -3219,6 +3360,84 @@ interface DataTablePaginationProps extends Omit<React.HTMLAttributes<HTMLElement
|
|
|
3219
3360
|
*/
|
|
3220
3361
|
declare const DataTablePagination: React$1.ForwardRefExoticComponent<DataTablePaginationProps & React$1.RefAttributes<HTMLElement>>;
|
|
3221
3362
|
|
|
3363
|
+
/**
|
|
3364
|
+
* DataTableView — config-driven table on top of the composition
|
|
3365
|
+
* `DataTable*` primitives. Every list/table screen is just a config:
|
|
3366
|
+
* `columns` + `data` (+ optional `filters` / `searchKeys` / sort). The
|
|
3367
|
+
* wrapper owns the search / filter / sort / pagination *state*; the table
|
|
3368
|
+
* chrome, sortable headers, and pagination all come from the existing
|
|
3369
|
+
* `DataTable` family (no fork, no second table chrome).
|
|
3370
|
+
*
|
|
3371
|
+
* It complements — does not replace — the composition API: reach for the
|
|
3372
|
+
* raw `DataTable*` parts when a screen needs bespoke cells or layout; reach
|
|
3373
|
+
* for `DataTableView` when the table is "columns + rows + the usual
|
|
3374
|
+
* toolbar." Render helpers (`StagePill`, `Assignee`, `MoneyCell`,
|
|
3375
|
+
* `TagsCell`) cover the recurring cell shapes.
|
|
3376
|
+
*/
|
|
3377
|
+
type TableRowData = Record<string, unknown>;
|
|
3378
|
+
interface DataTableViewColumn<Row extends TableRowData> {
|
|
3379
|
+
key: string;
|
|
3380
|
+
header: string;
|
|
3381
|
+
/** Column width. Fixed px (`"120px"`) sets a hard width; a grid-style
|
|
3382
|
+
* `"minmax(190px,1.5fr)"` is read as a `min-width` and the column flexes. */
|
|
3383
|
+
width?: string;
|
|
3384
|
+
sortable?: boolean;
|
|
3385
|
+
align?: "right";
|
|
3386
|
+
/** Custom sort accessor (e.g. a numeric `lastDays` behind a "5h ago" label). */
|
|
3387
|
+
sortValue?: (row: Row) => string | number | null | undefined;
|
|
3388
|
+
/** Custom cell renderer; defaults to the raw field value. */
|
|
3389
|
+
render?: (row: Row) => ReactNode;
|
|
3390
|
+
}
|
|
3391
|
+
interface DataTableViewFilter<Row extends TableRowData> {
|
|
3392
|
+
key: string;
|
|
3393
|
+
label?: string;
|
|
3394
|
+
allLabel?: string;
|
|
3395
|
+
options: (string | {
|
|
3396
|
+
value: string;
|
|
3397
|
+
label: string;
|
|
3398
|
+
})[];
|
|
3399
|
+
match: (row: Row, value: string) => boolean;
|
|
3400
|
+
}
|
|
3401
|
+
interface DataTableViewProps<Row extends TableRowData> {
|
|
3402
|
+
columns: DataTableViewColumn<Row>[];
|
|
3403
|
+
data: Row[];
|
|
3404
|
+
filters?: DataTableViewFilter<Row>[];
|
|
3405
|
+
searchKeys?: string[];
|
|
3406
|
+
searchPlaceholder?: string;
|
|
3407
|
+
initialSort?: {
|
|
3408
|
+
key: string;
|
|
3409
|
+
dir: SortDirection;
|
|
3410
|
+
} | null;
|
|
3411
|
+
onRowClick?: (row: Row) => void;
|
|
3412
|
+
rowKey?: string;
|
|
3413
|
+
pageSize?: number;
|
|
3414
|
+
/** Plural noun for the footer / empty state, e.g. "clients". */
|
|
3415
|
+
itemLabel?: string;
|
|
3416
|
+
className?: string;
|
|
3417
|
+
}
|
|
3418
|
+
declare function DataTableView<Row extends TableRowData>({ columns, data, filters, searchKeys, searchPlaceholder, initialSort, onRowClick, rowKey, pageSize, itemLabel, className, }: DataTableViewProps<Row>): react_jsx_runtime.JSX.Element;
|
|
3419
|
+
type TableTone = "slate" | "blue" | "violet" | "amber" | "ok" | "rose";
|
|
3420
|
+
/** Em-dash placeholder for empty cells. */
|
|
3421
|
+
declare function Dash(): react_jsx_runtime.JSX.Element;
|
|
3422
|
+
/** StagePill — colored stage/status pill for `column.render`. */
|
|
3423
|
+
declare function StagePill({ tone, dot, children, }: {
|
|
3424
|
+
tone?: TableTone;
|
|
3425
|
+
dot?: boolean;
|
|
3426
|
+
children: ReactNode;
|
|
3427
|
+
}): react_jsx_runtime.JSX.Element;
|
|
3428
|
+
/** Assignee — grey avatar + name, or "Unassigned". */
|
|
3429
|
+
declare function Assignee({ name }: {
|
|
3430
|
+
name?: string | null;
|
|
3431
|
+
}): react_jsx_runtime.JSX.Element;
|
|
3432
|
+
/** MoneyCell — `$1,234` or an em-dash when falsy/zero. */
|
|
3433
|
+
declare function MoneyCell({ value }: {
|
|
3434
|
+
value?: number | null;
|
|
3435
|
+
}): react_jsx_runtime.JSX.Element;
|
|
3436
|
+
/** TagsCell — first tag + "+N" overflow. */
|
|
3437
|
+
declare function TagsCell({ items }: {
|
|
3438
|
+
items?: string[];
|
|
3439
|
+
}): react_jsx_runtime.JSX.Element;
|
|
3440
|
+
|
|
3222
3441
|
/**
|
|
3223
3442
|
* Detail layout composites — two-column layout: a sticky left rail (the
|
|
3224
3443
|
* "spine", 320px) holding identity + key facts, and a scrollable main
|
|
@@ -3806,6 +4025,226 @@ declare const Eyebrow: React$1.ForwardRefExoticComponent<EyebrowProps & React$1.
|
|
|
3806
4025
|
type KbdHintProps = React.HTMLAttributes<HTMLElement>;
|
|
3807
4026
|
declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.RefAttributes<HTMLElement>>;
|
|
3808
4027
|
|
|
4028
|
+
/**
|
|
4029
|
+
* SuggestionPills — a horizontal strip of AI quick-reply pills, typically
|
|
4030
|
+
* floated above a message composer when the last inbound message warrants a
|
|
4031
|
+
* fast response.
|
|
4032
|
+
*
|
|
4033
|
+
* The pills materialise with a staggered "magic smoke" entrance (the bar
|
|
4034
|
+
* rises, the sparkle pulses, each pill puffs in) driven by the shipped
|
|
4035
|
+
* `.ds-suggestion-*` classes — motion is suppressed under
|
|
4036
|
+
* `prefers-reduced-motion`. Presentational and controlled: the consumer
|
|
4037
|
+
* supplies the suggestion strings and a pick handler.
|
|
4038
|
+
*
|
|
4039
|
+
* <SuggestionPills
|
|
4040
|
+
* suggestions={["Sounds good — thanks!", "Could you send the W-2?"]}
|
|
4041
|
+
* onPick={(text) => editor.insert(text)}
|
|
4042
|
+
* loading={generating}
|
|
4043
|
+
* />
|
|
4044
|
+
*
|
|
4045
|
+
* Returns `null` when not loading and there are no suggestions, so it can be
|
|
4046
|
+
* rendered unconditionally.
|
|
4047
|
+
*
|
|
4048
|
+
* @since 1.5.0
|
|
4049
|
+
*/
|
|
4050
|
+
interface SuggestionPillsProps {
|
|
4051
|
+
/** Suggestion strings to render as pills. */
|
|
4052
|
+
suggestions: string[];
|
|
4053
|
+
/** Fired with the picked suggestion text. */
|
|
4054
|
+
onPick: (text: string) => void;
|
|
4055
|
+
/** Show skeleton pills while suggestions are being generated. */
|
|
4056
|
+
loading?: boolean;
|
|
4057
|
+
/** Strip label. Default: `"Smart replies"`. */
|
|
4058
|
+
label?: string;
|
|
4059
|
+
/** Extra classes on the bar. */
|
|
4060
|
+
className?: string;
|
|
4061
|
+
}
|
|
4062
|
+
declare function SuggestionPills({ suggestions, onPick, loading, label, className, }: SuggestionPillsProps): react_jsx_runtime.JSX.Element | null;
|
|
4063
|
+
declare namespace SuggestionPills {
|
|
4064
|
+
var displayName: string;
|
|
4065
|
+
}
|
|
4066
|
+
|
|
4067
|
+
/**
|
|
4068
|
+
* AiDraftCard — the "lit-from-within" slab that presents an AI-generated
|
|
4069
|
+
* message draft inside a composer.
|
|
4070
|
+
*
|
|
4071
|
+
* It owns four visual states behind one prop:
|
|
4072
|
+
* - `loading` / `refining` — a sparkle + shimmer skeleton over the flowing
|
|
4073
|
+
* neon `.ds-ai-surface`.
|
|
4074
|
+
* - `error` — a quiet destructive panel with an optional Retry and a
|
|
4075
|
+
* Dismiss.
|
|
4076
|
+
* - `ready` — the collapsible draft: header (sparkle, "AI Draft",
|
|
4077
|
+
* optional context line, collapse toggle), an optional subject line, the
|
|
4078
|
+
* draft `children`, and a footer `actions` slot.
|
|
4079
|
+
*
|
|
4080
|
+
* Presentational only — the consumer supplies the draft text as `children`
|
|
4081
|
+
* and the action buttons (Insert / Regenerate / Shorter / …) as `actions`.
|
|
4082
|
+
* The card re-expands automatically whenever fresh `children` arrive (keyed
|
|
4083
|
+
* off `resetCollapseKey`) so a refined draft is never hidden behind a stale
|
|
4084
|
+
* collapsed state.
|
|
4085
|
+
*
|
|
4086
|
+
* <AiDraftCard
|
|
4087
|
+
* state="ready"
|
|
4088
|
+
* contextLine="Replying to Jane"
|
|
4089
|
+
* subject="Re: Your 2024 return"
|
|
4090
|
+
* resetCollapseKey={draftText}
|
|
4091
|
+
* actions={<><Button size="sm">Insert</Button>…</>}
|
|
4092
|
+
* >
|
|
4093
|
+
* <p className="whitespace-pre-wrap">{draftText}</p>
|
|
4094
|
+
* </AiDraftCard>
|
|
4095
|
+
*
|
|
4096
|
+
* @since 1.5.0
|
|
4097
|
+
*/
|
|
4098
|
+
type AiDraftState = "loading" | "refining" | "error" | "ready";
|
|
4099
|
+
interface AiDraftCardProps {
|
|
4100
|
+
/** Which visual state to render. */
|
|
4101
|
+
state: AiDraftState;
|
|
4102
|
+
/** Header title. Default: `"AI Draft"`. */
|
|
4103
|
+
title?: string;
|
|
4104
|
+
/** Optional muted context line in the header (e.g. "Replying to Jane"). */
|
|
4105
|
+
contextLine?: ReactNode;
|
|
4106
|
+
/** Optional bold subject line shown above the body (email drafts). */
|
|
4107
|
+
subject?: ReactNode;
|
|
4108
|
+
/** The draft body — typically a `<p className="whitespace-pre-wrap">`. */
|
|
4109
|
+
children?: ReactNode;
|
|
4110
|
+
/** Footer action buttons (Insert / Regenerate / Discard …). */
|
|
4111
|
+
actions?: ReactNode;
|
|
4112
|
+
/** Error message — shown when `state="error"`. */
|
|
4113
|
+
error?: ReactNode;
|
|
4114
|
+
/** Retry handler — adds a Retry button to the error panel. */
|
|
4115
|
+
onRetry?: () => void;
|
|
4116
|
+
/** Dismiss handler for the error panel. */
|
|
4117
|
+
onDismiss?: () => void;
|
|
4118
|
+
/** Re-expands the card whenever this value changes (pass the draft text so
|
|
4119
|
+
* a freshly generated/refined draft is always revealed). */
|
|
4120
|
+
resetCollapseKey?: unknown;
|
|
4121
|
+
className?: string;
|
|
4122
|
+
}
|
|
4123
|
+
declare function AiDraftCard({ state, title, contextLine, subject, children, actions, error, onRetry, onDismiss, resetCollapseKey, className, }: AiDraftCardProps): react_jsx_runtime.JSX.Element;
|
|
4124
|
+
declare namespace AiDraftCard {
|
|
4125
|
+
var displayName: string;
|
|
4126
|
+
}
|
|
4127
|
+
|
|
4128
|
+
/**
|
|
4129
|
+
* EmailMessageCard — renders an email message as an envelope-style card
|
|
4130
|
+
* (header strip / readable body / footer) inside a conversation thread,
|
|
4131
|
+
* replacing the "rich HTML stuffed into a chat bubble" anti-pattern.
|
|
4132
|
+
*
|
|
4133
|
+
* Anatomy:
|
|
4134
|
+
* - a meta line ("Name via Email · 3:42 PM") above the card,
|
|
4135
|
+
* - a tinted header strip with a mail glyph, the "EMAIL" eyebrow, the
|
|
4136
|
+
* subject, a "From …" / optional "Cc N" sub-line, and the time,
|
|
4137
|
+
* - a readable body (`children`) that auto-clamps past `clampHeight` with a
|
|
4138
|
+
* gradient fade and a "Show full email" toggle,
|
|
4139
|
+
* - an optional footer carrying `attachments`, a `status` slot, and
|
|
4140
|
+
* `actions` (e.g. a Reply button).
|
|
4141
|
+
*
|
|
4142
|
+
* Presentational only. The consumer sanitises and renders the email HTML as
|
|
4143
|
+
* `children`, supplies the avatar, and brings its own attachment chips /
|
|
4144
|
+
* status indicator / Reply control via slots. Direction flips the layout:
|
|
4145
|
+
* outbound aligns right with a brand-tinted border; inbound aligns left.
|
|
4146
|
+
*
|
|
4147
|
+
* <EmailMessageCard
|
|
4148
|
+
* direction="inbound"
|
|
4149
|
+
* senderName="Jane Cooper"
|
|
4150
|
+
* subject="Question about my W-2"
|
|
4151
|
+
* time="3:42 PM"
|
|
4152
|
+
* avatar={<Avatar name="Jane Cooper" size="xs" />}
|
|
4153
|
+
* ccCount={2}
|
|
4154
|
+
* attachments={<AttachmentChip … />}
|
|
4155
|
+
* actions={<Button size="sm" variant="outline">Reply</Button>}
|
|
4156
|
+
* >
|
|
4157
|
+
* <div dangerouslySetInnerHTML={{ __html: safeHtml }} />
|
|
4158
|
+
* </EmailMessageCard>
|
|
4159
|
+
*
|
|
4160
|
+
* @since 1.5.0
|
|
4161
|
+
*/
|
|
4162
|
+
interface EmailMessageCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
4163
|
+
/** Message direction — flips alignment and border treatment. */
|
|
4164
|
+
direction: "inbound" | "outbound";
|
|
4165
|
+
/** Sender display name. */
|
|
4166
|
+
senderName: string;
|
|
4167
|
+
/** Email subject — omitted for replies without one. */
|
|
4168
|
+
subject?: string;
|
|
4169
|
+
/** Pre-formatted send time (e.g. "3:42 PM"). */
|
|
4170
|
+
time: string;
|
|
4171
|
+
/** Channel label in the meta line. Default: `"Email"`. */
|
|
4172
|
+
via?: string;
|
|
4173
|
+
/** Avatar node — rendered for inbound messages only. */
|
|
4174
|
+
avatar?: ReactNode;
|
|
4175
|
+
/** Cc recipient count — shows a "Cc N" indicator when > 0. */
|
|
4176
|
+
ccCount?: number;
|
|
4177
|
+
/** Sanitised email body (HTML node or plain text). */
|
|
4178
|
+
children: ReactNode;
|
|
4179
|
+
/** Footer attachment chips. */
|
|
4180
|
+
attachments?: ReactNode;
|
|
4181
|
+
/** Footer status slot (delivery state). */
|
|
4182
|
+
status?: ReactNode;
|
|
4183
|
+
/** Footer actions (e.g. Reply). */
|
|
4184
|
+
actions?: ReactNode;
|
|
4185
|
+
/** Body height (px) above which the clamp/expand toggle appears. Default 240. */
|
|
4186
|
+
clampHeight?: number;
|
|
4187
|
+
}
|
|
4188
|
+
declare function EmailMessageCard({ direction, senderName, subject, time, via, avatar, ccCount, children, attachments, status, actions, clampHeight, className, ...props }: EmailMessageCardProps): react_jsx_runtime.JSX.Element;
|
|
4189
|
+
declare namespace EmailMessageCard {
|
|
4190
|
+
var displayName: string;
|
|
4191
|
+
}
|
|
4192
|
+
|
|
4193
|
+
/**
|
|
4194
|
+
* SignatureEditor — the panel chrome for editing a personal email signature
|
|
4195
|
+
* (rich text, links, and an inline banner image). Designed to live inside a
|
|
4196
|
+
* Popover anchored to a "Pen" affordance in the email composer, but it's just
|
|
4197
|
+
* a self-contained card so it works in a Dialog or settings page too.
|
|
4198
|
+
*
|
|
4199
|
+
* Like `MessageComposer`, DS owns the CHROME and the consumer owns the
|
|
4200
|
+
* EDITOR: pass your rich-text editor (Tiptap, contenteditable, etc.) as
|
|
4201
|
+
* `children`. The panel supplies the titled header with an "Add image"
|
|
4202
|
+
* action, a body region (with a loading skeleton), and a Save / Insert
|
|
4203
|
+
* footer. All actions are slots/handlers — persistence, image upload, and
|
|
4204
|
+
* insertion logic stay with the consumer.
|
|
4205
|
+
*
|
|
4206
|
+
* <Popover>
|
|
4207
|
+
* <PopoverContent className="w-96 p-0">
|
|
4208
|
+
* <SignatureEditor
|
|
4209
|
+
* loading={loading}
|
|
4210
|
+
* addingImage={uploading}
|
|
4211
|
+
* onAddImage={pickImage}
|
|
4212
|
+
* saving={saving}
|
|
4213
|
+
* onSave={save}
|
|
4214
|
+
* onInsert={insert}
|
|
4215
|
+
* >
|
|
4216
|
+
* <RichTextEditor ref={editorRef} />
|
|
4217
|
+
* </SignatureEditor>
|
|
4218
|
+
* </PopoverContent>
|
|
4219
|
+
* </Popover>
|
|
4220
|
+
*
|
|
4221
|
+
* @since 1.5.0
|
|
4222
|
+
*/
|
|
4223
|
+
interface SignatureEditorProps {
|
|
4224
|
+
/** Panel title. Default: `"Email signature"`. */
|
|
4225
|
+
title?: string;
|
|
4226
|
+
/** The editor — a rich-text input the consumer owns. */
|
|
4227
|
+
children: ReactNode;
|
|
4228
|
+
/** Show a loading skeleton in place of the editor (while the saved
|
|
4229
|
+
* signature is being fetched). */
|
|
4230
|
+
loading?: boolean;
|
|
4231
|
+
/** "Add image" handler — hides the button when omitted. */
|
|
4232
|
+
onAddImage?: () => void;
|
|
4233
|
+
/** Spinner + disabled state on the "Add image" button while uploading. */
|
|
4234
|
+
addingImage?: boolean;
|
|
4235
|
+
/** Save handler — hides the Save button when omitted. */
|
|
4236
|
+
onSave?: () => void;
|
|
4237
|
+
/** Spinner + disabled state on Save. */
|
|
4238
|
+
saving?: boolean;
|
|
4239
|
+
/** Insert handler — hides the Insert button when omitted. */
|
|
4240
|
+
onInsert?: () => void;
|
|
4241
|
+
className?: string;
|
|
4242
|
+
}
|
|
4243
|
+
declare function SignatureEditor({ title, children, loading, onAddImage, addingImage, onSave, saving, onInsert, className, }: SignatureEditorProps): react_jsx_runtime.JSX.Element;
|
|
4244
|
+
declare namespace SignatureEditor {
|
|
4245
|
+
var displayName: string;
|
|
4246
|
+
}
|
|
4247
|
+
|
|
3809
4248
|
declare function cn(...inputs: ClassValue[]): string;
|
|
3810
4249
|
|
|
3811
|
-
export { AIReceiptPanel, type AIReceiptPanelProps, type AIReceiptResult, Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AreaChart, type AreaChartProps, type AreaPoint, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, type AttachmentChipProps, AttentionItem, type AttentionItemProps, type AttentionUrgency, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, type BottomNavProps, type BottomNavTab, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, COUNTRY_CODES, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, CategoryDivider, type CategoryDividerProps, CategoryTag, type CategoryTagProps, type CategoryTone, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, type ClientRailGroupHeaderProps, ClientRailItem, type ClientRailItemProps, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, type CountryCode, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, type DangerActionProps, 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, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentFileCard, type DocumentFileCardProps, DocumentFileRow, type DocumentFileRowProps, DocumentIcon, type DocumentItemState, DocumentRequestField, type DocumentRequestFieldProps, DocumentsWorkspaceLayout, type DocumentsWorkspaceLayoutProps, DollarSignIcon, DonutChart, type DonutChartProps, type DonutSegment, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EngagementCard, type EngagementCardProps, EngagementTimeline, type EngagementTimelineProps, EngagementTimelineStep, type EngagementTimelineStepProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileChip, type FileChipProps, FileIcon, type FileKind, FileReturnIcon, FileTextIcon, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, IconTile, type IconTileProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MasterDetailLayout, type MasterDetailLayoutProps, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, type MissingDocumentItem, MissingDocumentsPanel, type MissingDocumentsPanelProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, 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, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, type PillStatus, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, type RankedBar, RankedBars, type RankedBarsProps, ReceiptIcon, ReplyIcon, ResponsiveDialog, type ResponsiveDialogProps, RotateCcwIcon, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, SegmentedProgress, type SegmentedProgressProps, type SegmentedTone, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, type ServiceTone, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, 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 SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StarIcon, StarRating, type StarRatingProps, Stat, StatusDot, type StatusDotProps, StatusIcon, type StatusIconProps, StatusPill, type StatusPillProps, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StopIcon, StrikethroughIcon, SubmitButton, SuiteProgress, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressTone, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, 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, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, serviceToneLabel, serviceToneStyle, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|
|
4250
|
+
export { AIReceiptPanel, type AIReceiptPanelProps, type AIReceiptResult, Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, AiDraftCard, type AiDraftCardProps, type AiDraftState, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, AreaChart, type AreaChartProps, type AreaPoint, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, type AttachmentChipProps, AttentionItem, type AttentionItemProps, type AttentionUrgency, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, type BottomNavProps, type BottomNavTab, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, COUNTRY_CODES, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, CategoryDivider, type CategoryDividerProps, CategoryTag, type CategoryTagProps, type CategoryTone, type ChannelTabItem, ChannelTabs, type ChannelTabsProps, type ChannelTone, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, type ClientRailGroupHeaderProps, ClientRailItem, type ClientRailItemProps, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, type CountryCode, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, 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, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DataTableView, type DataTableViewColumn, type DataTableViewFilter, type DataTableViewProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentFileCard, type DocumentFileCardProps, DocumentFileRow, type DocumentFileRowProps, DocumentIcon, type DocumentItemState, DocumentRequestField, type DocumentRequestFieldProps, DocumentsWorkspaceLayout, type DocumentsWorkspaceLayoutProps, DollarSignIcon, DonutChart, type DonutChartProps, type DonutSegment, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, type EmailMessageCardProps, EmptyState, type EmptyStateProps, EngagementCard, type EngagementCardProps, EngagementTimeline, type EngagementTimelineProps, EngagementTimelineStep, type EngagementTimelineStepProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileChip, type FileChipProps, FileIcon, type FileKind, FileReturnIcon, FileTextIcon, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, IconTile, type IconTileProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, IntentBadge, type IntentBadgeProps, type IntentTone, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MasterDetailLayout, type MasterDetailLayoutProps, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, type MissingDocumentItem, MissingDocumentsPanel, type MissingDocumentsPanelProps, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, 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, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, type PillStatus, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, type RankedBar, RankedBars, type RankedBarsProps, ReceiptIcon, ReplyIcon, ResponsiveDialog, type ResponsiveDialogProps, RotateCcwIcon, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, SegmentedProgress, type SegmentedProgressProps, type SegmentedTone, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, type ServiceTone, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, 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 SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, SignatureEditor, type SignatureEditorProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StackedBarChart, type StackedBarChartProps, type StackedBarDatum, type StackedBarSeries, StagePill, StarIcon, StarRating, type StarRatingProps, Stat, StatusDot, type StatusDotProps, StatusIcon, type StatusIconProps, StatusPill, type StatusPillProps, type StatusState, type Step, Stepper, type StepperProps, StickyActionBar, type StickyActionBarProps, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, type SuggestionPillsProps, SuiteProgress, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressTone, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowData, type TableRowProps, type TableTone, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, 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, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, serviceToneLabel, serviceToneStyle, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|