banhaten 0.5.0 → 0.6.0

package/registry/index.json

@@ -456,6 +456,7 @@
         "--bh-border-focus-danger",
         "--bh-border-strong",
         "--bh-border-subtle",
+        "--bh-border-width-default",
         "--bh-content-accent-amber-default",
         "--bh-content-accent-amber-strong",
         "--bh-content-accent-blue-default",
@@ -632,6 +633,13 @@
       "dependencies": {
         "class-variance-authority": "^0.7.1"
       },
+      "props": {
+        "AttributeList.density": {
+          "type": "\"compact\" | \"default\" | \"comfortable\"",
+          "default": "default",
+          "description": "compact and default set the row padding (8px, 16px). comfortable is the app-shell detail row: no row padding, rows 16px apart, a 14/20 label in a 176px column and 16px before the value."
+        }
+      },
       "parts": [
         "AttributeCard",
         "AttributeHeader",
@@ -686,6 +694,7 @@
         "examples/attribute-demo.tsx"
       ],
       "tokens": [
+        "--bh-attribute-comfortable-label-width",
         "--bh-attribute-header-icon-size",
         "--bh-attribute-header-icon-size-lg",
         "--bh-attribute-label-width",
@@ -704,6 +713,7 @@
         "--bh-space-5xl-24",
         "--bh-space-6xl-32",
         "--bh-space-md-8",
+        "--bh-space-none",
         "--bh-space-sm-6",
         "--bh-space-xl-12",
         "--bh-space-xs-4",
@@ -715,6 +725,10 @@
         "--bh-text-body-md-regular-font-weight",
         "--bh-text-body-md-regular-letter-spacing",
         "--bh-text-body-md-regular-line-height",
+        "--bh-text-body-sm-regular-font-size",
+        "--bh-text-body-sm-regular-font-weight",
+        "--bh-text-body-sm-regular-letter-spacing",
+        "--bh-text-body-sm-regular-line-height",
         "--bh-text-heading-sm-medium-font-size",
         "--bh-text-heading-sm-medium-font-weight",
         "--bh-text-heading-sm-medium-letter-spacing",
@@ -911,6 +925,25 @@
       "registryDependencies": [
         "button"
       ],
+      "sizes": [
+        "default",
+        "comfortable"
+      ],
+      "defaults": {
+        "sizes": "default"
+      },
+      "props": {
+        "Card.size": {
+          "type": "\"default\" | \"comfortable\"",
+          "default": "default",
+          "description": "comfortable is the panel inside an app shell: the same surface and 1px inset edge with a 12px radius instead of the library card's 16px."
+        },
+        "CardSurface.size": {
+          "type": "\"default\" | \"comfortable\"",
+          "default": "default",
+          "description": "The same sizes as Card, for compositions that bring their own layout."
+        }
+      },
       "parts": [
         "Card",
         "CardSurface",
@@ -972,6 +1005,7 @@
         "--bh-card-actions-max-width",
         "--bh-card-bg",
         "--bh-card-border",
+        "--bh-card-comfortable-radius",
         "--bh-card-content-padding",
         "--bh-card-desktop-content-padding",
         "--bh-card-desktop-full-height",
@@ -1676,7 +1710,8 @@
       "dependencies": {
         "@radix-ui/react-dropdown-menu": "^2.1.17",
         "@radix-ui/react-slot": "^1.2.3",
-        "class-variance-authority": "^0.7.1"
+        "class-variance-authority": "^0.7.1",
+        "lucide-react": "^1.17.0"
       },
       "parts": [
         "Menu",
@@ -1700,6 +1735,8 @@
         "MenuItemBadge",
         "MenuItemSwitch",
         "MenuItemAction",
+        "MenuRadioGroup",
+        "MenuRadioItem",
         "MenuProgress",
         "MenuSeparator",
         "MenuLabel",
@@ -1727,6 +1764,8 @@
             "MenuPortal",
             "MenuPreview",
             "MenuProgress",
+            "MenuRadioGroup",
+            "MenuRadioItem",
             "MenuRoot",
             "MenuSeparator",
             "MenuSub",
@@ -1746,6 +1785,16 @@
           "type": "(event: Event) => void",
           "default": null,
           "description": "MenuItem selection handler. Uses Radix's native selection Event, not React's DOM text-selection event; call event.preventDefault() to keep toggle or multi-select menus open."
+        },
+        "onValueChange": {
+          "type": "(value: string) => void",
+          "default": null,
+          "description": "MenuRadioGroup only. Receives the value of the MenuRadioItem that was chosen."
+        },
+        "value": {
+          "type": "string",
+          "default": null,
+          "description": "MenuRadioGroup: the chosen value. MenuRadioItem: the value the item stands for; the item matching its group's value is checked, with role menuitemradio, aria-checked and a trailing check."
         }
       },
       "widths": [
@@ -1764,7 +1813,8 @@
       ],
       "states": [
         "default",
-        "disabled"
+        "disabled",
+        "checked"
       ],
       "rtl": {
         "inheritsDirection": true,
@@ -1792,6 +1842,7 @@
         "--bh-content-muted",
         "--bh-content-subtle",
         "--bh-control-default",
+        "--bh-icon-stroke-200",
         "--bh-icon-stroke-300",
         "--bh-interactive-indicator-default",
         "--bh-interactive-outlined-default",
@@ -3808,6 +3859,7 @@
         "--bh-input-comfortable-height",
         "--bh-input-comfortable-padding-x",
         "--bh-input-content-gap",
+        "--bh-input-content-padding-x",
         "--bh-input-helper-gap",
         "--bh-input-icon-size",
         "--bh-input-icon-slot-size",
@@ -3816,7 +3868,6 @@
         "--bh-input-inline-tags-gap",
         "--bh-input-label-gap",
         "--bh-input-lg-height",
-        "--bh-input-lg-padding-x",
         "--bh-input-md-height",
         "--bh-input-md-padding-x",
         "--bh-input-radius",
@@ -3826,6 +3877,7 @@
         "--bh-input-stepper-width",
         "--bh-input-tag-height",
         "--bh-input-tag-padding-x",
+        "--bh-input-value-inset",
         "--bh-input-width",
         "--bh-interactive-input-default",
         "--bh-interactive-input-disabled",
@@ -4966,6 +5018,36 @@
           "default": false,
           "description": "Sets the initial rail state when SidebarProvider owns collapse state internally."
         },
+        "size": {
+          "type": "\"default\" | \"comfortable\"",
+          "default": "default",
+          "description": "Set on SidebarProvider. comfortable uses 40px rows 8px apart with body-md labels, 16px shell padding, a 24px section gap, a heading-md brand, and 20px group labels; the collapsed rail is unchanged."
+        },
+        "subtitle": {
+          "type": "React.ReactNode",
+          "default": "undefined",
+          "description": "Adds a body-sm content-subtle line under the SidebarHeaderBrand name and switches the brand to a stacked layout."
+        },
+        "logo": {
+          "type": "React.ReactNode | false",
+          "default": "Sparkles glyph",
+          "description": "Replaces the SidebarHeaderBrand mark; false renders a text-only brand with no logo slot."
+        },
+        "divider": {
+          "type": "boolean",
+          "default": true,
+          "description": "Draws the SidebarFooter top rule; false removes it for inset footer cards."
+        },
+        "avatar": {
+          "type": "React.ReactNode | false",
+          "default": "person glyph",
+          "description": "Replaces the SidebarFooterUser avatar; false hides the slot while expanded. The collapsed rail always shows a glyph."
+        },
+        "trailingIcon": {
+          "type": "React.ReactNode | false",
+          "default": "part-specific",
+          "description": "Trailing glyph on menu rows and the footer user; false hides the footer user's chevron."
+        },
         "showIdentityPreview": {
           "type": "boolean",
           "default": true,
@@ -4977,9 +5059,9 @@
           "description": "Places Sidebar on the logical start or end edge and selects the matching logical border."
         },
         "variant": {
-          "type": "SidebarMenuButtonVariant | SidebarWorkspaceVariant | \"default\" | \"supporting-text\"",
+          "type": "SidebarMenuButtonVariant | SidebarWorkspaceVariant | \"default\" | \"supporting-text\" | \"card\"",
           "default": "part-specific",
-          "description": "Selects default/avatar/nested menu rows, action/card workspace headers, or default/supporting-text footers on the part that owns it."
+          "description": "Selects default/avatar/nested menu rows, action/card workspace headers, or default/supporting-text/card footers on the part that owns it. The card footer is an inset bg-subtle block with a body-md name and body-sm role and no avatar or chevron unless passed."
         },
         "active": {
           "type": "boolean",
@@ -5042,20 +5124,25 @@
         "workspace actions",
         "workspace card",
         "default footer",
-        "supporting-text footer"
+        "supporting-text footer",
+        "card footer",
+        "comfortable size"
       ],
       "features": [
         "280px expanded and 48px collapsed shells",
+        "comfortable size with 40px rows, 8px row gap, and body-md labels",
         "controlled collapse",
         "uncontrolled collapse",
         "brand header with search and collapse actions",
+        "text-only brand with a stacked subtitle",
         "workspace action and card headers",
         "visible collapsed-header expand action",
         "default, avatar, Level 2, and Level 2 line menu rows",
         "supporting text, count badge, and trailing action slots",
-        "group labels with disclosure and icon actions",
+        "group labels with disclosure, icon actions, and a tokenized label color",
         "four-level tree navigation",
-        "supporting-text and bordered user footers",
+        "supporting-text, bordered, and inset card user footers",
+        "divider-free footer",
         "collapsed footer identity preview on hover and keyboard focus",
         "tokenized staged expand and collapse motion",
         "reduced-motion fallback",
@@ -5093,7 +5180,15 @@
         "--bh-sidebar-bg-collapsed",
         "--bh-sidebar-border",
         "--bh-sidebar-brand-height",
+        "--bh-sidebar-comfortable-brand-padding",
+        "--bh-sidebar-comfortable-group-label-height",
+        "--bh-sidebar-comfortable-item-gap",
+        "--bh-sidebar-comfortable-item-height",
+        "--bh-sidebar-comfortable-label-padding",
+        "--bh-sidebar-comfortable-padding",
+        "--bh-sidebar-comfortable-section-gap",
         "--bh-sidebar-compact-control-size",
+        "--bh-sidebar-group-label-content",
         "--bh-sidebar-header-action-size",
         "--bh-sidebar-icon-size",
         "--bh-sidebar-icon-size-collapsed",
@@ -5115,6 +5210,8 @@
         "--bh-sidebar-rail-width",
         "--bh-sidebar-tree-indent-step",
         "--bh-sidebar-tree-item-height",
+        "--bh-sidebar-user-card-bg",
+        "--bh-sidebar-user-card-bg-hover",
         "--bh-sidebar-user-preview-gap",
         "--bh-sidebar-user-preview-height",
         "--bh-sidebar-user-preview-width",
@@ -5131,6 +5228,7 @@
         "--bh-space-8xl-48",
         "--bh-space-lg-10",
         "--bh-space-md-8",
+        "--bh-space-none",
         "--bh-space-sm-6",
         "--bh-space-xl-12",
         "--bh-space-xs-4",
@@ -5144,6 +5242,13 @@
         "--bh-text-body-3xs-semibold-font-weight",
         "--bh-text-body-3xs-semibold-letter-spacing",
         "--bh-text-body-3xs-semibold-line-height",
+        "--bh-text-body-md-medium-font-size",
+        "--bh-text-body-md-medium-font-weight",
+        "--bh-text-body-md-medium-letter-spacing",
+        "--bh-text-body-md-medium-line-height",
+        "--bh-text-body-md-regular-font-size",
+        "--bh-text-body-md-regular-letter-spacing",
+        "--bh-text-body-md-regular-line-height",
         "--bh-text-body-sm-medium-font-size",
         "--bh-text-body-sm-medium-font-weight",
         "--bh-text-body-sm-medium-letter-spacing",
@@ -5161,6 +5266,10 @@
         "--bh-text-body-xs-regular-letter-spacing",
         "--bh-text-body-xs-regular-line-height",
         "--bh-text-body-xs-semibold-font-weight",
+        "--bh-text-heading-md-semibold-font-size",
+        "--bh-text-heading-md-semibold-font-weight",
+        "--bh-text-heading-md-semibold-letter-spacing",
+        "--bh-text-heading-md-semibold-line-height",
         "--bh-z-overlay",
         "--elevation-button-focus",
         "--elevation-component-default"
@@ -5181,6 +5290,126 @@
         "examples/sidebar-demo.tsx"
       ]
     },
+    "app-header": {
+      "description": "Workspace bar above page content with a flexible location region, a search landmark, and flush icon or text actions that keep their design footprint while exposing 40px pointer targets.",
+      "dependencies": {
+        "@radix-ui/react-slot": "^1.2.3"
+      },
+      "registryDependencies": [],
+      "parts": [
+        "AppHeader",
+        "AppHeaderStart",
+        "AppHeaderEnd",
+        "AppHeaderSearch",
+        "AppHeaderAction"
+      ],
+      "supportedExports": [
+        {
+          "source": "components/app-header.tsx",
+          "values": [
+            "AppHeader",
+            "AppHeaderAction",
+            "AppHeaderEnd",
+            "AppHeaderSearch",
+            "AppHeaderStart"
+          ]
+        }
+      ],
+      "props": {
+        "AppHeaderAction.icon": {
+          "type": "ReactNode",
+          "default": null,
+          "description": "Icon content. Without children the action is icon-only and needs aria-label; the icon occupies 24px and the pointer target is 40px."
+        },
+        "AppHeaderAction.size": {
+          "type": "\"sm\" | \"md\"",
+          "default": "md",
+          "description": "md uses body-md medium default content. sm uses body-sm medium subtle content and reserves 32px at the end edge, so a short label such as a language code can change without moving earlier controls."
+        },
+        "AppHeaderAction.asChild": {
+          "type": "boolean",
+          "default": false,
+          "description": "Renders the action styles on the child element, such as a link."
+        },
+        "AppHeaderSearch.role": {
+          "type": "string",
+          "default": "search",
+          "description": "Search landmark role on the wrapping form. Nest an Input with an accessible name; the header sets its width to the 320px search token."
+        }
+      },
+      "defaults": {
+        "sizes": "md"
+      },
+      "sizes": [
+        "md",
+        "sm"
+      ],
+      "features": [
+        "72px bar with 24px inline padding, a 24px item gap, and a subtle bottom border",
+        "flexible start region for Breadcrumbs or a location label in body-sm medium subtle content",
+        "Breadcrumbs inside the header render their current item in the location color",
+        "search landmark that sizes a nested Input to 320px",
+        "flush icon actions with a 24px footprint and a 40px target",
+        "flush text actions in md and sm sizes",
+        "logical layout that mirrors in RTL"
+      ],
+      "recommendedFor": [
+        "The bar above page content in a sidebar workspace, holding the location trail, workspace search, notifications, help, or language",
+        "Product shells that need workspace tools aligned to the page content edge"
+      ],
+      "avoidWhen": [
+        "Page titles, descriptions, and page actions; use Page Header inside the page",
+        "Marketing or public site navigation with menus; use Navigation Menu",
+        "Toolbars that act on a selection or a document; use Toolbar"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Start and End regions, the inline padding, and the reserved width of small text actions use logical properties and mirror with inherited direction.",
+        "semantics": "The root is a header element. AppHeaderSearch is a search landmark. Icon-only actions require aria-label."
+      },
+      "files": [
+        {
+          "source": "components/app-header.tsx",
+          "target": "{{ui}}/app-header.tsx"
+        }
+      ],
+      "examples": [
+        "examples/app-header-demo.tsx"
+      ],
+      "tokens": [
+        "--bh-app-header-action-bg-hover",
+        "--bh-app-header-action-content",
+        "--bh-app-header-action-hit-inset",
+        "--bh-app-header-action-radius",
+        "--bh-app-header-action-sm-content",
+        "--bh-app-header-action-sm-min-width",
+        "--bh-app-header-bg",
+        "--bh-app-header-border",
+        "--bh-app-header-gap",
+        "--bh-app-header-height",
+        "--bh-app-header-icon-size",
+        "--bh-app-header-location-content",
+        "--bh-app-header-padding-x",
+        "--bh-app-header-search-width",
+        "--bh-app-header-start-gap",
+        "--bh-app-header-start-min-width",
+        "--bh-border-width-default",
+        "--bh-breadcrumbs-current-content",
+        "--bh-content-default",
+        "--bh-content-disabled",
+        "--bh-input-width",
+        "--bh-space-xs-4",
+        "--bh-text-body-md-medium-font-size",
+        "--bh-text-body-md-medium-font-weight",
+        "--bh-text-body-md-medium-letter-spacing",
+        "--bh-text-body-md-medium-line-height",
+        "--bh-text-body-sm-medium-font-size",
+        "--bh-text-body-sm-medium-font-weight",
+        "--bh-text-body-sm-medium-letter-spacing",
+        "--bh-text-body-sm-medium-line-height",
+        "--elevation-button-focus"
+      ]
+    },
     "navigation-menu": {
       "description": "Radix NavigationMenu-backed top navigation with trigger, content, link, viewport, and indicator parts.",
       "dependencies": {
@@ -6559,6 +6788,23 @@
       "registryDependencies": [
         "button"
       ],
+      "props": {
+        "Alert.descriptionColor": {
+          "type": "\"status\" | \"default\"",
+          "default": "status",
+          "description": "status sets the description in the status colour, as in the library; default sets it in content/default, as the ATS360 frames do."
+        },
+        "Alert.icon": {
+          "type": "ReactNode",
+          "default": null,
+          "description": "Replaces the status icon in its 20px slot."
+        },
+        "Alert.isExpandable": {
+          "type": "boolean",
+          "default": false,
+          "description": "Uses the expanded layout when the alert has a description or a visible action; otherwise it stays compact."
+        }
+      },
       "parts": [
         "Alert"
       ],
@@ -6866,7 +7112,7 @@
       ]
     },
     "breadcrumbs": {
-      "description": "Expanded breadcrumbs navigation with default, raised, icon, overflow, separator, and RTL variants.",
+      "description": "Expanded breadcrumbs navigation with default, raised, icon, overflow, separator, small, and RTL variants.",
       "status": "expanded",
       "variants": [
         "default",
@@ -6883,6 +7129,10 @@
         "slash",
         "chevron"
       ],
+      "sizes": [
+        "md",
+        "sm"
+      ],
       "rtl": {
         "inheritsDirection": true,
         "layout": "The ordered trail follows inherited inline direction, and chevron separators mirror through :dir(rtl).",
@@ -6922,6 +7172,7 @@
         "--bh-bg-raised",
         "--bh-border-focus",
         "--bh-border-subtle",
+        "--bh-breadcrumbs-current-content",
         "--bh-content-default",
         "--bh-content-subtle",
         "--bh-focus-ring-width",
@@ -6945,7 +7196,11 @@
         "--bh-text-base-letter-spacing",
         "--bh-text-body-2xs-regular-line-height",
         "--bh-text-body-md-font-size",
-        "--bh-text-body-md-line-height"
+        "--bh-text-body-md-line-height",
+        "--bh-text-body-sm-medium-font-size",
+        "--bh-text-body-sm-medium-font-weight",
+        "--bh-text-body-sm-medium-letter-spacing",
+        "--bh-text-body-sm-medium-line-height"
       ]
     },
     "file-upload": {
@@ -7101,8 +7356,44 @@
       "status": "expanded",
       "sizes": [
         "sm",
-        "lg"
+        "lg",
+        "comfortable"
       ],
+      "defaults": {
+        "sizes": "sm"
+      },
+      "props": {
+        "Table.size": {
+          "type": "\"sm\" | \"lg\" | \"comfortable\"",
+          "default": "sm",
+          "description": "sm and lg are 48px and 56px rows; sm uses body-sm text and lg uses body-md, as in the Table item 1.2 sm and lg cells. comfortable follows Table item 1.2: 44px headers in body-sm medium on the table-header fill, 64px rows with 8px cells and body-md text, no row rules, and a 12px radius."
+        },
+        "TableItem.caption": {
+          "type": "string",
+          "default": null,
+          "description": "Second line under the label on text, avatarText, brandLogoText, payment and image items (Table item 1.2 hasCaption): body-2xs in content/subtle with no gap. Use it in lg or comfortable rows; the two lines fill 40px of a 56px row. Search matches captions; sorting uses the label."
+        },
+        "TableRoot.size": {
+          "type": "\"comfortable\"",
+          "default": null,
+          "description": "Applies the comfortable spec to TableHead and TableCell. Without a size the owned elements stay unstyled."
+        },
+        "TableContainer": {
+          "type": "div",
+          "default": null,
+          "description": "Frame for the owned elements: 12px radius, default background, and a 1px subtle border drawn inside the edge. The table scrolls horizontally inside it."
+        },
+        "TableCellText": {
+          "type": "span",
+          "default": null,
+          "description": "Text content for an owned TableCell: children are the label, caption adds the second line, leading adds an icon or avatar 6px before the text, and tone (default | subtle) and weight (regular | medium) set the label. The label keeps the cell text size; use TableCellLink when it opens a record."
+        },
+        "TableCellLink": {
+          "type": "button",
+          "default": null,
+          "description": "A cell label that opens a record: it keeps the cell text style and colour, sits flush with the cell padding, underlines on hover and focus, and shows the focus ring 2px outside the text. Renders a button, or its child (such as an anchor) with asChild. Use it as the TableCellText label instead of a padded Button."
+        }
+      },
       "states": [
         "default",
         "selected",
@@ -7118,16 +7409,22 @@
       "features": [
         "measured DataTable pagination captions",
         "explicit DataTable pagination message catalogs",
-        "safe row-key cell fallback"
+        "safe row-key cell fallback",
+        "comfortable size with 44px headers, 64px rows, 8px cells, body-md text, and no row rules",
+        "TableContainer frame with a 12px radius and an inside border",
+        "comfortable size on the owned table elements through TableRoot size",
+        "line + subline cells: an optional caption under text, avatarText, brandLogoText, payment and image items, and TableCellText for the owned elements",
+        "TableCellLink for flush record links in owned cells"
       ],
       "rtl": {
         "inheritsDirection": true,
         "layout": "Headers, cells, search/filter tools, selection, pagination, and actions inherit direction and use logical alignment.",
-        "textDirection": "Each avatarText name and caption uses dir=\"auto\" to resolve its own content direction, so ellipsis preserves the identifying start without changing the mirrored avatar layout.",
+        "textDirection": "Each label and caption in a line + subline cell (avatarText, captioned items and TableCellText) uses dir=\"auto\" to resolve its own content direction, so ellipsis preserves the identifying start without changing the mirrored cell layout.",
         "semantics": "Sortable headers are owned Buttons, selection uses Checkbox, progress cells are named, and row actions expose accessible labels.",
         "narrowContainers": "The toolbar wraps and the table owns local horizontal scrolling instead of overlapping controls or overflowing the page."
       },
       "dependencies": {
+        "@radix-ui/react-slot": "^1.2.3",
         "lucide-react": "^1.17.0"
       },
       "registryDependencies": [
@@ -7146,12 +7443,15 @@
         "Table",
         "DataTable",
         "DataTableSurface",
+        "TableContainer",
         "TableRoot",
         "TableHeader",
         "TableBody",
         "TableRowElement",
         "TableHead",
-        "TableCell"
+        "TableCell",
+        "TableCellText",
+        "TableCellLink"
       ],
       "supportedExports": [
         {
@@ -7167,6 +7467,9 @@
             "DataTableSurface",
             "TableBody",
             "TableCell",
+            "TableCellLink",
+            "TableCellText",
+            "TableContainer",
             "TableHead",
             "TableHeader",
             "TableRoot",
@@ -7216,6 +7519,7 @@
         "--bh-border-default",
         "--bh-border-focus",
         "--bh-border-subtle",
+        "--bh-border-width-default",
         "--bh-content-accent-amber-strong",
         "--bh-content-accent-fuchsia-strong",
         "--bh-content-brand-default",
@@ -7231,6 +7535,8 @@
         "--bh-easing-standard",
         "--bh-focus-ring-width",
         "--bh-font-family",
+        "--bh-font-weight-medium",
+        "--bh-font-weight-regular",
         "--bh-font-weight-semibold",
         "--bh-icon-size-default",
         "--bh-icon-slot-size-default",
@@ -7256,25 +7562,48 @@
         "--bh-space-7xl-40",
         "--bh-space-8xl-48",
         "--bh-space-md-8",
+        "--bh-space-none",
         "--bh-space-sm-6",
         "--bh-space-xl-12",
         "--bh-space-xs-4",
         "--bh-space-xxs-2",
         "--bh-space-xxxs-1",
+        "--bh-table-caption-content",
+        "--bh-table-cell-text-gap",
+        "--bh-table-comfortable-cell-content",
+        "--bh-table-comfortable-cell-padding-x",
+        "--bh-table-comfortable-header-bg",
+        "--bh-table-comfortable-header-content",
+        "--bh-table-comfortable-header-height",
+        "--bh-table-comfortable-min-width",
+        "--bh-table-comfortable-radius",
+        "--bh-table-comfortable-row-height",
+        "--bh-table-container-bg",
+        "--bh-table-container-border",
+        "--bh-table-container-radius",
         "--bh-table-min-width",
         "--bh-table-selection-column-min-width",
         "--bh-text-base-letter-spacing",
         "--bh-text-body-2xs-regular-font-size",
+        "--bh-text-body-2xs-regular-font-weight",
+        "--bh-text-body-2xs-regular-letter-spacing",
         "--bh-text-body-2xs-regular-line-height",
         "--bh-text-body-3xs-regular-font-size",
         "--bh-text-body-3xs-regular-line-height",
         "--bh-text-body-lg-semibold-font-size",
         "--bh-text-body-lg-semibold-font-weight",
         "--bh-text-body-lg-semibold-line-height",
+        "--bh-text-body-md-regular-font-size",
+        "--bh-text-body-md-regular-font-weight",
+        "--bh-text-body-md-regular-letter-spacing",
+        "--bh-text-body-md-regular-line-height",
         "--bh-text-body-md-semibold-font-size",
         "--bh-text-body-md-semibold-font-weight",
         "--bh-text-body-md-semibold-line-height",
+        "--bh-text-body-sm-medium-font-size",
         "--bh-text-body-sm-medium-font-weight",
+        "--bh-text-body-sm-medium-letter-spacing",
+        "--bh-text-body-sm-medium-line-height",
         "--bh-text-body-sm-regular-font-size",
         "--bh-text-body-sm-regular-font-weight",
         "--bh-text-body-sm-regular-line-height",
@@ -7436,6 +7765,40 @@
     "page-header": {
       "description": "Expanded page header composition with breadcrumbs, metadata, description copy, action groups, responsive layout, and content-safe scrollable local tabs.",
       "status": "expanded",
+      "sizes": [
+        "default",
+        "comfortable"
+      ],
+      "defaults": {
+        "sizes": "default"
+      },
+      "props": {
+        "PageHeader.size": {
+          "type": "\"default\" | \"comfortable\"",
+          "default": "default",
+          "description": "comfortable is the page heading inside an app shell whose header carries the breadcrumbs: no block padding, 8px between title and description, 24px between copy and actions, 12px between actions, 40px action Buttons with a 160px minimum width (176px for primary), and no icon or tabs unless passed."
+        },
+        "PageHeader.actions": {
+          "type": "PageHeaderAction[] | ReactNode | false",
+          "default": "[]",
+          "description": "Action data renders secondary Buttons at the header density; pass your own nodes for primary actions or other controls."
+        },
+        "PageHeader.description": {
+          "type": "ReactNode",
+          "default": null,
+          "description": "Inline description content under the title, in body-md and content/subtle."
+        },
+        "PageHeader.children": {
+          "type": "ReactNode",
+          "default": null,
+          "description": "Supporting content under the description, such as status badges, in a wrapping row with 8px gaps."
+        },
+        "PageHeader.title": {
+          "type": "ReactNode",
+          "default": null,
+          "description": "Heading content in heading-md semibold (24/28); inline content such as a record name and its type is allowed."
+        }
+      },
       "states": [
         "default",
         "without-icon",
@@ -7453,7 +7816,9 @@
         "Breadcrumb-owned icon-slot visibility",
         "Button-owned default-density secondary action styling",
         "content-safe horizontal tab overflow",
-        "full-width tab opt-out"
+        "full-width tab opt-out",
+        "comfortable size for app-shell page headings",
+        "custom action nodes and rich descriptions"
       ],
       "rtl": {
         "inheritsDirection": true,
@@ -7502,6 +7867,8 @@
         "--bh-focus-ring-width",
         "--bh-font-family",
         "--bh-icon-stroke-190",
+        "--bh-page-header-comfortable-action-min-width",
+        "--bh-page-header-comfortable-primary-action-min-width",
         "--bh-space-2xl-14",
         "--bh-space-3xl-16",
         "--bh-space-4xl-20",
@@ -7509,6 +7876,7 @@
         "--bh-space-7xl-40",
         "--bh-space-lg-10",
         "--bh-space-md-8",
+        "--bh-space-xl-12",
         "--bh-space-xs-4",
         "--bh-space-xxs-2",
         "--bh-text-body-2xs-regular-font-size",
@@ -7772,7 +8140,8 @@
       "sizes": [
         "md",
         "sm",
-        "xs"
+        "xs",
+        "comfortable"
       ],
       "features": [
         "Radix keyboard behavior",
@@ -7781,7 +8150,8 @@
         "optional panels",
         "content-hug tabs",
         "content-safe full-width tabs",
-        "horizontal overflow without label overlap"
+        "horizontal overflow without label overlap",
+        "comfortable view-navigation size: 48px underline tabs 8px apart, inset indicator, no divider"
       ],
       "rtl": {
         "inheritsDirection": true,