@assure-one/design-system 1.32.0 → 1.34.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 +44 -13
- package/codemods/README.md +146 -14
- package/codemods/lib/forms.mjs +253 -0
- package/codemods/lib/jsx-edit.mjs +59 -0
- package/codemods/lib/jsx.mjs +0 -0
- package/codemods/lib/ledger.mjs +18 -6
- package/codemods/lib/registry.mjs +4 -0
- package/codemods/lib/report.mjs +1 -0
- package/codemods/lib/runner.mjs +23 -4
- package/codemods/transforms/cm-02-button-explicit-size.mjs +96 -0
- package/codemods/transforms/cm-12-button-type-submit.mjs +115 -0
- package/codemods/transforms/cm-14-hidden-mirrors.mjs +275 -0
- package/codemods/transforms/cm-20-select-sentinels.mjs +442 -0
- package/dist/css/components.css +7 -0
- package/dist/css/legacy-aliases.css +180 -4
- package/dist/css/shadcn.css +4 -4
- package/dist/css/tailwind.css +66 -3
- package/dist/css/tokens.css +205 -14
- package/dist/index.d.ts +754 -53
- package/dist/index.js +3653 -3484
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/system-BDU18fVg.d.ts +559 -0
- package/dist/testing/index.cjs +12 -5
- package/dist/testing/index.js +12 -5
- package/dist/tokens/index.d.ts +50 -439
- package/dist/tokens/index.js +513 -6
- package/dist/tokens/index.js.map +1 -1
- package/package.json +5 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { S as SystemTokens, i as iconSizes } from './system-BDU18fVg.js';
|
|
2
|
+
export { C as ColorName, R as ReferenceTokens, c as colors, r as radii, a as reference, s as shadows, b as spacing, d as surfaces, e as systemTokens, t as typography } from './system-BDU18fVg.js';
|
|
2
3
|
import * as React$1 from 'react';
|
|
3
4
|
import { ReactNode, CSSProperties } from 'react';
|
|
4
5
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
@@ -36,6 +37,21 @@ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPri
|
|
|
36
37
|
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
37
38
|
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
38
39
|
|
|
40
|
+
/**
|
|
41
|
+
* `Code` parts, stamped as `data-slot="code[-<part>]"` (ADR-008). Inline, the
|
|
42
|
+
* root is the `<code>`; as a block, the root is the `<pre>` and `content` the
|
|
43
|
+
* `<code>` inside it. State on the root: `data-variant`.
|
|
44
|
+
*
|
|
45
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
46
|
+
*/
|
|
47
|
+
type CodeSlot = "root" | "content";
|
|
48
|
+
/**
|
|
49
|
+
* `Kbd` part, stamped as `data-slot="kbd"` (ADR-008). State on the root:
|
|
50
|
+
* `data-variant`. `KbdHint` and `CommandPalette` render it.
|
|
51
|
+
*
|
|
52
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
53
|
+
*/
|
|
54
|
+
type KbdSlot = "root";
|
|
39
55
|
/**
|
|
40
56
|
* `Button` parts, stamped as `data-slot="button[-<part>]"` (ADR-008).
|
|
41
57
|
* States on the root: `data-variant`, `data-size`, `data-disabled`, and the
|
|
@@ -300,6 +316,42 @@ type SidebarSlot = "root" | "trigger" | "pin" | "brand" | "brand-text" | "sectio
|
|
|
300
316
|
* @experimental Slot names are experimental until ADR-008 is accepted (W2-18).
|
|
301
317
|
*/
|
|
302
318
|
type SidebarBrandSwitcherSlot = "root" | "trigger" | "icon";
|
|
319
|
+
/**
|
|
320
|
+
* `Text` parts, stamped as `data-slot="text"` (ADR-008). One part: the
|
|
321
|
+
* element that carries the role, and the element `className` lands on (with
|
|
322
|
+
* `asChild`, the child the caller supplied).
|
|
323
|
+
*
|
|
324
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-12).
|
|
325
|
+
*/
|
|
326
|
+
type TextSlot = "root";
|
|
327
|
+
/**
|
|
328
|
+
* `Heading` parts, stamped as `data-slot="heading"` (ADR-008). One part: the
|
|
329
|
+
* `<h1>`…`<h6>` itself, which is the element `className` lands on.
|
|
330
|
+
*
|
|
331
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-13).
|
|
332
|
+
*/
|
|
333
|
+
type HeadingSlot = "root";
|
|
334
|
+
/**
|
|
335
|
+
* `Stack` has one part, its root, stamped as `data-slot="stack"` (ADR-008).
|
|
336
|
+
* No state attributes: a responsive `direction` has no single value to
|
|
337
|
+
* stamp, and the primitive's job is spacing, not state.
|
|
338
|
+
*
|
|
339
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-15).
|
|
340
|
+
*/
|
|
341
|
+
type StackSlot = "root";
|
|
342
|
+
/**
|
|
343
|
+
* `Inline` has one part, its root, stamped as `data-slot="inline"` (ADR-008).
|
|
344
|
+
*
|
|
345
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-15).
|
|
346
|
+
*/
|
|
347
|
+
type InlineSlot = "root";
|
|
348
|
+
/**
|
|
349
|
+
* `Surface` has one part, its root, stamped as `data-slot="surface"`
|
|
350
|
+
* (ADR-008). Composites built on it (Card, W3-17) declare their own parts.
|
|
351
|
+
*
|
|
352
|
+
* @experimental Slot names are experimental until ADR-008 is accepted (W2-16).
|
|
353
|
+
*/
|
|
354
|
+
type SurfaceSlot = "root";
|
|
303
355
|
|
|
304
356
|
declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
305
357
|
declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -417,10 +469,10 @@ declare const avatarVariants: (props?: ({
|
|
|
417
469
|
variant?: "initials" | "branded" | null | undefined;
|
|
418
470
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
419
471
|
declare const statusStyles: {
|
|
420
|
-
readonly online: "bg-success-fg";
|
|
421
|
-
readonly away: "bg-warning-fg";
|
|
422
|
-
readonly busy: "bg-danger-fg";
|
|
423
|
-
readonly offline: "bg-fg-4";
|
|
472
|
+
readonly online: "ds:bg-success-fg";
|
|
473
|
+
readonly away: "ds:bg-warning-fg";
|
|
474
|
+
readonly busy: "ds:bg-danger-fg";
|
|
475
|
+
readonly offline: "ds:bg-fg-4";
|
|
424
476
|
};
|
|
425
477
|
interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "children">, VariantProps<typeof avatarVariants> {
|
|
426
478
|
src?: string | null;
|
|
@@ -435,7 +487,7 @@ declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.Re
|
|
|
435
487
|
* neutral pill.
|
|
436
488
|
*/
|
|
437
489
|
declare const badgeVariants: (props?: ({
|
|
438
|
-
variant?: "info" | "success" | "warning" | "
|
|
490
|
+
variant?: "info" | "success" | "warning" | "outline" | "default" | "destructive" | "secondary" | null | undefined;
|
|
439
491
|
size?: "sm" | "md" | null | undefined;
|
|
440
492
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
441
493
|
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
@@ -504,8 +556,8 @@ declare const BreadcrumbSeparator: React$1.ForwardRefExoticComponent<BreadcrumbS
|
|
|
504
556
|
* Use `asChild` to render as a different element (e.g. an anchor / next/link).
|
|
505
557
|
*/
|
|
506
558
|
declare const buttonVariants: (props?: ({
|
|
507
|
-
variant?: "
|
|
508
|
-
size?: "
|
|
559
|
+
variant?: "accent" | "success" | "outline" | "ghost" | "link" | "dashed" | "destructive" | "primary" | "secondary" | null | undefined;
|
|
560
|
+
size?: "sm" | "md" | "lg" | "default" | "compact" | "icon" | "comfortable" | "icon-xs" | "icon-sm" | null | undefined;
|
|
509
561
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
510
562
|
type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
|
|
511
563
|
type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
|
|
@@ -836,10 +888,10 @@ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.D
|
|
|
836
888
|
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
837
889
|
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
838
890
|
declare const dialogSizeStyles: {
|
|
839
|
-
readonly sm: "max-w-sm";
|
|
840
|
-
readonly md: "max-w-lg";
|
|
841
|
-
readonly lg: "max-w-2xl";
|
|
842
|
-
readonly full: "max-w-[calc(100vw-2rem)]";
|
|
891
|
+
readonly sm: "ds:max-w-sm";
|
|
892
|
+
readonly md: "ds:max-w-lg";
|
|
893
|
+
readonly lg: "ds:max-w-2xl";
|
|
894
|
+
readonly full: "ds:max-w-[calc(100vw-2rem)]";
|
|
843
895
|
};
|
|
844
896
|
interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
845
897
|
size?: keyof typeof dialogSizeStyles;
|
|
@@ -863,7 +915,7 @@ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiv
|
|
|
863
915
|
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
864
916
|
|
|
865
917
|
declare const chipVariants: (props?: ({
|
|
866
|
-
variant?: "
|
|
918
|
+
variant?: "neutral" | "primary" | null | undefined;
|
|
867
919
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
868
920
|
interface DismissibleChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "children">, VariantProps<typeof chipVariants> {
|
|
869
921
|
label: React$1.ReactNode;
|
|
@@ -1135,7 +1187,7 @@ declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCard
|
|
|
1135
1187
|
* badge — optional ReactNode pinned to the top-right corner (e.g. a count).
|
|
1136
1188
|
*/
|
|
1137
1189
|
declare const iconTileVariants: (props?: ({
|
|
1138
|
-
tone?: "
|
|
1190
|
+
tone?: "neutral" | "info" | "success" | "warning" | "danger" | "audit" | "books" | "tax" | "pro" | null | undefined;
|
|
1139
1191
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1140
1192
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1141
1193
|
interface IconTileProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconTileVariants> {
|
|
@@ -1146,9 +1198,140 @@ interface IconTileProps extends React.HTMLAttributes<HTMLDivElement>, VariantPro
|
|
|
1146
1198
|
}
|
|
1147
1199
|
declare const IconTile: React$1.ForwardRefExoticComponent<IconTileProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1148
1200
|
|
|
1201
|
+
/**
|
|
1202
|
+
* Shared component vocabulary (W3-01, ADR-007, target architecture §28).
|
|
1203
|
+
*
|
|
1204
|
+
* Every component that offers one of these axes must use *this* type for it,
|
|
1205
|
+
* never a private union with the same words. Components that support only a
|
|
1206
|
+
* subset narrow with `Extract<…>`; nothing may widen a list. The lists are
|
|
1207
|
+
* closed: adding a word is an ADR-007 amendment, not a component change.
|
|
1208
|
+
*
|
|
1209
|
+
* Types only — this module has no runtime and adds nothing to `dist/index.js`.
|
|
1210
|
+
* All four names are `@experimental` until decision D4 (`danger` vs
|
|
1211
|
+
* `destructive`) is resolved and the Wave 3 components that adopt them are
|
|
1212
|
+
* marked stable (ADR-007 acceptance condition).
|
|
1213
|
+
*/
|
|
1214
|
+
|
|
1215
|
+
/**
|
|
1216
|
+
* Semantic meaning → colour family.
|
|
1217
|
+
*
|
|
1218
|
+
* `intent` says *what the element means*; `variant` says how loudly. A
|
|
1219
|
+
* `danger` action, a `danger` badge and a `danger` alert share one colour
|
|
1220
|
+
* family (`--ds-color-danger-*`) at three different emphases.
|
|
1221
|
+
*
|
|
1222
|
+
* `danger` is the canonical word (decision D4, default); `destructive` is
|
|
1223
|
+
* accepted by components as a deprecated alias for the 2.x line and is *not*
|
|
1224
|
+
* a member of this type.
|
|
1225
|
+
*
|
|
1226
|
+
* @experimental
|
|
1227
|
+
*/
|
|
1228
|
+
type Intent = "neutral" | "brand" | "info" | "success" | "warning" | "danger";
|
|
1229
|
+
/**
|
|
1230
|
+
* Visual emphasis — how strongly the element asserts itself, independent of
|
|
1231
|
+
* what it means. Actions, badges, alerts and chips each pick the subset that
|
|
1232
|
+
* applies (`Extract<Variant, "solid" | "soft" | "outline">` for Badge).
|
|
1233
|
+
*
|
|
1234
|
+
* - `solid` — filled with the intent colour, contrasting foreground
|
|
1235
|
+
* - `soft` — tinted background, intent-coloured foreground
|
|
1236
|
+
* - `outline` — border only, transparent background
|
|
1237
|
+
* - `ghost` — no border or background until hovered
|
|
1238
|
+
* - `link` — inline text, underlined on hover; actions only
|
|
1239
|
+
*
|
|
1240
|
+
* State (`disabled`, `loading`, `pressed`, `selected`, …) is never a variant:
|
|
1241
|
+
* it is a boolean prop reflected as a `data-*` or ARIA attribute.
|
|
1242
|
+
*
|
|
1243
|
+
* @experimental
|
|
1244
|
+
*/
|
|
1245
|
+
type Variant = "solid" | "soft" | "outline" | "ghost" | "link";
|
|
1246
|
+
/**
|
|
1247
|
+
* The shared control size step (ADR-013, W2-03): one name means one outer
|
|
1248
|
+
* height on every control that offers it, read from
|
|
1249
|
+
* `--ds-control-height-{size}`. Derived from the token scale so the type and
|
|
1250
|
+
* the tokens cannot disagree; it resolves to `"xs" | "sm" | "md" | "lg" | "xl"`.
|
|
1251
|
+
*
|
|
1252
|
+
* The pixels behind each step are decision D5; existing components keep
|
|
1253
|
+
* today's geometry under these names until 2.0 (compat token per control).
|
|
1254
|
+
*
|
|
1255
|
+
* @experimental
|
|
1256
|
+
*/
|
|
1257
|
+
type ControlSize = keyof SystemTokens["control"]["height"];
|
|
1258
|
+
/**
|
|
1259
|
+
* Corner treatment, offered only where it is a real choice (W2-07 radius roles,
|
|
1260
|
+
* target architecture §18, §28).
|
|
1261
|
+
*
|
|
1262
|
+
* - `rounded` — the component's radius role (`--ds-radius-control`,
|
|
1263
|
+
* `--ds-radius-badge`, …)
|
|
1264
|
+
* - `pill` — `--ds-radius-full`
|
|
1265
|
+
* - `square` — no rounding beyond the smallest reference step; icon tiles only
|
|
1266
|
+
*
|
|
1267
|
+
* A component's *default* shape is whatever it renders today; changing a
|
|
1268
|
+
* default is decision D1 and waits for 2.0.
|
|
1269
|
+
*
|
|
1270
|
+
* @experimental
|
|
1271
|
+
*/
|
|
1272
|
+
type Shape = "rounded" | "pill" | "square";
|
|
1273
|
+
|
|
1274
|
+
/**
|
|
1275
|
+
* Named icon boxes — the four `--ds-icon-size-*` steps of W2-10 (12 / 14 / 16 /
|
|
1276
|
+
* 20 px), spelled with the shared size vocabulary (ADR-007) and derived from the
|
|
1277
|
+
* token scale so the type and the tokens cannot disagree.
|
|
1278
|
+
*/
|
|
1279
|
+
type IconSize = Extract<ControlSize, keyof typeof iconSizes>;
|
|
1149
1280
|
interface IconProps extends React.SVGAttributes<SVGElement> {
|
|
1150
|
-
|
|
1281
|
+
/**
|
|
1282
|
+
* The icon box. A size name renders `var(--ds-icon-size-<name>)` — with the
|
|
1283
|
+
* legacy `--icon-size-<name>` and then the token's pixel value as fallbacks —
|
|
1284
|
+
* so a theme can retune the boxes; a number is a pixel box, as before.
|
|
1285
|
+
* Defaults to 24, the grid the glyphs are drawn on.
|
|
1286
|
+
*/
|
|
1287
|
+
size?: IconSize | number;
|
|
1288
|
+
/**
|
|
1289
|
+
* Stroke width of every stroked element, set once on the root `<svg>` and
|
|
1290
|
+
* inherited. Defaults to 1.5, the catalogue's baseline; the few glyphs drawn
|
|
1291
|
+
* heavier (`XIcon`, `CheckIcon`, `BoldIcon`) default to their own weight.
|
|
1292
|
+
*/
|
|
1293
|
+
strokeWidth?: number | string;
|
|
1294
|
+
/**
|
|
1295
|
+
* Accessible name. Icons are decorative (`aria-hidden`); a `title` exposes
|
|
1296
|
+
* the svg as `role="img"` with a `<title>` child. (An `aria-label` alone
|
|
1297
|
+
* still lands on the hidden svg, as it always has — C-DOM-15 freezes that
|
|
1298
|
+
* DOM for Pro; use `title` to name an icon.)
|
|
1299
|
+
*/
|
|
1300
|
+
title?: string;
|
|
1301
|
+
}
|
|
1302
|
+
/** What every catalogue icon and every `createIcon()` product is. */
|
|
1303
|
+
interface IconComponent {
|
|
1304
|
+
(props: IconProps): React.JSX.Element;
|
|
1305
|
+
displayName?: string;
|
|
1306
|
+
}
|
|
1307
|
+
interface IconDefinition {
|
|
1308
|
+
/** Component name, e.g. `"ArchiveIcon"`; becomes the `displayName`. */
|
|
1309
|
+
name: string;
|
|
1310
|
+
/**
|
|
1311
|
+
* What to draw. Path data strings become `currentColor` strokes with round
|
|
1312
|
+
* caps and joins, the catalogue's outline style; pass elements for anything
|
|
1313
|
+
* else (filled dots, rects, a mark's fixed colours). Elements must not set
|
|
1314
|
+
* their own `strokeWidth` — it lives on the root so the prop works.
|
|
1315
|
+
*/
|
|
1316
|
+
paths: string | readonly string[] | React.ReactNode;
|
|
1317
|
+
/** Defaults to `"0 0 24 24"`. A product icon drawn on another grid sets its own. */
|
|
1318
|
+
viewBox?: string;
|
|
1319
|
+
/** This glyph's default stroke width when the caller passes none. Defaults to 1.5. */
|
|
1320
|
+
strokeWidth?: number | string;
|
|
1151
1321
|
}
|
|
1322
|
+
/**
|
|
1323
|
+
* Builds an icon component with the catalogue's props, sizing, stroke and
|
|
1324
|
+
* accessibility contract from path data or SVG elements. Products use it for
|
|
1325
|
+
* icons that are theirs (vendor logos, annotation shapes) without inlining
|
|
1326
|
+
* `<svg>` at call sites; the catalogue uses it for its newer glyphs.
|
|
1327
|
+
*
|
|
1328
|
+
* @example
|
|
1329
|
+
* const ArchiveIcon = createIcon({
|
|
1330
|
+
* name: "ArchiveIcon",
|
|
1331
|
+
* paths: ["M3 3h18a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1z", "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", "M10 12h4"],
|
|
1332
|
+
* });
|
|
1333
|
+
*/
|
|
1334
|
+
declare function createIcon(definition: IconDefinition): IconComponent;
|
|
1152
1335
|
declare function DocumentIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1153
1336
|
declare function ArrowRightIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1154
1337
|
declare function StarIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1166,8 +1349,12 @@ declare function UsersIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX
|
|
|
1166
1349
|
declare function FileTextIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1167
1350
|
declare function ShieldIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1168
1351
|
declare function MenuIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1169
|
-
|
|
1170
|
-
|
|
1352
|
+
/**
|
|
1353
|
+
* @deprecated Use `XIcon` — the same glyph under its lucide name (the catalogue
|
|
1354
|
+
* drew it twice). This alias is the identical component and stays through 2.x.
|
|
1355
|
+
*/
|
|
1356
|
+
declare const CloseIcon: typeof XIcon;
|
|
1357
|
+
declare function CheckIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1171
1358
|
declare function LayoutDashboardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1172
1359
|
declare function BuildingIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1173
1360
|
/** Landmark / "bank" glyph (columns + pediment) — the accounting service mark. */
|
|
@@ -1228,7 +1415,7 @@ declare function PaperclipIcon({ size, ...props }: IconProps): react_jsx_runtime
|
|
|
1228
1415
|
declare function AtSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1229
1416
|
declare function ZoomInIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1230
1417
|
declare function ZoomOutIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1231
|
-
declare function XIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1418
|
+
declare function XIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1232
1419
|
declare function MessageCircleWarningIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1233
1420
|
declare function FlagIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1234
1421
|
declare function LockOpenIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1238,7 +1425,11 @@ declare function CopyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.
|
|
|
1238
1425
|
declare function MonitorIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1239
1426
|
declare function SmartphoneIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1240
1427
|
declare function AlertTriangleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1241
|
-
|
|
1428
|
+
/**
|
|
1429
|
+
* @deprecated Use `ArrowRightIcon` — it is the same path; "small" was never a
|
|
1430
|
+
* different drawing. This alias is the identical component and stays through 2.x.
|
|
1431
|
+
*/
|
|
1432
|
+
declare const ArrowRightSmallIcon: typeof ArrowRightIcon;
|
|
1242
1433
|
declare function ArrowLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1243
1434
|
declare function CreditCardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1244
1435
|
declare function AlertCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1261,7 +1452,7 @@ declare function SlashIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX
|
|
|
1261
1452
|
declare function SparklesIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1262
1453
|
declare function Trash2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1263
1454
|
declare function UserIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1264
|
-
declare function BoldIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1455
|
+
declare function BoldIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1265
1456
|
declare function ItalicIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1266
1457
|
declare function UnderlineIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1267
1458
|
declare function StrikethroughIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1315,6 +1506,42 @@ declare function TrendingDownIcon({ size, ...props }: IconProps): react_jsx_runt
|
|
|
1315
1506
|
declare function PlayIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1316
1507
|
declare function PauseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1317
1508
|
declare function StopIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
1509
|
+
/** Six-dot drag handle for sortable rows and kanban cards. */
|
|
1510
|
+
declare const GripVerticalIcon: IconComponent;
|
|
1511
|
+
/** Enter full screen / expand a panel — four outward corners. */
|
|
1512
|
+
declare const MaximizeIcon: IconComponent;
|
|
1513
|
+
/** Leave full screen / shrink a panel — four inward corners. */
|
|
1514
|
+
declare const MinimizeIcon: IconComponent;
|
|
1515
|
+
declare const ArchiveIcon: IconComponent;
|
|
1516
|
+
declare const ThumbsUpIcon: IconComponent;
|
|
1517
|
+
declare const ThumbsDownIcon: IconComponent;
|
|
1518
|
+
declare const LayersIcon: IconComponent;
|
|
1519
|
+
/** Formula / sum — the Greek capital sigma. */
|
|
1520
|
+
declare const SigmaIcon: IconComponent;
|
|
1521
|
+
/** Video camera; pair with `PlayIcon` for playback. */
|
|
1522
|
+
declare const VideoIcon: IconComponent;
|
|
1523
|
+
declare const MicIcon: IconComponent;
|
|
1524
|
+
/** Speaker with two sound waves — audio on. */
|
|
1525
|
+
declare const Volume2Icon: IconComponent;
|
|
1526
|
+
/** Speaker with a cross — muted. */
|
|
1527
|
+
declare const VolumeXIcon: IconComponent;
|
|
1528
|
+
/** Two clockwise arrows — refresh / sync. `RotateCcwIcon` is the single-arrow undo. */
|
|
1529
|
+
declare const RefreshCwIcon: IconComponent;
|
|
1530
|
+
/** Stopwatch — elapsed time and timers; `ClockIcon` is wall-clock time. */
|
|
1531
|
+
declare const TimerIcon: IconComponent;
|
|
1532
|
+
declare const BrainIcon: IconComponent;
|
|
1533
|
+
/** Pop-out / opens elsewhere — box with an arrow leaving the top-right corner. */
|
|
1534
|
+
declare const ExternalLinkIcon: IconComponent;
|
|
1535
|
+
/** Dock to the right — the mirror of `PanelLeftIcon`. */
|
|
1536
|
+
declare const PanelRightIcon: IconComponent;
|
|
1537
|
+
/** Collapse — the pair of `ChevronsUpDownIcon`. */
|
|
1538
|
+
declare const ChevronsDownUpIcon: IconComponent;
|
|
1539
|
+
/**
|
|
1540
|
+
* Filled trash can for destructive affordances inside small round buttons,
|
|
1541
|
+
* where the outline `TrashIcon` reads as thin. Same family as the solid status
|
|
1542
|
+
* icons: the slots are knockouts.
|
|
1543
|
+
*/
|
|
1544
|
+
declare const TrashSolidIcon: IconComponent;
|
|
1318
1545
|
|
|
1319
1546
|
/**
|
|
1320
1547
|
* Input variants. Mirrors the raw HTML `<input>` styled per the suite tokens
|
|
@@ -1322,7 +1549,7 @@ declare function StopIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.
|
|
|
1322
1549
|
*/
|
|
1323
1550
|
declare const inputVariants: (props?: ({
|
|
1324
1551
|
variant?: "ghost" | "default" | null | undefined;
|
|
1325
|
-
inputSize?: "sm" | "md" | "lg" | "
|
|
1552
|
+
inputSize?: "sm" | "md" | "lg" | "default" | "compact" | "comfortable" | null | undefined;
|
|
1326
1553
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1327
1554
|
type InputVariants = VariantProps<typeof inputVariants>;
|
|
1328
1555
|
interface InputProps$1 extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, InputVariants {
|
|
@@ -1455,26 +1682,26 @@ declare const LoadingRows: React$1.ForwardRefExoticComponent<LoadingRowsProps &
|
|
|
1455
1682
|
declare const sizeStyles: {
|
|
1456
1683
|
readonly sm: {
|
|
1457
1684
|
readonly icon: 20;
|
|
1458
|
-
readonly text: "text-sm";
|
|
1459
|
-
readonly gap: "gap-2";
|
|
1685
|
+
readonly text: "ds:text-sm";
|
|
1686
|
+
readonly gap: "ds:gap-2";
|
|
1460
1687
|
readonly assetHeight: 24;
|
|
1461
1688
|
};
|
|
1462
1689
|
readonly md: {
|
|
1463
1690
|
readonly icon: 24;
|
|
1464
|
-
readonly text: "text-[17px]";
|
|
1465
|
-
readonly gap: "gap-2.5";
|
|
1691
|
+
readonly text: "ds:text-[17px]";
|
|
1692
|
+
readonly gap: "ds:gap-2.5";
|
|
1466
1693
|
readonly assetHeight: 30;
|
|
1467
1694
|
};
|
|
1468
1695
|
readonly lg: {
|
|
1469
1696
|
readonly icon: 32;
|
|
1470
|
-
readonly text: "text-xl";
|
|
1471
|
-
readonly gap: "gap-3";
|
|
1697
|
+
readonly text: "ds:text-xl";
|
|
1698
|
+
readonly gap: "ds:gap-3";
|
|
1472
1699
|
readonly assetHeight: 40;
|
|
1473
1700
|
};
|
|
1474
1701
|
readonly xl: {
|
|
1475
1702
|
readonly icon: 40;
|
|
1476
|
-
readonly text: "text-2xl";
|
|
1477
|
-
readonly gap: "gap-3.5";
|
|
1703
|
+
readonly text: "ds:text-2xl";
|
|
1704
|
+
readonly gap: "ds:gap-3.5";
|
|
1478
1705
|
readonly assetHeight: 48;
|
|
1479
1706
|
};
|
|
1480
1707
|
};
|
|
@@ -1754,7 +1981,7 @@ declare function PriorityIcon({ priority, size, className, ...props }: PriorityI
|
|
|
1754
1981
|
* state — but for back-compat we still accept `value: number`.
|
|
1755
1982
|
*/
|
|
1756
1983
|
declare const progressBarVariants: (props?: ({
|
|
1757
|
-
variant?: "info" | "success" | "warning" | "
|
|
1984
|
+
variant?: "info" | "success" | "warning" | "default" | "destructive" | null | undefined;
|
|
1758
1985
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1759
1986
|
interface ProgressBarProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "value">, VariantProps<typeof progressBarVariants> {
|
|
1760
1987
|
/** 0..max. Set to `null` for an indeterminate track. */
|
|
@@ -1773,7 +2000,7 @@ declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps &
|
|
|
1773
2000
|
* Public API preserved: `value`, `max`, `size`, `strokeWidth`, `label`, `sublabel`.
|
|
1774
2001
|
*/
|
|
1775
2002
|
declare const progressRingVariants: (props?: ({
|
|
1776
|
-
variant?: "info" | "success" | "warning" | "
|
|
2003
|
+
variant?: "info" | "success" | "warning" | "default" | "destructive" | null | undefined;
|
|
1777
2004
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1778
2005
|
interface ProgressRingProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressRingVariants> {
|
|
1779
2006
|
value: number;
|
|
@@ -1880,7 +2107,7 @@ declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & Re
|
|
|
1880
2107
|
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1881
2108
|
|
|
1882
2109
|
declare const searchInputVariants: (props?: ({
|
|
1883
|
-
inputSize?: "sm" | "md" | "lg" | "
|
|
2110
|
+
inputSize?: "sm" | "md" | "lg" | "default" | "compact" | "comfortable" | null | undefined;
|
|
1884
2111
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1885
2112
|
type SearchInputVariants = VariantProps<typeof searchInputVariants>;
|
|
1886
2113
|
interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "size">, SearchInputVariants {
|
|
@@ -2010,10 +2237,10 @@ declare function SectionHeader({ title, description, align, className, }: Sectio
|
|
|
2010
2237
|
* but Section keeps its 24px (`px-6`) gutter for narrower marketing pages.
|
|
2011
2238
|
*/
|
|
2012
2239
|
declare const maxWidthStyles: {
|
|
2013
|
-
readonly sm: "max-w-3xl";
|
|
2014
|
-
readonly md: "max-w-4xl";
|
|
2015
|
-
readonly lg: "max-w-5xl";
|
|
2016
|
-
readonly xl: "max-w-6xl";
|
|
2240
|
+
readonly sm: "ds:max-w-3xl";
|
|
2241
|
+
readonly md: "ds:max-w-4xl";
|
|
2242
|
+
readonly lg: "ds:max-w-5xl";
|
|
2243
|
+
readonly xl: "ds:max-w-6xl";
|
|
2017
2244
|
};
|
|
2018
2245
|
interface SectionProps extends React.HTMLAttributes<HTMLElement> {
|
|
2019
2246
|
maxWidth?: keyof typeof maxWidthStyles;
|
|
@@ -2134,7 +2361,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
2134
2361
|
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
2135
2362
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2136
2363
|
declare const sheetVariants: (props?: ({
|
|
2137
|
-
side?: "left" | "
|
|
2364
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
2138
2365
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2139
2366
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
2140
2367
|
/** If false, the built-in close button is hidden. Default: true. */
|
|
@@ -2226,7 +2453,7 @@ declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.Re
|
|
|
2226
2453
|
|
|
2227
2454
|
declare const spinnerVariants: (props?: ({
|
|
2228
2455
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
2229
|
-
tone?: "
|
|
2456
|
+
tone?: "accent" | "success" | "warning" | "current" | "destructive" | "muted" | null | undefined;
|
|
2230
2457
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2231
2458
|
interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
|
|
2232
2459
|
/**
|
|
@@ -2406,7 +2633,7 @@ declare const Stat: React$1.ForwardRefExoticComponent<StatProps & React$1.RefAtt
|
|
|
2406
2633
|
* automatically. `aria-hidden` by default — pass `aria-label` to expose it.
|
|
2407
2634
|
*/
|
|
2408
2635
|
declare const statusDotVariants: (props?: ({
|
|
2409
|
-
tone?: "
|
|
2636
|
+
tone?: "neutral" | "info" | "success" | "warning" | "danger" | "pro" | null | undefined;
|
|
2410
2637
|
size?: "sm" | "md" | null | undefined;
|
|
2411
2638
|
ring?: boolean | null | undefined;
|
|
2412
2639
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -2537,16 +2764,16 @@ declare const suiteProgressFillVariants: (props?: ({
|
|
|
2537
2764
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2538
2765
|
declare const SIZE_STYLES: {
|
|
2539
2766
|
readonly sm: {
|
|
2540
|
-
readonly row: "gap-2";
|
|
2541
|
-
readonly track: "gap-0.5";
|
|
2542
|
-
readonly segment: "h-1";
|
|
2543
|
-
readonly text: "text-xs";
|
|
2767
|
+
readonly row: "ds:gap-2";
|
|
2768
|
+
readonly track: "ds:gap-0.5";
|
|
2769
|
+
readonly segment: "ds:h-1";
|
|
2770
|
+
readonly text: "ds:text-xs";
|
|
2544
2771
|
};
|
|
2545
2772
|
readonly md: {
|
|
2546
|
-
readonly row: "gap-3";
|
|
2547
|
-
readonly track: "gap-1";
|
|
2548
|
-
readonly segment: "h-[5px]";
|
|
2549
|
-
readonly text: "text-sm";
|
|
2773
|
+
readonly row: "ds:gap-3";
|
|
2774
|
+
readonly track: "ds:gap-1";
|
|
2775
|
+
readonly segment: "ds:h-[5px]";
|
|
2776
|
+
readonly text: "ds:text-sm";
|
|
2550
2777
|
};
|
|
2551
2778
|
};
|
|
2552
2779
|
type SuiteProgressSize = keyof typeof SIZE_STYLES;
|
|
@@ -2602,7 +2829,7 @@ declare const TableCaption: React$1.ForwardRefExoticComponent<TableCaptionProps
|
|
|
2602
2829
|
declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2603
2830
|
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
2604
2831
|
declare const triggerVariants: (props?: ({
|
|
2605
|
-
variant?: "
|
|
2832
|
+
variant?: "pill" | "underline" | null | undefined;
|
|
2606
2833
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2607
2834
|
interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof triggerVariants> {
|
|
2608
2835
|
}
|
|
@@ -2695,6 +2922,40 @@ interface ToggleGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof T
|
|
|
2695
2922
|
}
|
|
2696
2923
|
declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2697
2924
|
|
|
2925
|
+
/** `inline`: one `<code>` in running text. `block`: `<pre><code>`, keeps whitespace, scrolls. */
|
|
2926
|
+
type CodeVariant = "inline" | "block";
|
|
2927
|
+
interface CodeProps extends React.HTMLAttributes<HTMLElement> {
|
|
2928
|
+
/** Default `inline`. */
|
|
2929
|
+
variant?: CodeVariant;
|
|
2930
|
+
}
|
|
2931
|
+
/**
|
|
2932
|
+
* Monospace text, inline or as a block.
|
|
2933
|
+
*
|
|
2934
|
+
* @experimental W2-14 typography primitive.
|
|
2935
|
+
*/
|
|
2936
|
+
declare const Code: React$1.ForwardRefExoticComponent<CodeProps & React$1.RefAttributes<HTMLElement>>;
|
|
2937
|
+
|
|
2938
|
+
/** `keycap`: the 18px key with a heavier bottom edge (CommandPalette). `flat`: the 20px badge (KbdHint). */
|
|
2939
|
+
type KbdVariant = "keycap" | "flat";
|
|
2940
|
+
/** A platform-spelled key: `⌘ ⌥ ⇧ ⌃` on Apple platforms, `Ctrl Alt Shift Ctrl` elsewhere. `mod` is the primary modifier. */
|
|
2941
|
+
type KbdGlyph = "mod" | "alt" | "shift" | "ctrl";
|
|
2942
|
+
interface KbdProps extends React.HTMLAttributes<HTMLElement> {
|
|
2943
|
+
/** Default `keycap`. */
|
|
2944
|
+
variant?: KbdVariant;
|
|
2945
|
+
/**
|
|
2946
|
+
* A platform-spelled key rendered before `children`. Decided after mount
|
|
2947
|
+
* (amendment A3): server and hydration render the non-Apple spelling, then
|
|
2948
|
+
* the detected one replaces it.
|
|
2949
|
+
*/
|
|
2950
|
+
glyph?: KbdGlyph;
|
|
2951
|
+
}
|
|
2952
|
+
/**
|
|
2953
|
+
* One key of a keyboard shortcut; one `Kbd` per key of a chord.
|
|
2954
|
+
*
|
|
2955
|
+
* @experimental W2-14 typography primitive.
|
|
2956
|
+
*/
|
|
2957
|
+
declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
|
|
2958
|
+
|
|
2698
2959
|
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
2699
2960
|
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2700
2961
|
declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
@@ -2802,6 +3063,418 @@ declare namespace IntentBadge {
|
|
|
2802
3063
|
var displayName: string;
|
|
2803
3064
|
}
|
|
2804
3065
|
|
|
3066
|
+
/**
|
|
3067
|
+
* The size of a run of text, named as a typography *role* — what the text is
|
|
3068
|
+
* (body copy, a field label, a caption…) — never as a pixel value. The twelve
|
|
3069
|
+
* roles of target architecture §15, each a role token (`--text-<role>` plus its
|
|
3070
|
+
* line-height, letter-spacing and font-weight companions, W2-01) that the
|
|
3071
|
+
* Tailwind bridge exposes as the `text-<role>` utility. Roles gated on decision
|
|
3072
|
+
* D1 (`title-page`, `title-sub`, `label`, `code`) keep today's value until D1
|
|
3073
|
+
* lands; see `docs/design-system/typography-roles.md`.
|
|
3074
|
+
*
|
|
3075
|
+
* @experimental W2-12.
|
|
3076
|
+
*/
|
|
3077
|
+
type TextSize = "display" | "title-page" | "title-section" | "title-sub" | "body" | "body-sm" | "label" | "helper" | "caption" | "micro" | "overline" | "code";
|
|
3078
|
+
/**
|
|
3079
|
+
* An `intent`-free ink colour (target architecture §15.2). `default`…`subtle`
|
|
3080
|
+
* are the four legible steps of the foreground ramp (`fg` … `fg-4`; `fg-5` is
|
|
3081
|
+
* decorative and not offered), `inverse` is the canvas colour for text on an
|
|
3082
|
+
* inverted surface, and the status and brand colours are their `-fg` tokens.
|
|
3083
|
+
*
|
|
3084
|
+
* @experimental W2-12.
|
|
3085
|
+
*/
|
|
3086
|
+
type TextColor = "default" | "secondary" | "muted" | "subtle" | "inverse" | "danger" | "success" | "warning" | "brand";
|
|
3087
|
+
/**
|
|
3088
|
+
* A font weight from the loaded set (400/500/600/700). A role already carries
|
|
3089
|
+
* a weight; this prop overrides it.
|
|
3090
|
+
*
|
|
3091
|
+
* @experimental W2-12.
|
|
3092
|
+
*/
|
|
3093
|
+
type TextWeight = "regular" | "medium" | "semibold" | "bold";
|
|
3094
|
+
/**
|
|
3095
|
+
* Props of `Text`. Every HTML attribute passes through, including the ARIA
|
|
3096
|
+
* `role`; the typography role is the `size` prop, so the two never collide.
|
|
3097
|
+
* `color` replaces the obsolete HTML `color` attribute.
|
|
3098
|
+
*
|
|
3099
|
+
* @experimental W2-12.
|
|
3100
|
+
*/
|
|
3101
|
+
interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
|
|
3102
|
+
/**
|
|
3103
|
+
* The size, named as a typography role. Defaults to `body`, the default
|
|
3104
|
+
* reading text (14px / 1.55 / 400).
|
|
3105
|
+
*/
|
|
3106
|
+
size?: TextSize;
|
|
3107
|
+
/**
|
|
3108
|
+
* The ink colour. When omitted the text inherits its parent's colour, so a
|
|
3109
|
+
* `Text` inside a coloured control keeps that control's ink; `default` sets
|
|
3110
|
+
* the document ink (`fg`) explicitly.
|
|
3111
|
+
*/
|
|
3112
|
+
color?: TextColor;
|
|
3113
|
+
/** Overrides the role's weight with one of the loaded weights. */
|
|
3114
|
+
weight?: TextWeight;
|
|
3115
|
+
/**
|
|
3116
|
+
* Lining tabular figures for amounts, counts and table numerals (the
|
|
3117
|
+
* `numeric` modifier of target architecture §15): digits share a width, so
|
|
3118
|
+
* columns align and a changing digit does not reflow the row.
|
|
3119
|
+
*/
|
|
3120
|
+
numeric?: boolean;
|
|
3121
|
+
/**
|
|
3122
|
+
* Clip to one line with an ellipsis. The element needs a width to clip
|
|
3123
|
+
* against: give it one, or make it a flex or grid child with `min-w-0`.
|
|
3124
|
+
*/
|
|
3125
|
+
truncate?: boolean;
|
|
3126
|
+
/**
|
|
3127
|
+
* Render the child element instead of a `<span>`, merging the size classes
|
|
3128
|
+
* and attributes into it (Radix `Slot`). This is how `Text` becomes a
|
|
3129
|
+
* `<p>`, a `<label>`, a `<time>` or a link; there is no `as` prop.
|
|
3130
|
+
*/
|
|
3131
|
+
asChild?: boolean;
|
|
3132
|
+
}
|
|
3133
|
+
/**
|
|
3134
|
+
* `Text` — a run of text sized by a typography *role* (W2-12, target
|
|
3135
|
+
* architecture §15.2).
|
|
3136
|
+
*
|
|
3137
|
+
* Renders a `<span>` (or, with `asChild`, the child you pass) and gives it one
|
|
3138
|
+
* of the twelve role tokens — font size, line height, letter spacing and
|
|
3139
|
+
* weight in a single utility — plus an optional ink colour, weight override,
|
|
3140
|
+
* tabular numerals and single-line truncation. It never takes a pixel size: a
|
|
3141
|
+
* role is a name for what the text is, and the number behind it belongs to the
|
|
3142
|
+
* token.
|
|
3143
|
+
*
|
|
3144
|
+
* Server-safe: no hooks, no client directive, no effects. It renders the same
|
|
3145
|
+
* markup on the server and on the client.
|
|
3146
|
+
*
|
|
3147
|
+
* Anatomy: one part, `data-slot="text"`, which is also where `className` and
|
|
3148
|
+
* `style` land (with `asChild`, on the child).
|
|
3149
|
+
*
|
|
3150
|
+
* @example
|
|
3151
|
+
* ```tsx
|
|
3152
|
+
* <Text size="helper" color="muted">Shown to the client after signing.</Text>
|
|
3153
|
+
* <Text size="body-sm" numeric>1,204.50</Text>
|
|
3154
|
+
* <Text size="helper" role="status">Saved</Text>
|
|
3155
|
+
* <Text asChild size="caption"><time dateTime="2026-09-21">21 Sep 2026</time></Text>
|
|
3156
|
+
* ```
|
|
3157
|
+
*
|
|
3158
|
+
* @experimental New export (W2-12); its props may change while decision D1
|
|
3159
|
+
* (visual source of truth) is open.
|
|
3160
|
+
*/
|
|
3161
|
+
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
3162
|
+
|
|
3163
|
+
/**
|
|
3164
|
+
* The document-outline level: which of `<h1>`…`<h6>` renders. Semantic only —
|
|
3165
|
+
* it says where the heading sits in the outline, not how large it is.
|
|
3166
|
+
*
|
|
3167
|
+
* @experimental W2-13.
|
|
3168
|
+
*/
|
|
3169
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3170
|
+
/**
|
|
3171
|
+
* The visual role of a heading: one of the four title roles of target
|
|
3172
|
+
* architecture §15. Independent of `level`. Written out as a literal union so
|
|
3173
|
+
* the public API report records the names.
|
|
3174
|
+
*
|
|
3175
|
+
* @experimental W2-13.
|
|
3176
|
+
*/
|
|
3177
|
+
type HeadingSize = "display" | "title-page" | "title-section" | "title-sub";
|
|
3178
|
+
/**
|
|
3179
|
+
* Props of `Heading`. `level` is required on purpose: a heading without an
|
|
3180
|
+
* outline level is the hard-coded `h3`/`h1`/`h4` this component exists to end
|
|
3181
|
+
* (target architecture §15.2, current-state audit §14).
|
|
3182
|
+
*
|
|
3183
|
+
* @experimental W2-13.
|
|
3184
|
+
*/
|
|
3185
|
+
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
3186
|
+
/** The outline level: renders `<h{level}>`. Required. */
|
|
3187
|
+
level: HeadingLevel;
|
|
3188
|
+
/**
|
|
3189
|
+
* The visual role, independent of `level`. Defaults from the level
|
|
3190
|
+
* (`1` → `title-page`, `2` → `title-section`, `3`–`6` → `title-sub`), so an
|
|
3191
|
+
* `<h3>` that must look like a section title says `size="title-section"`
|
|
3192
|
+
* instead of becoming an `<h2>`.
|
|
3193
|
+
*/
|
|
3194
|
+
size?: HeadingSize;
|
|
3195
|
+
}
|
|
3196
|
+
/**
|
|
3197
|
+
* `Heading` — an `<h1>`…`<h6>` whose outline level and visual size are two
|
|
3198
|
+
* separate props (W2-13, target architecture §15.2).
|
|
3199
|
+
*
|
|
3200
|
+
* `level` is required and picks the element; `size` picks the title role and
|
|
3201
|
+
* defaults from the level. Because the two are independent, a card title can
|
|
3202
|
+
* be the `<h3>` the document outline needs and still render at the section
|
|
3203
|
+
* scale, and a page can keep exactly one `<h1>` without every other title
|
|
3204
|
+
* shrinking. Every size is a role token; there is no pixel size.
|
|
3205
|
+
*
|
|
3206
|
+
* Renders in the display family (`font-display`) and the heading ink (`fg`),
|
|
3207
|
+
* as the base `h1`–`h4` rules do today, so an `<h5>` at `title-sub` matches an
|
|
3208
|
+
* `<h4>` at `title-sub`.
|
|
3209
|
+
*
|
|
3210
|
+
* Server-safe: no hooks, no client directive, no effects.
|
|
3211
|
+
*
|
|
3212
|
+
* Anatomy: one part, `data-slot="heading"`, which is also where `className`
|
|
3213
|
+
* and `style` land.
|
|
3214
|
+
*
|
|
3215
|
+
* @example
|
|
3216
|
+
* ```tsx
|
|
3217
|
+
* <Heading level={1}>Engagements</Heading>
|
|
3218
|
+
* <Heading level={3} size="title-section">Documents</Heading>
|
|
3219
|
+
* ```
|
|
3220
|
+
*
|
|
3221
|
+
* @experimental New export (W2-13); its size vocabulary may change while
|
|
3222
|
+
* decision D1 (visual source of truth) is open.
|
|
3223
|
+
*/
|
|
3224
|
+
declare const Heading: React$1.ForwardRefExoticComponent<HeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
3225
|
+
|
|
3226
|
+
/**
|
|
3227
|
+
* The shared vocabulary of the layout primitives (W2-15, target architecture
|
|
3228
|
+
* §16, §22, §23): the gap scale, the alignment words, and the one responsive
|
|
3229
|
+
* shape a layout prop may take.
|
|
3230
|
+
*
|
|
3231
|
+
* Every class this module hands out is a literal in the tables below. Tailwind
|
|
3232
|
+
* compiles a utility only when it can read it from source, so a class built
|
|
3233
|
+
* from string pieces at render time would exist in the DOM and nowhere in
|
|
3234
|
+
* `dist/styles.css`. The tables are the whole set; nothing else is generated.
|
|
3235
|
+
*
|
|
3236
|
+
* The gap utilities read the `stack.gap.*` tokens through the parenthesised
|
|
3237
|
+
* custom-property form (`gap-(--stack-gap-md)`), which is what binds a step to
|
|
3238
|
+
* the token rather than to Tailwind's numeric scale: a density scope or a
|
|
3239
|
+
* consumer preset that re-points `--stack-gap-md` moves every `Stack` with it.
|
|
3240
|
+
*/
|
|
3241
|
+
/**
|
|
3242
|
+
* The breakpoints a responsive layout prop may name. They are Tailwind's `sm`,
|
|
3243
|
+
* `md` and `lg` (40 / 48 / 64rem), the same values `breakpoints` in the
|
|
3244
|
+
* `/tokens` entry publishes (W2-10). Only `Stack direction` and the `gap` of
|
|
3245
|
+
* `Stack`/`Inline` are responsive (target architecture §22); nothing else on a
|
|
3246
|
+
* layout primitive takes an object.
|
|
3247
|
+
*
|
|
3248
|
+
* @experimental
|
|
3249
|
+
*/
|
|
3250
|
+
type LayoutBreakpoint = "sm" | "md" | "lg";
|
|
3251
|
+
/**
|
|
3252
|
+
* A layout prop value that may change at a breakpoint: either one value, or an
|
|
3253
|
+
* object of values by breakpoint. `base` is what applies below `sm`; when it
|
|
3254
|
+
* is omitted the prop's own default applies there, so
|
|
3255
|
+
* `direction={{ md: "row" }}` reads "a column, a row from `md` up".
|
|
3256
|
+
*
|
|
3257
|
+
* @experimental
|
|
3258
|
+
*/
|
|
3259
|
+
type Responsive<T> = T | Partial<Record<"base" | LayoutBreakpoint, T>>;
|
|
3260
|
+
/**
|
|
3261
|
+
* The five gaps the library actually writes (W2-02, `stack.gap.*`): 4 / 6 / 8 /
|
|
3262
|
+
* 12 / 16px, plus `none`. `md` (8px) is the single most-written gap in the
|
|
3263
|
+
* library and the default of both `Stack` and `Inline`.
|
|
3264
|
+
*
|
|
3265
|
+
* @experimental
|
|
3266
|
+
*/
|
|
3267
|
+
type LayoutGap = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
3268
|
+
/**
|
|
3269
|
+
* Cross-axis alignment of the children (`align-items`).
|
|
3270
|
+
*
|
|
3271
|
+
* @experimental
|
|
3272
|
+
*/
|
|
3273
|
+
type LayoutAlign = "start" | "center" | "end" | "stretch" | "baseline";
|
|
3274
|
+
/**
|
|
3275
|
+
* Main-axis distribution of the children (`justify-content`).
|
|
3276
|
+
*
|
|
3277
|
+
* @experimental
|
|
3278
|
+
*/
|
|
3279
|
+
type LayoutJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
3280
|
+
|
|
3281
|
+
/**
|
|
3282
|
+
* The axis a `Stack` lays its children along.
|
|
3283
|
+
*
|
|
3284
|
+
* @experimental
|
|
3285
|
+
*/
|
|
3286
|
+
type StackDirection = "column" | "row";
|
|
3287
|
+
|
|
3288
|
+
/**
|
|
3289
|
+
* Props of `Stack`.
|
|
3290
|
+
*
|
|
3291
|
+
* A layout primitive takes tokenised props only for the things it exists for
|
|
3292
|
+
* — the gap between its children and how they line up — and never arbitrary
|
|
3293
|
+
* style props (target architecture §23). There is no `padding`, `margin`,
|
|
3294
|
+
* `p`/`m`/`px`/`mt`, `bg`, `color`, `width`, `height`, `sx` or `css` here, and
|
|
3295
|
+
* `gap` accepts a scale step, not a number or a length. Spacing *around* a
|
|
3296
|
+
* stack belongs to its parent; a box with padding is a `Surface`. `className`
|
|
3297
|
+
* and `style` land on the root element (§29.1).
|
|
3298
|
+
*
|
|
3299
|
+
* @experimental
|
|
3300
|
+
*/
|
|
3301
|
+
interface StackProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
3302
|
+
/**
|
|
3303
|
+
* The axis the children follow. Responsive: `{ base?, sm?, md?, lg? }`, so
|
|
3304
|
+
* a form row can be a column on a phone and a row from `sm` up.
|
|
3305
|
+
* @default "column"
|
|
3306
|
+
*/
|
|
3307
|
+
direction?: Responsive<StackDirection>;
|
|
3308
|
+
/**
|
|
3309
|
+
* The gap between children, as a `stack.gap` step (4 / 6 / 8 / 12 / 16px)
|
|
3310
|
+
* or `none`. Responsive like `direction`.
|
|
3311
|
+
* @default "md"
|
|
3312
|
+
*/
|
|
3313
|
+
gap?: Responsive<LayoutGap>;
|
|
3314
|
+
/** Cross-axis alignment (`align-items`). Not responsive. */
|
|
3315
|
+
align?: LayoutAlign;
|
|
3316
|
+
/** Main-axis distribution (`justify-content`). Not responsive. */
|
|
3317
|
+
justify?: LayoutJustify;
|
|
3318
|
+
/** Whether children may wrap onto further lines. Not responsive. */
|
|
3319
|
+
wrap?: boolean;
|
|
3320
|
+
}
|
|
3321
|
+
/**
|
|
3322
|
+
* Stack — the one-dimensional layout primitive (W2-15, target architecture
|
|
3323
|
+
* §23). A flex container that owns the spacing *between* its children through
|
|
3324
|
+
* the `stack.gap` tokens, so siblings never carry outer margins of their own.
|
|
3325
|
+
*
|
|
3326
|
+
* Vertical by default; `direction` may switch to a row, at a breakpoint if
|
|
3327
|
+
* needed. Only `direction` and `gap` are responsive — the deliberately small
|
|
3328
|
+
* exception the architecture makes for layout primitives (§22). For a
|
|
3329
|
+
* horizontal, wrapping row use `Inline`.
|
|
3330
|
+
*
|
|
3331
|
+
* Server-safe: no hooks, no client directive, renders a plain `div` and stamps
|
|
3332
|
+
* `data-slot="stack"`. `asChild` is deferred until the design system has its
|
|
3333
|
+
* own `Slot` in the a11y primitives (the Radix package is a behaviour import
|
|
3334
|
+
* the L1b layer may not make directly).
|
|
3335
|
+
*
|
|
3336
|
+
* @experimental Shipped in Wave 2 as a new export nobody is forced to use; the
|
|
3337
|
+
* prop shapes may still change before the wave's exit review.
|
|
3338
|
+
*/
|
|
3339
|
+
declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3340
|
+
|
|
3341
|
+
/**
|
|
3342
|
+
* Props of `Inline`.
|
|
3343
|
+
*
|
|
3344
|
+
* The same discipline as `StackProps`: tokenised props for gap and alignment
|
|
3345
|
+
* only, no arbitrary style props (`padding`, `margin`, `p`/`m`/`px`/`mt`,
|
|
3346
|
+
* `bg`, `color`, `width`, `height`, `sx`, `css`), and `gap` is a scale step.
|
|
3347
|
+
* `className` and `style` land on the root element (§29.1).
|
|
3348
|
+
*
|
|
3349
|
+
* @experimental
|
|
3350
|
+
*/
|
|
3351
|
+
interface InlineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
3352
|
+
/**
|
|
3353
|
+
* The gap between children, as a `stack.gap` step (4 / 6 / 8 / 12 / 16px)
|
|
3354
|
+
* or `none`. Responsive: `{ base?, sm?, md?, lg? }`.
|
|
3355
|
+
* @default "md"
|
|
3356
|
+
*/
|
|
3357
|
+
gap?: Responsive<LayoutGap>;
|
|
3358
|
+
/**
|
|
3359
|
+
* Cross-axis alignment (`align-items`). Not responsive.
|
|
3360
|
+
* @default "center"
|
|
3361
|
+
*/
|
|
3362
|
+
align?: LayoutAlign;
|
|
3363
|
+
/** Main-axis distribution (`justify-content`). Not responsive. */
|
|
3364
|
+
justify?: LayoutJustify;
|
|
3365
|
+
/**
|
|
3366
|
+
* Whether children may wrap onto further lines. Not responsive.
|
|
3367
|
+
* @default true
|
|
3368
|
+
*/
|
|
3369
|
+
wrap?: boolean;
|
|
3370
|
+
}
|
|
3371
|
+
/**
|
|
3372
|
+
* Inline — the horizontal, wrapping row (W2-15, target architecture §23): a
|
|
3373
|
+
* label beside a badge, a row of chips, the buttons of a toolbar. Children are
|
|
3374
|
+
* centred on the cross axis and wrap by default, which is what a row of mixed
|
|
3375
|
+
* heights and unknown count wants; `Stack direction="row"` is the row that
|
|
3376
|
+
* does not wrap and stretches.
|
|
3377
|
+
*
|
|
3378
|
+
* Only `gap` is responsive (§22). Server-safe: no hooks, no client directive,
|
|
3379
|
+
* renders a plain `div` and stamps `data-slot="inline"`. `asChild` is deferred
|
|
3380
|
+
* with `Stack`'s.
|
|
3381
|
+
*
|
|
3382
|
+
* @experimental Shipped in Wave 2 as a new export nobody is forced to use; the
|
|
3383
|
+
* prop shapes may still change before the wave's exit review.
|
|
3384
|
+
*/
|
|
3385
|
+
declare const Inline: React$1.ForwardRefExoticComponent<InlineProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3386
|
+
|
|
3387
|
+
/**
|
|
3388
|
+
* Inner padding of a `Surface`, as a `surface.padding` role (W2-02): 16 / 20 /
|
|
3389
|
+
* 24px — the three card and panel paddings the library and its consumers
|
|
3390
|
+
* already write — or `none` for a surface whose content pads itself (a table,
|
|
3391
|
+
* an image, a list with its own row padding).
|
|
3392
|
+
*
|
|
3393
|
+
* @experimental
|
|
3394
|
+
*/
|
|
3395
|
+
type SurfacePadding = "none" | "sm" | "md" | "lg";
|
|
3396
|
+
/**
|
|
3397
|
+
* Corner radius of a `Surface`, as a radius role (W2-07, target architecture
|
|
3398
|
+
* §18): `surface` for cards, dialogs and sheets, `surface-sm` for popovers,
|
|
3399
|
+
* tooltips, toasts and small cards, or `none`. Control and badge radii are not
|
|
3400
|
+
* offered: a surface is never a control.
|
|
3401
|
+
*
|
|
3402
|
+
* @experimental
|
|
3403
|
+
*/
|
|
3404
|
+
type SurfaceRadius = "none" | "surface-sm" | "surface";
|
|
3405
|
+
/**
|
|
3406
|
+
* Elevation of a `Surface`, as an elevation role (W2-08, target architecture
|
|
3407
|
+
* §19): `flat` (resting, border-led — today's `Card`), `raised` (resting
|
|
3408
|
+
* lift), `floating` (anchored transient surfaces), `overlay` (modal surfaces),
|
|
3409
|
+
* or `none` for no shadow at all — which is what the hand-rolled card boxes in
|
|
3410
|
+
* every product render, and the default. `flat` is kept distinct from `none`
|
|
3411
|
+
* because today's `flat` role still aliases the hairline `shadow-quiet` (gated
|
|
3412
|
+
* on D1); when D1 lands the two coincide and nothing here changes.
|
|
3413
|
+
*
|
|
3414
|
+
* @experimental
|
|
3415
|
+
*/
|
|
3416
|
+
type SurfaceElevation = "none" | "flat" | "raised" | "floating" | "overlay";
|
|
3417
|
+
|
|
3418
|
+
/**
|
|
3419
|
+
* Props of `Surface`.
|
|
3420
|
+
*
|
|
3421
|
+
* Tokenised props for exactly the three things a surface is (padding, radius,
|
|
3422
|
+
* elevation) and nothing else: no `gap`/`align`/`direction` (that is a `Stack`
|
|
3423
|
+
* inside it), no `bg`, `border`, `shadow`, `rounded`, `p`/`m`/`px`/`mt`,
|
|
3424
|
+
* `color`, `width`, `height`, `sx` or `css`, and no numeric or length values.
|
|
3425
|
+
* `className` and `style` land on the root element (§29.1).
|
|
3426
|
+
*
|
|
3427
|
+
* @experimental
|
|
3428
|
+
*/
|
|
3429
|
+
interface SurfaceProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
3430
|
+
/**
|
|
3431
|
+
* Inner padding, as a `surface.padding` role.
|
|
3432
|
+
* @default "sm"
|
|
3433
|
+
*/
|
|
3434
|
+
padding?: SurfacePadding;
|
|
3435
|
+
/**
|
|
3436
|
+
* Corner radius, as a radius role.
|
|
3437
|
+
* @default "surface"
|
|
3438
|
+
*/
|
|
3439
|
+
radius?: SurfaceRadius;
|
|
3440
|
+
/**
|
|
3441
|
+
* Shadow, as an elevation role.
|
|
3442
|
+
* @default "none"
|
|
3443
|
+
*/
|
|
3444
|
+
elevation?: SurfaceElevation;
|
|
3445
|
+
}
|
|
3446
|
+
/**
|
|
3447
|
+
* Surface — the bordered box content sits on (W2-16, target architecture §23).
|
|
3448
|
+
* It is the primitive behind the 367 (Pro) / 119 (Portal) / 96 (Tax)
|
|
3449
|
+
* hand-rolled card boxes of the consumer usage audit (the class string is
|
|
3450
|
+
* `HAND_ROLLED_CARD` in the stories; it is not spelled here because Tailwind
|
|
3451
|
+
* would compile it from this comment) and the `.surface` helper class: with no
|
|
3452
|
+
* props it renders that box — surface background, 1px rule border,
|
|
3453
|
+
* `radius.surface`, `surface.padding.sm`, no shadow — and every knob is a
|
|
3454
|
+
* role, never a value. `Card` (W3-17) is built on it and adds anatomy.
|
|
3455
|
+
*
|
|
3456
|
+
* Deferred, deliberately:
|
|
3457
|
+
* - `interactive`: a clickable surface renders through `Pressable` (W3-03) so
|
|
3458
|
+
* it gets keyboard activation, `data-pressed` and a focus ring for free; a
|
|
3459
|
+
* `cursor-pointer` hover treatment here would be a click target with no
|
|
3460
|
+
* keyboard semantics. Until then, put a `Button asChild` or a link inside
|
|
3461
|
+
* the surface.
|
|
3462
|
+
* - `asChild`: waits for the design system's own `Slot` (a11y primitives).
|
|
3463
|
+
*
|
|
3464
|
+
* Server-safe: no hooks, no client directive, renders a plain `div` and stamps
|
|
3465
|
+
* `data-slot="surface"`.
|
|
3466
|
+
*
|
|
3467
|
+
* Under a consumer's shadcn theme the hand-rolled box and this primitive differ
|
|
3468
|
+
* on purpose in two places the parity story makes visible: the products'
|
|
3469
|
+
* `rounded-xl` is `--radius` + 4px (16px) where `radius.surface` is 12px, and
|
|
3470
|
+
* their `--border` is not the design system's rule colour. Both are decision
|
|
3471
|
+
* D1 (target architecture §18); `Surface` follows the roles.
|
|
3472
|
+
*
|
|
3473
|
+
* @experimental Shipped in Wave 2 as a new export nobody is forced to use; the
|
|
3474
|
+
* prop shapes may still change before the wave's exit review.
|
|
3475
|
+
*/
|
|
3476
|
+
declare const Surface: React$1.ForwardRefExoticComponent<SurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3477
|
+
|
|
2805
3478
|
/**
|
|
2806
3479
|
* AgreementViewer — the chrome + navigation shell for a multi-step, branded
|
|
2807
3480
|
* agreement / proposal (the "Signed Agreement Viewer"). It owns the header,
|
|
@@ -3757,9 +4430,9 @@ type DocumentFileCardProps = DocumentFileRowProps;
|
|
|
3757
4430
|
declare const DocumentFileRow: React$1.ForwardRefExoticComponent<DocumentFileRowProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3758
4431
|
declare const DocumentFileCard: React$1.ForwardRefExoticComponent<DocumentFileRowProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3759
4432
|
declare const lineCaptionToneClass: {
|
|
3760
|
-
readonly muted: "text-fg-4";
|
|
3761
|
-
readonly warning: "text-warning-fg";
|
|
3762
|
-
readonly danger: "text-danger-fg";
|
|
4433
|
+
readonly muted: "ds:text-fg-4";
|
|
4434
|
+
readonly warning: "ds:text-warning-fg";
|
|
4435
|
+
readonly danger: "ds:text-danger-fg";
|
|
3763
4436
|
};
|
|
3764
4437
|
interface DocumentFileLineProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3765
4438
|
/** The file's own name. */
|
|
@@ -4132,7 +4805,7 @@ declare const SidebarLinkLabel: React$1.ForwardRefExoticComponent<SidebarLinkLab
|
|
|
4132
4805
|
type SidebarLinkActionProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
4133
4806
|
declare const SidebarLinkAction: React$1.ForwardRefExoticComponent<SidebarLinkActionProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
4134
4807
|
declare const sidebarLinkBadgeVariants: (props?: ({
|
|
4135
|
-
tone?: "
|
|
4808
|
+
tone?: "neutral" | "warning" | "danger" | "default" | null | undefined;
|
|
4136
4809
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
4137
4810
|
type SidebarLinkBadgeVariants = VariantProps<typeof sidebarLinkBadgeVariants>;
|
|
4138
4811
|
interface SidebarLinkBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, SidebarLinkBadgeVariants {
|
|
@@ -5681,6 +6354,11 @@ interface EyebrowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5681
6354
|
}
|
|
5682
6355
|
declare const Eyebrow: React$1.ForwardRefExoticComponent<EyebrowProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
5683
6356
|
type KbdHintProps = React.HTMLAttributes<HTMLElement>;
|
|
6357
|
+
/**
|
|
6358
|
+
* The flat 20px kbd badge. Since W2-14 it is `Kbd` with `variant="flat"`,
|
|
6359
|
+
* which renders the same element and the same classes; prefer `Kbd` in new
|
|
6360
|
+
* code (target architecture §15.2 consolidates `KbdHint` into it).
|
|
6361
|
+
*/
|
|
5684
6362
|
declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.RefAttributes<HTMLElement>>;
|
|
5685
6363
|
|
|
5686
6364
|
/**
|
|
@@ -6001,6 +6679,29 @@ declare const StickyStackSectionHeader: React$1.ForwardRefExoticComponent<Sticky
|
|
|
6001
6679
|
|
|
6002
6680
|
declare function cn(...inputs: ClassValue[]): string;
|
|
6003
6681
|
|
|
6682
|
+
/**
|
|
6683
|
+
* Asset base path — where the design system's own static artwork is served from.
|
|
6684
|
+
*
|
|
6685
|
+
* Brand art ships in `public/brand/` and is addressed root-relative
|
|
6686
|
+
* (`/brand/assure-pro.svg`). That is correct in a consumer app served from the
|
|
6687
|
+
* domain root, and wrong anywhere the host serves from a subpath: this repo's
|
|
6688
|
+
* Storybook lives at `/design-system/` on GitHub Pages, where a root-relative
|
|
6689
|
+
* request leaves the site entirely and 404s.
|
|
6690
|
+
*
|
|
6691
|
+
* Consumers need do nothing. The default base is `/`, which reproduces today's
|
|
6692
|
+
* root-relative URLs byte for byte. A host on a subpath calls
|
|
6693
|
+
* `setAssetBasePath` once before first render.
|
|
6694
|
+
*/
|
|
6695
|
+
/**
|
|
6696
|
+
* Point brand artwork at `base`. Accepts it with or without surrounding
|
|
6697
|
+
* slashes; empty, nullish and `"/"` all mean the domain root.
|
|
6698
|
+
*/
|
|
6699
|
+
declare function setAssetBasePath(base: string | null | undefined): void;
|
|
6700
|
+
/** The configured base, always with a single trailing slash. */
|
|
6701
|
+
declare function getAssetBasePath(): string;
|
|
6702
|
+
/** Resolve a root-relative design system asset against the configured base. */
|
|
6703
|
+
declare function assetPath(path: string): string;
|
|
6704
|
+
|
|
6004
6705
|
/**
|
|
6005
6706
|
* Brand scope — ambient product theming.
|
|
6006
6707
|
*
|
|
@@ -6055,4 +6756,4 @@ interface BrandScopeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6055
6756
|
*/
|
|
6056
6757
|
declare const BrandScope: React$1.ForwardRefExoticComponent<BrandScopeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
6057
6758
|
|
|
6058
|
-
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, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogSlot, 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, BRAND_PRODUCTS, Badge, type BadgeProps, type BadgeSlot, BarChartIcon, BellIcon, Blockquote, BoldIcon, 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, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, type ButtonSize, type ButtonSlot, type ButtonVariant, COUNTRY_CODES, Calendar, type CalendarCaptionLayout, 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 CellValue, type ChannelTabItem, ChannelTabs, type ChannelTabsProps, type ChannelTone, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, type CheckboxSlot, 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, type ContextMenuSlot, 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, type DataTableSlot, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DataTableView, type DataTableViewColumn, type DataTableViewFilter, type DataTableViewProps, type DataTableViewSelection, 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, 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, DocumentIcon, 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, DollarSignIcon, DonutChart, type DonutChartProps, type DonutSegment, DownloadIcon, 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, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileChip, type FileChipProps, FileIcon, type FileKind, FileReturnIcon, FileTextIcon, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, type FileUploadSlot, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, type GridColumn, type GridInputType, type GridProps, type GridRow, type GridValue, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, IconTile, type IconTileProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputSlot, 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, type LabelSlot, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, type LinkButtonSlot, 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, type PaginationSlot, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, type PdfPreviewProps, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, type PillStatus, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, type PopoverSlot, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, 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, RadioGroupItem, type RadioGroupSlot, type RankedBar, RankedBars, type RankedBarsProps, ReceiptIcon, ReplyIcon, ResponsiveDialog, type ResponsiveDialogProps, RotateCcwIcon, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputSlot, 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, type SelectSlot, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, type ServiceTone, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSlot, SheetTitle, SheetTrigger, Shell, type ShellProps, type ShellSlot, ShieldIcon, 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, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, SpreadsheetPreview, type SpreadsheetPreviewProps, 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, StickyStack, StickyStackLayer, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, type SuggestionPillsProps, SuiteProgress, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressTone, SunIcon, Switch, type SwitchSlot, 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 TableSlot, type TableTone, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, type TextareaSlot, 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, type ToastAction, type ToastContextValue, type ToastOptions, ToastProvider, type ToastSlot, type ToastVariant, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, type TooltipSlot, 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, brandLabel, brandScope, 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, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|
|
6759
|
+
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, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogSlot, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, ArchiveIcon, 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, BRAND_PRODUCTS, Badge, type BadgeProps, type BadgeSlot, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, type BottomNavProps, type BottomNavTab, BrainIcon, 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, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, type ButtonSize, type ButtonSlot, type ButtonVariant, COUNTRY_CODES, Calendar, type CalendarCaptionLayout, 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 CellValue, type ChannelTabItem, ChannelTabs, type ChannelTabsProps, type ChannelTone, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, type CheckboxSlot, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, type ClientRailGroupHeaderProps, ClientRailItem, type ClientRailItemProps, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Code, type CodeProps, type CodeSlot, type CodeVariant, 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, type ContextMenuSlot, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type ControlSize, 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, type DataTableSlot, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DataTableView, type DataTableViewColumn, type DataTableViewFilter, type DataTableViewProps, type DataTableViewSelection, 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, 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, DocumentIcon, 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, DollarSignIcon, DonutChart, type DonutChartProps, type DonutSegment, DownloadIcon, 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, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileChip, type FileChipProps, FileIcon, type FileKind, FileReturnIcon, FileTextIcon, FileTypeBadge, type FileTypeBadgeProps, type FileTypeTone, FileUpload, type FileUploadSlot, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, type FolderNode, FolderOpenIcon, FolderPlusIcon, FolderTree, type FolderTreeProps, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, type GridColumn, type GridInputType, type GridProps, type GridRow, type GridValue, GripVerticalIcon, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, type HeadingSlot, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, type IconComponent, type IconDefinition, type IconProps, type IconSize, IconTile, type IconTileProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Inline, type InlineProps, type InlineSlot, Input, type InputSlot, type InputVariants, type Intent, IntentBadge, type IntentBadgeProps, type IntentTone, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, Kbd, type KbdGlyph, KbdHint, type KbdHintProps, type KbdProps, type KbdSlot, type KbdVariant, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, type LabelSlot, LandmarkIcon, LayersIcon, type LayoutAlign, type LayoutBreakpoint, LayoutDashboardIcon, type LayoutGap, LayoutGridIcon, type LayoutJustify, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, type LinkButtonProps$1 as LinkButtonProps, type LinkButtonSlot, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MasterDetailLayout, type MasterDetailLayoutProps, MaximizeIcon, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicIcon, MicrosoftBrandIcon, MinimizeIcon, 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, type PaginationSlot, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PdfPreview, type PdfPreviewProps, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, type PillStatus, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, type PopoverSlot, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, 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, RadioGroupItem, type RadioGroupSlot, type RankedBar, RankedBars, type RankedBarsProps, ReceiptIcon, RefreshCwIcon, ReplyIcon, type Responsive, ResponsiveDialog, type ResponsiveDialogProps, RotateCcwIcon, RouteTransition, type RouteTransitionProps, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputSlot, 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, type SelectSlot, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, type ServiceTone, SettingsIcon, type Shape, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetSlot, SheetTitle, SheetTrigger, Shell, type ShellProps, type ShellSlot, ShieldIcon, 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, SigmaIcon, SignatureEditor, type SignatureEditorProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, SpreadsheetPreview, type SpreadsheetPreviewProps, Stack, type StackDirection, type StackProps, type StackSlot, 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, StickyStack, StickyStackLayer, type StickyStackLayerProps, type StickyStackProps, StickyStackSectionHeader, type StickyStackSectionHeaderProps, StickyStackSticky, type StickyStackStickyProps, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, type SuggestionPillsProps, SuiteProgress, type SuiteProgressProps, type SuiteProgressSize, type SuiteProgressTone, SunIcon, Surface, type SurfaceElevation, type SurfacePadding, type SurfaceProps, type SurfaceRadius, type SurfaceSlot, Switch, type SwitchSlot, SystemTokens, 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 TableSlot, type TableTone, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Text, type TextColor, type TextProps, type TextSize, type TextSlot, type TextWeight, Textarea, type TextareaSlot, type TextareaVariants, ThumbsDownIcon, ThumbsUpIcon, 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, TimerIcon, type ToastAction, type ToastContextValue, type ToastOptions, ToastProvider, type ToastSlot, type ToastVariant, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, type TooltipSlot, TooltipTrigger, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, type Variant, VideoIcon, VisuallyHidden, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, createIcon, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, textareaVariants, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|