react-semaphor 0.1.301 → 0.1.302

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/index-8GnvL1_L.js"),e=require("../types/index.cjs"),r=require("../chunks/dashboard-summary-settings-dialog-DSxNqxFI.js");exports.Surfboard=a.DashboardPlus;exports.CONTROL_CARD_DEFAULT_VALUE=e.CONTROL_CARD_DEFAULT_VALUE;exports.EMPTY_SELECTION=e.EMPTY_SELECTION;exports.CalendarPreferencesDialog=r.CalendarPreferencesDialog;exports.DashboardSummarySettingsDialog=r.DashboardSummarySettingsDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/index-eM6MU4q_.js"),e=require("../types/index.cjs"),r=require("../chunks/dashboard-summary-settings-dialog-BBALEHJQ.js");exports.Surfboard=a.DashboardPlus;exports.CONTROL_CARD_DEFAULT_VALUE=e.CONTROL_CARD_DEFAULT_VALUE;exports.EMPTY_SELECTION=e.EMPTY_SELECTION;exports.CalendarPreferencesDialog=r.CalendarPreferencesDialog;exports.DashboardSummarySettingsDialog=r.DashboardSummarySettingsDialog;

package/dist/surfboard/index.js

@@ -1,6 +1,6 @@
-import { a as o } from "../chunks/index-DDA12yqV.js";
+import { a as o } from "../chunks/index-BmoR3VQT.js";
 import { CONTROL_CARD_DEFAULT_VALUE as s, EMPTY_SELECTION as D } from "../types/index.js";
-import { C as m, D as t } from "../chunks/dashboard-summary-settings-dialog-D-F1eEJI.js";
+import { C as m, D as t } from "../chunks/dashboard-summary-settings-dialog-DKAaWq-G.js";
 export {
   s as CONTROL_CARD_DEFAULT_VALUE,
   m as CalendarPreferencesDialog,

package/dist/types/appearance.d.ts

@@ -0,0 +1,176 @@
+export declare const APPEARANCE_SPEC_VERSION: 1;
+
+declare type AppearanceColorToken = 'background' | 'foreground' | 'muted' | 'mutedForeground' | 'border' | 'input' | 'primary' | 'primaryForeground' | 'accent' | 'accentForeground' | 'card' | 'cardForeground' | 'positive' | 'negative' | 'warning' | 'info' | 'destructive' | 'destructiveForeground';
+
+declare type AppearanceColorTokens = Partial<Record<AppearanceColorToken, string>>;
+
+declare type AppearanceDensity = 'compact' | 'comfortable' | 'spacious';
+
+export declare type AppearanceMode = 'light' | 'dark' | 'system';
+
+declare type AppearanceResolutionLayers = {
+    defaults?: NormalizedAppearanceSpec;
+    organizationAppearance?: AppearanceSpec | null | undefined;
+    tokenAppearance?: AppearanceSpec | null | undefined;
+    reactAppearance?: AppearanceSpec | null | undefined;
+};
+
+declare type AppearanceScheme = {
+    tokens?: AppearanceTokens;
+    components?: {
+        dashboard?: BaseSurfaceAppearance;
+        card?: BaseSurfaceAppearance;
+        interactive?: InteractiveSurfaceAppearance;
+        chart?: ChartAppearance;
+        table?: TableAppearance;
+        pivotTable?: TableAppearance;
+        aggregateTable?: TableAppearance;
+        pagination?: BaseSurfaceAppearance;
+    };
+};
+
+export declare type AppearanceSpec = {
+    version: typeof APPEARANCE_SPEC_VERSION;
+    mode?: AppearanceMode;
+    schemes?: {
+        light?: AppearanceScheme;
+        dark?: AppearanceScheme;
+    };
+};
+
+declare type AppearanceTokens = {
+    color?: AppearanceColorTokens;
+    typography?: {
+        fontFamily?: string;
+        headingFontFamily?: string;
+        monoFontFamily?: string;
+        baseFontSize?: number;
+        density?: AppearanceDensity;
+    };
+    radius?: {
+        control?: number;
+        card?: number;
+        table?: number;
+        badge?: number;
+    };
+    spacing?: {
+        dashboardPadding?: number;
+        gridGap?: number;
+        cardPadding?: number;
+        controlGap?: number;
+        tableCellX?: number;
+        tableCellY?: number;
+    };
+    shadow?: {
+        card?: string;
+        popover?: string;
+        focusRing?: string;
+    };
+};
+
+export declare type AppearanceValidationIssue = {
+    path: string;
+    code: AppearanceValidationIssueCode;
+    message: string;
+};
+
+export declare type AppearanceValidationIssueCode = 'invalid_type' | 'invalid_version' | 'invalid_value' | 'invalid_color' | 'unsupported_field';
+
+export declare type AppearanceValidationResult = {
+    success: true;
+    value: AppearanceSpec;
+    issues: [];
+} | {
+    success: false;
+    issues: AppearanceValidationIssue[];
+};
+
+export declare function assertValidAppearanceSpec(input: unknown): asserts input is AppearanceSpec;
+
+declare type BaseSurfaceAppearance = {
+    background?: string;
+    foreground?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    shadow?: string;
+    padding?: number;
+};
+
+declare type ChartAppearance = {
+    palette?: string[];
+    background?: string;
+    foreground?: string;
+    gridColor?: string;
+    axisColor?: string;
+};
+
+declare type InteractiveSurfaceAppearance = BaseSurfaceAppearance & {
+    toolbarBackground?: string;
+};
+
+export declare function mergeAppearanceSpecs(base: NormalizedAppearanceSpec, override: AppearanceSpec): NormalizedAppearanceSpec;
+
+export declare function normalizeAppearanceSpec(spec: AppearanceSpec, defaults?: NormalizedAppearanceSpec): NormalizedAppearanceSpec;
+
+export declare type NormalizedAppearanceSpec = {
+    version: typeof APPEARANCE_SPEC_VERSION;
+    mode: AppearanceMode;
+    schemes: {
+        light: AppearanceScheme;
+        dark: AppearanceScheme;
+    };
+};
+
+export declare function resolveAppearance(layers?: AppearanceResolutionLayers): NormalizedAppearanceSpec;
+
+declare type TableAppearance = {
+    density?: AppearanceDensity;
+    container?: {
+        background?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        shadow?: string;
+    };
+    header?: {
+        background?: string;
+        foreground?: string;
+        dividerColor?: string;
+        fontWeight?: number;
+        uppercase?: boolean;
+        sticky?: boolean;
+    };
+    row?: {
+        height?: number;
+        dividerColor?: string;
+        zebra?: boolean;
+        zebraBackground?: string;
+        hoverBackground?: string;
+        selectedBackground?: string;
+    };
+    cell?: {
+        paddingX?: number;
+        paddingY?: number;
+        verticalAlign?: 'top' | 'middle' | 'bottom';
+        wrap?: 'wrap' | 'nowrap';
+    };
+    subtotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+    };
+    grandTotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+        borderColor?: string;
+    };
+    pagination?: {
+        background?: string;
+        foreground?: string;
+        borderColor?: string;
+    };
+};
+
+export declare function validateAppearanceSpec(input: unknown): AppearanceValidationResult;
+
+export { }

package/dist/types/brand-studio.d.ts

@@ -0,0 +1,245 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare const APPEARANCE_SPEC_VERSION: 1;
+
+declare type AppearanceColorToken = 'background' | 'foreground' | 'muted' | 'mutedForeground' | 'border' | 'input' | 'primary' | 'primaryForeground' | 'accent' | 'accentForeground' | 'card' | 'cardForeground' | 'positive' | 'negative' | 'warning' | 'info' | 'destructive' | 'destructiveForeground';
+
+declare type AppearanceColorTokens = Partial<Record<AppearanceColorToken, string>>;
+
+declare type AppearanceColorTokens_2 = NonNullable<AppearanceTokens_2['color']>;
+
+declare type AppearanceComponents = NonNullable<AppearanceScheme_2['components']>;
+
+declare type AppearanceDensity = 'compact' | 'comfortable' | 'spacious';
+
+declare type AppearanceDensity_2 = 'compact' | 'comfortable' | 'spacious';
+
+declare type AppearanceMode = 'light' | 'dark' | 'system';
+
+declare type AppearanceMode_2 = 'light' | 'dark' | 'system';
+
+declare type AppearanceScheme = {
+    tokens?: AppearanceTokens;
+    components?: {
+        dashboard?: BaseSurfaceAppearance;
+        card?: BaseSurfaceAppearance;
+        interactive?: InteractiveSurfaceAppearance;
+        chart?: ChartAppearance;
+        table?: TableAppearance;
+        pivotTable?: TableAppearance;
+        aggregateTable?: TableAppearance;
+        pagination?: BaseSurfaceAppearance;
+    };
+};
+
+declare type AppearanceScheme_2 = NonNullable<NonNullable<AppearanceSpec['schemes']>[AppearanceSchemeName]>;
+
+declare type AppearanceSchemeName = 'light' | 'dark';
+
+declare type AppearanceSpec = {
+    version: typeof APPEARANCE_SPEC_VERSION;
+    mode?: AppearanceMode;
+    schemes?: {
+        light?: AppearanceScheme;
+        dark?: AppearanceScheme;
+    };
+};
+
+declare type AppearanceTable = NonNullable<AppearanceComponents['table']>;
+
+declare type AppearanceTokens = {
+    color?: AppearanceColorTokens;
+    typography?: {
+        fontFamily?: string;
+        headingFontFamily?: string;
+        monoFontFamily?: string;
+        baseFontSize?: number;
+        density?: AppearanceDensity;
+    };
+    radius?: {
+        control?: number;
+        card?: number;
+        table?: number;
+        badge?: number;
+    };
+    spacing?: {
+        dashboardPadding?: number;
+        gridGap?: number;
+        cardPadding?: number;
+        controlGap?: number;
+        tableCellX?: number;
+        tableCellY?: number;
+    };
+    shadow?: {
+        card?: string;
+        popover?: string;
+        focusRing?: string;
+    };
+};
+
+declare type AppearanceTokens_2 = NonNullable<AppearanceScheme_2['tokens']>;
+
+export declare function applyBrandStudioPreset(draft: BrandStudioDraft, presetId: string): BrandStudioDraft;
+
+declare type BaseSurfaceAppearance = {
+    background?: string;
+    foreground?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    shadow?: string;
+    padding?: number;
+};
+
+export declare const BRAND_STUDIO_PRESETS: BrandStudioPreset[];
+
+export declare type BrandStudioDraft = {
+    version: typeof APPEARANCE_SPEC_VERSION;
+    mode: AppearanceMode_2;
+    schemes: {
+        light: RequiredBrandStudioScheme;
+        dark: RequiredBrandStudioScheme;
+    };
+};
+
+export declare function BrandStudioEditor({ appearance, previewTitle, isLoading, isSaving, error, className, onDraftChange, onSave, onClearConfig, onCancel, }: BrandStudioEditorProps): JSX.Element;
+
+export declare type BrandStudioEditorProps = {
+    appearance?: AppearanceSpec | null;
+    previewTitle?: string;
+    isLoading?: boolean;
+    isSaving?: boolean;
+    error?: string | null;
+    className?: string;
+    onDraftChange?: (appearance: AppearanceSpec) => void;
+    onSave?: (appearance: AppearanceSpec) => void | Promise<void>;
+    onClearConfig?: () => void | Promise<void>;
+    onCancel?: () => void;
+};
+
+declare type BrandStudioPreset = {
+    id: string;
+    name: string;
+    description: string;
+    primary: string;
+    accent: string;
+    light: PresetScheme;
+    dark: PresetScheme;
+};
+
+export declare function buildAppearanceSpecFromDraft(draft: BrandStudioDraft): AppearanceSpec;
+
+declare type ChartAppearance = {
+    palette?: string[];
+    background?: string;
+    foreground?: string;
+    gridColor?: string;
+    axisColor?: string;
+};
+
+export declare function createBrandStudioDraft(appearance?: AppearanceSpec | null): BrandStudioDraft;
+
+declare type InteractiveSurfaceAppearance = BaseSurfaceAppearance & {
+    toolbarBackground?: string;
+};
+
+export declare function mirrorTableAppearance(scheme: RequiredBrandStudioScheme, target: 'aggregateTable' | 'pivotTable'): void;
+
+declare type PresetScheme = {
+    background: string;
+    foreground: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    primary: string;
+    primaryForeground: string;
+    accent: string;
+    accentForeground: string;
+    card: string;
+    cardForeground: string;
+    chartPalette: string[];
+};
+
+declare type RequiredAppearanceTokens = {
+    color: Required<AppearanceColorTokens_2>;
+    typography: Required<NonNullable<AppearanceTokens_2['typography']>>;
+    radius: Required<NonNullable<AppearanceTokens_2['radius']>>;
+    spacing: Required<NonNullable<AppearanceTokens_2['spacing']>>;
+    shadow: Required<NonNullable<AppearanceTokens_2['shadow']>>;
+};
+
+declare type RequiredBrandStudioComponents = {
+    dashboard: NonNullable<AppearanceComponents['dashboard']>;
+    card: NonNullable<AppearanceComponents['card']>;
+    interactive: NonNullable<AppearanceComponents['interactive']>;
+    chart: Required<NonNullable<AppearanceComponents['chart']>>;
+    table: RequiredTableAppearance;
+    aggregateTable: RequiredTableAppearance;
+    pivotTable: RequiredTableAppearance;
+    pagination: NonNullable<AppearanceComponents['pagination']>;
+};
+
+export declare type RequiredBrandStudioScheme = {
+    tokens: RequiredAppearanceTokens;
+    components: RequiredBrandStudioComponents;
+};
+
+declare type RequiredTableAppearance = {
+    density: AppearanceDensity_2;
+    container: NonNullable<AppearanceTable['container']>;
+    header: Required<NonNullable<AppearanceTable['header']>>;
+    row: Required<NonNullable<AppearanceTable['row']>>;
+    cell: Required<NonNullable<AppearanceTable['cell']>>;
+    subtotal: Required<NonNullable<AppearanceTable['subtotal']>>;
+    grandTotal: Required<NonNullable<AppearanceTable['grandTotal']>>;
+    pagination: Required<NonNullable<AppearanceTable['pagination']>>;
+};
+
+declare type TableAppearance = {
+    density?: AppearanceDensity;
+    container?: {
+        background?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        shadow?: string;
+    };
+    header?: {
+        background?: string;
+        foreground?: string;
+        dividerColor?: string;
+        fontWeight?: number;
+        uppercase?: boolean;
+        sticky?: boolean;
+    };
+    row?: {
+        height?: number;
+        dividerColor?: string;
+        zebra?: boolean;
+        zebraBackground?: string;
+        hoverBackground?: string;
+        selectedBackground?: string;
+    };
+    cell?: {
+        paddingX?: number;
+        paddingY?: number;
+        verticalAlign?: 'top' | 'middle' | 'bottom';
+        wrap?: 'wrap' | 'nowrap';
+    };
+    subtotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+    };
+    grandTotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+        borderColor?: string;
+    };
+    pagination?: {
+        background?: string;
+        foreground?: string;
+        borderColor?: string;
+    };
+};
+
+export { }

package/dist/types/dashboard.d.ts

@@ -22,6 +22,69 @@ export declare type AIScopeTable = {
     datamodelName: string;
 };
 
+declare const APPEARANCE_SPEC_VERSION: 1;
+
+declare type AppearanceColorToken = 'background' | 'foreground' | 'muted' | 'mutedForeground' | 'border' | 'input' | 'primary' | 'primaryForeground' | 'accent' | 'accentForeground' | 'card' | 'cardForeground' | 'positive' | 'negative' | 'warning' | 'info' | 'destructive' | 'destructiveForeground';
+
+declare type AppearanceColorTokens = Partial<Record<AppearanceColorToken, string>>;
+
+declare type AppearanceDensity = 'compact' | 'comfortable' | 'spacious';
+
+declare type AppearanceMode = 'light' | 'dark' | 'system';
+
+declare type AppearanceScheme = {
+    tokens?: AppearanceTokens;
+    components?: {
+        dashboard?: BaseSurfaceAppearance;
+        card?: BaseSurfaceAppearance;
+        interactive?: InteractiveSurfaceAppearance;
+        chart?: ChartAppearance;
+        table?: TableAppearance;
+        pivotTable?: TableAppearance;
+        aggregateTable?: TableAppearance;
+        pagination?: BaseSurfaceAppearance;
+    };
+};
+
+declare type AppearanceSpec = {
+    version: typeof APPEARANCE_SPEC_VERSION;
+    mode?: AppearanceMode;
+    schemes?: {
+        light?: AppearanceScheme;
+        dark?: AppearanceScheme;
+    };
+};
+
+declare type AppearanceTokens = {
+    color?: AppearanceColorTokens;
+    typography?: {
+        fontFamily?: string;
+        headingFontFamily?: string;
+        monoFontFamily?: string;
+        baseFontSize?: number;
+        density?: AppearanceDensity;
+    };
+    radius?: {
+        control?: number;
+        card?: number;
+        table?: number;
+        badge?: number;
+    };
+    spacing?: {
+        dashboardPadding?: number;
+        gridGap?: number;
+        cardPadding?: number;
+        controlGap?: number;
+        tableCellX?: number;
+        tableCellY?: number;
+    };
+    shadow?: {
+        card?: string;
+        popover?: string;
+        focusRing?: string;
+    };
+};
+
 export declare type AssistantId = 'dashboard-assistant' | 'editor-assistant';
 
 export declare type AuthToken = {
@@ -77,6 +140,15 @@ declare type BaseFilter = {
     semanticContext?: FilterSemanticContext;
 };
 
+declare type BaseSurfaceAppearance = {
+    background?: string;
+    foreground?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    shadow?: string;
+    padding?: number;
+};
+
 export declare type Breakpoint = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 
 export declare type CacheConfig = {
@@ -211,6 +283,14 @@ declare type CardWithFooter = BaseCustomCard & {
     }>;
 };
 
+declare type ChartAppearance = {
+    palette?: string[];
+    background?: string;
+    foreground?: string;
+    gridColor?: string;
+    axisColor?: string;
+};
+
 declare interface ClickFilterInteraction {
     mode: 'clickFilter';
     /**
@@ -473,6 +553,7 @@ export declare type DashboardProps = {
      */
     renderMode?: 'dashboard' | 'document';
     customStyle?: TStyle;
+    appearance?: AppearanceSpec;
     currentTheme?: Theme;
     version?: string;
     showAssistant?: boolean;
@@ -1212,6 +1293,7 @@ export declare type GetDashboardResponse = {
     defaultLensId?: string;
     assistantProfileId?: string;
     semanticExecutionPayload: SemanticExecutionPayload;
+    organizationAppearance?: AppearanceSpec | null;
 };
 
 export declare type GetPluginsResponse = {
@@ -1319,6 +1401,10 @@ declare interface InteractionTrigger {
     field: Field;
 }
 
+declare type InteractiveSurfaceAppearance = BaseSurfaceAppearance & {
+    toolbarBackground?: string;
+};
+
 declare interface Join {
     id: string;
     source: DatabaseEntityReference;
@@ -1642,6 +1728,54 @@ export declare type StyleProps = {
     };
 };
 
+declare type TableAppearance = {
+    density?: AppearanceDensity;
+    container?: {
+        background?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        shadow?: string;
+    };
+    header?: {
+        background?: string;
+        foreground?: string;
+        dividerColor?: string;
+        fontWeight?: number;
+        uppercase?: boolean;
+        sticky?: boolean;
+    };
+    row?: {
+        height?: number;
+        dividerColor?: string;
+        zebra?: boolean;
+        zebraBackground?: string;
+        hoverBackground?: string;
+        selectedBackground?: string;
+    };
+    cell?: {
+        paddingX?: number;
+        paddingY?: number;
+        verticalAlign?: 'top' | 'middle' | 'bottom';
+        wrap?: 'wrap' | 'nowrap';
+    };
+    subtotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+    };
+    grandTotal?: {
+        background?: string;
+        foreground?: string;
+        fontWeight?: number;
+        borderColor?: string;
+    };
+    pagination?: {
+        background?: string;
+        foreground?: string;
+        borderColor?: string;
+    };
+};
+
 /**
  * Row rhythm for the whole table. Authors pick one per card; undefined
  * falls back to 'compact' (the canonical default — dense scanning, matches