@borisj74/bv-ds 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/index.cjs +266 -69
  2. package/dist/index.d.cts +128 -49
  3. package/dist/index.d.ts +128 -49
  4. package/dist/index.js +266 -70
  5. package/package.json +11 -9
  6. package/src/components/Button/Button.tsx +1 -1
  7. package/src/components/ButtonDestructive/ButtonDestructive.tsx +2 -2
  8. package/src/components/CalendarCell/CalendarCell.tsx +63 -10
  9. package/src/components/CalendarCell/index.ts +5 -1
  10. package/src/components/CalendarCellDayWeekView/CalendarCellDayWeekView.tsx +28 -2
  11. package/src/components/CalendarCellDayWeekView/index.ts +5 -1
  12. package/src/components/CalendarColumnHeader/CalendarColumnHeader.tsx +21 -5
  13. package/src/components/CalendarColumnHeader/index.ts +2 -0
  14. package/src/components/CalendarEvent/CalendarEvent.tsx +69 -14
  15. package/src/components/CalendarEvent/index.ts +6 -1
  16. package/src/components/CalendarHeader/CalendarHeader.tsx +5 -1
  17. package/src/components/CalendarRowLabel/CalendarRowLabel.tsx +5 -3
  18. package/src/components/CalendarTimemarker/CalendarTimemarker.tsx +8 -2
  19. package/src/components/CalendarTimemarker/index.ts +1 -0
  20. package/src/components/CalendarViewDropdown/CalendarViewDropdown.tsx +19 -3
  21. package/src/components/ChartTooltip/ChartTooltip.tsx +1 -1
  22. package/src/components/Checkbox/checkboxBase.tsx +1 -1
  23. package/src/components/ContentFeatureText/ContentFeatureText.tsx +3 -2
  24. package/src/components/ContextMenu/ContextMenu.tsx +1 -1
  25. package/src/components/FeaturedIcon/FeaturedIcon.tsx +146 -0
  26. package/src/components/FeaturedIcon/index.ts +7 -0
  27. package/src/components/MessageAction/MessageAction.tsx +1 -1
  28. package/src/components/NavAccountCard/NavAccountCard.tsx +1 -1
  29. package/src/components/NavAccountCardMenuItem/NavAccountCardMenuItem.tsx +1 -1
  30. package/src/components/NavButton/NavButton.tsx +1 -1
  31. package/src/components/NavFeaturedCard/NavFeaturedCard.tsx +1 -1
  32. package/src/components/NavItemBase/NavItemBase.tsx +1 -1
  33. package/src/components/NavItemDropdownBase/NavItemDropdownBase.tsx +1 -1
  34. package/src/components/PageHeader/PageHeader.tsx +1 -1
  35. package/src/components/PaginationDotIndicator/PaginationDotIndicator.tsx +1 -1
  36. package/src/components/ProgressBar/ProgressBar.tsx +1 -1
  37. package/src/components/RadioGroupItem/RadioGroupItem.tsx +1 -1
  38. package/src/components/SelectMenuItem/SelectMenuItem.tsx +2 -2
  39. package/src/components/SidebarNavigation/SidebarNavigation.tsx +1 -1
  40. package/src/components/SocialButton/SocialButton.tsx +2 -2
  41. package/src/components/TableHeaderLabel/TableHeaderLabel.tsx +1 -1
  42. package/src/components/Toggle/Toggle.tsx +1 -1
  43. package/src/components/Tooltip/Tooltip.tsx +1 -1
  44. package/src/components/TreeViewItem/TreeViewItem.tsx +1 -1
  45. package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +1 -1
  46. package/src/index.ts +1 -0
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ReactNode, ButtonHTMLAttributes, MouseEventHandler, HTMLAttributes, CSSProperties, InputHTMLAttributes, ElementType, TextareaHTMLAttributes, SVGProps } from 'react';
2
+ import react__default, { ReactNode, ButtonHTMLAttributes, MouseEventHandler, HTMLAttributes, CSSProperties, InputHTMLAttributes, ElementType, TextareaHTMLAttributes, SVGProps } from 'react';
3
3
 
4
4
  type ActivityFeedDivider = "line" | "connector" | "divider" | "none";
5
5
  interface ActivityFeedProps {
@@ -313,25 +313,73 @@ interface ButtonUtilityProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
313
313
  }
314
314
  declare function ButtonUtility({ icon, label, size, variant, tooltip, className, ...rest }: ButtonUtilityProps): react.JSX.Element;
315
315
 
316
+ type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
317
+ type CalendarEventBreakpoint = "desktop" | "mobile";
318
+ type CalendarEventState = "default" | "hover";
319
+ interface CalendarEventProps {
320
+ /** Event title. */
321
+ title: string;
322
+ /** Optional time label (e.g. "9:00 AM"). */
323
+ time?: string;
324
+ color?: CalendarEventColor;
325
+ /** Filled colour-fill style vs the subtle white style. */
326
+ filled?: boolean;
327
+ /** Desktop renders the full chip; mobile collapses to an 8px dot. */
328
+ breakpoint?: CalendarEventBreakpoint;
329
+ /** `hover` darkens the fill one shade (filled chips only). */
330
+ state?: CalendarEventState;
331
+ className?: string;
332
+ }
333
+ declare function CalendarEvent({ title, time, color, filled, breakpoint, state, className, }: CalendarEventProps): react.JSX.Element;
334
+
335
+ type CalendarCellBreakpoint = "desktop" | "mobile";
336
+ interface CalendarCellEvent {
337
+ title: string;
338
+ time?: string;
339
+ color?: CalendarEventColor;
340
+ }
316
341
  interface CalendarCellProps {
317
342
  /** Day-of-month number. */
318
343
  date: string | number;
344
+ /**
345
+ * Declarative events for this day — rendered as filled `CalendarEvent`
346
+ * chips (collapsed to dots on mobile). Use `children` instead for full
347
+ * control over each chip.
348
+ */
349
+ events?: CalendarCellEvent[];
319
350
  /** Event chips for this day — typically `CalendarEvent` instances. */
320
351
  children?: ReactNode;
321
352
  /** "+N more" overflow count shown beneath the events. */
322
353
  moreCount?: number;
354
+ /** Today — date number in a brand-solid circle. */
355
+ isToday?: boolean;
356
+ /** Selected day — date number in a secondary-fill circle. */
357
+ isSelected?: boolean;
323
358
  /** Other-month / disabled styling. */
324
- muted?: boolean;
325
- /** Marks today (date number in brand). */
359
+ isDisabled?: boolean;
360
+ /** Legacy alias for `isToday`. */
326
361
  current?: boolean;
362
+ /** Legacy alias for `isDisabled`. */
363
+ muted?: boolean;
364
+ /** Desktop renders full chips; mobile collapses chips to dots. */
365
+ breakpoint?: CalendarCellBreakpoint;
327
366
  /** Renders a hover "+" add button bottom-right. */
328
367
  onAdd?: () => void;
329
368
  className?: string;
330
369
  }
331
370
  /** A single day cell in the month grid. Composes CalendarEvent chips. */
332
- declare function CalendarCell({ date, children, moreCount, muted, current, onAdd, className, }: CalendarCellProps): react.JSX.Element;
371
+ declare function CalendarCell({ date, events, children, moreCount, isToday, isSelected, isDisabled, current, muted, breakpoint, onAdd, className, }: CalendarCellProps): react.JSX.Element;
333
372
 
373
+ type CalendarTimeslotType = "empty" | "30min" | "60min" | "90min" | "120min";
374
+ type CalendarTimeslotState = "default" | "hover";
334
375
  interface CalendarCellDayWeekViewProps {
376
+ /**
377
+ * Slot duration — drives the row height (empty/30min → 48px, 60min → 96px,
378
+ * 90min → 144px, 120min → 192px). Omit to keep the auto min-height.
379
+ */
380
+ type?: CalendarTimeslotType;
381
+ /** `hover` tints the slot (also rendered via CSS :hover). */
382
+ state?: CalendarTimeslotState;
335
383
  /** Event block(s) occupying the slot — typically CalendarEventDayWeekView. */
336
384
  children?: ReactNode;
337
385
  /** Renders a hover "+" add button bottom-right. */
@@ -341,20 +389,29 @@ interface CalendarCellDayWeekViewProps {
341
389
  className?: string;
342
390
  }
343
391
  /** A time-slot cell in day/week view. Holds CalendarEventDayWeekView blocks. */
344
- declare function CalendarCellDayWeekView({ children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
392
+ declare function CalendarCellDayWeekView({ type, state, children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
345
393
 
346
394
  type CalendarColumnHeaderOrientation = "horizontal" | "vertical";
395
+ type CalendarColumnHeaderType = "default" | "selected" | "today";
396
+ type CalendarBreakpoint = "desktop" | "mobile";
347
397
  interface CalendarColumnHeaderProps {
348
398
  /** Weekday label (e.g. "Mon"). */
349
399
  weekday: string;
350
400
  /** Date number. */
351
401
  date: string | number;
352
- /** Active day — renders the date in a brand-solid circle. */
402
+ /**
403
+ * Cell state. `selected` → brand-solid circle behind the date; `today` →
404
+ * brand text + brand underline. Takes precedence over `current` when set.
405
+ */
406
+ type?: CalendarColumnHeaderType;
407
+ /** Legacy boolean — equivalent to `type="selected"`. Kept for back-compat. */
353
408
  current?: boolean;
354
409
  orientation?: CalendarColumnHeaderOrientation;
410
+ /** Desktop fixes the column to 160px; mobile lets it size to content. */
411
+ breakpoint?: CalendarBreakpoint;
355
412
  className?: string;
356
413
  }
357
- declare function CalendarColumnHeader({ weekday, date, current, orientation, className, }: CalendarColumnHeaderProps): react.JSX.Element;
414
+ declare function CalendarColumnHeader({ weekday, date, type, current, orientation, breakpoint, className, }: CalendarColumnHeaderProps): react.JSX.Element;
358
415
 
359
416
  interface CalendarDateIconProps {
360
417
  /** Short month label (e.g. "JAN"). Rendered uppercase. */
@@ -365,19 +422,6 @@ interface CalendarDateIconProps {
365
422
  }
366
423
  declare function CalendarDateIcon({ month, day, className }: CalendarDateIconProps): react.JSX.Element;
367
424
 
368
- type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
369
- interface CalendarEventProps {
370
- /** Event title. */
371
- title: string;
372
- /** Optional time label (e.g. "9:00 AM"). */
373
- time?: string;
374
- color?: CalendarEventColor;
375
- /** Filled colour-fill style vs the subtle white style. */
376
- filled?: boolean;
377
- className?: string;
378
- }
379
- declare function CalendarEvent({ title, time, color, filled, className, }: CalendarEventProps): react.JSX.Element;
380
-
381
425
  interface CalendarEventDayWeekViewProps {
382
426
  title: string;
383
427
  time?: string;
@@ -393,6 +437,8 @@ interface CalendarHeaderProps {
393
437
  title: string;
394
438
  /** Date range subtitle, e.g. "Jan 1, 2027 – Jan 31, 2027". */
395
439
  range?: string;
440
+ /** Alias for `range` — Batch-36 prop name. `range` wins if both set. */
441
+ supportingText?: string;
396
442
  /** Badge beside the title (e.g. a PillBadge "Week 1"). */
397
443
  badge?: ReactNode;
398
444
  /** Leading date chip — typically a CalendarDateIcon. */
@@ -402,25 +448,30 @@ interface CalendarHeaderProps {
402
448
  className?: string;
403
449
  }
404
450
  /** Top bar of the calendar composite. A layout shell — drop controls into `actions`. */
405
- declare function CalendarHeader({ title, range, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
451
+ declare function CalendarHeader({ title, range, supportingText, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
406
452
 
407
453
  interface CalendarRowLabelProps {
408
454
  /** Time label for the row gutter (e.g. "9 AM"). */
409
- label: string;
455
+ label?: string;
456
+ /** Alias for `label` — Batch-36 prop name. One of the two is required. */
457
+ time?: string;
410
458
  className?: string;
411
459
  }
412
460
  /** Left-gutter time label aligned to the top of a day/week-view row. */
413
- declare function CalendarRowLabel({ label, className }: CalendarRowLabelProps): react.JSX.Element;
461
+ declare function CalendarRowLabel({ label, time, className }: CalendarRowLabelProps): react.JSX.Element;
414
462
 
415
463
  type CalendarTimemarkerAlign = "left" | "center";
464
+ type CalendarTimemarkerBreakpoint = "desktop" | "mobile";
416
465
  interface CalendarTimemarkerProps {
417
466
  /** Time label (e.g. "2:20 PM"). */
418
467
  time: string;
419
468
  /** Label position: leading, or centered between two line halves. */
420
469
  align?: CalendarTimemarkerAlign;
470
+ /** Desktop shows the time label; mobile collapses to dot + line only. */
471
+ breakpoint?: CalendarTimemarkerBreakpoint;
421
472
  className?: string;
422
473
  }
423
- declare function CalendarTimemarker({ time, align, className, }: CalendarTimemarkerProps): react.JSX.Element;
474
+ declare function CalendarTimemarker({ time, align, breakpoint, className, }: CalendarTimemarkerProps): react.JSX.Element;
424
475
 
425
476
  type CalendarView = "day" | "week" | "month";
426
477
  interface CalendarViewOption {
@@ -431,10 +482,16 @@ interface CalendarViewOption {
431
482
  interface CalendarViewDropdownProps {
432
483
  value: CalendarView;
433
484
  onChange?: (value: CalendarView) => void;
485
+ /** Alias for `onChange` — Batch-36 prop name. Both fire on selection. */
486
+ onSelect?: (value: CalendarView) => void;
487
+ /** Controlled open state. Omit to let the component manage its own. */
488
+ open?: boolean;
489
+ /** Fires whenever the menu wants to open/close (controlled or not). */
490
+ onOpenChange?: (open: boolean) => void;
434
491
  options?: CalendarViewOption[];
435
492
  className?: string;
436
493
  }
437
- declare function CalendarViewDropdown({ value, onChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
494
+ declare function CalendarViewDropdown({ value, onChange, onSelect, open: openProp, onOpenChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
438
495
 
439
496
  interface CardHeaderProps {
440
497
  /** Card section title. */
@@ -576,7 +633,7 @@ interface ChartTooltipProps {
576
633
  }
577
634
  /**
578
635
  * Themed tooltip card for the Recharts chart wrappers — pass as the chart's
579
- * `<Tooltip content={<ChartTooltip />} />`. Renders a `bg-primary` card with the
636
+ * `<Tooltip content={<ChartTooltip />} />`. Renders a `bg-bg-primary` card with the
580
637
  * point label and one colored-dot row per series. Returns null when inactive.
581
638
  */
582
639
  declare function ChartTooltip({ active, payload, label, formatValue }: ChartTooltipProps): react.JSX.Element | null;
@@ -837,7 +894,7 @@ interface ContextMenuProps {
837
894
  }
838
895
  /**
839
896
  * A thin positioned panel for right-click menus. Reuses the dropdown panel
840
- * tokens (shadow-lg, border-secondary-alt, radius-md) and renders whatever
897
+ * tokens (shadow-lg, border-border-secondary-alt, radius-md) and renders whatever
841
898
  * rows you pass — compose DropdownMenuListItem children; it does NOT
842
899
  * reimplement list items. Pair with `useContextMenu`.
843
900
  */
@@ -1042,6 +1099,28 @@ interface EmptyStateProps {
1042
1099
  */
1043
1100
  declare function EmptyState({ icon, title, description, actions, size, className, }: EmptyStateProps): react.JSX.Element;
1044
1101
 
1102
+ type FeaturedIconColor = "brand" | "gray" | "error" | "warning" | "success";
1103
+ type FeaturedIconTheme = "light" | "dark" | "gradient" | "modern" | "modern-neue";
1104
+ type FeaturedIconSize = "sm" | "md" | "lg" | "xl";
1105
+ interface FeaturedIconProps extends Omit<react__default.HTMLAttributes<HTMLSpanElement>, "color"> {
1106
+ /** Icon element (e.g. from @borisj74/bv-ds-icons). Inherits currentColor. */
1107
+ icon: react__default.ReactNode;
1108
+ color?: FeaturedIconColor;
1109
+ theme?: FeaturedIconTheme;
1110
+ size?: FeaturedIconSize;
1111
+ }
1112
+ /**
1113
+ * FeaturedIcon — Untitled UI "Featured icon" (node 1102:5338).
1114
+ *
1115
+ * A coloured container wrapping an icon, used by Empty state, Alert, Metric,
1116
+ * Notification, etc. Pass the icon via the `icon` slot — it inherits
1117
+ * currentColor, so no fill/stroke props are needed.
1118
+ *
1119
+ * `modern` and `modern-neue` are neutral white-card treatments (gray-only in
1120
+ * Figma); the `color` prop is ignored for those two themes.
1121
+ */
1122
+ declare function FeaturedIcon({ icon, color, theme, size, className, ...rest }: FeaturedIconProps): react__default.JSX.Element;
1123
+
1045
1124
  type FeedItemSize = "sm" | "md";
1046
1125
  interface FeedItemBaseProps {
1047
1126
  /** Display name of the actor (e.g. "Olivia Rhye"). */
@@ -1284,7 +1363,7 @@ interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
1284
1363
  arrow?: TooltipArrow;
1285
1364
  }
1286
1365
  /**
1287
- * Presentational tooltip bubble (dark `bg-primary-solid`, white text). `text` is
1366
+ * Presentational tooltip bubble (dark `bg-bg-primary-solid`, white text). `text` is
1288
1367
  * the heading; `supportingText` adds a second `utility-neutral-300` line (max
1289
1368
  * 296px). `arrow` positions a small pointer on the bubble edge (rendered as a
1290
1369
  * rotated square). Positioning relative to a trigger is the caller's job.
@@ -1497,7 +1576,7 @@ interface MessageActionProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
1497
1576
  * - **minimal** — single-line field + square send button (row).
1498
1577
  * - **textarea** — multiline box, attach/emoji + brand Send pinned bottom-right,
1499
1578
  * record button top-right.
1500
- * - **advanced** — AI prompt box on `bg-secondary`; author chip + Shortcuts/Attach
1579
+ * - **advanced** — AI prompt box on `bg-bg-secondary`; author chip + Shortcuts/Attach
1501
1580
  * footer, mic top-right, resize handle.
1502
1581
  *
1503
1582
  * Renders real `<input>`/`<textarea>` (controlled via `value`/`onValueChange`);
@@ -1720,7 +1799,7 @@ interface NavAccountCardProps extends Omit<HTMLAttributes<HTMLDivElement>, "titl
1720
1799
  * with a sign-out button; `card` renders a boxed trigger that, when `open`,
1721
1800
  * reveals a dropdown (the `menu` slot — compose `NavAccountCardMenuItem` rows).
1722
1801
  *
1723
- * The active account is marked with `bg-brand-solid` (the radio inside the
1802
+ * The active account is marked with `bg-bg-brand-solid` (the radio inside the
1724
1803
  * account menu items). Note: Figma opens the desktop menu as a right-side
1725
1804
  * flyout; this opens it above the trigger (`bottom-full`) — a layout
1726
1805
  * simplification (see figma-map). Width defaults to 280px; override via
@@ -1751,12 +1830,12 @@ interface NavAccountCardMenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButt
1751
1830
  * A single row inside `NavAccountCard`'s dropdown. Two shapes:
1752
1831
  * - `menu-item` — icon + label + optional shortcut chip (View profile, Settings…).
1753
1832
  * - `account` — avatar + name/email with a radio indicator; `current` fills the
1754
- * radio with `bg-brand-solid` (the active-account marker).
1833
+ * radio with `bg-bg-brand-solid` (the active-account marker).
1755
1834
  */
1756
1835
  declare function NavAccountCardMenuItem({ type, current, icon, label, shortcut, avatar, name, email, className, ...rest }: NavAccountCardMenuItemProps): react.JSX.Element;
1757
1836
 
1758
1837
  interface NavButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
1759
- /** Active route — applies the selected (`bg-secondary`) background. */
1838
+ /** Active route — applies the selected (`bg-bg-secondary`) background. */
1760
1839
  current?: boolean;
1761
1840
  /** Render only the leading icon (square button). */
1762
1841
  iconOnly?: boolean;
@@ -1781,7 +1860,7 @@ interface NavFeaturedCardProps extends Omit<HTMLAttributes<HTMLDivElement>, "tit
1781
1860
  children?: ReactNode;
1782
1861
  /** CTA row — compose Button(s) / link buttons. */
1783
1862
  action?: ReactNode;
1784
- /** Bordered surface (`bg-primary` + border) vs subtle (`bg-secondary`). */
1863
+ /** Bordered surface (`bg-bg-primary` + border) vs subtle (`bg-bg-secondary`). */
1785
1864
  bordered?: boolean;
1786
1865
  /** Renders an x-close button top-right. */
1787
1866
  onClose?: () => void;
@@ -1796,7 +1875,7 @@ interface NavFeaturedCardProps extends Omit<HTMLAttributes<HTMLDivElement>, "tit
1796
1875
  declare function NavFeaturedCard({ icon, title, subtitle, children, action, bordered, onClose, className, ...rest }: NavFeaturedCardProps): react.JSX.Element;
1797
1876
 
1798
1877
  interface NavItemBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
1799
- /** Active route — selected (`bg-secondary`) background. */
1878
+ /** Active route — selected (`bg-bg-secondary`) background. */
1800
1879
  current?: boolean;
1801
1880
  /** Leading icon (20px). */
1802
1881
  icon?: ReactNode;
@@ -1815,7 +1894,7 @@ interface NavItemBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
1815
1894
  declare function NavItemBase({ current, icon, label, dot, badge, trailingChevron, className, type, ...rest }: NavItemBaseProps): react.JSX.Element;
1816
1895
 
1817
1896
  interface NavItemDropdownBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
1818
- /** Active group — selected (`bg-secondary`) background on the trigger. */
1897
+ /** Active group — selected (`bg-bg-secondary`) background on the trigger. */
1819
1898
  current?: boolean;
1820
1899
  /** Expanded state — reveals the submenu. */
1821
1900
  open?: boolean;
@@ -1901,7 +1980,7 @@ interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" |
1901
1980
  actions?: ReactNode;
1902
1981
  /** Optional breadcrumbs slot above the title. */
1903
1982
  breadcrumbs?: ReactNode;
1904
- /** Banner background image (banner styles); falls back to `bg-tertiary`. */
1983
+ /** Banner background image (banner styles); falls back to `bg-bg-tertiary`. */
1905
1984
  bannerUrl?: string;
1906
1985
  }
1907
1986
  /**
@@ -1991,7 +2070,7 @@ interface PaginationDotIndicatorProps extends HTMLAttributes<HTMLDivElement> {
1991
2070
  }
1992
2071
  /**
1993
2072
  * Single pagination indicator — a dot or a line. `current` fills it with the
1994
- * brand colour, otherwise `bg-quaternary`. Dimensions per size/variant match
2073
+ * brand colour, otherwise `bg-bg-quaternary`. Dimensions per size/variant match
1995
2074
  * Figma (dot md 8 / lg 10; line md h6 / lg h8, both 40 wide).
1996
2075
  */
1997
2076
  declare function PaginationDotIndicator({ current, size, variant, className, ...rest }: PaginationDotIndicatorProps): react.JSX.Element;
@@ -2045,7 +2124,7 @@ interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
2045
2124
  }
2046
2125
  /**
2047
2126
  * Progress bar — pure CSS, no chart lib. `value` (0–100) drives an animated fill
2048
- * (`fg-brand-primary` on a `bg-quaternary` track). `label`: none / right (inline
2127
+ * (`fg-brand-primary` on a `bg-bg-quaternary` track). `label`: none / right (inline
2049
2128
  * %) / bottom (% under) / top|bottom-floating (tooltip bubble tracking the fill).
2050
2129
  */
2051
2130
  declare function ProgressBar({ value, label, className, ...rest }: ProgressBarProps): react.JSX.Element;
@@ -2167,7 +2246,7 @@ interface RadioGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
2167
2246
  }
2168
2247
  /**
2169
2248
  * Selectable radio/checkbox card. One component over the 6 Figma `type`s — the
2170
- * shared shell (border, padding, `radius-xl`, selected `border-brand`) is
2249
+ * shared shell (border, padding, `radius-xl`, selected `border-border-brand`) is
2171
2250
  * constant; only the leading element and control placement change. `radioButton`
2172
2251
  * uses a radio (leading); `checkbox` a checkbox (leading); `iconSimple`/`avatar`/
2173
2252
  * `paymentIcon` put a `leading` visual on the left and the checkbox trailing;
@@ -2279,8 +2358,8 @@ interface SelectMenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
2279
2358
  /**
2280
2359
  * List-item primitive for `Select` and Multi-select dropdowns. One component over
2281
2360
  * both: `multi` swaps the trailing selected-check for a leading checkbox. The
2282
- * shared shell is a full-width row with hover `bg-primary-hover`; `label` is
2283
- * `text-primary`, `supportingText` sits inline in `text-tertiary`.
2361
+ * shared shell is a full-width row with hover `bg-bg-primary-hover`; `label` is
2362
+ * `text-text-primary`, `supportingText` sits inline in `text-text-tertiary`.
2284
2363
  */
2285
2364
  declare function SelectMenuItem({ label, supportingText, selected, size, leading, multi, disabled, className, ...rest }: SelectMenuItemProps): react.JSX.Element;
2286
2365
 
@@ -2304,7 +2383,7 @@ interface SidebarNavigationProps extends Omit<HTMLAttributes<HTMLElement>, "titl
2304
2383
  * a fixed-width rail (`slim` collapses to 68px). Composes existing `Nav*`
2305
2384
  * components via slots/children — it does not reimplement nav items. On mobile
2306
2385
  * the rail is hidden behind a hamburger (`NavMenuButton`); opening it shows a
2307
- * `bg-overlay` + `backdrop-blur-md` scrim and slides the rail in as a drawer.
2386
+ * `bg-bg-overlay` + `backdrop-blur-md` scrim and slides the rail in as a drawer.
2308
2387
  *
2309
2388
  * NOTE: `dualTier`'s icon-rail + expanding-panel split is simplified to a single
2310
2389
  * 280px column here — compose the icon rail separately if you need the two-tier
@@ -2394,8 +2473,8 @@ interface SocialButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>
2394
2473
  children?: ReactNode;
2395
2474
  }
2396
2475
  /**
2397
- * Social-login button. All themes share the neutral white shell (border-primary,
2398
- * shadow-xs, `text-secondary` label) — `theme` only controls the brand glyph:
2476
+ * Social-login button. All themes share the neutral white shell (border-border-primary,
2477
+ * shadow-xs, `text-text-secondary` label) — `theme` only controls the brand glyph:
2399
2478
  * `color`/`brand` = full color, `gray` = monochrome (CSS grayscale, flagged
2400
2479
  * approximation of UntitledUI's true single-color gray logos). `iconOnly` drops
2401
2480
  * the label for a square button.
@@ -2532,7 +2611,7 @@ interface TableHeaderLabelProps extends HTMLAttributes<HTMLDivElement> {
2532
2611
  helpIcon?: ReactNode;
2533
2612
  }
2534
2613
  /**
2535
- * Column-header label — `text-xs` semibold in `text-quaternary` (→ `text-tertiary`
2614
+ * Column-header label — `text-xs` semibold in `text-text-quaternary` (→ `text-text-tertiary`
2536
2615
  * on hover), with an optional sort `arrow` and trailing `helpIcon` slot. Consumed
2537
2616
  * by `TableHeaderCell`.
2538
2617
  */
@@ -2647,7 +2726,7 @@ interface ToggleProps {
2647
2726
  "aria-label"?: string;
2648
2727
  }
2649
2728
  /**
2650
- * Switch toggle. `default` = filled track (`bg-brand-solid` when on); `slim` = a
2729
+ * Switch toggle. `default` = filled track (`bg-bg-brand-solid` when on); `slim` = a
2651
2730
  * thinner track with a bordered knob (uses the `toggle-slim-border-pressed`
2652
2731
  * tokens when on). The `_Toggle base` control is inline (not a separate export).
2653
2732
  * Controlled via `checked`/`onCheckedChange`; optional `label`/`supportingText`.
@@ -2691,7 +2770,7 @@ interface TreeViewItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onTogg
2691
2770
  /**
2692
2771
  * One row of a `TreeView`. Composes `TreeViewConnector` for the `level` indent
2693
2772
  * guides, plus an optional expand chevron, `checkbox`, `icon` and label. Selected
2694
- * → `bg-secondary`; hover → `bg-primary-hover`. Width is fluid (parent controls).
2773
+ * → `bg-bg-secondary`; hover → `bg-bg-primary-hover`. Width is fluid (parent controls).
2695
2774
  */
2696
2775
  declare function TreeViewItem({ size, level, selected, expandable, open, onToggle, checkbox, checked, onCheckedChange, icon, dragHandle, children, className, ...rest }: TreeViewItemProps): react.JSX.Element;
2697
2776
 
@@ -2742,7 +2821,7 @@ interface VerificationCodeInputProps {
2742
2821
  * OTP-style verification code input. `digits` 4 or 6 separate single-character
2743
2822
  * cells (6 shows a centre "-" separator); large display typography
2744
2823
  * (`display-lg`/`display-xl`). Controlled via `value`/`onChange`; auto-advances
2745
- * focus on entry and steps back on backspace. Cell borders use `border-primary`
2824
+ * focus on entry and steps back on backspace. Cell borders use `border-border-primary`
2746
2825
  * (= `utility-neutral-300` #d4d4d4, same value).
2747
2826
  */
2748
2827
  declare function VerificationCodeInput({ digits, value, onChange, size, label, hint, destructive, disabled, className, "aria-label": ariaLabel, }: VerificationCodeInputProps): react.JSX.Element;
@@ -2767,4 +2846,4 @@ declare namespace index {
2767
2846
  export { index_BoxIllustration as BoxIllustration, index_CloudIllustration as CloudIllustration, index_CreditCardIllustration as CreditCardIllustration, index_DocumentsIllustration as DocumentsIllustration };
2768
2847
  }
2769
2848
 
2770
- export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, CalendarCell, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerProps, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };
2849
+ export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, type CalendarBreakpoint, CalendarCell, type CalendarCellBreakpoint, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellEvent, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, type CalendarColumnHeaderType, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventBreakpoint, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, type CalendarEventState, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerBreakpoint, type CalendarTimemarkerProps, type CalendarTimeslotState, type CalendarTimeslotType, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, type FeaturedIconTheme, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };