@riverbankcms/sdk 0.81.0 → 0.84.0

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

@@ -5,8 +5,8 @@ export declare const generatedContentFrameIntentSchema: z.ZodDiscriminatedUnion<
 }, z.core.$strict>, z.ZodObject<{
     kind: z.ZodLiteral<"panel">;
     treatment: z.ZodEnum<{
-        inset: "inset";
         raised: "raised";
+        inset: "inset";
     }>;
 }, z.core.$strict>, z.ZodObject<{
     kind: z.ZodLiteral<"flush-panel">;
@@ -32,8 +32,9 @@ export declare const generatedSiteStyleIdSchema: z.ZodPipe<z.ZodEnum<{
     "site-style:clarity-zen-blue": "site-style:clarity-zen-blue";
     "site-style:bold-launch": "site-style:bold-launch";
     "site-style:south-west-twerk-school": "site-style:south-west-twerk-school";
+    "site-style:kirtan-ornate": "site-style:kirtan-ornate";
     "site-style:original-joy": "site-style:original-joy";
-}>, z.ZodTransform<SiteStyleId, "site-style:soft-earth" | "site-style:calm-studio" | "site-style:clear-professional" | "site-style:warm-editorial" | "site-style:bright-community" | "site-style:quiet-luxury" | "site-style:practical-services" | "site-style:quiet-practice" | "site-style:personal-retreat-journal" | "site-style:tactile-workshop" | "site-style:modern-wellness" | "site-style:clarity-zen-blue" | "site-style:bold-launch" | "site-style:south-west-twerk-school" | "site-style:original-joy">>;
+}>, z.ZodTransform<SiteStyleId, "site-style:soft-earth" | "site-style:calm-studio" | "site-style:clear-professional" | "site-style:warm-editorial" | "site-style:bright-community" | "site-style:quiet-luxury" | "site-style:practical-services" | "site-style:quiet-practice" | "site-style:personal-retreat-journal" | "site-style:tactile-workshop" | "site-style:modern-wellness" | "site-style:clarity-zen-blue" | "site-style:bold-launch" | "site-style:south-west-twerk-school" | "site-style:kirtan-ornate" | "site-style:original-joy">>;
 export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
     sectionSurface: z.ZodDiscriminatedUnion<[z.ZodObject<{
         source: z.ZodLiteral<"generated">;
@@ -60,8 +61,8 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
         }, z.core.$strict>, z.ZodObject<{
             kind: z.ZodLiteral<"panel">;
             treatment: z.ZodEnum<{
-                inset: "inset";
                 raised: "raised";
+                inset: "inset";
             }>;
         }, z.core.$strict>, z.ZodObject<{
             kind: z.ZodLiteral<"flush-panel">;
@@ -83,11 +84,11 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
             flat: "flat";
             none: "none";
             default: "default";
-            inset: "inset";
             editorial: "editorial";
             raised: "raised";
             "color-blocked": "color-blocked";
             outlined: "outlined";
+            inset: "inset";
         }>;
     }, z.core.$strict>], "kind">;
     transitionAfter: z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -110,8 +111,8 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
         kind: z.ZodLiteral<"explicit">;
         value: z.ZodEnum<{
             medium: "medium";
-            high: "high";
             low: "low";
+            high: "high";
         }>;
     }, z.core.$strict>], "kind">;
 }, z.core.$strict>;
@@ -180,8 +181,9 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
         "site-style:clarity-zen-blue": "site-style:clarity-zen-blue";
         "site-style:bold-launch": "site-style:bold-launch";
         "site-style:south-west-twerk-school": "site-style:south-west-twerk-school";
+        "site-style:kirtan-ornate": "site-style:kirtan-ornate";
         "site-style:original-joy": "site-style:original-joy";
-    }>, z.ZodTransform<SiteStyleId, "site-style:soft-earth" | "site-style:calm-studio" | "site-style:clear-professional" | "site-style:warm-editorial" | "site-style:bright-community" | "site-style:quiet-luxury" | "site-style:practical-services" | "site-style:quiet-practice" | "site-style:personal-retreat-journal" | "site-style:tactile-workshop" | "site-style:modern-wellness" | "site-style:clarity-zen-blue" | "site-style:bold-launch" | "site-style:south-west-twerk-school" | "site-style:original-joy">>;
+    }>, z.ZodTransform<SiteStyleId, "site-style:soft-earth" | "site-style:calm-studio" | "site-style:clear-professional" | "site-style:warm-editorial" | "site-style:bright-community" | "site-style:quiet-luxury" | "site-style:practical-services" | "site-style:quiet-practice" | "site-style:personal-retreat-journal" | "site-style:tactile-workshop" | "site-style:modern-wellness" | "site-style:clarity-zen-blue" | "site-style:bold-launch" | "site-style:south-west-twerk-school" | "site-style:kirtan-ornate" | "site-style:original-joy">>;
     blocks: z.ZodArray<z.ZodObject<{
         blockId: z.ZodString;
         blockKind: z.ZodString;
@@ -212,8 +214,8 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                 }, z.core.$strict>, z.ZodObject<{
                     kind: z.ZodLiteral<"panel">;
                     treatment: z.ZodEnum<{
-                        inset: "inset";
                         raised: "raised";
+                        inset: "inset";
                     }>;
                 }, z.core.$strict>, z.ZodObject<{
                     kind: z.ZodLiteral<"flush-panel">;
@@ -235,11 +237,11 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                     flat: "flat";
                     none: "none";
                     default: "default";
-                    inset: "inset";
                     editorial: "editorial";
                     raised: "raised";
                     "color-blocked": "color-blocked";
                     outlined: "outlined";
+                    inset: "inset";
                 }>;
             }, z.core.$strict>], "kind">;
             transitionAfter: z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -262,8 +264,8 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                 kind: z.ZodLiteral<"explicit">;
                 value: z.ZodEnum<{
                     medium: "medium";
-                    high: "high";
                     low: "low";
+                    high: "high";
                 }>;
             }, z.core.$strict>], "kind">;
         }, z.core.$strict>;

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

@@ -1,6 +1,7 @@
 export * from './accessibleSurfaces';
 export * from './appearancePresets';
 export * from './blockFlow';
+export * from './backgroundAppearance';
 export * from './compositionBudget';
 export * from './contentTemplateDesignIntent';
 export * from './contentTemplateRuntimeCompiler';
@@ -26,6 +27,7 @@ export * from './records';
 export * from './resolver';
 export * from './runtimeCompiler';
 export * from './sectionTransitions';
+export * from './siteChromeBackgrounds';
 export * from './siteStyleThemeCompiler';
 export * from './siteStyleBlockPolicies';
 export * from './sourceCatalogs';

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

@@ -42,16 +42,16 @@ export declare const logoContainsTextSchema: z.ZodDiscriminatedUnion<[z.ZodObjec
     kind: z.ZodLiteral<"contains-text">;
     confidence: z.ZodEnum<{
         medium: "medium";
-        high: "high";
         low: "low";
+        high: "high";
     }>;
     text: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>, z.ZodObject<{
     kind: z.ZodLiteral<"no-text">;
     confidence: z.ZodEnum<{
         medium: "medium";
-        high: "high";
         low: "low";
+        high: "high";
     }>;
 }, z.core.$strip>, z.ZodObject<{
     kind: z.ZodLiteral<"unknown">;
@@ -88,16 +88,16 @@ export declare const logoFactsSchema: z.ZodObject<{
         kind: z.ZodLiteral<"contains-text">;
         confidence: z.ZodEnum<{
             medium: "medium";
-            high: "high";
             low: "low";
+            high: "high";
         }>;
         text: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>, z.ZodObject<{
         kind: z.ZodLiteral<"no-text">;
         confidence: z.ZodEnum<{
             medium: "medium";
-            high: "high";
             low: "low";
+            high: "high";
         }>;
     }, z.core.$strip>, z.ZodObject<{
         kind: z.ZodLiteral<"unknown">;

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

@@ -7,7 +7,7 @@ import { type CompiledTypographySelection, type KnownTypographyPresetId, type Ty
 import { type FooterLookId, type FooterSelectionContext, type FooterSelectionResult } from './footerLooks';
 import { type HeaderLayoutId, type HeaderSelectionContext, type HeaderLookId, type HeaderSelectionResult, type HeaderStyleId } from './headerLooks';
 import { type CompiledBlockRuntimeFields, type CompiledPageRuntime, type ComponentRuntimeRules, type DesignRuntimeRules, type SemanticSpacing, type SurfaceResolutionContext } from './runtimeCompiler';
-import type { AppearancePresetId, DesignBlockId, SiteStyleId } from './types';
+import { type AppearancePresetId, type DesignBlockId, type SiteStyleId } from './types';
 import { type CuratedSiteStyleTheme } from './siteStyleThemeCompiler';
 export type { CuratedSiteStyleTheme } from './siteStyleThemeCompiler';
 /**

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

@@ -8,5 +8,7 @@ export declare const themeV2NormalEditorRawStyleFieldNames: readonly ["_frameSty
 export declare const themeV2CompilerOwnedFieldNames: readonly ["_frameStyles", "_sectionStyles", "_containerStyles", "_cardStyles", "styleGroup", "_contentCardStyles", "_heroLayoutStyles", "_textCardStyles"];
 export declare const pageDesignEditorBackgroundOverrideOwner: "page-design-editor";
 export type PageDesignEditorBackgroundOverrideOwner = typeof pageDesignEditorBackgroundOverrideOwner;
+export declare const siteChromeBackgroundOverrideOwner: "site-chrome-editor";
+export type SiteChromeBackgroundOverrideOwner = typeof siteChromeBackgroundOverrideOwner;
 export declare function isThemeV2NormalEditorRawStyleFieldName(fieldName: string): boolean;
 export declare function isThemeV2NormalEditorRawStylePath(fieldPath: string): boolean;

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

@@ -3,14 +3,17 @@ import { type ExpandedPalette } from '../palette/expandPalette';
 import { type ButtonPersonalityId } from '../buttons/personalities';
 import { type PaletteOverrides, type PaletteVariantId } from '../palette/variants';
 import { type RuntimeStyleWriteResultForFields, type StyleAuthority } from './designState';
-import { type ContentFrameIntent, type FlushFrameTreatment, type PanelFrameTreatment, type ResolvedBlockDesignPlan, type ResolvedPageDesignPlan, type SiteStyleItemSurfaceIntent, type SiteStyleSectionTransitionIntent, type SiteStyleSurfaceIntent, type ThemeTokenRecipes } from './types';
+import { type ContentFrameIntent, type EyebrowTreatment, type FlushFrameTreatment, type PanelFrameTreatment, type ResolvedBlockDesignPlan, type ResolvedPageDesignPlan, type SiteStyleItemSurfaceIntent, type SiteStyleSectionTransitionIntent, type SiteStyleSurfaceIntent, type ThemeTokenRecipes } from './types';
 export type SemanticSpacing = 'none' | 'compact' | 'cozy' | 'medium' | 'comfortable' | 'spacious';
 export type SectionPaddingX = 'normal' | 'none';
+type SectionForegroundRuntimeTokens = Pick<NonNullable<SectionSurfaceRuntimeRule['background']>, 'textColor' | 'headingColor' | 'linkColor' | 'supportingColor'>;
 export type SectionSurfaceRuntimeRule = Readonly<{
     background?: NonNullable<SectionStylesOverride['background']>;
+    foreground?: Partial<SectionForegroundRuntimeTokens>;
 }>;
 export type DesignRuntimeRules = Readonly<{
     sectionSurfaces: Readonly<Record<SiteStyleSurfaceIntent, SectionSurfaceRuntimeRule>>;
+    defaultEyebrowTreatment?: EyebrowTreatment;
     heroLegibility: Readonly<Record<Exclude<NonNullable<ResolvedBlockDesignPlan['appliedHeroLegibility']>, 'none'>, NonNullable<NonNullable<SectionStylesOverride['background']>['overlay']>>>;
     transitionClassName: (transition: SiteStyleSectionTransitionIntent, fromSurface: SiteStyleSurfaceIntent, toSurface: SiteStyleSurfaceIntent) => string | null;
 }>;
@@ -286,3 +289,4 @@ export type CompileTokenRecipesOptions = Readonly<{
  * palette lookup and leaves `theme.buttons` as the mock-theme default.
  */
 export declare function compileTokenRecipes(recipes: ThemeTokenRecipes, options?: CompileTokenRecipesOptions): Theme;
+export {};

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

@@ -0,0 +1,30 @@
+import type { Theme } from '../schema';
+import type { ThemeColorToken } from '../tokens';
+export type SiteChromeSurface = 'header' | 'footer';
+export type SiteChromeBackgroundColorToken = ThemeColorToken & {
+    readonly __siteChromeBackgroundColorToken: true;
+};
+export type SiteChromeBackgroundOverride = Readonly<{
+    kind: 'default';
+}> | Readonly<{
+    kind: 'color';
+    token: SiteChromeBackgroundColorToken;
+}>;
+export type SiteChromeBackgroundPreferences = Readonly<{
+    header: SiteChromeBackgroundOverride;
+    footer: SiteChromeBackgroundOverride;
+}>;
+export type SiteChromeBackgroundCycleDirection = 'prev' | 'next';
+export declare const siteChromeBackgroundColorTokens: readonly SiteChromeBackgroundColorToken[];
+export declare const quickSiteChromeBackgroundColorTokens: readonly SiteChromeBackgroundColorToken[];
+export declare const advancedSiteChromeBackgroundColorTokens: SiteChromeBackgroundColorToken[];
+export declare const defaultSiteChromeBackgroundOverride: SiteChromeBackgroundOverride;
+export declare function defaultSiteChromeBackgroundPreferences(): SiteChromeBackgroundPreferences;
+export declare function parseSiteChromeBackgroundColorToken(value: unknown): SiteChromeBackgroundColorToken | null;
+export declare function siteChromeBackgroundPreferencesFromTheme(theme: Theme | null | undefined): SiteChromeBackgroundPreferences;
+export declare function applySiteChromeBackgroundPreferences(theme: Theme, preferences: SiteChromeBackgroundPreferences): Theme;
+export declare function canCustomizeSiteChromeBackground(theme: Theme | null | undefined, surface: SiteChromeSurface): boolean;
+export declare function siteChromeBackgroundOverrideLabel(override: SiteChromeBackgroundOverride): string;
+export declare function formatSiteChromeBackgroundTokenLabel(token: SiteChromeBackgroundColorToken): string;
+export declare function siteChromeBackgroundOverrideEquals(left: SiteChromeBackgroundOverride, right: SiteChromeBackgroundOverride): boolean;
+export declare function cycleSiteChromeBackgroundOverride(current: SiteChromeBackgroundOverride, direction: SiteChromeBackgroundCycleDirection): SiteChromeBackgroundOverride;

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

@@ -22,8 +22,8 @@ export declare const styleTagsSchema: z.ZodObject<{
     }>>;
     motion: z.ZodOptional<z.ZodEnum<{
         standard: "standard";
-        expressive: "expressive";
         subtle: "subtle";
+        expressive: "expressive";
     }>>;
     era: z.ZodOptional<z.ZodEnum<{
         editorial: "editorial";

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

@@ -22,8 +22,8 @@ export declare const themeTokenRecipesSchema: z.ZodObject<{
         maximum: "maximum";
     }>;
     radius: z.ZodEnum<{
-        rounded: "rounded";
         square: "square";
+        rounded: "rounded";
         pill: "pill";
         soft: "soft";
     }>;
@@ -45,8 +45,8 @@ export declare const themeTokenRecipesSchema: z.ZodObject<{
     }>;
     motion: z.ZodEnum<{
         none: "none";
-        expressive: "expressive";
         subtle: "subtle";
+        expressive: "expressive";
     }>;
 }, z.core.$strip>;
 export declare const defaultThemeTokenRecipes: {

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

@@ -205,7 +205,7 @@ export declare const tileTreatmentValues: readonly ["default", "quiet", "brand-d
 export type TileTreatment = (typeof tileTreatmentValues)[number];
 export declare const eventListTreatmentValues: readonly ["plain", "lined-panel"];
 export type EventListTreatment = (typeof eventListTreatmentValues)[number];
-export declare const eyebrowTreatmentValues: readonly ["plain", "pill", "accent-pill", "pill-bounce", "accent-pill-bounce"];
+export declare const eyebrowTreatmentValues: readonly ["plain", "accent", "pill", "accent-pill", "pill-bounce", "accent-pill-bounce"];
 export type EyebrowTreatment = (typeof eyebrowTreatmentValues)[number];
 export declare const headingDecorationFamilyValues: readonly ["none", "organic-squiggle", "short-center-rule"];
 export type HeadingDecorationFamily = (typeof headingDecorationFamilyValues)[number];
@@ -439,6 +439,7 @@ export type DesignedBlockDesignCapabilityInput = Readonly<{
     tileTreatments?: NonEmptyReadonlyArray<TileTreatment>;
     eventListTreatments?: NonEmptyReadonlyArray<EventListTreatment>;
     eyebrowTreatments?: NonEmptyReadonlyArray<EyebrowTreatment>;
+    headingDecorations?: NonEmptyReadonlyArray<HeadingDecorationFamily>;
     accordionIconSets?: NonEmptyReadonlyArray<AccordionIconSet>;
     headingDecorationCapability?: HeadingDecorationCapability;
 }>;
@@ -454,6 +455,7 @@ export type DesignedBlockDesignCapability = Readonly<{
     tileTreatments: NonEmptyReadonlyArray<TileTreatment>;
     eventListTreatments: NonEmptyReadonlyArray<EventListTreatment>;
     eyebrowTreatments: NonEmptyReadonlyArray<EyebrowTreatment>;
+    headingDecorations?: NonEmptyReadonlyArray<HeadingDecorationFamily>;
     accordionIconSets?: NonEmptyReadonlyArray<AccordionIconSet>;
     headingDecorationCapability: HeadingDecorationCapability;
 }>;

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

@@ -2,7 +2,7 @@ import type { Theme } from '../schema';
 import type { Brand, NonEmptyReadonlyArray } from './types';
 import type { PersistedIdParseResult } from './persistedIdParseResult';
 export type TypographyPresetId = Brand<string, 'TypographyPresetId'>;
-export declare const typographyPresetIdValues: readonly ["typography-preset:modern-sans", "typography-preset:warm-rounded", "typography-preset:editorial-serif", "typography-preset:classic-serif", "typography-preset:luxe-contrast", "typography-preset:bold-display", "typography-preset:original-joy"];
+export declare const typographyPresetIdValues: readonly ["typography-preset:modern-sans", "typography-preset:warm-rounded", "typography-preset:editorial-serif", "typography-preset:classic-serif", "typography-preset:luxe-contrast", "typography-preset:kirtan-ornate", "typography-preset:bold-display", "typography-preset:original-joy"];
 export type KnownTypographyPresetIdValue = typeof typographyPresetIdValues[number];
 export type KnownTypographyPresetId = TypographyPresetId & KnownTypographyPresetIdValue;
 export type TypographyFontSlot = 'body' | 'heading';
@@ -189,6 +189,21 @@ export declare const typographyPresets: readonly [Readonly<{
     slotPolicies: Readonly<Record<TypographyFontSlot, TypographyFontSlotPolicy>>;
     typography: Theme["typography"];
     heroTypography?: NonNullable<NonNullable<Theme["hero"]>["typography"]>;
+}>, Readonly<{
+    id: KnownTypographyPresetId;
+    name: string;
+    description: string;
+    defaultFonts: Readonly<{
+        body: string;
+        heading: string;
+    }>;
+    recommendedFonts: Readonly<{
+        body: NonEmptyReadonlyArray<string>;
+        heading: NonEmptyReadonlyArray<string>;
+    }>;
+    slotPolicies: Readonly<Record<TypographyFontSlot, TypographyFontSlotPolicy>>;
+    typography: Theme["typography"];
+    heroTypography?: NonNullable<NonNullable<Theme["hero"]>["typography"]>;
 }>];
 export declare function findTypographyPreset(id: TypographyPresetId): TypographyPreset | undefined;
 export declare function parsePersistedTypographyPresetId(value: string | null | undefined): PersistedIdParseResult<KnownTypographyPresetId>;

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

@@ -26,6 +26,7 @@ export type SiteDocumentPlanInput = Readonly<{
     headerPositioning: HeaderPositioning;
     headerVariant?: Theme["header"]["variant"] | null;
     hasVisibleBanner: boolean;
+    hasVisibleHeader?: boolean;
 }>;
 export declare function getStandaloneHeaderShellClassName(theme: Theme): string | null;
 export declare function planSiteDocument(input: SiteDocumentPlanInput): SiteDocumentPlan;

package/dist/_dts/theme-core/src/tokens/themeColorTokens.d.ts

@@ -13,13 +13,13 @@ export declare const paletteTokenNameSchema: z.ZodEnum<{
     primary: "primary";
     secondary: "secondary";
     warning: "warning";
-    border: "border";
     background: "background";
-    muted: "muted";
     accent: "accent";
+    muted: "muted";
+    border: "border";
     destructive: "destructive";
-    primaryForeground: "primaryForeground";
     surfaceAlt: "surfaceAlt";
+    primaryForeground: "primaryForeground";
 }>;
 export declare const themeColorBaseTokenNames: readonly ["primary", "primaryForeground", "secondary", "accent", "success", "warning", "destructive", "background", "surface", "surfaceAlt", "muted", "text", "border", "text", "heading", "mutedText", "surface", "background", "foreground", "border", "primary", "secondary", "accent", "success", "warning", "info", "error", "destructive", "scrim", "shadow", "onPrimary", "onSecondary", "onAccent", "onSuccess", "onWarning", "onInfo", "onError", "onDestructive", "onSurface", "white", "neutral", "primaryText", "secondaryForeground", "accentForeground"];
 export declare const themeColorShadeSteps: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];

package/dist/_dts/theme-core/src/utils/colorStyles.d.ts

@@ -7,7 +7,7 @@ import type { CSSProperties } from 'react';
  *
  * 2. Tokens with opacity: 'surface/95', 'primary/50', 'border/20'
  *    Format: `{token}/{opacity%}`
- *    These resolve to rgba with the specified opacity (e.g., `rgba(var(--tb-surface), 0.95)`)
+ *    These resolve to CSS Color 4 alpha syntax (e.g., `rgb(var(--tb-surface) / 0.95)`)
  *
  * 3. Raw CSS values: 'raw:transparent', 'raw:#ffffff', 'raw:rgba(255, 0, 0, 0.5)'
  *    Format: `raw:{css-value}`
@@ -19,7 +19,7 @@ import type { CSSProperties } from 'react';
  *
  * @example
  * // Token with opacity
- * rgbColorValue('surface/95') // => 'rgba(var(--tb-surface), 0.95)'
+ * rgbColorValue('surface/95') // => 'rgb(var(--tb-surface) / 0.95)'
  *
  * @example
  * // Raw value
@@ -27,15 +27,15 @@ import type { CSSProperties } from 'react';
  */
 type ThemeColorToken = string;
 /**
- * Converts a theme color token to a CSS rgb/rgba value.
+ * Converts a theme color token to a CSS rgb value.
  * This is the primary function for applying theme colors to CSS properties.
  *
  * @param token - Theme color token (semantic, with opacity, or raw)
- * @returns CSS color value (rgb, rgba, or raw CSS value)
+ * @returns CSS color value (rgb with optional alpha, or raw CSS value)
  *
  * @example
  * rgbColorValue('primary') // => 'rgb(var(--tb-primary))'
- * rgbColorValue('surface/95') // => 'rgba(var(--tb-surface), 0.95)'
+ * rgbColorValue('surface/95') // => 'rgb(var(--tb-surface) / 0.95)'
  * rgbColorValue('raw:transparent') // => 'transparent'
  */
 export declare function rgbColorValue(token: ThemeColorToken): string;
@@ -85,7 +85,7 @@ export declare function borderColorStyle(token: ThemeColorToken): CSSProperties;
  *
  * @example
  * gradientBackgroundStyle(['primary/80', 'secondary/60'], '45deg')
- * // => { backgroundImage: 'linear-gradient(45deg, rgba(var(--tb-primary), 0.8), rgba(var(--tb-secondary), 0.6))' }
+ * // => { backgroundImage: 'linear-gradient(45deg, rgb(var(--tb-primary) / 0.8), rgb(var(--tb-secondary) / 0.6))' }
  */
 export declare function gradientBackgroundStyle(tokens: ThemeColorToken[], direction?: string): CSSProperties;
 /**

package/dist/_dts/ui/src/async-boundary.d.ts

@@ -10,5 +10,5 @@ export interface AsyncBoundaryProps {
     resetKeys?: unknown[];
     onReset?: () => void;
 }
-export declare function AsyncBoundary({ children, fallback, errorFallback, resetKeys, onReset, }: AsyncBoundaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function AsyncBoundary({ children, fallback, errorFallback, resetKeys, onReset, }: AsyncBoundaryProps): import("react").JSX.Element;
 export {};

package/dist/_dts/ui/src/badge.d.ts

@@ -5,5 +5,5 @@ declare const badgeVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };

package/dist/_dts/ui/src/button-group.d.ts

@@ -4,9 +4,9 @@ import { Separator } from './separator';
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): React.JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/_dts/ui/src/calendar.d.ts

@@ -4,6 +4,6 @@ import type { DayButtonProps } from "react-day-picker";
 import { Button } from "./button";
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: DayButtonProps): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: DayButtonProps): React.JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/_dts/ui/src/card.d.ts

@@ -13,10 +13,10 @@ export type CardProps = React.ComponentProps<'div'> & {
     radius?: CardRadius;
 };
 declare function Card({ className, variant, size, radius, ...props }: CardProps): React.ReactElement;
-declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/_dts/ui/src/combobox.d.ts

@@ -21,4 +21,4 @@ export type ComboboxProps<T = unknown> = Readonly<{
     renderItem?: (entry: ComboboxItem<T>, selected: boolean) => ReactNode;
     showClear?: boolean;
 }>;
-export declare function Combobox<T = unknown>({ items, value, onSelect, id, 'aria-describedby': ariaDescribedby, searchInputAriaLabel, placeholder, emptyMessage, clearLabel, search, className, disabled, renderItem, showClear, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox<T = unknown>({ items, value, onSelect, id, 'aria-describedby': ariaDescribedby, searchInputAriaLabel, placeholder, emptyMessage, clearLabel, search, className, disabled, renderItem, showClear, }: ComboboxProps<T>): import("react").JSX.Element;

package/dist/_dts/ui/src/command-multi-select.d.ts

@@ -25,4 +25,4 @@ export type CommandMultiSelectProps = Readonly<{
     searchPlaceholder?: string;
     searchInputAriaLabel?: string;
 }>;
-export declare function CommandMultiSelect({ items, values, onValuesChange, placeholder, "aria-describedby": ariaDescribedBy, disabled, emptyLabel, isLoading, loadingLabel, error, emptySelectionLabel, selectedSummary, showBadges, helpText, className, triggerClassName, popoverContentClassName, showSearch, searchPlaceholder, searchInputAriaLabel, }: CommandMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandMultiSelect({ items, values, onValuesChange, placeholder, "aria-describedby": ariaDescribedBy, disabled, emptyLabel, isLoading, loadingLabel, error, emptySelectionLabel, selectedSummary, showBadges, helpText, className, triggerClassName, popoverContentClassName, showSearch, searchPlaceholder, searchInputAriaLabel, }: CommandMultiSelectProps): import("react").JSX.Element;

package/dist/_dts/ui/src/content-spinner.d.ts

@@ -10,4 +10,4 @@ export interface ContentSpinnerProps {
  * the server. `loading.tsx` files are shown during SSR streaming — a
  * `DelayedSpinner` would render nothing until hydration + delay.
  */
-export declare function ContentSpinner({ className, size }: ContentSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentSpinner({ className, size }: ContentSpinnerProps): import("react").JSX.Element;

package/dist/_dts/ui/src/delayed-spinner.d.ts

@@ -4,4 +4,4 @@ export interface DelayedSpinnerProps extends SpinnerProps {
     delay?: number;
     keepMounted?: boolean;
 }
-export declare function DelayedSpinner({ active, delay, keepMounted, className, ...props }: DelayedSpinnerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DelayedSpinner({ active, delay, keepMounted, className, ...props }: DelayedSpinnerProps): import("react").JSX.Element | null;

package/dist/_dts/ui/src/dev-toolbar.d.ts

@@ -14,4 +14,4 @@ export interface DevToolbarShellProps {
     onOpenChange?: (open: boolean) => void;
     buttonStyle?: CSSProperties;
 }
-export declare function DevToolbarShell({ triggerLabel, triggerIcon, badge, header, children, footer, side, offsetCssVar, buttonClassName, sheetContentClassName, defaultOpen, onOpenChange, buttonStyle, }: DevToolbarShellProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DevToolbarShell({ triggerLabel, triggerIcon, badge, header, children, footer, side, offsetCssVar, buttonClassName, sheetContentClassName, defaultOpen, onOpenChange, buttonStyle, }: DevToolbarShellProps): import("react").JSX.Element | null;

package/dist/_dts/ui/src/dialog.d.ts

@@ -1,15 +1,15 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/_dts/ui/src/dropdown-menu.d.ts

@@ -25,7 +25,7 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 export { menuHoverInteractionClassName, menuItemInteractionClassName, menuTriggerInteractionClassName, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/_dts/ui/src/editor-drawer.d.ts

@@ -18,4 +18,4 @@ export type EditorDrawerProps = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function EditorDrawer({ open, onOpenChange, sections, headerSlot, footerSlot, activeSectionId, onActiveSectionChange, className, style, }: EditorDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorDrawer({ open, onOpenChange, sections, headerSlot, footerSlot, activeSectionId, onActiveSectionChange, className, style, }: EditorDrawerProps): React.JSX.Element;

package/dist/_dts/ui/src/empty-state.d.ts

@@ -18,4 +18,4 @@ export type EmptyStateProps = {
 /**
  * EmptyState component for consistent no-results and empty data displays.
  */
-export declare function EmptyState({ title, description, icon: Icon, action, className, variant, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title, description, icon: Icon, action, className, variant, }: EmptyStateProps): import("react").JSX.Element;

package/dist/_dts/ui/src/filter-button-group.d.ts

@@ -12,4 +12,4 @@ export type FilterButtonGroupProps<TValue extends string> = {
     options: Array<FilterButtonGroupOption<TValue>>;
     className?: string;
 };
-export declare function FilterButtonGroup<TValue extends string>({ value, onValueChange, options, className, ...props }: FilterButtonGroupProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterButtonGroup<TValue extends string>({ value, onValueChange, options, className, ...props }: FilterButtonGroupProps<TValue>): React.JSX.Element;

package/dist/_dts/ui/src/fixed-bottom-surface.d.ts

@@ -9,5 +9,5 @@ export type FixedBottomSurfaceProps = PropsWithChildren<{
     offsetCssVar?: string | null;
     reserveOffsetCssVar?: string | null;
 }>;
-export declare function FixedBottomSurface({ children, className, contentClassName, variant, width, offsetCssVar, reserveOffsetCssVar, }: FixedBottomSurfaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function FixedBottomSurface({ children, className, contentClassName, variant, width, offsetCssVar, reserveOffsetCssVar, }: FixedBottomSurfaceProps): import("react").JSX.Element;
 export {};

package/dist/_dts/ui/src/form.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import type { LabelProps } from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -16,9 +16,9 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function FormLabel({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
-declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: LabelProps): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/_dts/ui/src/label.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
 export { Label };