@sistent/sistent 0.15.5 → 0.15.6

package/dist/index.d.ts

@@ -8,8 +8,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { Store as Store$1, Dispatch } from 'redux';
-import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { EmotionCache } from '@emotion/react';
+import { TypographyOptions } from '@mui/material/styles/createTypography';
 import * as xstate from 'xstate';
 import { EventObject, DoneActorEvent, ErrorActorEvent, SnapshotFrom, NonReducibleUnknown, ActorLogic, AnyMachineSnapshot, AnyActorLogic, AnyEventObject, AnyActorRef } from 'xstate';
 import { Store, Selector, UnknownAction } from '@reduxjs/toolkit';
@@ -2028,387 +2028,6 @@ declare const grafanaCredentialSchema: {
 
 declare const grafanaCredentialUiSchema: {};
 
-declare module '@mui/material/styles' {
-    interface Interactiveness {
-        default: string;
-        hover: string;
-        disabled?: string;
-        pressed: string;
-        secondary: string;
-        tertiary: string;
-    }
-    interface TypeBackground {
-        secondary?: string;
-        supplementary?: string;
-        graphics?: {
-            default: string;
-        };
-        tabs?: string;
-        elevatedComponents?: string;
-        card?: string;
-        tertiary?: string;
-        hover?: string;
-        blur?: {
-            heavy: string;
-            light: string;
-        };
-        neutral?: {
-            default: string;
-            hover: string;
-            pressed: string;
-        };
-        constant?: {
-            disabled: string;
-            white: string;
-            table: string;
-        };
-        inverse?: string;
-        brand?: Interactiveness;
-        cta?: Interactiveness;
-        info?: Interactiveness;
-        success?: Interactiveness;
-        warning?: Interactiveness;
-        error?: Interactiveness;
-        code?: string;
-        surfaces?: string;
-        appNavigationBar?: string;
-        secondaryAppNavigationBar?: string;
-    }
-    interface TypeText {
-        default?: string;
-        secondary: string;
-        tertiary?: string;
-        disabled: string;
-        inverse?: string;
-        brand?: string;
-        info?: string;
-        success?: string;
-        warning?: string;
-        error?: string;
-        neutral?: {
-            default: string;
-            alt: string;
-        };
-        constant?: {
-            white: string;
-            disabled: string;
-        };
-    }
-    interface PaletteColor {
-        secondary?: string;
-        supplementary?: string;
-        blur?: {
-            heavy: string;
-            light: string;
-        };
-        neutral?: {
-            default: string;
-            hover: string;
-            pressed: string;
-            alt: string;
-        };
-        constant?: {
-            white: string;
-            disabled: string;
-            table: string;
-        };
-        inverse?: string;
-        brand?: Interactiveness;
-        cta?: Interactiveness;
-        info?: Interactiveness;
-        success?: Interactiveness;
-        warning?: Interactiveness;
-        error?: Interactiveness;
-        code?: string;
-        strong?: string;
-        normal?: string;
-        disabled?: string;
-        surfaces?: string;
-    }
-    interface SimplePaletteColorOptions {
-        secondary?: string;
-        supplementary?: string;
-        blur?: {
-            heavy: string;
-            light: string;
-        };
-        neutral?: {
-            default: string;
-            hover: string;
-            pressed: string;
-            alt: string;
-        };
-        constant?: {
-            white: string;
-            disabled: string;
-            table: string;
-        };
-        inverse?: string;
-        brand?: Interactiveness;
-        cta?: Interactiveness;
-        info?: Interactiveness;
-        success?: Interactiveness;
-        warning?: Interactiveness;
-        error?: Interactiveness;
-        code?: string;
-        strong?: string;
-        normal?: string;
-        disabled?: string;
-        surfaces?: string;
-    }
-    interface Palette {
-        surface: SurfaceTokens;
-        interactive: InteractiveTokens;
-        navigation: NavigationTokens;
-        border: {
-            default: string;
-            strong: string;
-            brand: string;
-            normal: string;
-            neutral?: {
-                default: string;
-                alt: string;
-            };
-        };
-        icon: {
-            default: string;
-            secondary: string;
-            brand: string;
-            inverse: string;
-            weather: string;
-            disabled: string;
-            neutral?: {
-                default: string;
-                alt: string;
-            };
-        };
-    }
-    type SurfaceTokens = {
-        /** main page background, content containers (pure bg color) */
-        primary: string;
-        /** secondary surfaces (slightly darker bg) */
-        secondary: string;
-        /** tertiary surfaces (even darker bg) */
-        tertiary: string;
-        /** floating elements with depth (bg + shadow) */
-        elevated: string;
-        /** modal backdrops (semi-transparent bg) */
-        overlay: string;
-        /** highlight surfaces (eg. modal headers , tabs, ) */
-        tint: string;
-        /** high contrast alternative (fg as bg) */
-        inverse: string;
-    };
-    type InteractiveTokens = {
-        /** default interactive elements (primary color) */
-        primary: string;
-        /** hover state for interactive elements (primary hover tint) */
-        hover: string;
-        /** disabled state for interactive elements (primary disabled tint) */
-        disabled?: string;
-        /** pressed state for interactive elements (primary pressed tint) */
-        pressed: string;
-        /** secondary interactive elements (secondary color) */
-        secondary: string;
-        /** tertiary interactive elements (tertiary color) */
-        tertiary: string;
-    };
-    type NavigationTokens = {
-        /** main navigation bar background */
-        primary: string;
-        /** secondary navigation bar background */
-        secondary: string;
-        /** active navigation item background */
-        active: string;
-        /** hover state for navigation items */
-        hover: string;
-    };
-    interface PaletteOptions {
-        surface: SurfaceTokens;
-        interactive: InteractiveTokens;
-        navigation: NavigationTokens;
-        border: {
-            default: string;
-            strong: string;
-            brand: string;
-            normal: string;
-            neutral?: {
-                default: string;
-                alt: string;
-            };
-        };
-        icon: {
-            default: string;
-            dualTone?: string;
-            dualToneInverse?: string;
-            secondary: string;
-            brand: string;
-            inverse: string;
-            weather: string;
-            disabled: string;
-            neutral?: {
-                default: string;
-                alt: string;
-            };
-        };
-    }
-}
-declare const lightModePalette: PaletteOptions;
-declare const darkModePalette: PaletteOptions;
-
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        textH1Bold: React.CSSProperties;
-        textH2Medium: React.CSSProperties;
-        textH3Medium: React.CSSProperties;
-        textB1Regular: React.CSSProperties;
-        textB2SemiBold: React.CSSProperties;
-        textB3Regular: React.CSSProperties;
-        textL1Bold: React.CSSProperties;
-        textL2Regular: React.CSSProperties;
-        textC1Regular: React.CSSProperties;
-        textC2Regular: React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        textH1Bold?: React.CSSProperties;
-        textH2Medium?: React.CSSProperties;
-        textH3Medium?: React.CSSProperties;
-        textB1Regular?: React.CSSProperties;
-        textB2SemiBold?: React.CSSProperties;
-        textB3Regular?: React.CSSProperties;
-        textL1Bold?: React.CSSProperties;
-        textL2Regular?: React.CSSProperties;
-        textC1Regular?: React.CSSProperties;
-        textC2Regular?: React.CSSProperties;
-    }
-}
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        textH1Bold: true;
-        textH2Medium: true;
-        textH3Medium: true;
-        textB1Regular: true;
-        textB2SemiBold: true;
-        textB3Regular: true;
-        textL1Bold: true;
-        textL2Regular: true;
-        textC1Regular: true;
-        textC2Regular: true;
-    }
-}
-declare const typography: (mode: PaletteMode) => TypographyOptions;
-
-/**
- * Primitive palette defines the raw, brand-level colors used in the UI.
- * These are foundational tokens that never directly appear in components
- * without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
- *
- * Layer 2 ( ui )  tokens should reference these primitives to keep themes
- * consistent, brandable, and easy to override.
- */
-type PrimitivePalette = {
-    /**
-     * AppNavigation bar background color.
-     * Examples:
-     * - Top navigation bar
-     *   - Side navigation drawer
-     *   - Bottom navigation bar
-     *   - Tab headers
-     * Should be visually distinct from `background` to ensure
-     * navigation elements stand out.
-     */
-    navigationBar: string;
-    /**
-     * Main brand color used for the most prominent UI elements.
-     * Examples:
-     * - Primary button backgrounds (`primaryButtonBackground`)
-     * - Active navigation bar backgrounds
-     * - Key highlights in charts or graphs
-     * - Marketing banners
-     *
-     * Choose a color that instantly represents your brand identity.
-     */
-    primary: string;
-    /**
-     * High-contrast variant of `primary`, used for text/icons placed
-     * directly on a primary-colored background.
-     * Examples:
-     * - Text on primary buttons (`primaryButtonText`)
-     * - Icons in a primary-colored navbar
-     * - Labels in a badge using primary as the background
-     *
-     * Should pass WCAG contrast guidelines when layered on `primary`.
-     */
-    primaryInverted: string;
-    /**
-     * Secondary brand color for less prominent but still important UI elements.
-     * Examples:
-     * - Secondary buttons
-     * - Tab headers
-     * - Secondary navigation bars
-     * - Sidebar highlights
-     *
-     * Often complements `primary` without competing for attention.
-     */
-    secondary: string;
-    /**
-     * High-contrast variant of `secondary`, used for text/icons
-     * placed on a secondary-colored background.
-     * Examples:
-     * - Text on secondary buttons
-     * - Icons in a secondary navbar
-     * - Badge text over a secondary background
-     */
-    secondaryInverted: string;
-    /**
-     * Attention-grabbing color for emphasis and high-visibility actions.
-     * Often more vibrant than primary/secondary.
-     * Examples:
-     * - Hyperlinks
-     * - Special call-to-action buttons
-     * - Active tab underline
-     * - Notification counts or badges
-     * - Highlighted form fields
-     *
-     * Should be visually distinct from `primary`.
-     */
-    accent: string;
-    /**
-     * High-contrast variant of `accent`, used for text/icons placed
-     * on an accent-colored background.
-     * Examples:
-     * - Text in a promotional banner with accent background
-     * - Badge text on an accent background
-     * - Icons inside accent-highlighted buttons
-     */
-    accentInverted: string;
-    /**
-     * Main surface color for the app's UI.
-     * Examples:
-     * - App background
-     * - Card backgrounds
-     * - Modal and panel surfaces
-     *
-     * Typically neutral (light or dark) to maintain good readability.
-     */
-    background: string;
-    /**
-     * Default text color for content placed on `background`.
-     * Examples:
-     * - Paragraph text
-     * - Headings
-     * - Default icon color on white/light backgrounds
-     *
-     * Should maintain high contrast with `background`.
-     */
-    foreground: string;
-};
-/**
- * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
- */
-declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
-declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
-
 /**
  * Define the base common colors to derive from
  */
@@ -2666,6 +2285,345 @@ declare const socialIcons: {
     docker: string;
 };
 
+declare module '@mui/material/styles' {
+    interface Interactiveness {
+        default: string;
+        hover: string;
+        disabled?: string;
+        pressed: string;
+        secondary: string;
+        tertiary: string;
+    }
+    interface TypeBackground {
+        secondary?: string;
+        supplementary?: string;
+        graphics?: {
+            default: string;
+        };
+        tabs?: string;
+        elevatedComponents?: string;
+        card?: string;
+        tertiary?: string;
+        hover?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        constant?: {
+            disabled: string;
+            white: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        surfaces?: string;
+        appNavigationBar?: string;
+        secondaryAppNavigationBar?: string;
+    }
+    interface TypeText {
+        default?: string;
+        secondary: string;
+        tertiary?: string;
+        disabled: string;
+        inverse?: string;
+        brand?: string;
+        info?: string;
+        success?: string;
+        warning?: string;
+        error?: string;
+        neutral?: {
+            default: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+        };
+    }
+    interface PaletteColor {
+        secondary?: string;
+        supplementary?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        strong?: string;
+        normal?: string;
+        disabled?: string;
+        surfaces?: string;
+    }
+    interface SimplePaletteColorOptions {
+        secondary?: string;
+        supplementary?: string;
+        blur?: {
+            heavy: string;
+            light: string;
+        };
+        neutral?: {
+            default: string;
+            hover: string;
+            pressed: string;
+            alt: string;
+        };
+        constant?: {
+            white: string;
+            disabled: string;
+            table: string;
+        };
+        inverse?: string;
+        brand?: Interactiveness;
+        cta?: Interactiveness;
+        info?: Interactiveness;
+        success?: Interactiveness;
+        warning?: Interactiveness;
+        error?: Interactiveness;
+        code?: string;
+        strong?: string;
+        normal?: string;
+        disabled?: string;
+        surfaces?: string;
+    }
+    interface Palette {
+        surface: SurfaceTokens;
+        interactive: InteractiveTokens;
+        navigation: NavigationTokens;
+        border: {
+            default: string;
+            strong: string;
+            brand: string;
+            normal: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+        icon: {
+            default: string;
+            secondary: string;
+            brand: string;
+            inverse: string;
+            weather: string;
+            disabled: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+    }
+    type SurfaceTokens = {
+        /** main page background, content containers (pure bg color) */
+        primary: string;
+        /** secondary surfaces (slightly darker bg) */
+        secondary: string;
+        /** tertiary surfaces (even darker bg) */
+        tertiary: string;
+        /** floating elements with depth (bg + shadow) */
+        elevated: string;
+        /** modal backdrops (semi-transparent bg) */
+        overlay: string;
+        /** highlight surfaces (eg. modal headers , tabs, ) */
+        tint: string;
+        /** high contrast alternative (fg as bg) */
+        inverse: string;
+    };
+    type InteractiveTokens = {
+        /** default interactive elements (primary color) */
+        primary: string;
+        /** hover state for interactive elements (primary hover tint) */
+        hover: string;
+        /** disabled state for interactive elements (primary disabled tint) */
+        disabled?: string;
+        /** pressed state for interactive elements (primary pressed tint) */
+        pressed: string;
+        /** secondary interactive elements (secondary color) */
+        secondary: string;
+        /** tertiary interactive elements (tertiary color) */
+        tertiary: string;
+    };
+    type NavigationTokens = {
+        /** main navigation bar background */
+        primary: string;
+        /** secondary navigation bar background */
+        secondary: string;
+        /** active navigation item background */
+        active: string;
+        /** hover state for navigation items */
+        hover: string;
+    };
+    interface PaletteOptions {
+        surface: SurfaceTokens;
+        interactive: InteractiveTokens;
+        navigation: NavigationTokens;
+        border: {
+            default: string;
+            strong: string;
+            brand: string;
+            normal: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+        icon: {
+            default: string;
+            dualTone?: string;
+            dualToneInverse?: string;
+            secondary: string;
+            brand: string;
+            inverse: string;
+            weather: string;
+            disabled: string;
+            neutral?: {
+                default: string;
+                alt: string;
+            };
+        };
+    }
+}
+declare const lightModePalette: PaletteOptions;
+declare const darkModePalette: PaletteOptions;
+
+/**
+ * Primitive palette defines the raw, brand-level colors used in the UI.
+ * These are foundational tokens that never directly appear in components
+ * without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
+ *
+ * Layer 2 ( ui )  tokens should reference these primitives to keep themes
+ * consistent, brandable, and easy to override.
+ */
+type PrimitivePalette = {
+    /**
+     * AppNavigation bar background color.
+     * Examples:
+     * - Top navigation bar
+     *   - Side navigation drawer
+     *   - Bottom navigation bar
+     *   - Tab headers
+     * Should be visually distinct from `background` to ensure
+     * navigation elements stand out.
+     */
+    navigationBar: string;
+    /**
+     * Main brand color used for the most prominent UI elements.
+     * Examples:
+     * - Primary button backgrounds (`primaryButtonBackground`)
+     * - Active navigation bar backgrounds
+     * - Key highlights in charts or graphs
+     * - Marketing banners
+     *
+     * Choose a color that instantly represents your brand identity.
+     */
+    primary: string;
+    /**
+     * High-contrast variant of `primary`, used for text/icons placed
+     * directly on a primary-colored background.
+     * Examples:
+     * - Text on primary buttons (`primaryButtonText`)
+     * - Icons in a primary-colored navbar
+     * - Labels in a badge using primary as the background
+     *
+     * Should pass WCAG contrast guidelines when layered on `primary`.
+     */
+    primaryInverted: string;
+    /**
+     * Secondary brand color for less prominent but still important UI elements.
+     * Examples:
+     * - Secondary buttons
+     * - Tab headers
+     * - Secondary navigation bars
+     * - Sidebar highlights
+     *
+     * Often complements `primary` without competing for attention.
+     */
+    secondary: string;
+    /**
+     * High-contrast variant of `secondary`, used for text/icons
+     * placed on a secondary-colored background.
+     * Examples:
+     * - Text on secondary buttons
+     * - Icons in a secondary navbar
+     * - Badge text over a secondary background
+     */
+    secondaryInverted: string;
+    /**
+     * Attention-grabbing color for emphasis and high-visibility actions.
+     * Often more vibrant than primary/secondary.
+     * Examples:
+     * - Hyperlinks
+     * - Special call-to-action buttons
+     * - Active tab underline
+     * - Notification counts or badges
+     * - Highlighted form fields
+     *
+     * Should be visually distinct from `primary`.
+     */
+    accent: string;
+    /**
+     * High-contrast variant of `accent`, used for text/icons placed
+     * on an accent-colored background.
+     * Examples:
+     * - Text in a promotional banner with accent background
+     * - Badge text on an accent background
+     * - Icons inside accent-highlighted buttons
+     */
+    accentInverted: string;
+    /**
+     * Main surface color for the app's UI.
+     * Examples:
+     * - App background
+     * - Card backgrounds
+     * - Modal and panel surfaces
+     *
+     * Typically neutral (light or dark) to maintain good readability.
+     */
+    background: string;
+    /**
+     * Default text color for content placed on `background`.
+     * Examples:
+     * - Paragraph text
+     * - Headings
+     * - Default icon color on white/light backgrounds
+     *
+     * Should maintain high contrast with `background`.
+     */
+    foreground: string;
+};
+/**
+ * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
+ */
+declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
+declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
+
 interface SistentThemeProviderProps {
     children: React$1.ReactNode;
     emotionCache?: EmotionCache;
@@ -2675,6 +2633,48 @@ interface SistentThemeProviderProps {
 declare function SistentThemeProvider({ children, emotionCache, initialMode, customTheme }: SistentThemeProviderProps): JSX.Element;
 declare function SistentThemeProviderWithoutBaseLine({ children, emotionCache, initialMode }: SistentThemeProviderProps): JSX.Element;
 
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        textH1Bold: React.CSSProperties;
+        textH2Medium: React.CSSProperties;
+        textH3Medium: React.CSSProperties;
+        textB1Regular: React.CSSProperties;
+        textB2SemiBold: React.CSSProperties;
+        textB3Regular: React.CSSProperties;
+        textL1Bold: React.CSSProperties;
+        textL2Regular: React.CSSProperties;
+        textC1Regular: React.CSSProperties;
+        textC2Regular: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        textH1Bold?: React.CSSProperties;
+        textH2Medium?: React.CSSProperties;
+        textH3Medium?: React.CSSProperties;
+        textB1Regular?: React.CSSProperties;
+        textB2SemiBold?: React.CSSProperties;
+        textB3Regular?: React.CSSProperties;
+        textL1Bold?: React.CSSProperties;
+        textL2Regular?: React.CSSProperties;
+        textC1Regular?: React.CSSProperties;
+        textC2Regular?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        textH1Bold: true;
+        textH2Medium: true;
+        textH3Medium: true;
+        textB1Regular: true;
+        textB2SemiBold: true;
+        textB3Regular: true;
+        textL1Bold: true;
+        textL2Regular: true;
+        textC1Regular: true;
+        textC2Regular: true;
+    }
+}
+declare const typography: (mode: PaletteMode) => TypographyOptions;
+
 declare const componentIcon: ({ kind, model, color }: {
     kind: string;
     model: string;