@riverbankcms/sdk 0.144.0 → 0.145.0

package/dist/_dts/theme-core/src/site-styles/sectionTransitions.d.ts

@@ -1,4 +1,5 @@
 import { type BoundaryOptionId, type NonEmptyReadonlyArray, type SiteStyleSectionTransitionIntent } from './types';
+import { type DecorativeTransitionFamilyId, type DecorativeTransitionIntent, type TransitionCatalogueEntry } from './transitionCatalogue';
 export type BoundaryEdgeHeight = 'compact' | 'medium' | 'large' | 'expansive';
 export type FadeCurve = 'soft' | 'spacious' | 'expansive';
 export type WaveAmplitude = 'subtle' | 'balanced' | 'bold';
@@ -51,535 +52,96 @@ export type SectionTransitionFamily = Readonly<{
 }>;
 export type SectionBoundaryRuntimeSize = 'compact' | 'medium' | 'large' | 'spacious' | 'expansive';
 export type SectionBoundaryRuntimeMetrics = Readonly<{
-    family: Exclude<SectionTransitionFamilyId, 'none'>;
+    family: DecorativeTransitionFamilyId;
     size: SectionBoundaryRuntimeSize;
     heightCss: string;
     reserveCss: string;
 }>;
-export declare const sectionBoundaryRuntimeMetricsByTransition: {
-    readonly none: null;
-    readonly 'soft-fade-short': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'soft-fade-long': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'soft-fade-expansive': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'wave-edge': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'wave-edge-balanced': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'wave-edge-gentle': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'wave-edge-bold': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'wave-edge-drift': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'angle-edge': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'angle-edge-subtle': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-    readonly 'angle-edge-steep': Readonly<{
-        family: Exclude<SectionTransitionFamilyId, "none">;
-        size: SectionBoundaryRuntimeSize;
-        heightCss: string;
-        reserveCss: string;
-    }>;
-};
-export declare function boundaryRuntimeMetricsForTransition(transition: SiteStyleSectionTransitionIntent): SectionBoundaryRuntimeMetrics | null;
-export declare const noneBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "None";
-    readonly transitionAfter: "none";
-    readonly treatment: {
-        readonly kind: "none";
-    };
-};
-export declare const softBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Soft";
-    readonly transitionAfter: "soft-fade-short";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "medium";
-        readonly curve: "soft";
-    };
-};
-export declare const spaciousBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Spacious";
-    readonly transitionAfter: "soft-fade-long";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "large";
-        readonly curve: "spacious";
-    };
-};
-export declare const expansiveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Expansive";
-    readonly transitionAfter: "soft-fade-expansive";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "expansive";
-        readonly curve: "expansive";
-    };
-};
-export declare const waveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Classic wave";
-    readonly transitionAfter: "wave-edge";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "asymmetrical";
-    };
-};
-export declare const balancedWaveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Balanced wave";
-    readonly transitionAfter: "wave-edge-balanced";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "symmetrical";
-    };
-};
-export declare const gentleWaveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Gentle wave";
-    readonly transitionAfter: "wave-edge-gentle";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "compact";
-        readonly amplitude: "subtle";
-        readonly rhythm: "single";
-        readonly symmetry: "symmetrical";
-    };
-};
-export declare const boldWaveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Bold wave";
-    readonly transitionAfter: "wave-edge-bold";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "large";
-        readonly amplitude: "bold";
-        readonly rhythm: "double";
-        readonly symmetry: "symmetrical";
-    };
-};
-export declare const driftWaveBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Drift wave";
-    readonly transitionAfter: "wave-edge-drift";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "drift";
-    };
-};
-export declare const subtleAngleBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Subtle angle";
-    readonly transitionAfter: "angle-edge-subtle";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "compact";
-        readonly slope: "subtle";
-        readonly direction: "forward";
-    };
-};
-export declare const balancedAngleBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Balanced angle";
-    readonly transitionAfter: "angle-edge";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "medium";
-        readonly slope: "balanced";
-        readonly direction: "forward";
-    };
-};
-export declare const steepAngleBoundaryOption: {
-    readonly id: BoundaryOptionId;
-    readonly label: "Steep angle";
-    readonly transitionAfter: "angle-edge-steep";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "large";
-        readonly slope: "steep";
-        readonly direction: "forward";
-    };
-};
-export declare const sectionTransitionFamilies: readonly [{
-    readonly id: "none";
-    readonly label: "None";
-    readonly variants: readonly [{
-        readonly familyId: "none";
-        readonly variantId: "none";
-        readonly label: "None";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "None";
-            readonly transitionAfter: "none";
-            readonly treatment: {
-                readonly kind: "none";
-            };
-        };
-    }];
-}, {
-    readonly id: "gradient";
-    readonly label: "Gradient";
-    readonly variants: readonly [{
-        readonly familyId: "gradient";
-        readonly variantId: "soft";
-        readonly label: "Soft";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Soft";
-            readonly transitionAfter: "soft-fade-short";
-            readonly treatment: {
-                readonly kind: "soft-fade";
-                readonly height: "medium";
-                readonly curve: "soft";
-            };
-        };
-    }, {
-        readonly familyId: "gradient";
-        readonly variantId: "spacious";
-        readonly label: "Spacious";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Spacious";
-            readonly transitionAfter: "soft-fade-long";
-            readonly treatment: {
-                readonly kind: "soft-fade";
-                readonly height: "large";
-                readonly curve: "spacious";
-            };
-        };
-    }, {
-        readonly familyId: "gradient";
-        readonly variantId: "expansive";
-        readonly label: "Expansive";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Expansive";
-            readonly transitionAfter: "soft-fade-expansive";
-            readonly treatment: {
-                readonly kind: "soft-fade";
-                readonly height: "expansive";
-                readonly curve: "expansive";
-            };
-        };
-    }];
-}, {
-    readonly id: "wave";
-    readonly label: "Wave";
-    readonly variants: readonly [{
-        readonly familyId: "wave";
-        readonly variantId: "balanced";
-        readonly label: "Balanced";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Balanced wave";
-            readonly transitionAfter: "wave-edge-balanced";
-            readonly treatment: {
-                readonly kind: "wave-edge";
-                readonly height: "medium";
-                readonly amplitude: "balanced";
-                readonly rhythm: "double";
-                readonly symmetry: "symmetrical";
-            };
-        };
-    }, {
-        readonly familyId: "wave";
-        readonly variantId: "classic";
-        readonly label: "Classic";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Classic wave";
-            readonly transitionAfter: "wave-edge";
-            readonly treatment: {
-                readonly kind: "wave-edge";
-                readonly height: "medium";
-                readonly amplitude: "balanced";
-                readonly rhythm: "double";
-                readonly symmetry: "asymmetrical";
-            };
-        };
-    }, {
-        readonly familyId: "wave";
-        readonly variantId: "gentle";
-        readonly label: "Gentle";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Gentle wave";
-            readonly transitionAfter: "wave-edge-gentle";
-            readonly treatment: {
-                readonly kind: "wave-edge";
-                readonly height: "compact";
-                readonly amplitude: "subtle";
-                readonly rhythm: "single";
-                readonly symmetry: "symmetrical";
-            };
-        };
-    }, {
-        readonly familyId: "wave";
-        readonly variantId: "bold";
-        readonly label: "Bold";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Bold wave";
-            readonly transitionAfter: "wave-edge-bold";
-            readonly treatment: {
-                readonly kind: "wave-edge";
-                readonly height: "large";
-                readonly amplitude: "bold";
-                readonly rhythm: "double";
-                readonly symmetry: "symmetrical";
-            };
-        };
-    }, {
-        readonly familyId: "wave";
-        readonly variantId: "drift";
-        readonly label: "Drift";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Drift wave";
-            readonly transitionAfter: "wave-edge-drift";
-            readonly treatment: {
-                readonly kind: "wave-edge";
-                readonly height: "medium";
-                readonly amplitude: "balanced";
-                readonly rhythm: "double";
-                readonly symmetry: "drift";
-            };
-        };
-    }];
-}, {
-    readonly id: "angle";
-    readonly label: "Angle";
-    readonly variants: readonly [{
-        readonly familyId: "angle";
-        readonly variantId: "subtle";
-        readonly label: "Subtle";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Subtle angle";
-            readonly transitionAfter: "angle-edge-subtle";
-            readonly treatment: {
-                readonly kind: "angle-edge";
-                readonly height: "compact";
-                readonly slope: "subtle";
-                readonly direction: "forward";
-            };
-        };
-    }, {
-        readonly familyId: "angle";
-        readonly variantId: "balanced";
-        readonly label: "Balanced";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Balanced angle";
-            readonly transitionAfter: "angle-edge";
-            readonly treatment: {
-                readonly kind: "angle-edge";
-                readonly height: "medium";
-                readonly slope: "balanced";
-                readonly direction: "forward";
-            };
-        };
-    }, {
-        readonly familyId: "angle";
-        readonly variantId: "steep";
-        readonly label: "Steep";
-        readonly boundaryOption: {
-            readonly id: BoundaryOptionId;
-            readonly label: "Steep angle";
-            readonly transitionAfter: "angle-edge-steep";
-            readonly treatment: {
-                readonly kind: "angle-edge";
-                readonly height: "large";
-                readonly slope: "steep";
-                readonly direction: "forward";
-            };
-        };
-    }];
-}];
+export declare function transitionCatalogueEntryForIntent(intent: DecorativeTransitionIntent): TransitionCatalogueEntry;
+export declare function isDecorativeTransitionIntent(transition: SiteStyleSectionTransitionIntent): transition is DecorativeTransitionIntent;
+export declare function boundaryRuntimeMetricsForDecorativeTransition(transition: DecorativeTransitionIntent): SectionBoundaryRuntimeMetrics;
+export declare const noneBoundaryOption: BoundaryOption;
+export declare function boundaryOptionForTransitionIntent(intent: DecorativeTransitionIntent): BoundaryOption;
+export declare const softBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const spaciousBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const expansiveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const waveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const balancedWaveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const gentleWaveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const boldWaveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const driftWaveBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const subtleAngleBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const balancedAngleBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
+export declare const steepAngleBoundaryOption: Readonly<{
+    id: BoundaryOptionId;
+    label: string;
+    transitionAfter: SiteStyleSectionTransitionIntent;
+    treatment: SectionBoundaryTreatment;
+}>;
 /**
  * Must remain non-empty; downstream code indexes `[0]` as the documented default.
  */
-export declare const boundaryOptions: readonly [{
-    readonly id: BoundaryOptionId;
-    readonly label: "None";
-    readonly transitionAfter: "none";
-    readonly treatment: {
-        readonly kind: "none";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Soft";
-    readonly transitionAfter: "soft-fade-short";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "medium";
-        readonly curve: "soft";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Spacious";
-    readonly transitionAfter: "soft-fade-long";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "large";
-        readonly curve: "spacious";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Expansive";
-    readonly transitionAfter: "soft-fade-expansive";
-    readonly treatment: {
-        readonly kind: "soft-fade";
-        readonly height: "expansive";
-        readonly curve: "expansive";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Balanced wave";
-    readonly transitionAfter: "wave-edge-balanced";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "symmetrical";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Classic wave";
-    readonly transitionAfter: "wave-edge";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "asymmetrical";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Gentle wave";
-    readonly transitionAfter: "wave-edge-gentle";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "compact";
-        readonly amplitude: "subtle";
-        readonly rhythm: "single";
-        readonly symmetry: "symmetrical";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Bold wave";
-    readonly transitionAfter: "wave-edge-bold";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "large";
-        readonly amplitude: "bold";
-        readonly rhythm: "double";
-        readonly symmetry: "symmetrical";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Drift wave";
-    readonly transitionAfter: "wave-edge-drift";
-    readonly treatment: {
-        readonly kind: "wave-edge";
-        readonly height: "medium";
-        readonly amplitude: "balanced";
-        readonly rhythm: "double";
-        readonly symmetry: "drift";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Subtle angle";
-    readonly transitionAfter: "angle-edge-subtle";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "compact";
-        readonly slope: "subtle";
-        readonly direction: "forward";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Balanced angle";
-    readonly transitionAfter: "angle-edge";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "medium";
-        readonly slope: "balanced";
-        readonly direction: "forward";
-    };
-}, {
-    readonly id: BoundaryOptionId;
-    readonly label: "Steep angle";
-    readonly transitionAfter: "angle-edge-steep";
-    readonly treatment: {
-        readonly kind: "angle-edge";
-        readonly height: "large";
-        readonly slope: "steep";
-        readonly direction: "forward";
-    };
-}];
+export declare const boundaryOptions: NonEmptyReadonlyArray<BoundaryOption>;
+export declare const sectionTransitionFamilies: NonEmptyReadonlyArray<SectionTransitionFamily>;
 export declare function sectionTransitionVariantForBoundaryOptionId(boundaryOptionId: BoundaryOptionId | null): SectionTransitionVariant | null;
 export declare function boundaryTreatmentForBoundaryOptionId(boundaryOptionId: BoundaryOptionId): SectionBoundaryTreatment;
 export declare function boundaryOptionForTreatment(treatment: SectionBoundaryTreatment): BoundaryOption | null;
 export declare function boundaryOptionIdForTreatment(treatment: SectionBoundaryTreatment): BoundaryOptionId | null;
+/**
+ * Supported decorative intent for a structured treatment, or null for `none`,
+ * legacy-unsupported pins and structured treatments the catalogue lacks.
+ */
+export declare function transitionIntentForTreatment(treatment: SectionBoundaryTreatment): DecorativeTransitionIntent | null;
 export declare function sectionBoundaryTreatmentsEqual(left: SectionBoundaryTreatment, right: SectionBoundaryTreatment): boolean;
 export declare function sectionTransitionFamilyForBoundaryOptionId(boundaryOptionId: BoundaryOptionId | null): SectionTransitionFamily | null;
 export declare function defaultSectionTransitionVariantForFamily(familyId: SectionTransitionFamilyId): SectionTransitionVariant;

package/dist/_dts/theme-core/src/site-styles/siteStyleBlockPolicies.d.ts

@@ -58,10 +58,6 @@ export type PageDesignPolicyAuditIssue<TBlockId extends DesignBlockId = DesignBl
 }>;
 export declare function siteStyleBlockPolicies(): readonly RegisteredSiteStyleBlockPolicy[];
 export declare function buildInitialPolicyPageDesignIntent(siteStyleId: SiteStyleId): PageDesignIntent;
-export declare function hasPolicyForBlocks(input: Readonly<{
-    siteStyleId: SiteStyleId;
-    blocks: readonly PageDesignBlockDescriptor[];
-}>): boolean;
 export declare function deriveSiteStyleBlockPolicy(input: Readonly<{
     siteStyleId: SiteStyleId;
     blockKind: string;
@@ -73,6 +69,15 @@ export declare function isLookAllowedByPolicy(policy: SiteStyleBlockPolicy, look
 export declare function filterLookIdsForPolicy<TLook extends Readonly<{
     id: AppearancePresetId;
 }>>(policy: SiteStyleBlockPolicy, looks: readonly TLook[]): readonly TLook[];
+/**
+ * Writes the look pins a locked-look site style requires.
+ *
+ * Boundary pins are never written: a site style's default break after a block
+ * is resolved at read time by `resolveJoinTreatment`, so it shows as a default
+ * and follows later changes to the style (issue 1422). Pins already stored,
+ * including ones an earlier version wrote on the style's behalf, are left as
+ * they are.
+ */
 export declare function applySiteStyleBlockPoliciesToPageDesignIntent<TBlockId extends DesignBlockId>(intent: PageDesignIntent<TBlockId>, blocks: readonly PageDesignBlockDescriptor<TBlockId>[]): PageDesignIntent<TBlockId>;
 export declare function planBlockContentVariantPolicyUpdate(input: Readonly<{
     policy: SiteStyleBlockPolicy;