@godxjp/ui 20.2.1 → 22.0.0

package/dist/props/registry.d.ts

@@ -244,6 +244,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "layout";
         readonly description: "MobileShell block-size contract — viewport (100dvh root, the real app) | fill (fills a bounded parent, e.g. a device-frame preview)";
     };
+    readonly MobileShellWidthProp: {
+        readonly file: "vocabulary/layout.prop.ts";
+        readonly category: "layout";
+        readonly description: "MobileShell inline-size contract — fill (takes the whole inline size, the default) | phone (caps at the handheld measure and centres, for a handheld screen on a wider viewport)";
+    };
     readonly CenteredShellPresetProp: {
         readonly file: "vocabulary/layout.prop.ts";
         readonly category: "layout";
@@ -841,7 +846,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly MobileShellProp: {
         readonly group: "layout";
         readonly file: "components/layout.prop.ts";
-        readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", "ActionProp", "MobileShellHeightProp", {
+        readonly vocabulary: readonly ["ChildrenProp", "ClassNameProp", "ActionProp", "MobileShellHeightProp", "MobileShellWidthProp", {
             readonly field: "header";
             readonly local: true;
             readonly reason: "MobileShell app-bar band — the screen title row; it absorbs the top safe-area inset when no statusBar precedes it.";
@@ -1304,21 +1309,6 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
     };
-    readonly MonthPickerProp: {
-        readonly group: "data-entry";
-        readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
-    };
-    readonly MonthRangePickerProp: {
-        readonly group: "data-entry";
-        readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
-    };
-    readonly DateRangePickerProp: {
-        readonly group: "data-entry";
-        readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"];
-    };
     readonly CalendarCellRenderProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
@@ -2012,6 +2002,16 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/navigation.prop.ts";
         readonly vocabulary: readonly ["HandlerProp"];
     };
+    readonly TabsOnTabClickProp: {
+        readonly group: "navigation";
+        readonly file: "components/navigation.prop.ts";
+        readonly vocabulary: readonly ["HandlerProp"];
+    };
+    readonly TabsOverflowProp: {
+        readonly group: "navigation";
+        readonly file: "components/navigation.prop.ts";
+        readonly vocabulary: readonly [];
+    };
     readonly TabItemProp: {
         readonly group: "navigation";
         readonly file: "components/navigation.prop.ts";
@@ -2212,10 +2212,114 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Block click handler carrying the event; its presence turns every block into a real button.";
         }];
     };
-    readonly TreeListProp: {
+    readonly ChatBubblePlacementProp: {
         readonly group: "data-display";
-        readonly file: "components/data-display/tree-list.tsx";
-        readonly vocabulary: readonly ["ClassNameProp"];
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "placement";
+            readonly local: true;
+            readonly reason: 'Side of the conversation a message sits on ("start" | "end"), spelled on the LOGICAL inline axis so a feed flips under dir="rtl" with no per-locale branch.';
+        }];
+    };
+    readonly ChatBubbleVariantProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "variant";
+            readonly local: true;
+            readonly reason: "Structural treatment of the message body (filled | borderless | outlined). Status colour stays on `tone`; Ant Design X's `shadow` is absent because this system has no drop shadows.";
+        }];
+    };
+    readonly ChatBubbleToneProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ToneProp"];
+    };
+    readonly ChatBubbleTypingProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "typing";
+            readonly local: true;
+            readonly reason: "Stream-in animation: `true` or `{ step, interval }`. Dropped entirely under prefers-reduced-motion, which renders the full text at once (WCAG 2.3.3).";
+        }];
+    };
+    readonly ChatBubbleProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ChildrenProp", "SizeProp", "ToneProp", "PendingProp", "ClassNameProp", "IdProp", {
+            readonly field: "placement";
+            readonly local: true;
+            readonly reason: "See ChatBubblePlacementProp, the conversation-side vocabulary.";
+        }, {
+            readonly field: "variant";
+            readonly local: true;
+            readonly reason: "See ChatBubbleVariantProp, the message-body treatment vocabulary.";
+        }, {
+            readonly field: "avatar";
+            readonly local: true;
+            readonly reason: "The author's mark — a real <Avatar> node. A slot, not a label: the accessible name comes from `header`, so a decorative avatar is aria-hidden at the call site.";
+        }, {
+            readonly field: "header";
+            readonly local: true;
+            readonly reason: "Line above the body naming the turn's author. Distinct from TitleProp: it is the bubble's ACCESSIBLE NAME, not a heading in the document outline.";
+        }, {
+            readonly field: "footer";
+            readonly local: true;
+            readonly reason: "Line below the body (timestamp, per-message actions). Not FooterProp, which is a page-level action bar.";
+        }, {
+            readonly field: "typing";
+            readonly local: true;
+            readonly reason: "See ChatBubbleTypingProp, the stream-in animation vocabulary.";
+        }];
+    };
+    readonly ChatMessageProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["IdProp", "ChildrenProp", {
+            readonly field: "role";
+            readonly local: true;
+            readonly reason: 'Key into ChatBubbleList\'s `roles` map ("user" | "assistant" | "system" | a product\'s own). A data field, not the ARIA `role` attribute.';
+        }, {
+            readonly field: "content";
+            readonly local: true;
+            readonly reason: "The message body. Spelled `content` rather than `children` because a data item in an array is not a JSX child.";
+        }];
+    };
+    readonly ChatBubbleListProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["LabelProp", "ClassNameProp", "IdProp", {
+            readonly field: "items";
+            readonly local: true;
+            readonly reason: "Consumer-supplied messages in conversation order (see ChatMessageProp).";
+        }, {
+            readonly field: "roles";
+            readonly local: true;
+            readonly reason: "Per-role bubble defaults merged UNDER each message's own props, so a feed's shape is declared once instead of on every message.";
+        }, {
+            readonly field: "autoScroll";
+            readonly local: true;
+            readonly reason: 'Stick-to-bottom while the reader is already at the bottom. Not a generic boolean flag: revoking the pin the moment they scroll up is the behaviour, and it drives the "jump to latest" affordance.';
+        }];
+    };
+    readonly TreeNodeProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "icon";
+            readonly local: true;
+            readonly reason: "Per-node glyph drawn when Tree's showIcon is on.";
+        }, {
+            readonly field: "children";
+            readonly local: true;
+            readonly reason: "The node's own child nodes — the hierarchy itself, not a slot.";
+        }];
+    };
+    readonly TreeProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "ClassNameProp", "IdProp"];
     };
     readonly CardProp: {
         readonly group: "data-display";
@@ -2562,6 +2666,39 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Forwarded MasterDetail stacking threshold override.";
         }];
     };
+    readonly ChatComposerSubmitTypeProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [];
+    };
+    readonly ChatComposerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "PendingProp", "SizeProp", "ControlStatusProp", "NameProp", "IdProp", "ClassNameProp"];
+    };
+    readonly ChatSuggestionItemProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "LabelProp", "DisabledProp"];
+    };
+    readonly ChatSuggestionRenderProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "onTrigger";
+            readonly local: true;
+            readonly reason: "Render-prop callback the composer calls to re-read the caret; not a value change.";
+        }, {
+            readonly field: "onKeyDown";
+            readonly local: true;
+            readonly reason: "Render-prop keydown forwarder — the composer's own DOM handler, not a state axis.";
+        }];
+    };
+    readonly ChatSuggestionProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["OnValueChangeProp", "OpenProp", "DefaultOpenProp", "OnOpenChangeProp", "ChildrenProp", "EmptyMessageProp", "IdProp", "ClassNameProp"];
+    };
 };
 export type ComponentPropName = keyof typeof COMPONENT_PROP_REGISTRY;
 /** Forbidden duplicate concepts — use the canonical name on the left. */

package/dist/props/registry.js

@@ -242,6 +242,11 @@ const VOCABULARY_REGISTRY = {
     category: "layout",
     description: "MobileShell block-size contract \u2014 viewport (100dvh root, the real app) | fill (fills a bounded parent, e.g. a device-frame preview)"
   },
+  MobileShellWidthProp: {
+    file: "vocabulary/layout.prop.ts",
+    category: "layout",
+    description: "MobileShell inline-size contract \u2014 fill (takes the whole inline size, the default) | phone (caps at the handheld measure and centres, for a handheld screen on a wider viewport)"
+  },
   CenteredShellPresetProp: {
     file: "vocabulary/layout.prop.ts",
     category: "layout",
@@ -861,6 +866,7 @@ const COMPONENT_PROP_REGISTRY = {
       "ClassNameProp",
       "ActionProp",
       "MobileShellHeightProp",
+      "MobileShellWidthProp",
       {
         field: "header",
         local: true,
@@ -1472,21 +1478,6 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"]
   },
-  MonthPickerProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"]
-  },
-  MonthRangePickerProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"]
-  },
-  DateRangePickerProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "IdProp"]
-  },
   CalendarCellRenderProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -2316,6 +2307,16 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/navigation.prop.ts",
     vocabulary: ["HandlerProp"]
   },
+  TabsOnTabClickProp: {
+    group: "navigation",
+    file: "components/navigation.prop.ts",
+    vocabulary: ["HandlerProp"]
+  },
+  TabsOverflowProp: {
+    group: "navigation",
+    file: "components/navigation.prop.ts",
+    vocabulary: []
+  },
   TabItemProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
@@ -2570,10 +2571,152 @@ const COMPONENT_PROP_REGISTRY = {
       }
     ]
   },
-  TreeListProp: {
+  ChatBubblePlacementProp: {
     group: "data-display",
-    file: "components/data-display/tree-list.tsx",
-    vocabulary: ["ClassNameProp"]
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "placement",
+        local: true,
+        reason: 'Side of the conversation a message sits on ("start" | "end"), spelled on the LOGICAL inline axis so a feed flips under dir="rtl" with no per-locale branch.'
+      }
+    ]
+  },
+  ChatBubbleVariantProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "variant",
+        local: true,
+        reason: "Structural treatment of the message body (filled | borderless | outlined). Status colour stays on `tone`; Ant Design X's `shadow` is absent because this system has no drop shadows."
+      }
+    ]
+  },
+  ChatBubbleToneProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: ["ToneProp"]
+  },
+  ChatBubbleTypingProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "typing",
+        local: true,
+        reason: "Stream-in animation: `true` or `{ step, interval }`. Dropped entirely under prefers-reduced-motion, which renders the full text at once (WCAG 2.3.3)."
+      }
+    ]
+  },
+  ChatBubbleProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "ChildrenProp",
+      "SizeProp",
+      "ToneProp",
+      "PendingProp",
+      "ClassNameProp",
+      "IdProp",
+      {
+        field: "placement",
+        local: true,
+        reason: "See ChatBubblePlacementProp, the conversation-side vocabulary."
+      },
+      {
+        field: "variant",
+        local: true,
+        reason: "See ChatBubbleVariantProp, the message-body treatment vocabulary."
+      },
+      {
+        field: "avatar",
+        local: true,
+        reason: "The author's mark \u2014 a real <Avatar> node. A slot, not a label: the accessible name comes from `header`, so a decorative avatar is aria-hidden at the call site."
+      },
+      {
+        field: "header",
+        local: true,
+        reason: "Line above the body naming the turn's author. Distinct from TitleProp: it is the bubble's ACCESSIBLE NAME, not a heading in the document outline."
+      },
+      {
+        field: "footer",
+        local: true,
+        reason: "Line below the body (timestamp, per-message actions). Not FooterProp, which is a page-level action bar."
+      },
+      {
+        field: "typing",
+        local: true,
+        reason: "See ChatBubbleTypingProp, the stream-in animation vocabulary."
+      }
+    ]
+  },
+  ChatMessageProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "IdProp",
+      "ChildrenProp",
+      {
+        field: "role",
+        local: true,
+        reason: 'Key into ChatBubbleList\'s `roles` map ("user" | "assistant" | "system" | a product\'s own). A data field, not the ARIA `role` attribute.'
+      },
+      {
+        field: "content",
+        local: true,
+        reason: "The message body. Spelled `content` rather than `children` because a data item in an array is not a JSX child."
+      }
+    ]
+  },
+  ChatBubbleListProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "LabelProp",
+      "ClassNameProp",
+      "IdProp",
+      {
+        field: "items",
+        local: true,
+        reason: "Consumer-supplied messages in conversation order (see ChatMessageProp)."
+      },
+      {
+        field: "roles",
+        local: true,
+        reason: "Per-role bubble defaults merged UNDER each message's own props, so a feed's shape is declared once instead of on every message."
+      },
+      {
+        field: "autoScroll",
+        local: true,
+        reason: 'Stick-to-bottom while the reader is already at the bottom. Not a generic boolean flag: revoking the pin the moment they scroll up is the behaviour, and it drives the "jump to latest" affordance.'
+      }
+    ]
+  },
+  TreeNodeProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      { field: "icon", local: true, reason: "Per-node glyph drawn when Tree's showIcon is on." },
+      {
+        field: "children",
+        local: true,
+        reason: "The node's own child nodes \u2014 the hierarchy itself, not a slot."
+      }
+    ]
+  },
+  TreeProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "DisabledProp",
+      "SizeProp",
+      "ClassNameProp",
+      "IdProp"
+    ]
   },
   CardProp: {
     group: "data-display",
@@ -3010,6 +3153,63 @@ const COMPONENT_PROP_REGISTRY = {
         reason: "Forwarded MasterDetail stacking threshold override."
       }
     ]
+  },
+  ChatComposerSubmitTypeProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
+  },
+  ChatComposerProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "PendingProp",
+      "SizeProp",
+      "ControlStatusProp",
+      "NameProp",
+      "IdProp",
+      "ClassNameProp"
+    ]
+  },
+  ChatSuggestionItemProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["ValueProp", "LabelProp", "DisabledProp"]
+  },
+  ChatSuggestionRenderProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      {
+        field: "onTrigger",
+        local: true,
+        reason: "Render-prop callback the composer calls to re-read the caret; not a value change."
+      },
+      {
+        field: "onKeyDown",
+        local: true,
+        reason: "Render-prop keydown forwarder \u2014 the composer's own DOM handler, not a state axis."
+      }
+    ]
+  },
+  ChatSuggestionProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "OnValueChangeProp",
+      "OpenProp",
+      "DefaultOpenProp",
+      "OnOpenChangeProp",
+      "ChildrenProp",
+      "EmptyMessageProp",
+      "IdProp",
+      "ClassNameProp"
+    ]
   }
 };
 const PROP_ALIASES_FORBIDDEN = {

package/dist/props/vocabulary/data.prop.d.ts

@@ -100,6 +100,18 @@ export type SelectedIdsProp = Set<string>;
 export type OnSelectChangeProp = (next: Set<string>) => void;
 /** Table density change callback. */
 export type OnTableDensityChangeProp = (density: TableDensityProp) => void;
+/**
+ * A row's STATE, drawn as a leading-edge rail plus a wash — the same six tones, with the same
+ * names and the same meanings, that `Card accent` already carries. A row that needs attention and
+ * a card that needs attention should not be two vocabularies.
+ *
+ * It is a state, never a category: colour is not the only signal a row may carry (WCAG 1.4.1), so
+ * the reason still belongs in a cell — a Badge, a status column, an icon with a label. The rail
+ * is what makes that cell findable in a long table, not a replacement for it.
+ */
+export type TableRowToneProp = "primary" | "success" | "warning" | "info" | "attention" | "destructive";
+/** Per-row tone resolver — return `undefined` for a row in the ordinary state. */
+export type RowToneProp<T> = (row: T) => TableRowToneProp | undefined;
 /** Sort change callback — undefined clears sort. */
 export type OnSortChangeProp = (sort: {
     key: string;

package/dist/props/vocabulary/index.d.ts

@@ -1,7 +1,7 @@
 /** Barrel — all vocabulary prop types. */
 export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, ErrorBagProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, FlushProp, WidthProp, ControlWidthProp, AllowClearProp, MaxTagCountProp, MaxTagPlaceholderProp, NotFoundContentProp, PopupMatchWidthProp, } from "./shared.prop.js";
 export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
-export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
+export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
 export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingToggleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, ActivityVariantProp, ActivityAnnounceProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
-export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";
+export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

package/dist/props/vocabulary/layout.prop.d.ts

@@ -26,6 +26,17 @@ export type CenteredShellAlignProp = "start" | "center";
  * where a viewport-tall root would overflow its frame. Nothing else differs between the two.
  */
 export type MobileShellHeightProp = "viewport" | "fill";
+/**
+ * MobileShell inline-size contract — the axis `height` had and `width` did not.
+ * `"fill"` (default, and what the shell has always done) takes the whole inline size it is given.
+ * `"phone"` caps it at the handheld measure (`--mobile-shell-max-inline-size`) and centres the
+ * column, for the case the shell's own docstring already names on the block axis: a handheld
+ * screen rendered on a viewport wider than a handheld — a device-frame preview, a desktop browser
+ * opening a mobile route, a phone view embedded in a wider page. Measured at a 1280px viewport
+ * before this existed: the shell drew 1232px wide with `max-inline-size: none`, so a 44px tab bar
+ * spread its four destinations across a metre of screen.
+ */
+export type MobileShellWidthProp = "fill" | "phone";
 /**
  * ErrorSurface shell contract — WHERE the exception surface lives, not how it looks.
  * `"application"` (403 / 404): the failure happened INSIDE the authenticated app, so the surface

package/dist/styles/badge-layout.css

@@ -26,6 +26,10 @@
     }
   }
 
+  [data-slot="badge"][data-tabular] {
+    font-variant-numeric: tabular-nums;
+  }
+
   [data-slot="badge"][data-tinted] {
 
     background-color: color-mix(

package/dist/styles/card-layout.css

@@ -44,27 +44,27 @@
   }
 
   [data-slot="card"][data-accent="primary"] {
-    --card-accent-color: hsl(var(--primary));
+    --card-accent-color: hsl(var(--mark-primary));
   }
 
   [data-slot="card"][data-accent="success"] {
-    --card-accent-color: hsl(var(--success));
+    --card-accent-color: hsl(var(--mark-success));
   }
 
   [data-slot="card"][data-accent="warning"] {
-    --card-accent-color: hsl(var(--warning));
+    --card-accent-color: hsl(var(--mark-warning));
   }
 
   [data-slot="card"][data-accent="info"] {
-    --card-accent-color: hsl(var(--info));
+    --card-accent-color: hsl(var(--mark-info));
   }
 
   [data-slot="card"][data-accent="attention"] {
-    --card-accent-color: hsl(var(--attention));
+    --card-accent-color: hsl(var(--mark-attention));
   }
 
   [data-slot="card"][data-accent="destructive"] {
-    --card-accent-color: hsl(var(--destructive));
+    --card-accent-color: hsl(var(--mark-destructive));
   }
 
   [data-slot="card"][data-accent] {