@ai-matrx/rich-content 0.0.0 → 0.2.2

package/dist/display/themes.d.ts

@@ -0,0 +1,1023 @@
+export declare const THEMES: {
+    default: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    professional: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    corporate: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    corporateSubtle: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    pinkBlue: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        link: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    oceanBreeze: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    forestMist: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    sunsetGlow: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    royalPurple: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    mintChocolate: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    warmEarth: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    vibrantFun: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            gradient: string;
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    neutral: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    slate: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+    blue: {
+        container: {
+            background: string;
+            border: string;
+        };
+        title: {
+            text: string;
+            secondary: string;
+        };
+        item: {
+            background: string;
+            border: string;
+            title: string;
+            description: string;
+        };
+        debug: {
+            background: string;
+            border: string;
+            text: string;
+        };
+        table: {
+            header: string;
+            headerText: string;
+            row: {
+                even: string;
+                odd: string;
+                hover: string;
+            };
+            border: string;
+            text: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            shadow: string;
+            hover: string;
+        };
+        button: {
+            primary: {
+                background: string;
+                text: string;
+            };
+            secondary: {
+                background: string;
+                text: string;
+                border: string;
+            };
+        };
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            focus: string;
+        };
+        sidebar: {
+            background: string;
+            border: string;
+            item: {
+                active: string;
+                hover: string;
+                text: string;
+                activeText: string;
+            };
+        };
+    };
+};
+export type DisplayTheme = keyof typeof THEMES;
+export declare const THEME_OPTIONS: {
+    value: string;
+    label: string;
+    description: string;
+}[];
+export declare const SIMPLE_THEME_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const CODE_THEMES: {
+    id: string;
+    name: string;
+}[];