@surrealdb/ui 1.0.101 → 1.1.0

package/dist/ui.d.ts

@@ -30,6 +30,7 @@ import { MantineThemeOverride } from '@mantine/core';
 import { PaperProps } from '@mantine/core';
 import { PropsWithChildren } from 'react';
 import type * as React_2 from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
 import { SelectProps } from '@mantine/core';
@@ -39,6 +40,9 @@ import { StateField } from '@codemirror/state';
 import { TabsListProps } from '@mantine/core';
 import { TabsProps as TabsProps_2 } from '@mantine/core';
 import { TabsTabProps } from '@mantine/core';
+import { TextProps } from '@mantine/core';
+import { TitleOrder } from '@mantine/core';
+import { TitleProps } from '@mantine/core';
 import { VideoHTMLAttributes } from 'react';
 import { YooEditor } from '@yoopta/editor';
 import { YooptaContentValue } from '@yoopta/editor';
@@ -575,6 +579,23 @@ export declare function getCDNImageURL(imageId: string | undefined, width?: numb
 
 export declare function getCDNVideoURL(videoId: string | undefined, format?: "mp4" | "webm" | "mov", controls?: boolean): string | undefined;
 
+export declare function Header({ order, kicker, description, kickerProps, titleProps, descriptionProps, children, ...boxProps }: PropsWithChildren<HeaderProps>): ReactElement;
+
+export declare interface HeaderProps extends BoxProps {
+    /** The kicker text to display above the title */
+    kicker?: ReactNode;
+    /** Heading order (1-6), controls `font-size` when `size` is not set on the title. @default `1` */
+    order?: TitleOrder;
+    /** A description text to display below the title */
+    description?: string;
+    /** Props to pass to the kicker component */
+    kickerProps?: TextProps;
+    /** Props to pass to the title component */
+    titleProps?: TitleProps;
+    /** Props to pass to the description component */
+    descriptionProps?: TextProps;
+}
+
 export declare interface Heading {
     id: string;
     text: string;