@riverbankcms/sdk 0.60.0 → 0.60.3

package/dist/_dts/theme-core/src/index.d.ts

@@ -3,19 +3,20 @@
  *
  * Re-exports commonly used theme utilities, types, and components.
  */
-export * from './schema';
-export * from './fonts';
-export { ThemeScope } from './ThemeScope';
-export { DEFAULT_THEME_RESPONSIVE_MODE, type ThemeResponsiveMode, } from './responsiveMode';
-export * from './responsive/breakpoints';
-export { ThemeFontLoader, ThemeFontLoaderFromTheme, getThemeFontLoadingOptions, type ThemeFontLoadingOptions, type ThemeFontLoaderFromThemeProps, } from './ThemeFontLoader';
-export { ThemeScopeCore, type ThemeScopeCoreProps } from './ThemeScopeCore';
-export { type ThemeDataAttrs } from './themeScopeUtils';
-export { buildThemeRuntime } from './runtime/buildThemeRuntime';
-export { buildThemeRuntimeFromBridge, type ThemeBridgeConfigMinimal, } from './runtime/buildThemeRuntimeFromBridge';
-export type { CornerStyle, ShadowSize, TextTransform, FontWeight, HoverTransform, HoverColor, GradientStyle, GradientSharpness, GradientDirection, ButtonVariant, ButtonSystem, } from './buttons/types';
-export { mockThemes } from './mock-themes/all';
-export { modernMinimalTheme } from './mock-themes/modern-minimal';
-export { classicProfessionalTheme } from './mock-themes/classic-professional';
-export { vibrantCreativeTheme } from './mock-themes/vibrant-creative';
-export * from './customCss';
+export * from "./schema";
+export * from "./fonts";
+export { ThemeScope } from "./ThemeScope";
+export { DEFAULT_THEME_RESPONSIVE_MODE, THEME_RESPONSIVE_CONTAINER_NAME, getResponsiveScopeSpec, type ResponsiveScopeSpec, type ThemeResponsiveMode, } from "./responsiveMode";
+export { desktopOnlyDisplay, mobileOnlyDisplay, type ResponsiveDisplay, } from "./responsiveDisplay";
+export * from "./responsive/breakpoints";
+export { ThemeFontLoader, ThemeFontLoaderFromTheme, getThemeFontLoadingOptions, type ThemeFontLoadingOptions, type ThemeFontLoaderFromThemeProps, } from "./ThemeFontLoader";
+export { ThemeScopeCore, type ThemeScopeCoreProps } from "./ThemeScopeCore";
+export { type ThemeDataAttrs } from "./themeScopeUtils";
+export { buildThemeRuntime } from "./runtime/buildThemeRuntime";
+export { buildThemeRuntimeFromBridge, type ThemeBridgeConfigMinimal, } from "./runtime/buildThemeRuntimeFromBridge";
+export type { CornerStyle, ShadowSize, TextTransform, FontWeight, HoverTransform, HoverColor, GradientStyle, GradientSharpness, GradientDirection, ButtonVariant, ButtonSystem, } from "./buttons/types";
+export { mockThemes } from "./mock-themes/all";
+export { modernMinimalTheme } from "./mock-themes/modern-minimal";
+export { classicProfessionalTheme } from "./mock-themes/classic-professional";
+export { vibrantCreativeTheme } from "./mock-themes/vibrant-creative";
+export * from "./customCss";

package/dist/_dts/theme-core/src/mock-themes/all.d.ts

@@ -512,6 +512,8 @@ export declare const mockThemes: {
                     hoverColor: "none" | "token" | "darken" | "brighten" | "saturate";
                     cornerRadius?: number | undefined;
                     typography?: "body" | "heading" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "normal" | "loose" | "tight" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "compact" | "spacious" | "default" | undefined;
                     hoverColorToken?: string | undefined;
@@ -535,7 +537,7 @@ export declare const mockThemes: {
                         type: "transparent";
                     };
                     textColorToken: string;
-                    borderRadius: string;
+                    borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "low" | "high";
                         softness: "soft" | "crisp" | "hard" | null;
@@ -545,8 +547,6 @@ export declare const mockThemes: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
-                    padding?: string | undefined;
-                    fontSize?: string | undefined;
                     hoverBackgroundToken?: string | undefined;
                     effects?: {
                         base?: {
@@ -566,6 +566,24 @@ export declare const mockThemes: {
                             options?: Record<string, any> | undefined;
                         }[] | undefined;
                     } | undefined;
+                    sizes?: {
+                        sm?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        md?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        lg?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        xl?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                    } | undefined;
                 }[];
                 sizes?: {
                     sm: {
@@ -580,10 +598,10 @@ export declare const mockThemes: {
                         padding: string;
                         fontSize?: string | undefined;
                     };
-                    xl?: {
+                    xl: {
                         padding: string;
                         fontSize?: string | undefined;
-                    } | undefined;
+                    };
                 } | undefined;
             } | undefined;
             cards?: {
@@ -1451,6 +1469,8 @@ export declare const mockThemes: {
                     hoverColor: "none" | "token" | "darken" | "brighten" | "saturate";
                     cornerRadius?: number | undefined;
                     typography?: "body" | "heading" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "normal" | "loose" | "tight" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "compact" | "spacious" | "default" | undefined;
                     hoverColorToken?: string | undefined;
@@ -1474,7 +1494,7 @@ export declare const mockThemes: {
                         type: "transparent";
                     };
                     textColorToken: string;
-                    borderRadius: string;
+                    borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "low" | "high";
                         softness: "soft" | "crisp" | "hard" | null;
@@ -1484,8 +1504,6 @@ export declare const mockThemes: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
-                    padding?: string | undefined;
-                    fontSize?: string | undefined;
                     hoverBackgroundToken?: string | undefined;
                     effects?: {
                         base?: {
@@ -1505,6 +1523,24 @@ export declare const mockThemes: {
                             options?: Record<string, any> | undefined;
                         }[] | undefined;
                     } | undefined;
+                    sizes?: {
+                        sm?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        md?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        lg?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        xl?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                    } | undefined;
                 }[];
                 sizes?: {
                     sm: {
@@ -1519,10 +1555,10 @@ export declare const mockThemes: {
                         padding: string;
                         fontSize?: string | undefined;
                     };
-                    xl?: {
+                    xl: {
                         padding: string;
                         fontSize?: string | undefined;
-                    } | undefined;
+                    };
                 } | undefined;
             } | undefined;
             cards?: {
@@ -2390,6 +2426,8 @@ export declare const mockThemes: {
                     hoverColor: "none" | "token" | "darken" | "brighten" | "saturate";
                     cornerRadius?: number | undefined;
                     typography?: "body" | "heading" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "normal" | "loose" | "tight" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "compact" | "spacious" | "default" | undefined;
                     hoverColorToken?: string | undefined;
@@ -2413,7 +2451,7 @@ export declare const mockThemes: {
                         type: "transparent";
                     };
                     textColorToken: string;
-                    borderRadius: string;
+                    borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "low" | "high";
                         softness: "soft" | "crisp" | "hard" | null;
@@ -2423,8 +2461,6 @@ export declare const mockThemes: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
-                    padding?: string | undefined;
-                    fontSize?: string | undefined;
                     hoverBackgroundToken?: string | undefined;
                     effects?: {
                         base?: {
@@ -2444,6 +2480,24 @@ export declare const mockThemes: {
                             options?: Record<string, any> | undefined;
                         }[] | undefined;
                     } | undefined;
+                    sizes?: {
+                        sm?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        md?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        lg?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                        xl?: {
+                            padding: string;
+                            fontSize?: string | undefined;
+                        } | undefined;
+                    } | undefined;
                 }[];
                 sizes?: {
                     sm: {
@@ -2458,10 +2512,10 @@ export declare const mockThemes: {
                         padding: string;
                         fontSize?: string | undefined;
                     };
-                    xl?: {
+                    xl: {
                         padding: string;
                         fontSize?: string | undefined;
-                    } | undefined;
+                    };
                 } | undefined;
             } | undefined;
             cards?: {

package/dist/_dts/theme-core/src/palette/index.d.ts

@@ -11,3 +11,4 @@ export * from "./extractPalette";
 export * from "./utils/fromVibrant";
 export * from "./utils/suggestRecipes";
 export * from "./recipes/allRecipes";
+export * from "./variants";

package/dist/_dts/theme-core/src/palette/variants/brand-led.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Brand-led family — confident, modern, contemporary brand voices. Pairs
+ * with Clear Professional, Bright Community, Practical Services site styles.
+ */
+export declare const brandLedCool: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const brandLedWarm: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const brandLedJewel: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;

package/dist/_dts/theme-core/src/palette/variants/high-contrast.d.ts

@@ -0,0 +1,28 @@
+/**
+ * High-contrast family — editorial and minimal voices with high legibility.
+ * Pairs with Quiet Luxury, Bold Launch, Practical Services site styles.
+ */
+export declare const highContrastInk: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const highContrastCharcoal: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const highContrastMonochrome: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;

package/dist/_dts/theme-core/src/palette/variants/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Palette variant library.
+ *
+ * Each variant is a complete colour palette tagged on the four style axes
+ * (tone / energy / motion / era — motion is rarely used for palettes).
+ * Curated site styles declare a default palette + an acceptance region that
+ * filters the picker; the Style configurator UI uses `compatibleEntries`
+ * from `site-styles/compatibility.ts` to surface valid options.
+ *
+ * `paletteOverrides` carries per-token hex edits applied on top of the
+ * chosen variant; see the merge semantics in `compileSiteThemeFromSelections`.
+ */
+import type { PaletteVariant, PaletteVariantId } from './types';
+export type { HexColor, PaletteColor, PaletteOverrides, PaletteTokenName, PaletteVariant, PaletteVariantId } from './types';
+export { PALETTE_TOKEN_NAMES, asPaletteVariantId, definePaletteVariant, hexColorSchema, paletteOverridesSchema, paletteTokenNameSchema, paletteVariantIdSchema, paletteVariantSchema, } from './types';
+export declare const paletteVariants: readonly PaletteVariant[];
+export declare function findPaletteVariant(id: PaletteVariantId): PaletteVariant | undefined;

package/dist/_dts/theme-core/src/palette/variants/soft-natural.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Soft-natural family — calm, organic, plant-led voices. Pairs with Calm
+ * Studio, Modern Wellness, Warm Editorial site styles.
+ */
+export declare const softNaturalSage: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const softNaturalStone: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const softNaturalWatercolor: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;

package/dist/_dts/theme-core/src/palette/variants/types.d.ts

@@ -0,0 +1,154 @@
+import { z } from 'zod';
+import { type StyleTags } from '../../site-styles/compatibility';
+/**
+ * Branded ID for a palette variant in the curated library. Shape matches the
+ * `Brand<T, TBrand>` convention in `site-styles/types.ts`. Use the helper at
+ * the parse/construction boundary.
+ */
+export type PaletteVariantId = string & {
+    readonly __brand: 'PaletteVariantId';
+};
+export declare function asPaletteVariantId(value: string): PaletteVariantId;
+export declare const paletteVariantIdSchema: z.ZodPipe<z.ZodString, z.ZodTransform<PaletteVariantId, string>>;
+/**
+ * Known palette role token names. Closed union so unknown tokens can't be
+ * persisted via `paletteOverrides`. Add a new role here intentionally.
+ */
+export declare const PALETTE_TOKEN_NAMES: readonly ["primary", "primaryForeground", "secondary", "accent", "success", "warning", "destructive", "background", "surface", "surfaceAlt", "muted", "text", "border"];
+export type PaletteTokenName = (typeof PALETTE_TOKEN_NAMES)[number];
+export declare const paletteTokenNameSchema: z.ZodEnum<{
+    success: "success";
+    text: "text";
+    primary: "primary";
+    secondary: "secondary";
+    background: "background";
+    surface: "surface";
+    accent: "accent";
+    muted: "muted";
+    border: "border";
+    warning: "warning";
+    destructive: "destructive";
+    primaryForeground: "primaryForeground";
+    surfaceAlt: "surfaceAlt";
+}>;
+export type HexColor = string & {
+    readonly __brand: 'HexColor';
+};
+export declare const hexColorSchema: z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>;
+/**
+ * One slot in a palette variant. `name` is restricted to the closed
+ * `PaletteTokenName` union so authoring typos (`'priamry'`) are caught at
+ * compile time; the value side stays as raw `string` (validated by
+ * `paletteColorSchema`'s less-strict regex for back-compat with existing data).
+ */
+export type PaletteColor = Readonly<{
+    name: PaletteTokenName;
+    hex: string;
+}>;
+export type PaletteVariant = Readonly<{
+    id: PaletteVariantId;
+    name: string;
+    description: string;
+    tags: StyleTags;
+    mode: 'light' | 'dark';
+    colors: ReadonlyArray<PaletteColor>;
+}>;
+export declare const paletteVariantSchema: z.ZodObject<{
+    id: z.ZodPipe<z.ZodString, z.ZodTransform<PaletteVariantId, string>>;
+    name: z.ZodString;
+    description: z.ZodString;
+    tags: z.ZodObject<{
+        tone: z.ZodOptional<z.ZodEnum<{
+            classic: "classic";
+            bold: "bold";
+            minimal: "minimal";
+        }>>;
+        energy: z.ZodOptional<z.ZodEnum<{
+            calm: "calm";
+            vibrant: "vibrant";
+        }>>;
+        motion: z.ZodOptional<z.ZodEnum<{
+            standard: "standard";
+            subtle: "subtle";
+            expressive: "expressive";
+        }>>;
+        era: z.ZodOptional<z.ZodEnum<{
+            editorial: "editorial";
+            modern: "modern";
+            retro: "retro";
+            technical: "technical";
+            organic: "organic";
+        }>>;
+    }, z.core.$strip>;
+    mode: z.ZodEnum<{
+        dark: "dark";
+        light: "light";
+    }>;
+    colors: z.ZodArray<z.ZodObject<{
+        hex: z.ZodString;
+        name: z.ZodEnum<{
+            success: "success";
+            text: "text";
+            primary: "primary";
+            secondary: "secondary";
+            background: "background";
+            surface: "surface";
+            accent: "accent";
+            muted: "muted";
+            border: "border";
+            warning: "warning";
+            destructive: "destructive";
+            primaryForeground: "primaryForeground";
+            surfaceAlt: "surfaceAlt";
+        }>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare function definePaletteVariant(input: {
+    id: string;
+    name: string;
+    description: string;
+    tags: StyleTags;
+    mode: 'light' | 'dark';
+    colors: ReadonlyArray<PaletteColor>;
+}): PaletteVariant;
+/**
+ * Sparse per-token override map. Loaded from / persisted to
+ * `site_theme_selections.palette_overrides`. Empty / null means "no overrides
+ * applied; the palette variant's own colours render unchanged."
+ */
+export type PaletteOverrides = Readonly<Partial<Record<PaletteTokenName, HexColor>>>;
+/**
+ * Sparse object of known token names → hex colours. Unknown keys are
+ * rejected at parse time; missing keys mean "no override for that token".
+ * Built as an explicit partial-object schema (rather than `z.record(enum, …)`)
+ * for unambiguous closure under Zod 4.
+ */
+export declare const paletteOverridesSchema: z.ZodPipe<z.ZodObject<{
+    primary: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    primaryForeground: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    secondary: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    accent: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    success: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    warning: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    destructive: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    background: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    surface: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    surfaceAlt: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    muted: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    text: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+    border: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<HexColor, string>>>;
+}, z.core.$strict>, z.ZodTransform<Readonly<Partial<Record<"success" | "text" | "primary" | "secondary" | "background" | "surface" | "accent" | "muted" | "border" | "warning" | "destructive" | "primaryForeground" | "surfaceAlt", HexColor>>>, {
+    primary?: HexColor | undefined;
+    primaryForeground?: HexColor | undefined;
+    secondary?: HexColor | undefined;
+    accent?: HexColor | undefined;
+    success?: HexColor | undefined;
+    warning?: HexColor | undefined;
+    destructive?: HexColor | undefined;
+    background?: HexColor | undefined;
+    surface?: HexColor | undefined;
+    surfaceAlt?: HexColor | undefined;
+    muted?: HexColor | undefined;
+    text?: HexColor | undefined;
+    border?: HexColor | undefined;
+}>>;

package/dist/_dts/theme-core/src/palette/variants/warm-neutral.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Warm-neutral family — earthy, organic, hand-made brand voices. Pairs with
+ * Warm Editorial, Modern Wellness, Calm Studio site styles.
+ */
+export declare const warmNeutralClay: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const warmNeutralCream: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;
+export declare const warmNeutralForest: Readonly<{
+    id: import("@riverbankcms/blocks").PaletteVariantId;
+    name: string;
+    description: string;
+    tags: import("../../site-styles").StyleTags;
+    mode: "light" | "dark";
+    colors: ReadonlyArray<import("@riverbankcms/blocks").PaletteColor>;
+}>;

package/dist/_dts/theme-core/src/responsiveDisplay.d.ts

@@ -0,0 +1,23 @@
+declare const BASE_DISPLAY_CLASSES: {
+    readonly block: "rb-block";
+    readonly flex: "rb-flex";
+    readonly "inline-block": "rb-inline-block";
+    readonly "inline-flex": "rb-inline-flex";
+    readonly grid: "rb-grid";
+};
+export type ResponsiveDisplay = keyof typeof BASE_DISPLAY_CLASSES;
+/**
+ * Build a class pair for content that should render below the large breakpoint.
+ *
+ * The base display class is always included so callers cannot accidentally
+ * express "mobile-only" visibility without a display mode for the visible state.
+ */
+export declare function mobileOnlyDisplay(display: ResponsiveDisplay): string;
+/**
+ * Build a class pair for content that should render from the large breakpoint up.
+ *
+ * The hidden base class ensures the element stays out of the mobile layout until
+ * the large-breakpoint display class takes over.
+ */
+export declare function desktopOnlyDisplay(display: ResponsiveDisplay): string;
+export {};

package/dist/_dts/theme-core/src/responsiveMode.d.ts

@@ -1,3 +1,24 @@
 export type ThemeResponsiveMode = "viewport" | "container";
 export declare const DEFAULT_THEME_RESPONSIVE_MODE: ThemeResponsiveMode;
 export declare const THEME_RESPONSIVE_CONTAINER_NAME = "rb-site";
+export declare const THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+export type ResponsiveScopeSpec = {
+    kind: "viewport";
+    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="viewport"]`;
+} | {
+    kind: "container";
+    selector: `[${typeof THEME_RESPONSIVE_MODE_ATTR}="container"]`;
+    containerName: typeof THEME_RESPONSIVE_CONTAINER_NAME;
+};
+export type ContainerResponsiveScopeSpec = Extract<ResponsiveScopeSpec, {
+    kind: "container";
+}>;
+export declare function getResponsiveScopeSpec(mode?: ThemeResponsiveMode): ResponsiveScopeSpec;
+export declare function getContainerResponsiveScopeSpec(): ContainerResponsiveScopeSpec;
+export declare function buildResponsiveScopeRule(spec: ResponsiveScopeSpec, css: string): string;
+export declare function buildResponsiveScopePrelude(spec: ResponsiveScopeSpec): string;
+export declare function findResponsiveScopeRuleAt(css: string, index: number): {
+    openBraceIndex: number;
+} | null;
+export declare function hasResponsiveScopeRule(css: string): boolean;
+export declare function retargetResponsiveScopeRules(css: string, spec: ResponsiveScopeSpec): string;