@godxjp/ui 33.15.0 → 33.17.0

package/dist/props/registry.d.ts

@@ -464,6 +464,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "interaction";
         readonly description: "Heading level 1-4 — the semantic element, and the --heading-h* size it takes unless `size` (TextSizeProp) overrides it";
     };
+    readonly HeadingFamilyProp: {
+        readonly file: "vocabulary/interaction.prop.ts";
+        readonly category: "interaction";
+        readonly description: "Heading face display | editorial — editorial reads --font-family-editorial (an opt-in serif for a hero or a public page section), falling back to --font-family-display";
+    };
     readonly TextAlignProp: {
         readonly file: "vocabulary/interaction.prop.ts";
         readonly category: "interaction";
@@ -717,6 +722,64 @@ export declare const VOCABULARY_REGISTRY: {
 };
 export type VocabularyPropName = keyof typeof VOCABULARY_REGISTRY;
 export declare const COMPONENT_PROP_REGISTRY: {
+    readonly DashboardGridProp: {
+        readonly group: "layout";
+        readonly file: "components/dashboard-grid.prop.ts";
+        readonly vocabulary: readonly ["ClassNameProp", "IdProp", {
+            readonly field: "items";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "layout";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "defaultLayout";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "onLayoutChange";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "columns";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "rowHeight";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }, {
+            readonly field: "editable";
+            readonly local: true;
+            readonly reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API.";
+        }];
+    };
+    readonly DashboardGridItemProp: {
+        readonly group: "layout";
+        readonly file: "components/dashboard-grid.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "id";
+            readonly local: true;
+            readonly reason: "Persisted grid cell coordinate or identity.";
+        }, {
+            readonly field: "x";
+            readonly local: true;
+            readonly reason: "Persisted grid cell coordinate or identity.";
+        }, {
+            readonly field: "y";
+            readonly local: true;
+            readonly reason: "Persisted grid cell coordinate or identity.";
+        }, {
+            readonly field: "w";
+            readonly local: true;
+            readonly reason: "Persisted grid cell coordinate or identity.";
+        }, {
+            readonly field: "h";
+            readonly local: true;
+            readonly reason: "Persisted grid cell coordinate or identity.";
+        }];
+    };
     readonly AppProviderProp: {
         readonly group: "app";
         readonly file: "components/app.prop.ts";
@@ -1628,7 +1691,7 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly HeadingProp: {
         readonly group: "general";
         readonly file: "components/general.prop.ts";
-        readonly vocabulary: readonly ["HeadingLevelProp", "TextSizeProp", "TextToneProp", "TextAlignProp", "ClassNameProp"];
+        readonly vocabulary: readonly ["HeadingLevelProp", "HeadingFamilyProp", "TextSizeProp", "TextToneProp", "TextAlignProp", "ClassNameProp"];
     };
     readonly TypographyBlockProp: {
         readonly group: "general";
@@ -2319,7 +2382,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly LineChartProp: {
         readonly group: "data-display";
         readonly file: "components/charts.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
+        readonly vocabulary: readonly [{
+            readonly field: "onDatumSelect";
+            readonly local: true;
+            readonly reason: "Pointer and keyboard datum selection action, independent of dashboard state.";
+        }, "LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
             readonly field: "data";
             readonly local: true;
             readonly reason: "Chart row data (category + value per series).";
@@ -2372,7 +2439,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly BarChartProp: {
         readonly group: "data-display";
         readonly file: "components/charts.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
+        readonly vocabulary: readonly [{
+            readonly field: "onDatumSelect";
+            readonly local: true;
+            readonly reason: "Pointer and keyboard datum selection action, independent of dashboard state.";
+        }, "LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
             readonly field: "data";
             readonly local: true;
             readonly reason: "Chart row data (category + value per series).";
@@ -2462,7 +2533,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly HeatmapChartProp: {
         readonly group: "data-display";
         readonly file: "components/charts.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
+        readonly vocabulary: readonly [{
+            readonly field: "onDatumSelect";
+            readonly local: true;
+            readonly reason: "Pointer and keyboard datum selection action, independent of dashboard state.";
+        }, "LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
             readonly field: "rows";
             readonly local: true;
             readonly reason: "Row categories (y axis) — key + translated label.";
@@ -2499,7 +2574,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly AreaChartProp: {
         readonly group: "data-display";
         readonly file: "components/charts.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
+        readonly vocabulary: readonly [{
+            readonly field: "onDatumSelect";
+            readonly local: true;
+            readonly reason: "Pointer and keyboard datum selection action, independent of dashboard state.";
+        }, "LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
             readonly field: "data";
             readonly local: true;
             readonly reason: "Chart row data (category + value per series).";
@@ -2556,7 +2635,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
     readonly PieChartProp: {
         readonly group: "data-display";
         readonly file: "components/charts.prop.ts";
-        readonly vocabulary: readonly ["LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
+        readonly vocabulary: readonly [{
+            readonly field: "onDatumSelect";
+            readonly local: true;
+            readonly reason: "Pointer and keyboard datum selection action, independent of dashboard state.";
+        }, "LabelProp", "DescriptionProp", "SizeProp", "EmptyMessageProp", "ClassNameProp", "IdProp", {
             readonly field: "data";
             readonly local: true;
             readonly reason: "Chart row data (one slice per row).";

package/dist/props/registry.js

@@ -463,6 +463,11 @@ const VOCABULARY_REGISTRY = {
     category: "interaction",
     description: "Heading level 1-4 \u2014 the semantic element, and the --heading-h* size it takes unless `size` (TextSizeProp) overrides it"
   },
+  HeadingFamilyProp: {
+    file: "vocabulary/interaction.prop.ts",
+    category: "interaction",
+    description: "Heading face display | editorial \u2014 editorial reads --font-family-editorial (an opt-in serif for a hero or a public page section), falling back to --font-family-display"
+  },
   TextAlignProp: {
     file: "vocabulary/interaction.prop.ts",
     category: "interaction",
@@ -717,6 +722,60 @@ const VOCABULARY_REGISTRY = {
   }
 };
 const COMPONENT_PROP_REGISTRY = {
+  DashboardGridProp: {
+    group: "layout",
+    file: "components/dashboard-grid.prop.ts",
+    vocabulary: [
+      "ClassNameProp",
+      "IdProp",
+      {
+        field: "items",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "layout",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "defaultLayout",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "onLayoutChange",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "columns",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "rowHeight",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      },
+      {
+        field: "editable",
+        local: true,
+        reason: "DashboardGrid cell-layout editing contract (#1397), owner-approved lab API."
+      }
+    ]
+  },
+  DashboardGridItemProp: {
+    group: "layout",
+    file: "components/dashboard-grid.prop.ts",
+    vocabulary: [
+      { field: "id", local: true, reason: "Persisted grid cell coordinate or identity." },
+      { field: "x", local: true, reason: "Persisted grid cell coordinate or identity." },
+      { field: "y", local: true, reason: "Persisted grid cell coordinate or identity." },
+      { field: "w", local: true, reason: "Persisted grid cell coordinate or identity." },
+      { field: "h", local: true, reason: "Persisted grid cell coordinate or identity." }
+    ]
+  },
   AppProviderProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ChildrenProp"] },
   ThemeScopeProp: {
     group: "app",
@@ -1831,6 +1890,7 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/general.prop.ts",
     vocabulary: [
       "HeadingLevelProp",
+      "HeadingFamilyProp",
       "TextSizeProp",
       "TextToneProp",
       "TextAlignProp",
@@ -2843,6 +2903,11 @@ const COMPONENT_PROP_REGISTRY = {
     group: "data-display",
     file: "components/charts.prop.ts",
     vocabulary: [
+      {
+        field: "onDatumSelect",
+        local: true,
+        reason: "Pointer and keyboard datum selection action, independent of dashboard state."
+      },
       "LabelProp",
       "DescriptionProp",
       "SizeProp",
@@ -2879,6 +2944,11 @@ const COMPONENT_PROP_REGISTRY = {
     group: "data-display",
     file: "components/charts.prop.ts",
     vocabulary: [
+      {
+        field: "onDatumSelect",
+        local: true,
+        reason: "Pointer and keyboard datum selection action, independent of dashboard state."
+      },
       "LabelProp",
       "DescriptionProp",
       "SizeProp",
@@ -2952,6 +3022,11 @@ const COMPONENT_PROP_REGISTRY = {
     group: "data-display",
     file: "components/charts.prop.ts",
     vocabulary: [
+      {
+        field: "onDatumSelect",
+        local: true,
+        reason: "Pointer and keyboard datum selection action, independent of dashboard state."
+      },
       "LabelProp",
       "DescriptionProp",
       "SizeProp",
@@ -2988,6 +3063,11 @@ const COMPONENT_PROP_REGISTRY = {
     group: "data-display",
     file: "components/charts.prop.ts",
     vocabulary: [
+      {
+        field: "onDatumSelect",
+        local: true,
+        reason: "Pointer and keyboard datum selection action, independent of dashboard state."
+      },
       "LabelProp",
       "DescriptionProp",
       "SizeProp",
@@ -3025,6 +3105,11 @@ const COMPONENT_PROP_REGISTRY = {
     group: "data-display",
     file: "components/charts.prop.ts",
     vocabulary: [
+      {
+        field: "onDatumSelect",
+        local: true,
+        reason: "Pointer and keyboard datum selection action, independent of dashboard state."
+      },
       "LabelProp",
       "DescriptionProp",
       "SizeProp",

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

@@ -2,6 +2,6 @@
 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, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
-export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingCycleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
+export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingCycleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, HeadingFamilyProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbCurrentItemProp, BreadcrumbItemMenuProp, BreadcrumbItemEllipsisProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
 export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableSelectionBuiltInProp, TableSelectAllMatchingProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

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

@@ -82,6 +82,12 @@ export type TextToneProp = "default" | "muted" | "primary" | "success" | "warnin
 export type FontWeightProp = "regular" | "medium" | "semibold" | "bold";
 /** Heading level — drives both the `--heading-h*` size token and the semantic `<h1..h4>` element. */
 export type HeadingLevelProp = 1 | 2 | 3 | 4;
+/**
+ * Which heading face — `display` (default: --font-family-display, every heading) or `editorial`
+ * (--font-family-editorial: an opt-in magazine/serif face for a hero or a public page section,
+ * falling back to the display face until a theme names one).
+ */
+export type HeadingFamilyProp = "display" | "editorial";
 /** Inline text alignment (logical, RTL-safe). */
 export type TextAlignProp = "start" | "center" | "end";
 /**

package/dist/styles/badge-layout.css

@@ -42,6 +42,7 @@
 
   [data-slot="badge"][data-tabular] {
     font-variant-numeric: tabular-nums;
+    font-family: var(--font-family-tabular, inherit);
   }
 
   [data-slot="badge"][data-tinted] {

package/dist/styles/base.css

@@ -251,3 +251,11 @@
     font-family: var(--font-family-mono);
   }
 }
+
+@layer base {
+  @media print {
+    :root {
+      color-scheme: light;
+    }
+  }
+}

package/dist/styles/card-layout.css

@@ -734,3 +734,11 @@
     border-block: var(--stroke-hairline) solid hsl(var(--border));
   }
 }
+
+@layer components {
+  @media print {
+    [data-slot="card"] {
+      break-inside: avoid;
+    }
+  }
+}

package/dist/styles/chart-layout.css

@@ -326,3 +326,31 @@
     calc(var(--radius) / var(--radius-ratio) / var(--radius-ratio))
   );
 }
+
+.ui-chart-datum,
+.ui-chart-heatmap-cell[data-interactive] {
+  cursor: pointer;
+}
+
+.ui-chart-datum:hover,
+.ui-chart-heatmap-cell[data-interactive]:hover {
+  outline: var(--focus-ring-width) solid hsl(var(--focus-ring-color, var(--ring)));
+  outline-offset: var(--focus-ring-offset);
+}
+
+.ui-chart-bar-hit {
+  width: max(var(--chart-mark-width, 0px), var(--touch-target-min));
+  height: max(var(--chart-mark-height, 0px), var(--touch-target-min));
+}
+
+.ui-chart-point-hit {
+  r: calc(var(--touch-target-min) / 2);
+}
+
+.ui-chart-canvas:has(.ui-chart-datum) .recharts-surface {
+  overflow: visible;
+}
+
+.ui-chart-canvas:has(.ui-chart-datum) .recharts-text {
+  direction: ltr;
+}

package/dist/styles/control.css

@@ -3921,3 +3921,85 @@
     }
   }
 }
+
+@layer components {
+  .ui-dashboard-grid,
+  .ui-dashboard-grid-items,
+  .ui-dashboard-grid-item,
+  .ui-dashboard-grid-content {
+    min-inline-size: 0;
+  }
+  .ui-dashboard-grid-items {
+    display: grid;
+    grid-template-columns: repeat(var(--dashboard-grid-columns, 1), minmax(0, 1fr));
+    grid-auto-rows: var(--dashboard-grid-row-height);
+    gap: var(--dashboard-grid-gap);
+  }
+  .ui-dashboard-grid-item {
+    position: relative;
+    border-radius: var(--dashboard-grid-item-radius);
+  }
+  .ui-dashboard-grid-surface {
+    display: flex;
+    flex-direction: column;
+    block-size: 100%;
+  }
+  .ui-dashboard-grid-item .ui-dashboard-grid-header {
+    padding-inline-start: calc(
+      var(--dashboard-grid-handle-size) + var(--dashboard-grid-handle-inset) * 2
+    );
+  }
+  .ui-dashboard-grid-items[data-stacked] {
+    grid-auto-rows: auto;
+  }
+  .ui-dashboard-grid-content {
+    flex: 1;
+    min-block-size: 0;
+    overflow: auto;
+  }
+  .ui-dashboard-grid-item[data-held] {
+    outline: var(--focus-ring-width) solid
+      hsl(var(--dashboard-grid-preview-ring-color, var(--ring)));
+    outline-offset: var(--focus-ring-offset);
+  }
+  .ui-dashboard-grid-move,
+  .ui-dashboard-grid-resize {
+    position: absolute;
+    z-index: 1;
+    inline-size: var(--dashboard-grid-handle-size);
+    block-size: var(--dashboard-grid-handle-size);
+    min-inline-size: var(--touch-target-min);
+    min-block-size: var(--touch-target-min);
+    touch-action: none;
+  }
+  .ui-dashboard-grid-move {
+    inset-block-start: var(--dashboard-grid-handle-inset);
+    inset-inline-start: var(--dashboard-grid-handle-inset);
+    cursor: grab;
+  }
+  .ui-dashboard-grid-resize {
+    inset-block-end: var(--dashboard-grid-handle-inset);
+    inset-inline-end: var(--dashboard-grid-handle-inset);
+    cursor: nwse-resize;
+    opacity: 0;
+  }
+  .ui-dashboard-grid-item:dir(rtl) .ui-dashboard-grid-resize {
+    cursor: nesw-resize;
+    transform: scaleX(-1);
+  }
+  .ui-dashboard-grid-item:hover .ui-dashboard-grid-resize,
+  .ui-dashboard-grid-item:focus-within .ui-dashboard-grid-resize {
+    opacity: 1;
+  }
+  .ui-dashboard-grid-item[data-held] .ui-dashboard-grid-move {
+    cursor: grabbing;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .ui-dashboard-grid-item,
+    .ui-dashboard-grid-move,
+    .ui-dashboard-grid-resize {
+      transition: none;
+      animation: none;
+    }
+  }
+}

package/dist/styles/dialog-layout.css

@@ -53,7 +53,9 @@
 
   [data-slot="dialog-content"] {
     position: fixed;
-    inset-inline-start: 50%;
+
+    inset-inline: 0;
+    margin-inline: auto;
     top: 50%;
     z-index: var(--overlay-z-index);
 
@@ -67,12 +69,14 @@
 
     --tw-animation-duration: var(--dialog-motion-duration, var(--duration-fast));
     max-width: none;
-    transform: translate(-50%, -50%);
+    transform: translateY(-50%);
     gap: var(--dialog-space-gap);
     border: var(--stroke-hairline) solid hsl(var(--border));
 
     background-color: var(--dialog-surface-background, hsl(var(--background)));
 
+    border-radius: var(--dialog-radius, 0px);
+
     color: hsl(var(--foreground));
     padding: var(--dialog-space-inset);
 
@@ -82,7 +86,7 @@
 
   @media (min-width: 640px) {
     [data-slot="dialog-content"] {
-      border-radius: var(--radius-lg, var(--radius));
+      border-radius: var(--dialog-radius, var(--radius-lg, var(--radius)));
     }
   }
 

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "33.15.0",
+  "version": "33.17.0",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -404,6 +404,15 @@
         "data-display-layout.css"
       ]
     },
+    "DashboardGrid": {
+      "layers": [
+        "control.css",
+        "toggle.css",
+        "card-layout.css",
+        "dialog-layout.css",
+        "navigation-layout.css"
+      ]
+    },
     "DataState": {
       "layers": [
         "layout.css",

package/dist/styles/layout.css

@@ -951,6 +951,8 @@
     );
     font-weight: var(--font-weight-semibold);
     line-height: var(--page-title-line-height-display);
+
+    font-family: var(--font-family-editorial, var(--font-family-display));
     text-wrap: balance;
     overflow-wrap: normal;
   }

package/dist/styles/logo-layout.css

@@ -225,21 +225,27 @@
   display: none;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="light"] {
-    display: none;
-  }
-  :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="dark"] {
-    display: block;
+@media not print {
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="light"] {
+      display: none;
+    }
+    :root:not([data-theme="light"]) [data-slot="logo-artwork"][data-scheme="dark"] {
+      display: block;
+    }
   }
 }
 
-.dark [data-slot="logo-artwork"][data-scheme="light"],
-:root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="light"] {
-  display: none;
+@media not print {
+  .dark [data-slot="logo-artwork"][data-scheme="light"],
+  :root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="light"] {
+    display: none;
+  }
 }
 
-.dark [data-slot="logo-artwork"][data-scheme="dark"],
-:root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="dark"] {
-  display: block;
+@media not print {
+  .dark [data-slot="logo-artwork"][data-scheme="dark"],
+  :root[data-theme="dark"] [data-slot="logo-artwork"][data-scheme="dark"] {
+    display: block;
+  }
 }

package/dist/styles/navigation-layout.css

@@ -493,6 +493,8 @@
   }
 
   .ui-pagination {
+
+    padding-inline: 0;
     scroll-padding: calc(var(--focus-ring-weight) + var(--focus-outline-offset));
     max-inline-size: 100%;
     overflow-x: auto;

package/dist/styles/shell-layout.css

@@ -2086,7 +2086,14 @@
     min-inline-size: var(--topbar-item-min-width);
   }
 
-  .ui-topbar-start > :last-child:not(:is(button, a, [role="button"], .ui-button)) {
+  .ui-topbar-start:has(
+    > :last-child:is(button, a, [role="button"], .ui-button, .ui-topbar-search)
+  ) {
+    min-inline-size: min-content;
+  }
+
+  .ui-topbar-start
+    > :last-child:not(:is(button, a, [role="button"], .ui-button, .ui-topbar-search)) {
     max-width: 100%;
     min-width: 0;
     flex: 0 1 auto;
@@ -2804,3 +2811,35 @@
     grid-template-areas: "topbar" "main" "footer";
   }
 }
+
+@layer components {
+  @media print {
+    html,
+    body,
+    .app-root,
+    .app-root > .app-main {
+      background: hsl(var(--background));
+    }
+    .app-root {
+      display: block;
+      height: auto;
+      min-height: 0;
+      overflow: visible;
+    }
+    .app-root[data-responsive-navigation]
+      > :is(.app-sidebar, .app-topbar, .app-nav-rail, .app-footer),
+    .app-breadcrumb,
+    .app-mobile-nav-drawer {
+      display: none;
+    }
+    .app-root > .app-main {
+      width: auto;
+      max-width: none;
+      height: auto;
+      min-height: 0;
+      overflow: visible;
+      contain: none;
+      background-image: none;
+    }
+  }
+}