@riverbankcms/sdk 0.129.1 → 0.130.0

package/dist/styles/index.css

@@ -537,6 +537,9 @@
       .rb-md-grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
       }
+      .rb-md-col-span-2 {
+        grid-column: span 2 / span 2;
+      }
     }
   }
   @media (min-width: 1024px) {
@@ -550,6 +553,9 @@
       .rb-lg-grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
       }
+      .rb-lg-grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr));
+      }
       .rb-lg-w-3\/4 {
         width: 75%;
       }
@@ -565,6 +571,9 @@
       .rb-lg-col-span-4 {
         grid-column: span 4 / span 4;
       }
+      .rb-lg-col-span-5 {
+        grid-column: span 5 / span 5;
+      }
     }
   }
   @media (min-width: 1280px) {
@@ -7974,7 +7983,8 @@
 :where(.theme-scope) .shop--register .shop__card-name,
 :where(.theme-scope) .shop--register .shop__card-price,
 :where(.theme-scope) .shop--register .shop__card-details,
-:where(.theme-scope) .shop--register .shop__cta {
+:where(.theme-scope) .shop--register .shop__cta,
+:where(.theme-scope) .shop--register .shop__purchase-unavailable {
   margin: 0;
 }
 
@@ -8010,7 +8020,8 @@
   font-size: 0.86rem;
 }
 
-:where(.theme-scope) .shop--register .shop__cta {
+:where(.theme-scope) .shop--register .shop__cta,
+:where(.theme-scope) .shop--register .shop__purchase-unavailable {
   grid-column: 4;
   grid-row: 1;
   align-self: center;
@@ -8041,7 +8052,8 @@
     grid-row: 2;
   }
 
-  :where(.theme-scope) .shop--register .shop__cta {
+  :where(.theme-scope) .shop--register .shop__cta,
+  :where(.theme-scope) .shop--register .shop__purchase-unavailable {
     grid-column: 1 / -1;
     grid-row: 3;
     justify-self: start;
@@ -8133,6 +8145,13 @@
   align-self: flex-start;
 }
 
+:where(.theme-scope) .shop__purchase-unavailable {
+  margin: auto 0 0;
+  color: var(--rb-surface-supporting-color, rgb(var(--tb-mutedText)));
+  font-size: 0.875rem;
+  line-height: 1.4;
+}
+
 /* Responsive grid */
 @media (max-width: 768px) {
   :where(.theme-scope) .shop__products--grid {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.129.1",
+  "version": "0.130.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",

package/dist/_dts/preview-next/src/client/preview/siteChromeLookRows.d.ts

@@ -1,66 +0,0 @@
-import { type CuratedSiteStyle } from '../../../../theme-core/src/site-styles/previewCompiler';
-import { type FooterLookId, type HeaderLayoutId, type HeaderLookId, type HeaderSelectionContext, type HeaderStyleAvailability, type HeaderStyleId, type LookCustomizationWritePlan } from '../../../../theme-core/src/site-styles/index';
-import type { SelectionSnapshot, StyleConfiguratorState } from './StyleConfigurator.state';
-export type SiteChromeLookUnavailableReason = Extract<HeaderStyleAvailability, {
-    kind: 'unavailable';
-}>['reason'] | 'unknown-header-style';
-type SiteChromeLookOptionBase<TId extends string | null> = Readonly<{
-    id: TId;
-    label: string;
-    description?: string;
-}>;
-export type SiteChromeLookOption<TId extends string | null> = SiteChromeLookOptionBase<TId> & (Readonly<{
-    available: true;
-    unavailableReason?: never;
-}> | Readonly<{
-    available: false;
-    unavailableReason: SiteChromeLookUnavailableReason;
-}>);
-export type SiteChromeLookCatalogOption<TId extends string> = Readonly<{
-    id: TId;
-    label: string;
-}>;
-export type SiteChromeLookRowModel<TId extends string> = Readonly<{
-    options: readonly SiteChromeLookOption<TId | null>[];
-    diagnostics: readonly string[];
-    renderedLookId: TId;
-}>;
-export type SiteChromeLookModels = Readonly<{
-    headerLayout: Readonly<{
-        options: readonly SiteChromeLookOption<HeaderLayoutId>[];
-        renderedLayoutId: HeaderLayoutId;
-    }>;
-    headerStyle: Readonly<{
-        options: readonly SiteChromeLookOption<HeaderStyleId>[];
-        renderedStyleId: HeaderStyleId;
-    }>;
-    footer: SiteChromeLookRowModel<FooterLookId>;
-}>;
-type SiteChromeLookModelInput = Readonly<{
-    state: StyleConfiguratorState;
-    siteStyle: CuratedSiteStyle;
-    headerSelectionContext?: Partial<HeaderSelectionContext>;
-}>;
-export declare function buildSiteChromeLookModels(input: SiteChromeLookModelInput): SiteChromeLookModels;
-export declare function siteChromeLookUnavailableReasonLabel(reason: SiteChromeLookUnavailableReason): string;
-export declare function cycleSiteChromeLookId<TId extends string>(options: readonly SiteChromeLookOption<TId | null>[], currentId: TId | null, direction: 'prev' | 'next'): TId | null | undefined;
-export declare function cycleableSiteChromeOptions<TId extends string>(options: readonly SiteChromeLookOption<TId | null>[]): readonly SiteChromeLookOption<TId | null>[];
-export type SiteChromeLookSelectionCommand = Readonly<{
-    surface: 'header';
-    layoutId: HeaderLayoutId;
-    styleId: HeaderStyleId;
-}> | Readonly<{
-    surface: 'footer';
-    lookId: FooterLookId | null;
-}>;
-export type SiteChromeLookSelectionPlan = Readonly<{
-    kind: 'header';
-    writePlan: LookCustomizationWritePlan<HeaderLookId>;
-    next: Pick<SelectionSnapshot, 'headerLayoutId' | 'headerStyleId' | 'headerLookId'>;
-}> | Readonly<{
-    kind: 'footer';
-    writePlan: LookCustomizationWritePlan<FooterLookId>;
-    next: Pick<SelectionSnapshot, 'footerLookId'>;
-}>;
-export declare function planSiteChromeLookSelection(command: SiteChromeLookSelectionCommand): SiteChromeLookSelectionPlan;
-export {};

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

@@ -1,254 +0,0 @@
-import type { HeaderLayoutDefinition, HeaderLayoutId, HeaderLayoutStyleCuration, HeaderLayoutStyleResolution, HeaderLayoutStyleSelection, HeaderLookId, HeaderStyleDefinition, HeaderStyleId } from './headerLookTypes';
-export declare const headerLayoutCatalog: readonly [{
-    readonly id: HeaderLayoutId;
-    readonly label: "Classic";
-    readonly description: "Logo and navigation in one practical horizontal row.";
-    readonly variant: "classic";
-    readonly defaultPositioning: "sticky";
-    readonly shrinkOnScroll: false;
-}, {
-    readonly id: HeaderLayoutId;
-    readonly label: "Centered";
-    readonly description: "Logo centered above a balanced navigation row.";
-    readonly variant: "centered";
-    readonly defaultPositioning: "static";
-    readonly shrinkOnScroll: false;
-    readonly maxRecommendedNavItems: 5;
-    readonly allowedLogoShapes: readonly ["none", "text-only", "horizontal", "square"];
-}, {
-    readonly id: HeaderLayoutId;
-    readonly label: "Floating";
-    readonly description: "Detached header chrome that sits over the opening section.";
-    readonly variant: "floating";
-    readonly defaultPositioning: "sticky";
-    readonly shrinkOnScroll: true;
-    readonly maxRecommendedNavItems: 5;
-    readonly allowedLogoShapes: readonly ["none", "text-only", "horizontal"];
-}];
-export declare const headerStyleCatalog: readonly [{
-    readonly id: HeaderStyleId;
-    readonly label: "Minimal";
-    readonly description: "Quiet surface with simple color-change navigation.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "color-change";
-    readonly surface: "neutral";
-    readonly defaultDepth: "none";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["calm", "professional", "editorial"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Seamless";
-    readonly description: "Borderless surface with underline hover for a quieter page transition.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "underline-grow";
-    readonly surface: "neutral";
-    readonly defaultDepth: "none";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["calm", "professional", "editorial"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Soft Bar";
-    readonly description: "Soft tinted surface with gentle pill hover states.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "soft";
-    readonly defaultDepth: "line";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["calm", "professional"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Pill Nav";
-    readonly description: "A calm pill navigation rail over a neutral header.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "soft";
-    readonly defaultDepth: "none";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["calm"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Brand Bar";
-    readonly description: "Solid brand surface with high-contrast navigation.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "color-change";
-    readonly surface: "brand-solid";
-    readonly defaultDepth: "none";
-    readonly navTypography: "brand-caps";
-    readonly moods: readonly ["professional", "expressive", "utility"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Brand Underline";
-    readonly description: "Brand surface with underline-grow navigation.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "underline-grow";
-    readonly surface: "brand-solid";
-    readonly defaultDepth: "none";
-    readonly navTypography: "brand-caps";
-    readonly moods: readonly ["expressive"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Brand Pill";
-    readonly description: "Solid brand surface with rounded active and hover states.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "brand-solid";
-    readonly defaultDepth: "none";
-    readonly navTypography: "brand-caps";
-    readonly moods: readonly ["expressive"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Brand Capsule";
-    readonly description: "Solid brand chrome designed as a floating capsule, with quiet-caps nav, a soft pill active state, and an inverted CTA pill.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "brand-solid";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "quiet-caps";
-    readonly moods: readonly ["expressive", "professional"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Serif Line";
-    readonly description: "Typographic logo treatment with understated underline navigation.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "underline-grow";
-    readonly surface: "bordered";
-    readonly defaultDepth: "line";
-    readonly navTypography: "heading";
-    readonly moods: readonly ["editorial", "calm"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Flat Tabs";
-    readonly description: "Flat block hover and active states with a Swiss utility feel.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "flat-block";
-    readonly surface: "bordered";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "quiet-caps";
-    readonly moods: readonly ["professional", "utility", "expressive"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Glass";
-    readonly description: "Translucent chrome with frosted navigation backing.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "glass-backed";
-    readonly surface: "floating";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["expressive", "calm"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Clear Split";
-    readonly description: "Floating logo with transparent navigation and no shared shell.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "floating";
-    readonly defaultDepth: "line";
-    readonly navTypography: "plain";
-    readonly openingForegroundTarget: "all";
-    readonly scrollTreatment: "contrast-glass";
-    readonly interactionPalette: Readonly<{
-        id: "interaction-palette";
-        label: string;
-        options: readonly [import("../../../blocks/src/index").HeaderInteractionPaletteOption, ...import("../../../blocks/src/index").HeaderInteractionPaletteOption[]];
-        defaultOptionId: "accent" | "primary" | "secondary";
-    }>;
-    readonly moods: readonly ["editorial", "calm"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Soft Shell";
-    readonly description: "Floating rounded shell with soft pill navigation states.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "floating";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "plain";
-    readonly moods: readonly ["calm", "professional"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Split Glass";
-    readonly description: "Logo floats independently while the navigation sits in a glass rail.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "glass-backed";
-    readonly surface: "floating";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "quiet-caps";
-    readonly openingForegroundTarget: "brand-only";
-    readonly moods: readonly ["expressive"];
-}, {
-    readonly id: HeaderStyleId;
-    readonly label: "Split Pill";
-    readonly description: "Logo floats independently with a soft pill-backed navigation rail.";
-    readonly supportedLayoutIds: readonly HeaderLayoutId[];
-    readonly navInteraction: "pill-background";
-    readonly surface: "floating";
-    readonly defaultDepth: "shadow";
-    readonly navTypography: "heading";
-    readonly openingForegroundTarget: "brand-only";
-    readonly moods: readonly ["calm", "editorial"];
-}];
-export declare const legacyHeaderLookAliases: readonly [{
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}, {
-    readonly lookId: HeaderLookId;
-    readonly selection: {
-        readonly layoutId: HeaderLayoutId;
-        readonly styleId: HeaderStyleId;
-    };
-}];
-export declare function getHeaderLayout(id: HeaderLayoutId): HeaderLayoutDefinition | null;
-export declare function getHeaderStyle(id: HeaderStyleId): HeaderStyleDefinition | null;
-export declare function isHeaderStyleCompatibleWithLayout(style: HeaderStyleDefinition, layoutId: HeaderLayoutId): boolean;
-export declare function headerLayoutSupportsBarFrame(layoutId: HeaderLayoutId): boolean;
-export declare function resolveLegacyHeaderLookAlias(lookId: HeaderLookId): HeaderLayoutStyleSelection | null;
-export declare function findLegacyHeaderLookIdForSelection(selection: HeaderLayoutStyleSelection): HeaderLookId | null;
-export declare function getCompatibleHeaderStyleIds(layoutId: HeaderLayoutId): readonly HeaderStyleId[];
-export declare function getOrderedHeaderLayoutIdsForCuration(curation: HeaderLayoutStyleCuration): readonly HeaderLayoutId[];
-export declare function getOrderedHeaderStyleIdsForLayout(curation: HeaderLayoutStyleCuration, layoutId: HeaderLayoutId): readonly HeaderStyleId[];
-export declare function deriveNearestCompatibleHeaderStyle(styleId: HeaderStyleId, layoutId: HeaderLayoutId): HeaderStyleId;
-export declare function resolveHeaderLayoutStyleSelection(selection: HeaderLayoutStyleSelection): HeaderLayoutStyleResolution;