@surrealdb/ui 1.0.19 → 1.0.20

package/dist/ui.d.ts

@@ -4,6 +4,7 @@ import { FC } from 'react';
 import { Highlighter } from '@lezer/highlight';
 import { HighlightStyle } from '@codemirror/language';
 import { HTMLAttributes } from 'react';
+import { ImageProps } from '@mantine/core';
 import { MantineColor } from '@mantine/core';
 import { MantineColorScheme } from '@mantine/core';
 import { MantineFontSize } from '@mantine/core';
@@ -1117,6 +1118,21 @@ export declare type ThemeConfig = {
     dark: HighlightStyle;
 };
 
+/**
+ * ThemedImage component that displays different images based on the current color scheme.
+ * Extends Mantine's Image component with support for light/dark mode images.
+ * Uses Mantine's useColorScheme hook to determine the current theme.
+ * Users can override via the colorScheme prop.
+ *
+ * For pre-loading both images, consider adding <link rel="preload"> tags in your HTML head.
+ */
+export declare const ThemedImage: FC<ThemedImageProps>;
+
+export declare interface ThemedImageProps extends ImageProps {
+    darkSrc: string;
+    colorScheme?: "light" | "dark";
+}
+
 /**
  * Trigger a new render and invoke the passed function
  * during this next call. Useful when you require the component