@godxjp/ui 18.4.0 → 18.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/README.md +16 -1
  2. package/dist/app/theme-axes.d.ts +11 -3
  3. package/dist/app/theme-axes.js +2 -1
  4. package/dist/components/charts/chart-frame.d.ts +17 -3
  5. package/dist/components/charts/chart-frame.js +7 -1
  6. package/dist/components/charts/chart-summary.d.ts +21 -0
  7. package/dist/components/charts/chart-summary.js +32 -5
  8. package/dist/components/charts/compact-bar-trend.d.ts +30 -0
  9. package/dist/components/charts/compact-bar-trend.js +74 -0
  10. package/dist/components/charts/index.d.ts +6 -0
  11. package/dist/components/charts/index.js +2 -0
  12. package/dist/components/data-display/badge.d.ts +8 -0
  13. package/dist/components/data-display/badge.js +7 -1
  14. package/dist/components/data-display/data-table.d.ts +40 -4
  15. package/dist/components/data-display/data-table.js +69 -2
  16. package/dist/components/data-display/empty-state.js +1 -1
  17. package/dist/components/data-display/index.d.ts +4 -2
  18. package/dist/components/data-display/index.js +10 -1
  19. package/dist/components/data-display/list-row.d.ts +41 -4
  20. package/dist/components/data-display/list-row.js +23 -3
  21. package/dist/components/data-display/qr-code.d.ts +1 -1
  22. package/dist/components/data-display/service-launcher-card.d.ts +40 -0
  23. package/dist/components/data-display/service-launcher-card.js +97 -0
  24. package/dist/components/data-display/table.d.ts +47 -2
  25. package/dist/components/data-display/table.js +29 -4
  26. package/dist/components/data-entry/command-palette.d.ts +37 -0
  27. package/dist/components/data-entry/command-palette.js +125 -0
  28. package/dist/components/data-entry/command.d.ts +10 -10
  29. package/dist/components/data-entry/index.d.ts +3 -0
  30. package/dist/components/data-entry/index.js +2 -0
  31. package/dist/components/data-entry/input-otp.d.ts +1 -0
  32. package/dist/components/feedback/dialog.d.ts +16 -1
  33. package/dist/components/feedback/dialog.js +46 -33
  34. package/dist/components/feedback/index.d.ts +5 -2
  35. package/dist/components/feedback/index.js +8 -2
  36. package/dist/components/feedback/sheet.d.ts +26 -4
  37. package/dist/components/feedback/sheet.js +54 -7
  38. package/dist/components/feedback/two-factor-setup.d.ts +31 -0
  39. package/dist/components/feedback/two-factor-setup.js +97 -0
  40. package/dist/components/general/index.d.ts +1 -1
  41. package/dist/components/general/logo.d.ts +49 -9
  42. package/dist/components/general/logo.js +67 -14
  43. package/dist/components/layout/app-shell.d.ts +1 -1
  44. package/dist/components/layout/app-shell.js +55 -30
  45. package/dist/components/layout/auth-account-summary.d.ts +5 -0
  46. package/dist/components/layout/auth-account-summary.js +31 -0
  47. package/dist/components/layout/auth-divider.d.ts +7 -0
  48. package/dist/components/layout/auth-divider.js +21 -0
  49. package/dist/components/layout/auth-footer.d.ts +5 -0
  50. package/dist/components/layout/auth-footer.js +24 -0
  51. package/dist/components/layout/auth-identity.d.ts +5 -0
  52. package/dist/components/layout/auth-identity.js +17 -0
  53. package/dist/components/layout/auth-shell.d.ts +9 -1
  54. package/dist/components/layout/auth-shell.js +25 -6
  55. package/dist/components/layout/auth-stack.d.ts +4 -0
  56. package/dist/components/layout/auth-stack.js +8 -0
  57. package/dist/components/layout/centered-shell.d.ts +5 -2
  58. package/dist/components/layout/centered-shell.js +29 -19
  59. package/dist/components/layout/error-surface.d.ts +35 -0
  60. package/dist/components/layout/error-surface.js +155 -0
  61. package/dist/components/layout/flex.d.ts +1 -1
  62. package/dist/components/layout/flex.js +4 -0
  63. package/dist/components/layout/index.d.ts +23 -3
  64. package/dist/components/layout/index.js +21 -2
  65. package/dist/components/layout/legal-document-shell.d.ts +34 -0
  66. package/dist/components/layout/legal-document-shell.js +186 -0
  67. package/dist/components/layout/master-detail.d.ts +24 -0
  68. package/dist/components/layout/master-detail.js +48 -0
  69. package/dist/components/layout/org-switcher.d.ts +9 -0
  70. package/dist/components/layout/org-switcher.js +218 -0
  71. package/dist/components/layout/page-container.d.ts +1 -1
  72. package/dist/components/layout/page-container.js +7 -2
  73. package/dist/components/layout/sidebar-link.d.ts +43 -0
  74. package/dist/components/layout/sidebar-link.js +13 -0
  75. package/dist/components/layout/sidebar.d.ts +42 -5
  76. package/dist/components/layout/sidebar.js +170 -85
  77. package/dist/components/navigation/app-setting-picker.js +17 -6
  78. package/dist/components/navigation/filter-bar.d.ts +12 -3
  79. package/dist/components/navigation/filter-bar.js +8 -2
  80. package/dist/components/navigation/index.d.ts +2 -2
  81. package/dist/components/navigation/index.js +3 -1
  82. package/dist/components/navigation/steps.js +38 -19
  83. package/dist/components/navigation/tabs-scroll.d.ts +70 -0
  84. package/dist/components/navigation/tabs-scroll.js +76 -0
  85. package/dist/components/navigation/tabs.js +47 -23
  86. package/dist/components/ui/avatar.d.ts +2 -1
  87. package/dist/components/ui/avatar.js +2 -1
  88. package/dist/components/ui/input-otp.d.ts +4 -1
  89. package/dist/components/ui/input-otp.js +2 -1
  90. package/dist/components/ui/toggle-group.d.ts +7 -4
  91. package/dist/components/ui/toggle-group.js +32 -21
  92. package/dist/email/brand-mark.d.ts +108 -0
  93. package/dist/email/brand-mark.js +88 -0
  94. package/dist/email/color.d.ts +53 -0
  95. package/dist/email/color.js +37 -0
  96. package/dist/email/geometry.d.ts +120 -0
  97. package/dist/email/geometry.js +90 -0
  98. package/dist/email/index.d.ts +83 -0
  99. package/dist/email/index.js +82 -0
  100. package/dist/email/inline-style.d.ts +27 -0
  101. package/dist/email/inline-style.js +26 -0
  102. package/dist/email/tokens.generated.d.ts +167 -0
  103. package/dist/email/tokens.generated.js +162 -0
  104. package/dist/email/urgency.d.ts +22 -0
  105. package/dist/email/urgency.js +14 -0
  106. package/dist/i18n/messages/en.json +36 -3
  107. package/dist/i18n/messages/ja.json +36 -3
  108. package/dist/i18n/messages/vi.json +36 -3
  109. package/dist/inertia/index.d.ts +50 -0
  110. package/dist/inertia/index.js +5 -0
  111. package/dist/props/components/app.prop.d.ts +11 -1
  112. package/dist/props/components/charts.prop.d.ts +40 -1
  113. package/dist/props/components/data-display.prop.d.ts +75 -1
  114. package/dist/props/components/data-entry.prop.d.ts +6 -0
  115. package/dist/props/components/feedback.prop.d.ts +10 -0
  116. package/dist/props/components/index.d.ts +3 -3
  117. package/dist/props/components/layout.prop.d.ts +560 -10
  118. package/dist/props/components/layout.prop.js +1 -0
  119. package/dist/props/components/navigation.prop.d.ts +24 -2
  120. package/dist/props/registry.d.ts +433 -8
  121. package/dist/props/registry.js +527 -9
  122. package/dist/props/vocabulary/data.prop.d.ts +27 -0
  123. package/dist/props/vocabulary/index.d.ts +3 -3
  124. package/dist/props/vocabulary/interaction.prop.d.ts +10 -1
  125. package/dist/props/vocabulary/layout.prop.d.ts +49 -0
  126. package/dist/styles/base.css +8 -2
  127. package/dist/styles/card-layout.css +161 -7
  128. package/dist/styles/chart-layout.css +97 -0
  129. package/dist/styles/control.css +76 -2
  130. package/dist/styles/data-display-layout.css +78 -6
  131. package/dist/styles/dialog-layout.css +105 -4
  132. package/dist/styles/fonts.css +15 -4
  133. package/dist/styles/index.css +11 -3
  134. package/dist/styles/layout.css +466 -1
  135. package/dist/styles/logo-layout.css +95 -0
  136. package/dist/styles/navigation-layout.css +152 -0
  137. package/dist/styles/shell-layout.css +790 -40
  138. package/dist/styles/table-layout.css +164 -1
  139. package/dist/theme/dxs.canonical.css +77 -0
  140. package/dist/tokens/axes.css +40 -0
  141. package/dist/tokens/base.css +6 -0
  142. package/dist/tokens/components/card.css +48 -0
  143. package/dist/tokens/components/chart.css +47 -0
  144. package/dist/tokens/components/control.css +16 -0
  145. package/dist/tokens/components/data-display.css +13 -0
  146. package/dist/tokens/components/email.css +93 -0
  147. package/dist/tokens/components/error-surface.css +36 -0
  148. package/dist/tokens/components/feedback.css +17 -0
  149. package/dist/tokens/components/legal-document.css +67 -0
  150. package/dist/tokens/components/list-row.css +43 -2
  151. package/dist/tokens/components/logo.css +74 -0
  152. package/dist/tokens/components/navigation.css +28 -0
  153. package/dist/tokens/components/sheet.css +19 -0
  154. package/dist/tokens/components/shell.css +210 -0
  155. package/dist/tokens/components/sidebar.css +33 -0
  156. package/dist/tokens/components/table.css +45 -0
  157. package/dist/tokens/foundation.css +31 -2
  158. package/dist/tokens/semantic/layout.css +69 -2
  159. package/package.json +22 -5
@@ -1,6 +1,12 @@
1
1
  /** Navigation component prop types — @see docs/COMPONENTS.md#navigation */
2
2
  import type * as React from "react";
3
- import type { ChildrenProp, ClassNameProp, DisabledProp, HasActiveFiltersProp, LabelProp, OnClearFiltersProp, StickyProp } from "../vocabulary/index.js";
3
+ import type { ChildrenProp, ClassNameProp, DisabledProp, HasActiveFiltersProp, IdProp, LabelProp, OnClearFiltersProp, StickyProp } from "../vocabulary/index.js";
4
+ /**
5
+ * How a {@link ToolbarProp} strip resolves more filters than fit one row (#216).
6
+ * `wrap` (default) stacks on narrow viewports then wraps onto extra rows; `scroll` keeps ONE
7
+ * bounded row that scrolls inline, so a wide filter set never pushes the list below the fold.
8
+ */
9
+ export type FilterBarOverflowProp = "wrap" | "scroll";
4
10
  /** @see Toolbar */
5
11
  export type ToolbarProp = {
6
12
  onClear?: OnClearFiltersProp;
@@ -12,12 +18,24 @@ export type ToolbarProp = {
12
18
  * `--filter-bar-sticky-background` theme knobs.
13
19
  */
14
20
  sticky?: StickyProp;
21
+ /**
22
+ * Responsive overflow strategy (#216). Default `wrap`. Use `scroll` for list pages with many
23
+ * filters (long JA/EN/VI labels) where a wrapped 3-row strip would push the table off screen.
24
+ * Tune the scrollbar gutter with the `--filter-bar-scroll-padding-y` theme knob.
25
+ */
26
+ overflow?: FilterBarOverflowProp;
15
27
  className?: ClassNameProp;
16
28
  children: ChildrenProp;
17
29
  };
18
30
  /** @see ToolbarGroup */
19
31
  export type ToolbarGroupProp = {
20
32
  label: LabelProp;
33
+ /**
34
+ * `id` of the single control this group labels (#216). When set, the visible group label is
35
+ * rendered as that control's real `<label htmlFor>`, so the filter is named by the text the
36
+ * user sees (WCAG 2.5.3 / 1.3.1) — otherwise the control needs its own `aria-label`.
37
+ */
38
+ controlId?: IdProp;
21
39
  className?: ClassNameProp;
22
40
  children: ChildrenProp;
23
41
  };
@@ -67,7 +85,11 @@ export type StepsProp = {
67
85
  defaultValue?: number;
68
86
  status?: StepStatusProp;
69
87
  orientation?: "horizontal" | "vertical";
70
- type?: "default" | "dot";
88
+ /**
89
+ * Marker appearance. `inline` renders the compact numbered auth/device progress row without the
90
+ * icon rail while preserving the same status and current-step semantics.
91
+ */
92
+ type?: "default" | "dot" | "inline";
71
93
  size?: "md" | "sm";
72
94
  titlePlacement?: "horizontal" | "vertical";
73
95
  onValueChange?: (value: number) => void;
@@ -189,6 +189,41 @@ export declare const VOCABULARY_REGISTRY: {
189
189
  readonly category: "layout";
190
190
  readonly description: "CenteredShell column max-width — sm, md, lg";
191
191
  };
192
+ readonly CenteredShellAlignProp: {
193
+ readonly file: "vocabulary/layout.prop.ts";
194
+ readonly category: "layout";
195
+ readonly description: "CenteredShell column block alignment — start (flowing page), center (system surface)";
196
+ };
197
+ readonly CenteredShellPresetProp: {
198
+ readonly file: "vocabulary/layout.prop.ts";
199
+ readonly category: "layout";
200
+ readonly description: "CenteredShell whole-page preset — default (untouched box) | public-landing (token-owned public landing measure, section rhythm, flat chrome and hero h1 tier)";
201
+ };
202
+ readonly TablePresetProp: {
203
+ readonly file: "vocabulary/data.prop.ts";
204
+ readonly category: "data";
205
+ readonly description: "Table collection preset — default | action-collection (dense approval/action queue: column-priority measures below the collapse step instead of desktop intrinsic widths)";
206
+ };
207
+ readonly TableColumnPriorityProp: {
208
+ readonly file: "vocabulary/data.prop.ts";
209
+ readonly category: "data";
210
+ readonly description: "Table column priority for the action-collection preset — primary | secondary | meta | actions (unset = takes the remaining space)";
211
+ };
212
+ readonly ErrorSurfaceModeProp: {
213
+ readonly file: "vocabulary/layout.prop.ts";
214
+ readonly category: "layout";
215
+ readonly description: "ErrorSurface shell contract — application (403/404 body inside the route's existing AppShell) vs system (500/503 owns the page via CenteredShell align=center)";
216
+ };
217
+ readonly ErrorSurfaceStatusProp: {
218
+ readonly file: "vocabulary/layout.prop.ts";
219
+ readonly category: "layout";
220
+ readonly description: "HTTP status an ErrorSurface presents — 403 | 404 | 500 | 503 (numeric); drives the default icon, tone and mode";
221
+ };
222
+ readonly AuthShellPresetProp: {
223
+ readonly file: "vocabulary/layout.prop.ts";
224
+ readonly category: "layout";
225
+ readonly description: "AuthShell named flow geometry — default | login (stable SCR-001 identity/card/footer anchor) | device-authorization (380px card, 5px mobile gutter) | context-selection (25rem card, edge-to-edge mobile) | account-recovery (432px SCR-008 recovery/MFA panel, 15px mobile gutter)";
226
+ };
192
227
  readonly GapProp: {
193
228
  readonly file: "vocabulary/layout.prop.ts";
194
229
  readonly category: "layout";
@@ -217,13 +252,18 @@ export declare const VOCABULARY_REGISTRY: {
217
252
  readonly AppSettingPickerAppearanceProp: {
218
253
  readonly file: "vocabulary/interaction.prop.ts";
219
254
  readonly category: "interaction";
220
- readonly description: "AppSettingPicker trigger presentation: labeled (icon + value) | icon (square icon-only topbar trigger)";
255
+ readonly description: "AppSettingPicker trigger presentation: labeled (icon + value) | icon (square icon-only topbar trigger) | inline (compact text footer trigger)";
221
256
  };
222
257
  readonly ShapeProp: {
223
258
  readonly file: "vocabulary/interaction.prop.ts";
224
259
  readonly category: "interaction";
225
260
  readonly description: "Corner shape default | pill | sharp — shared by Button + Badge (radius tokens)";
226
261
  };
262
+ readonly AvatarShapeProp: {
263
+ readonly file: "vocabulary/interaction.prop.ts";
264
+ readonly category: "interaction";
265
+ readonly description: "Avatar geometry circle (person, --radius-pill) | square (entity-header organization/service mark, --avatar-square-* tokens) — a rounded rect ShapeProp cannot express";
266
+ };
227
267
  readonly TextSizeProp: {
228
268
  readonly file: "vocabulary/interaction.prop.ts";
229
269
  readonly category: "interaction";
@@ -347,7 +387,7 @@ export declare const VOCABULARY_REGISTRY: {
347
387
  readonly ColumnDefProp: {
348
388
  readonly file: "vocabulary/data.prop.ts";
349
389
  readonly category: "data";
350
- readonly description: "DataTable column definition";
390
+ readonly description: "DataTable column definition — key/header/render/sortable/align/width/pin/hiddenOnMobile/enableHiding/ariaLabel plus `priority` (TableColumnPriorityProp), read by DataTable preset=\"action-collection\"";
351
391
  };
352
392
  readonly SelectedIdsProp: {
353
393
  readonly file: "vocabulary/data.prop.ts";
@@ -400,12 +440,39 @@ export declare const COMPONENT_PROP_REGISTRY: {
400
440
  readonly AppSettingPickerProp: {
401
441
  readonly group: "app";
402
442
  readonly file: "components/app.prop.ts";
403
- readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp", "AppSettingPickerAppearanceProp"];
443
+ readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp", "AppSettingPickerAppearanceProp", {
444
+ readonly field: "compact";
445
+ readonly local: true;
446
+ readonly reason: "Trigger DENSITY for the picker only (sm control tier + content-hugging width) — orthogonal to `appearance`, and not the page-level DensityProp scope.";
447
+ }];
448
+ };
449
+ readonly PageContainerHeaderLayoutProp: {
450
+ readonly group: "layout";
451
+ readonly file: "components/layout.prop.ts";
452
+ readonly vocabulary: readonly [];
453
+ };
454
+ readonly PageContainerMeasureProp: {
455
+ readonly group: "layout";
456
+ readonly file: "components/layout.prop.ts";
457
+ readonly vocabulary: readonly [];
458
+ };
459
+ readonly PageContainerPresetProp: {
460
+ readonly group: "layout";
461
+ readonly file: "components/layout.prop.ts";
462
+ readonly vocabulary: readonly [];
404
463
  };
405
464
  readonly PageContainerProp: {
406
465
  readonly group: "layout";
407
466
  readonly file: "components/layout.prop.ts";
408
- readonly vocabulary: readonly ["TitleProp", "SubtitleProp", "ExtraProp", "FooterProp", "BreadcrumbProp", "DensityProp", "PageContainerVariantProp"];
467
+ readonly vocabulary: readonly ["TitleProp", "SubtitleProp", "ExtraProp", "FooterProp", "BreadcrumbProp", "DensityProp", "PageContainerVariantProp", {
468
+ readonly field: "headerLayout";
469
+ readonly local: true;
470
+ readonly reason: "Header ARRANGEMENT of the title band vs the extra slot below the 640px step (stack | responsive-inline) — orthogonal to PageContainerVariantProp, which selects the page shell layout.";
471
+ }, {
472
+ readonly field: "measure";
473
+ readonly local: true;
474
+ readonly reason: "Bounded page MEASURE shared by the header and body (default | narrow | medium), backed by --page-measure-*. A third orthogonal axis: PageContainerVariantProp owns page CHROME, this owns the inline cap, so a quiet ghost page can also be measure-bounded.";
475
+ }];
409
476
  };
410
477
  readonly FlexDirectionProp: {
411
478
  readonly group: "layout";
@@ -441,6 +508,14 @@ export declare const COMPONENT_PROP_REGISTRY: {
441
508
  readonly field: "wrap";
442
509
  readonly local: true;
443
510
  readonly reason: "Flex-specific boolean shorthand for flex-wrap.";
511
+ }, "BreakpointProp", {
512
+ readonly field: "hideBelow";
513
+ readonly local: true;
514
+ readonly reason: "Responsive region visibility at a canonical breakpoint step — the public alternative to a page-local media query (gh#252).";
515
+ }, {
516
+ readonly field: "hideFrom";
517
+ readonly local: true;
518
+ readonly reason: "Inverse of hideBelow — keeps a compact-only region off the wide layout.";
444
519
  }];
445
520
  };
446
521
  readonly ResponsiveGridColumnsProp: {
@@ -448,6 +523,58 @@ export declare const COMPONENT_PROP_REGISTRY: {
448
523
  readonly file: "components/layout.prop.ts";
449
524
  readonly vocabulary: readonly [];
450
525
  };
526
+ readonly MasterDetailRailWidthProp: {
527
+ readonly group: "layout";
528
+ readonly file: "components/layout.prop.ts";
529
+ readonly vocabulary: readonly [];
530
+ };
531
+ readonly MasterDetailRailProp: {
532
+ readonly group: "layout";
533
+ readonly file: "components/layout.prop.ts";
534
+ readonly vocabulary: readonly [];
535
+ };
536
+ readonly MasterDetailMasterViewportProp: {
537
+ readonly group: "layout";
538
+ readonly file: "components/layout.prop.ts";
539
+ readonly vocabulary: readonly [];
540
+ };
541
+ readonly MasterDetailProp: {
542
+ readonly group: "layout";
543
+ readonly file: "components/layout.prop.ts";
544
+ readonly vocabulary: readonly ["ChildrenProp", "BreakpointProp", "IdProp", {
545
+ readonly field: "master";
546
+ readonly local: true;
547
+ readonly reason: "Semantic selectable-collection slot paired with the detail children slot.";
548
+ }, {
549
+ readonly field: "rail";
550
+ readonly local: true;
551
+ readonly reason: "Semantic selector for which region owns the fixed track (master | detail).";
552
+ }, {
553
+ readonly field: "railWidth";
554
+ readonly local: true;
555
+ readonly reason: "Token-owned 300px/320px rail geometry preset.";
556
+ }, {
557
+ readonly field: "masterViewport";
558
+ readonly local: true;
559
+ readonly reason: "Token-owned bounded-collection preset (auto | compact | standard) for the master region's scroll viewport — geometry, not a raw pixel measure.";
560
+ }, {
561
+ readonly field: "collapseBelow";
562
+ readonly local: true;
563
+ readonly reason: "Per-instance override of the --master-detail-collapse-below stacking threshold.";
564
+ }, {
565
+ readonly field: "masterLabel";
566
+ readonly local: true;
567
+ readonly reason: "Accessible name for the master region landmark.";
568
+ }, {
569
+ readonly field: "detailLabel";
570
+ readonly local: true;
571
+ readonly reason: "Accessible name for the detail region landmark.";
572
+ }, {
573
+ readonly field: "detailId";
574
+ readonly local: true;
575
+ readonly reason: "Id of the detail region so master controls can wire aria-controls and focus.";
576
+ }];
577
+ };
451
578
  readonly PageInsetProp: {
452
579
  readonly group: "layout";
453
580
  readonly file: "components/layout.prop.ts";
@@ -461,12 +588,165 @@ export declare const COMPONENT_PROP_REGISTRY: {
461
588
  readonly AuthShellProp: {
462
589
  readonly group: "layout";
463
590
  readonly file: "components/layout.prop.ts";
464
- readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp"];
591
+ readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", {
592
+ readonly field: "variant";
593
+ readonly local: true;
594
+ readonly reason: "Auth-shell geometry preset; canonical selects the shared DXS token contract.";
595
+ }, {
596
+ readonly field: "density";
597
+ readonly local: true;
598
+ readonly reason: "Auth-specific vertical-density scope for card descendants.";
599
+ }, "AuthShellPresetProp"];
600
+ };
601
+ readonly AuthDividerProp: {
602
+ readonly group: "layout";
603
+ readonly file: "components/layout.prop.ts";
604
+ readonly vocabulary: readonly ["LabelProp", "ClassNameProp"];
605
+ };
606
+ readonly AuthFooterProp: {
607
+ readonly group: "layout";
608
+ readonly file: "components/layout.prop.ts";
609
+ readonly vocabulary: readonly ["ClassNameProp", {
610
+ readonly field: "product";
611
+ readonly local: true;
612
+ readonly reason: "Consumer-owned host/product identity slot of the legal line, not a page TitleProp.";
613
+ }, {
614
+ readonly field: "terms";
615
+ readonly local: true;
616
+ readonly reason: "Consumer-owned Terms link/text slot — the library never invents legal navigation.";
617
+ }, {
618
+ readonly field: "privacy";
619
+ readonly local: true;
620
+ readonly reason: "Consumer-owned Privacy link/text slot — the library never invents legal navigation.";
621
+ }, {
622
+ readonly field: "locale";
623
+ readonly local: true;
624
+ readonly reason: "Optional consumer-owned locale control slot (an AppSettingPicker), not a locale value.";
625
+ }];
626
+ };
627
+ readonly AuthIdentityProp: {
628
+ readonly group: "layout";
629
+ readonly file: "components/layout.prop.ts";
630
+ readonly vocabulary: readonly ["TitleProp", "ClassNameProp", {
631
+ readonly field: "requester";
632
+ readonly local: true;
633
+ readonly reason: "Authoritative requesting-client context for a delegated auth flow (device grant / consent).";
634
+ }];
635
+ };
636
+ readonly AuthAccountSummaryProp: {
637
+ readonly group: "layout";
638
+ readonly file: "components/layout.prop.ts";
639
+ readonly vocabulary: readonly ["DisabledProp", "ClassNameProp"];
640
+ readonly local: readonly ["email", "avatarSrc", "avatarFallback", "actionLabel", "onAction"];
465
641
  };
466
642
  readonly CenteredShellProp: {
467
643
  readonly group: "layout";
468
644
  readonly file: "components/layout.prop.ts";
469
- readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", "CenteredShellWidthProp"];
645
+ readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", "CenteredShellWidthProp", "CenteredShellAlignProp", "CenteredShellPresetProp"];
646
+ };
647
+ readonly ErrorSurfaceMaintenanceProp: {
648
+ readonly group: "layout";
649
+ readonly file: "components/layout.prop.ts";
650
+ readonly vocabulary: readonly [{
651
+ readonly field: "start";
652
+ readonly local: true;
653
+ readonly reason: "ISO 8601 instant starting the maintenance window; formatted via Intl.DateTimeFormat and emitted as the <time dateTime> value.";
654
+ }, {
655
+ readonly field: "end";
656
+ readonly local: true;
657
+ readonly reason: "ISO 8601 instant ending the window; omitted for an open-ended outage.";
658
+ }, {
659
+ readonly field: "timeZone";
660
+ readonly local: true;
661
+ readonly reason: "IANA time zone id the window is presented in — explicit so SSR and client output cannot diverge.";
662
+ }, {
663
+ readonly field: "progress";
664
+ readonly local: true;
665
+ readonly reason: "Server-sent 0–100 completion of the maintenance window; deriving it from the client clock would break hydration.";
666
+ }];
667
+ };
668
+ readonly ErrorSurfaceProp: {
669
+ readonly group: "layout";
670
+ readonly file: "components/layout.prop.ts";
671
+ readonly vocabulary: readonly ["ErrorSurfaceModeProp", "ErrorSurfaceStatusProp", "TitleProp", "DescriptionProp", "ActionProp", "IconProp", "HeadingLevelProp", "FooterProp", "CenteredShellWidthProp", "IdProp", "ClassNameProp", {
672
+ readonly field: "tone";
673
+ readonly local: true;
674
+ readonly reason: "Reuses the EmptyStateToneProp union verbatim (the surface renders an EmptyState) — a status-derived default the consumer may override, not a new tone vocabulary.";
675
+ }, {
676
+ readonly field: "requestId";
677
+ readonly local: true;
678
+ readonly reason: "Support correlation id for the failure, rendered as a mono/tabular metadata row — an identifier, not a LabelProp.";
679
+ }, {
680
+ readonly field: "permission";
681
+ readonly local: true;
682
+ readonly reason: "The permission/role the viewer is missing (403). The localized label is the surface's; the value is the bare permission name.";
683
+ }, {
684
+ readonly field: "organization";
685
+ readonly local: true;
686
+ readonly reason: "The organization/tenant the failed request was scoped to — disambiguates a wrong-workspace 403 from a missing-role 403.";
687
+ }, {
688
+ readonly field: "maintenance";
689
+ readonly local: true;
690
+ readonly reason: "ErrorSurfaceMaintenanceProp timing/progress slot (ISO 8601 + IANA), formatted with Intl.DateTimeFormat.";
691
+ }, {
692
+ readonly field: "brand";
693
+ readonly local: true;
694
+ readonly reason: "system-mode brand slot above the status code (a Logo); the application shell already shows the brand.";
695
+ }];
696
+ };
697
+ readonly LegalDocumentSectionProp: {
698
+ readonly group: "layout";
699
+ readonly file: "components/layout.prop.ts";
700
+ readonly vocabulary: readonly ["IdProp", "TitleProp", {
701
+ readonly field: "content";
702
+ readonly local: true;
703
+ readonly reason: "Consumer-owned legal body for one section — a content slot, not the ChildrenProp of the shell itself.";
704
+ }];
705
+ };
706
+ readonly LegalDocumentShellProp: {
707
+ readonly group: "layout";
708
+ readonly file: "components/layout.prop.ts";
709
+ readonly vocabulary: readonly ["TitleProp", "IdProp", "ClassNameProp", {
710
+ readonly field: "version";
711
+ readonly local: true;
712
+ readonly reason: "Document version identifier interpolated into a localized 'Version {version}'.";
713
+ }, {
714
+ readonly field: "effectiveDate";
715
+ readonly local: true;
716
+ readonly reason: "ISO 8601 date input formatted via Intl.DateTimeFormat in the active locale.";
717
+ }, {
718
+ readonly field: "summary";
719
+ readonly local: true;
720
+ readonly reason: "Plain-language document summary slot, distinct from a page SubtitleProp.";
721
+ }, {
722
+ readonly field: "contentsLabel";
723
+ readonly local: true;
724
+ readonly reason: "Accessible name + visible caption of the contents nav landmark (landmark-unique override).";
725
+ }, {
726
+ readonly field: "sections";
727
+ readonly local: true;
728
+ readonly reason: "Ordered LegalDocumentSectionProp[] driving both the contents list and the body.";
729
+ }, {
730
+ readonly field: "activeSection";
731
+ readonly local: true;
732
+ readonly reason: "Controlled active-section id — the X / defaultX / onXChange family (like open/onOpenChange); 'value' would be meaningless on a document shell.";
733
+ }, {
734
+ readonly field: "defaultActiveSection";
735
+ readonly local: true;
736
+ readonly reason: "Uncontrolled initial active-section id.";
737
+ }, {
738
+ readonly field: "onActiveSectionChange";
739
+ readonly local: true;
740
+ readonly reason: "Active-section change handler (anchor activation · hash deep link · scroll spy).";
741
+ }, {
742
+ readonly field: "documentNavigation";
743
+ readonly local: true;
744
+ readonly reason: "Rail slot for a switcher across the legal document set.";
745
+ }, {
746
+ readonly field: "footerAction";
747
+ readonly local: true;
748
+ readonly reason: "Document-footer slot for accept / download / print actions.";
749
+ }];
470
750
  };
471
751
  readonly SidebarProductProp: {
472
752
  readonly group: "layout";
@@ -478,11 +758,45 @@ export declare const COMPONENT_PROP_REGISTRY: {
478
758
  readonly file: "components/layout.prop.ts";
479
759
  readonly vocabulary: readonly ["IdProp", "LabelProp", "DisabledProp", "ChildrenProp"];
480
760
  };
761
+ readonly SidebarRenderItemProp: {
762
+ readonly group: "layout";
763
+ readonly file: "components/layout.prop.ts";
764
+ readonly vocabulary: readonly ["ClassNameProp", "ChildrenProp"];
765
+ };
766
+ readonly SidebarLinkProp: {
767
+ readonly group: "layout";
768
+ readonly file: "components/layout.prop.ts";
769
+ readonly vocabulary: readonly ["ClassNameProp", "ChildrenProp", "OnClickProp"];
770
+ };
771
+ readonly SidebarLinkComponentProp: {
772
+ readonly group: "layout";
773
+ readonly file: "components/layout.prop.ts";
774
+ readonly vocabulary: readonly [{
775
+ readonly field: "linkComponent";
776
+ readonly local: true;
777
+ readonly reason: "Component type alias for a framework router Link driven by SidebarLinkProp (gh#213).";
778
+ }];
779
+ };
481
780
  readonly SidebarSectionProp: {
482
781
  readonly group: "layout";
483
782
  readonly file: "components/layout.prop.ts";
484
783
  readonly vocabulary: readonly ["LabelProp"];
485
784
  };
785
+ readonly OrgSwitcherOrganization: {
786
+ readonly group: "layout";
787
+ readonly file: "components/layout.prop.ts";
788
+ readonly vocabulary: readonly ["IdProp", "LabelProp", "DisabledProp"];
789
+ };
790
+ readonly OrgSwitcherLabels: {
791
+ readonly group: "layout";
792
+ readonly file: "components/layout.prop.ts";
793
+ readonly vocabulary: readonly ["LabelProp"];
794
+ };
795
+ readonly OrgSwitcherProp: {
796
+ readonly group: "layout";
797
+ readonly file: "components/layout.prop.ts";
798
+ readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "ClassNameProp"];
799
+ };
486
800
  readonly SidebarProp: {
487
801
  readonly group: "layout";
488
802
  readonly file: "components/layout.prop.ts";
@@ -719,6 +1033,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
719
1033
  readonly file: "components/data-display.prop.ts";
720
1034
  readonly vocabulary: readonly ["LabelProp", "ValueProp"];
721
1035
  };
1036
+ readonly AvatarProp: {
1037
+ readonly group: "data-display";
1038
+ readonly file: "components/data-display.prop.ts";
1039
+ readonly vocabulary: readonly ["AvatarShapeProp", "ChildrenProp", "ClassNameProp"];
1040
+ };
722
1041
  readonly BadgeProp: {
723
1042
  readonly group: "data-display";
724
1043
  readonly file: "components/data-display.prop.ts";
@@ -727,7 +1046,25 @@ export declare const COMPONENT_PROP_REGISTRY: {
727
1046
  readonly DataTableProp: {
728
1047
  readonly group: "data-display";
729
1048
  readonly file: "components/data-display.prop.ts";
730
- readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp"];
1049
+ readonly vocabulary: readonly ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp", "HandlerProp", "TablePresetProp", "TableColumnPriorityProp", "BreakpointProp"];
1050
+ };
1051
+ readonly ListRowDensityProp: {
1052
+ readonly group: "data-display";
1053
+ readonly file: "components/data-display.prop.ts";
1054
+ readonly vocabulary: readonly [];
1055
+ };
1056
+ readonly ListRowProp: {
1057
+ readonly group: "data-display";
1058
+ readonly file: "components/data-display.prop.ts";
1059
+ readonly vocabulary: readonly ["TitleProp", "DescriptionProp", "ClassNameProp", {
1060
+ readonly field: "density";
1061
+ readonly local: true;
1062
+ readonly reason: "ListRow-local density subset (default | compact) — the compact inline-actions geometry (#246). No `comfortable` step, and unrelated to PageDensityProp/TableDensityProp.";
1063
+ }, {
1064
+ readonly field: "overflow";
1065
+ readonly local: true;
1066
+ readonly reason: "Row-local overflow resolution for the title/description column (truncate | wrap, #224).";
1067
+ }];
731
1068
  };
732
1069
  readonly CredentialRevealProp: {
733
1070
  readonly group: "data-display";
@@ -830,6 +1167,39 @@ export declare const COMPONENT_PROP_REGISTRY: {
830
1167
  readonly reason: "Category axis on the left.";
831
1168
  }];
832
1169
  };
1170
+ readonly CompactBarTrendProp: {
1171
+ readonly group: "data-display";
1172
+ readonly file: "components/charts.prop.ts";
1173
+ readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "FooterProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
1174
+ readonly field: "data";
1175
+ readonly local: true;
1176
+ readonly reason: "Chart row data (one bar per row).";
1177
+ }, {
1178
+ readonly field: "categoryKey";
1179
+ readonly local: true;
1180
+ readonly reason: "Accessor key for the bar's tick label.";
1181
+ }, {
1182
+ readonly field: "valueKey";
1183
+ readonly local: true;
1184
+ readonly reason: "Accessor key for the plotted numeric value.";
1185
+ }, {
1186
+ readonly field: "emphasizedIndex";
1187
+ readonly local: true;
1188
+ readonly reason: "Index of the highlighted 'current' bar (negative counts from the end).";
1189
+ }, {
1190
+ readonly field: "showCategoryLabels";
1191
+ readonly local: true;
1192
+ readonly reason: "Chart-specific tick-label toggle.";
1193
+ }, {
1194
+ readonly field: "numberFormat";
1195
+ readonly local: true;
1196
+ readonly reason: "Intl.NumberFormat options for the text alternative.";
1197
+ }, {
1198
+ readonly field: "ref";
1199
+ readonly local: true;
1200
+ readonly reason: "Forwarded ref to the <figure> element.";
1201
+ }];
1202
+ };
833
1203
  readonly AreaChartProp: {
834
1204
  readonly group: "data-display";
835
1205
  readonly file: "components/charts.prop.ts";
@@ -1000,6 +1370,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
1000
1370
  readonly file: "components/feedback.prop.ts";
1001
1371
  readonly vocabulary: readonly ["ClassNameProp", "ChildrenProp"];
1002
1372
  };
1373
+ readonly SheetResponsiveProp: {
1374
+ readonly group: "feedback";
1375
+ readonly file: "components/feedback.prop.ts";
1376
+ readonly vocabulary: readonly [];
1377
+ };
1003
1378
  readonly SkeletonRowsProp: {
1004
1379
  readonly group: "feedback";
1005
1380
  readonly file: "components/feedback.prop.ts";
@@ -1010,10 +1385,15 @@ export declare const COMPONENT_PROP_REGISTRY: {
1010
1385
  readonly file: "components/navigation.prop.ts";
1011
1386
  readonly vocabulary: readonly ["OnClearFiltersProp", "HasActiveFiltersProp", "StickyProp", "ClassNameProp", "ChildrenProp"];
1012
1387
  };
1388
+ readonly FilterBarOverflowProp: {
1389
+ readonly group: "navigation";
1390
+ readonly file: "components/navigation.prop.ts";
1391
+ readonly vocabulary: readonly [];
1392
+ };
1013
1393
  readonly ToolbarGroupProp: {
1014
1394
  readonly group: "navigation";
1015
1395
  readonly file: "components/navigation.prop.ts";
1016
- readonly vocabulary: readonly ["LabelProp", "ClassNameProp", "ChildrenProp"];
1396
+ readonly vocabulary: readonly ["LabelProp", "IdProp", "ClassNameProp", "ChildrenProp"];
1017
1397
  };
1018
1398
  readonly PaginationProp: {
1019
1399
  readonly group: "navigation";
@@ -1025,6 +1405,16 @@ export declare const COMPONENT_PROP_REGISTRY: {
1025
1405
  readonly file: "components/navigation.prop.ts";
1026
1406
  readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "SizeProp", "OnValueChangeProp", "ClassNameProp"];
1027
1407
  };
1408
+ readonly InputOTPGroupProp: {
1409
+ readonly group: "data-entry";
1410
+ readonly file: "components/data-entry.prop.ts";
1411
+ readonly vocabulary: readonly ["ClassNameProp"];
1412
+ };
1413
+ readonly InputOTPGroupAppearanceProp: {
1414
+ readonly group: "data-entry";
1415
+ readonly file: "components/data-entry.prop.ts";
1416
+ readonly vocabulary: readonly [];
1417
+ };
1028
1418
  readonly StepItemProp: {
1029
1419
  readonly group: "navigation";
1030
1420
  readonly file: "components/navigation.prop.ts";
@@ -1080,6 +1470,21 @@ export declare const COMPONENT_PROP_REGISTRY: {
1080
1470
  readonly file: "components/ui/toggle.tsx";
1081
1471
  readonly vocabulary: readonly ["SizeProp", "ClassNameProp"];
1082
1472
  };
1473
+ readonly CommandPaletteProp: {
1474
+ readonly group: "data-entry";
1475
+ readonly file: "components/data-entry/command-palette.tsx";
1476
+ readonly vocabulary: readonly ["OpenProp", "DefaultOpenProp", "OnOpenChangeProp"];
1477
+ };
1478
+ readonly TwoFactorSetupProp: {
1479
+ readonly group: "feedback";
1480
+ readonly file: "components/feedback/two-factor-setup.tsx";
1481
+ readonly vocabulary: readonly ["OpenProp", "OnOpenChangeProp", "PendingProp"];
1482
+ };
1483
+ readonly AuthStackProp: {
1484
+ readonly group: "layout";
1485
+ readonly file: "components/layout/auth-stack.tsx";
1486
+ readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp"];
1487
+ };
1083
1488
  readonly RatingProp: {
1084
1489
  readonly group: "data-entry";
1085
1490
  readonly file: "components/ui/rating.tsx";
@@ -1155,11 +1560,31 @@ export declare const COMPONENT_PROP_REGISTRY: {
1155
1560
  readonly file: "components/data-display/card.tsx";
1156
1561
  readonly vocabulary: readonly ["TitleProp", "ToneProp", "IconProp", "ClassNameProp"];
1157
1562
  };
1563
+ readonly ServiceLauncherCardProp: {
1564
+ readonly group: "data-display";
1565
+ readonly file: "components/data-display/service-launcher-card.tsx";
1566
+ readonly vocabulary: readonly ["TitleProp", "ToneProp", "IconProp", "ClassNameProp", "DisabledProp"];
1567
+ };
1568
+ readonly ServiceCatalogCtaProp: {
1569
+ readonly group: "data-display";
1570
+ readonly file: "components/data-display/service-launcher-card.tsx";
1571
+ readonly vocabulary: readonly ["TitleProp", "IconProp", "ClassNameProp"];
1572
+ };
1573
+ readonly ServiceLauncherCardSkeletonProp: {
1574
+ readonly group: "data-display";
1575
+ readonly file: "components/data-display/service-launcher-card.tsx";
1576
+ readonly vocabulary: readonly ["LabelProp", "ClassNameProp"];
1577
+ };
1158
1578
  readonly ResponsiveGridProp: {
1159
1579
  readonly group: "layout";
1160
1580
  readonly file: "components/layout/responsive-grid.tsx";
1161
1581
  readonly vocabulary: readonly ["GapProp", "ClassNameProp", "ChildrenProp"];
1162
1582
  };
1583
+ readonly MasterDetailProps: {
1584
+ readonly group: "layout";
1585
+ readonly file: "components/layout/master-detail.tsx";
1586
+ readonly vocabulary: readonly ["ChildrenProp"];
1587
+ };
1163
1588
  readonly SplitPaneProp: {
1164
1589
  readonly group: "layout";
1165
1590
  readonly file: "components/layout/split-pane.tsx";