@godxjp/ui 18.4.0 → 18.6.0

package/dist/props/registry.js

@@ -187,6 +187,41 @@ const VOCABULARY_REGISTRY = {
     category: "layout",
     description: "CenteredShell column max-width \u2014 sm, md, lg"
   },
+  CenteredShellAlignProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "CenteredShell column block alignment \u2014 start (flowing page), center (system surface)"
+  },
+  CenteredShellPresetProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "CenteredShell whole-page preset \u2014 default (untouched box) | public-landing (token-owned public landing measure, section rhythm, flat chrome and hero h1 tier)"
+  },
+  TablePresetProp: {
+    file: "vocabulary/data.prop.ts",
+    category: "data",
+    description: "Table collection preset \u2014 default | action-collection (dense approval/action queue: column-priority measures below the collapse step instead of desktop intrinsic widths)"
+  },
+  TableColumnPriorityProp: {
+    file: "vocabulary/data.prop.ts",
+    category: "data",
+    description: "Table column priority for the action-collection preset \u2014 primary | secondary | meta | actions (unset = takes the remaining space)"
+  },
+  ErrorSurfaceModeProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "ErrorSurface shell contract \u2014 application (403/404 body inside the route's existing AppShell) vs system (500/503 owns the page via CenteredShell align=center)"
+  },
+  ErrorSurfaceStatusProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "HTTP status an ErrorSurface presents \u2014 403 | 404 | 500 | 503 (numeric); drives the default icon, tone and mode"
+  },
+  AuthShellPresetProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "AuthShell named flow geometry \u2014 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)"
+  },
   GapProp: {
     file: "vocabulary/layout.prop.ts",
     category: "layout",
@@ -216,13 +251,18 @@ const VOCABULARY_REGISTRY = {
   AppSettingPickerAppearanceProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
-    description: "AppSettingPicker trigger presentation: labeled (icon + value) | icon (square icon-only topbar trigger)"
+    description: "AppSettingPicker trigger presentation: labeled (icon + value) | icon (square icon-only topbar trigger) | inline (compact text footer trigger)"
   },
   ShapeProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
     description: "Corner shape default | pill | sharp \u2014 shared by Button + Badge (radius tokens)"
   },
+  AvatarShapeProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Avatar geometry circle (person, --radius-pill) | square (entity-header organization/service mark, --avatar-square-* tokens) \u2014 a rounded rect ShapeProp cannot express"
+  },
   TextSizeProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
@@ -348,7 +388,7 @@ const VOCABULARY_REGISTRY = {
   ColumnDefProp: {
     file: "vocabulary/data.prop.ts",
     category: "data",
-    description: "DataTable column definition"
+    description: 'DataTable column definition \u2014 key/header/render/sortable/align/width/pin/hiddenOnMobile/enableHiding/ariaLabel plus `priority` (TableColumnPriorityProp), read by DataTable preset="action-collection"'
   },
   SelectedIdsProp: {
     file: "vocabulary/data.prop.ts",
@@ -402,9 +442,29 @@ const COMPONENT_PROP_REGISTRY = {
       "DisabledProp",
       "IdProp",
       "ClassNameProp",
-      "AppSettingPickerAppearanceProp"
+      "AppSettingPickerAppearanceProp",
+      {
+        field: "compact",
+        local: true,
+        reason: "Trigger DENSITY for the picker only (sm control tier + content-hugging width) \u2014 orthogonal to `appearance`, and not the page-level DensityProp scope."
+      }
     ]
   },
+  PageContainerHeaderLayoutProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
+  PageContainerMeasureProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
+  PageContainerPresetProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
   PageContainerProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -415,7 +475,17 @@ const COMPONENT_PROP_REGISTRY = {
       "FooterProp",
       "BreadcrumbProp",
       "DensityProp",
-      "PageContainerVariantProp"
+      "PageContainerVariantProp",
+      {
+        field: "headerLayout",
+        local: true,
+        reason: "Header ARRANGEMENT of the title band vs the extra slot below the 640px step (stack | responsive-inline) \u2014 orthogonal to PageContainerVariantProp, which selects the page shell layout."
+      },
+      {
+        field: "measure",
+        local: true,
+        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."
+      }
     ]
   },
   FlexDirectionProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
@@ -429,10 +499,85 @@ const COMPONENT_PROP_REGISTRY = {
       "GapProp",
       { field: "align", local: true, reason: "Flex-specific align-items keyword subset." },
       { field: "justify", local: true, reason: "Flex-specific justify-content keyword subset." },
-      { field: "wrap", local: true, reason: "Flex-specific boolean shorthand for flex-wrap." }
+      { field: "wrap", local: true, reason: "Flex-specific boolean shorthand for flex-wrap." },
+      "BreakpointProp",
+      {
+        field: "hideBelow",
+        local: true,
+        reason: "Responsive region visibility at a canonical breakpoint step \u2014 the public alternative to a page-local media query (gh#252)."
+      },
+      {
+        field: "hideFrom",
+        local: true,
+        reason: "Inverse of hideBelow \u2014 keeps a compact-only region off the wide layout."
+      }
     ]
   },
   ResponsiveGridColumnsProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
+  MasterDetailRailWidthProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
+  MasterDetailRailProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
+  MasterDetailMasterViewportProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: []
+  },
+  MasterDetailProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "ChildrenProp",
+      "BreakpointProp",
+      "IdProp",
+      {
+        field: "master",
+        local: true,
+        reason: "Semantic selectable-collection slot paired with the detail children slot."
+      },
+      {
+        field: "rail",
+        local: true,
+        reason: "Semantic selector for which region owns the fixed track (master | detail)."
+      },
+      {
+        field: "railWidth",
+        local: true,
+        reason: "Token-owned 300px/320px rail geometry preset."
+      },
+      {
+        field: "masterViewport",
+        local: true,
+        reason: "Token-owned bounded-collection preset (auto | compact | standard) for the master region's scroll viewport \u2014 geometry, not a raw pixel measure."
+      },
+      {
+        field: "collapseBelow",
+        local: true,
+        reason: "Per-instance override of the --master-detail-collapse-below stacking threshold."
+      },
+      {
+        field: "masterLabel",
+        local: true,
+        reason: "Accessible name for the master region landmark."
+      },
+      {
+        field: "detailLabel",
+        local: true,
+        reason: "Accessible name for the detail region landmark."
+      },
+      {
+        field: "detailId",
+        local: true,
+        reason: "Id of the detail region so master controls can wire aria-controls and focus."
+      }
+    ]
+  },
   PageInsetProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -446,12 +591,228 @@ const COMPONENT_PROP_REGISTRY = {
   AuthShellProp: {
     group: "layout",
     file: "components/layout.prop.ts",
-    vocabulary: ["ChildrenProp", "ClassNameProp"]
+    vocabulary: [
+      "ChildrenProp",
+      "ClassNameProp",
+      {
+        field: "variant",
+        local: true,
+        reason: "Auth-shell geometry preset; canonical selects the shared DXS token contract."
+      },
+      {
+        field: "density",
+        local: true,
+        reason: "Auth-specific vertical-density scope for card descendants."
+      },
+      "AuthShellPresetProp"
+    ]
+  },
+  AuthDividerProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp", "ClassNameProp"]
+  },
+  AuthFooterProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "ClassNameProp",
+      {
+        field: "product",
+        local: true,
+        reason: "Consumer-owned host/product identity slot of the legal line, not a page TitleProp."
+      },
+      {
+        field: "terms",
+        local: true,
+        reason: "Consumer-owned Terms link/text slot \u2014 the library never invents legal navigation."
+      },
+      {
+        field: "privacy",
+        local: true,
+        reason: "Consumer-owned Privacy link/text slot \u2014 the library never invents legal navigation."
+      },
+      {
+        field: "locale",
+        local: true,
+        reason: "Optional consumer-owned locale control slot (an AppSettingPicker), not a locale value."
+      }
+    ]
+  },
+  AuthIdentityProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "TitleProp",
+      "ClassNameProp",
+      {
+        field: "requester",
+        local: true,
+        reason: "Authoritative requesting-client context for a delegated auth flow (device grant / consent)."
+      }
+    ]
+  },
+  AuthAccountSummaryProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["DisabledProp", "ClassNameProp"],
+    local: ["email", "avatarSrc", "avatarFallback", "actionLabel", "onAction"]
   },
   CenteredShellProp: {
     group: "layout",
     file: "components/layout.prop.ts",
-    vocabulary: ["ChildrenProp", "ClassNameProp", "CenteredShellWidthProp"]
+    vocabulary: [
+      "ChildrenProp",
+      "ClassNameProp",
+      "CenteredShellWidthProp",
+      "CenteredShellAlignProp",
+      "CenteredShellPresetProp"
+    ]
+  },
+  ErrorSurfaceMaintenanceProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      {
+        field: "start",
+        local: true,
+        reason: "ISO 8601 instant starting the maintenance window; formatted via Intl.DateTimeFormat and emitted as the <time dateTime> value."
+      },
+      {
+        field: "end",
+        local: true,
+        reason: "ISO 8601 instant ending the window; omitted for an open-ended outage."
+      },
+      {
+        field: "timeZone",
+        local: true,
+        reason: "IANA time zone id the window is presented in \u2014 explicit so SSR and client output cannot diverge."
+      },
+      {
+        field: "progress",
+        local: true,
+        reason: "Server-sent 0\u2013100 completion of the maintenance window; deriving it from the client clock would break hydration."
+      }
+    ]
+  },
+  ErrorSurfaceProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "ErrorSurfaceModeProp",
+      "ErrorSurfaceStatusProp",
+      "TitleProp",
+      "DescriptionProp",
+      "ActionProp",
+      "IconProp",
+      "HeadingLevelProp",
+      "FooterProp",
+      "CenteredShellWidthProp",
+      "IdProp",
+      "ClassNameProp",
+      {
+        field: "tone",
+        local: true,
+        reason: "Reuses the EmptyStateToneProp union verbatim (the surface renders an EmptyState) \u2014 a status-derived default the consumer may override, not a new tone vocabulary."
+      },
+      {
+        field: "requestId",
+        local: true,
+        reason: "Support correlation id for the failure, rendered as a mono/tabular metadata row \u2014 an identifier, not a LabelProp."
+      },
+      {
+        field: "permission",
+        local: true,
+        reason: "The permission/role the viewer is missing (403). The localized label is the surface's; the value is the bare permission name."
+      },
+      {
+        field: "organization",
+        local: true,
+        reason: "The organization/tenant the failed request was scoped to \u2014 disambiguates a wrong-workspace 403 from a missing-role 403."
+      },
+      {
+        field: "maintenance",
+        local: true,
+        reason: "ErrorSurfaceMaintenanceProp timing/progress slot (ISO 8601 + IANA), formatted with Intl.DateTimeFormat."
+      },
+      {
+        field: "brand",
+        local: true,
+        reason: "system-mode brand slot above the status code (a Logo); the application shell already shows the brand."
+      }
+    ]
+  },
+  LegalDocumentSectionProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "IdProp",
+      "TitleProp",
+      {
+        field: "content",
+        local: true,
+        reason: "Consumer-owned legal body for one section \u2014 a content slot, not the ChildrenProp of the shell itself."
+      }
+    ]
+  },
+  LegalDocumentShellProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      "TitleProp",
+      "IdProp",
+      "ClassNameProp",
+      {
+        field: "version",
+        local: true,
+        reason: "Document version identifier interpolated into a localized 'Version {version}'."
+      },
+      {
+        field: "effectiveDate",
+        local: true,
+        reason: "ISO 8601 date input formatted via Intl.DateTimeFormat in the active locale."
+      },
+      {
+        field: "summary",
+        local: true,
+        reason: "Plain-language document summary slot, distinct from a page SubtitleProp."
+      },
+      {
+        field: "contentsLabel",
+        local: true,
+        reason: "Accessible name + visible caption of the contents nav landmark (landmark-unique override)."
+      },
+      {
+        field: "sections",
+        local: true,
+        reason: "Ordered LegalDocumentSectionProp[] driving both the contents list and the body."
+      },
+      {
+        field: "activeSection",
+        local: true,
+        reason: "Controlled active-section id \u2014 the X / defaultX / onXChange family (like open/onOpenChange); 'value' would be meaningless on a document shell."
+      },
+      {
+        field: "defaultActiveSection",
+        local: true,
+        reason: "Uncontrolled initial active-section id."
+      },
+      {
+        field: "onActiveSectionChange",
+        local: true,
+        reason: "Active-section change handler (anchor activation \xB7 hash deep link \xB7 scroll spy)."
+      },
+      {
+        field: "documentNavigation",
+        local: true,
+        reason: "Rail slot for a switcher across the legal document set."
+      },
+      {
+        field: "footerAction",
+        local: true,
+        reason: "Document-footer slot for accept / download / print actions."
+      }
+    ]
   },
   SidebarProductProp: {
     group: "layout",
@@ -463,11 +824,47 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/layout.prop.ts",
     vocabulary: ["IdProp", "LabelProp", "DisabledProp", "ChildrenProp"]
   },
+  SidebarRenderItemProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ClassNameProp", "ChildrenProp"]
+  },
+  SidebarLinkProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ClassNameProp", "ChildrenProp", "OnClickProp"]
+  },
+  SidebarLinkComponentProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: [
+      {
+        field: "linkComponent",
+        local: true,
+        reason: "Component type alias for a framework router Link driven by SidebarLinkProp (gh#213)."
+      }
+    ]
+  },
   SidebarSectionProp: {
     group: "layout",
     file: "components/layout.prop.ts",
     vocabulary: ["LabelProp"]
   },
+  OrgSwitcherOrganization: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["IdProp", "LabelProp", "DisabledProp"]
+  },
+  OrgSwitcherLabels: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp"]
+  },
+  OrgSwitcherProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "ClassNameProp"]
+  },
   SidebarProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -787,6 +1184,11 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-display.prop.ts",
     vocabulary: ["LabelProp", "ValueProp"]
   },
+  AvatarProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: ["AvatarShapeProp", "ChildrenProp", "ClassNameProp"]
+  },
   BadgeProp: {
     group: "data-display",
     file: "components/data-display.prop.ts",
@@ -795,7 +1197,40 @@ const COMPONENT_PROP_REGISTRY = {
   DataTableProp: {
     group: "data-display",
     file: "components/data-display.prop.ts",
-    vocabulary: ["ColumnDefProp", "DensityProp", "SortStateProp", "SelectedIdsProp"]
+    vocabulary: [
+      "ColumnDefProp",
+      "DensityProp",
+      "SortStateProp",
+      "SelectedIdsProp",
+      "HandlerProp",
+      "TablePresetProp",
+      "TableColumnPriorityProp",
+      "BreakpointProp"
+    ]
+  },
+  ListRowDensityProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: []
+  },
+  ListRowProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "TitleProp",
+      "DescriptionProp",
+      "ClassNameProp",
+      {
+        field: "density",
+        local: true,
+        reason: "ListRow-local density subset (default | compact) \u2014 the compact inline-actions geometry (#246). No `comfortable` step, and unrelated to PageDensityProp/TableDensityProp."
+      },
+      {
+        field: "overflow",
+        local: true,
+        reason: "Row-local overflow resolution for the title/description column (truncate | wrap, #224)."
+      }
+    ]
   },
   CredentialRevealProp: {
     group: "data-display",
@@ -877,6 +1312,38 @@ const COMPONENT_PROP_REGISTRY = {
       { field: "horizontal", local: true, reason: "Category axis on the left." }
     ]
   },
+  CompactBarTrendProp: {
+    group: "data-display",
+    file: "components/charts.prop.ts",
+    vocabulary: [
+      "LabelProp",
+      "DescriptionProp",
+      "SizeProp",
+      "FooterProp",
+      "EmptyMessageProp",
+      "ClassNameProp",
+      "IdProp",
+      { field: "data", local: true, reason: "Chart row data (one bar per row)." },
+      { field: "categoryKey", local: true, reason: "Accessor key for the bar's tick label." },
+      { field: "valueKey", local: true, reason: "Accessor key for the plotted numeric value." },
+      {
+        field: "emphasizedIndex",
+        local: true,
+        reason: "Index of the highlighted 'current' bar (negative counts from the end)."
+      },
+      {
+        field: "showCategoryLabels",
+        local: true,
+        reason: "Chart-specific tick-label toggle."
+      },
+      {
+        field: "numberFormat",
+        local: true,
+        reason: "Intl.NumberFormat options for the text alternative."
+      },
+      { field: "ref", local: true, reason: "Forwarded ref to the <figure> element." }
+    ]
+  },
   AreaChartProp: {
     group: "data-display",
     file: "components/charts.prop.ts",
@@ -1036,6 +1503,7 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/feedback.prop.ts",
     vocabulary: ["ClassNameProp", "ChildrenProp"]
   },
+  SheetResponsiveProp: { group: "feedback", file: "components/feedback.prop.ts", vocabulary: [] },
   SkeletonRowsProp: { group: "feedback", file: "components/feedback.prop.ts", vocabulary: [] },
   ToolbarProp: {
     group: "navigation",
@@ -1048,10 +1516,15 @@ const COMPONENT_PROP_REGISTRY = {
       "ChildrenProp"
     ]
   },
+  FilterBarOverflowProp: {
+    group: "navigation",
+    file: "components/navigation.prop.ts",
+    vocabulary: []
+  },
   ToolbarGroupProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
-    vocabulary: ["LabelProp", "ClassNameProp", "ChildrenProp"]
+    vocabulary: ["LabelProp", "IdProp", "ClassNameProp", "ChildrenProp"]
   },
   PaginationProp: {
     group: "navigation",
@@ -1063,6 +1536,16 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/navigation.prop.ts",
     vocabulary: ["ValueProp", "DefaultValueProp", "SizeProp", "OnValueChangeProp", "ClassNameProp"]
   },
+  InputOTPGroupProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["ClassNameProp"]
+  },
+  InputOTPGroupAppearanceProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
+  },
   StepItemProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
@@ -1116,6 +1599,21 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/ui/toggle.tsx",
     vocabulary: ["SizeProp", "ClassNameProp"]
   },
+  CommandPaletteProp: {
+    group: "data-entry",
+    file: "components/data-entry/command-palette.tsx",
+    vocabulary: ["OpenProp", "DefaultOpenProp", "OnOpenChangeProp"]
+  },
+  TwoFactorSetupProp: {
+    group: "feedback",
+    file: "components/feedback/two-factor-setup.tsx",
+    vocabulary: ["OpenProp", "OnOpenChangeProp", "PendingProp"]
+  },
+  AuthStackProp: {
+    group: "layout",
+    file: "components/layout/auth-stack.tsx",
+    vocabulary: ["ChildrenProp", "ClassNameProp"]
+  },
   RatingProp: {
     group: "data-entry",
     file: "components/ui/rating.tsx",
@@ -1191,11 +1689,31 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-display/card.tsx",
     vocabulary: ["TitleProp", "ToneProp", "IconProp", "ClassNameProp"]
   },
+  ServiceLauncherCardProp: {
+    group: "data-display",
+    file: "components/data-display/service-launcher-card.tsx",
+    vocabulary: ["TitleProp", "ToneProp", "IconProp", "ClassNameProp", "DisabledProp"]
+  },
+  ServiceCatalogCtaProp: {
+    group: "data-display",
+    file: "components/data-display/service-launcher-card.tsx",
+    vocabulary: ["TitleProp", "IconProp", "ClassNameProp"]
+  },
+  ServiceLauncherCardSkeletonProp: {
+    group: "data-display",
+    file: "components/data-display/service-launcher-card.tsx",
+    vocabulary: ["LabelProp", "ClassNameProp"]
+  },
   ResponsiveGridProp: {
     group: "layout",
     file: "components/layout/responsive-grid.tsx",
     vocabulary: ["GapProp", "ClassNameProp", "ChildrenProp"]
   },
+  MasterDetailProps: {
+    group: "layout",
+    file: "components/layout/master-detail.tsx",
+    vocabulary: ["ChildrenProp"]
+  },
   SplitPaneProp: {
     group: "layout",
     file: "components/layout/split-pane.tsx",