@mantine-vue/code-highlight 1.1.2

package/lib/CodeHighlight/CodeHighlight.d.ts

@@ -0,0 +1,506 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type CodeHighlightAdapter } from '../CodeHighlightProvider/CodeHighlightProvider';
+import { type CodeHighlightContextValue } from './CodeHighlight.context';
+import { type CodeHighlightControlProps } from './CodeHighlightControl/CodeHighlightControl';
+export type CodeHighlightStylesNames = 'codeHighlight' | 'pre' | 'code' | 'control' | 'controlTooltip' | 'controls' | 'scrollarea' | 'showCodeButton' | 'lineNumbers' | 'codeWrapper';
+export type CodeHighlightCssVariables = {
+    codeHighlight: '--ch-max-height' | '--ch-background' | '--ch-radius';
+};
+export interface CodeHighlightSettings {
+    copyLabel?: string;
+    copiedLabel?: string;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    maxCollapsedHeight?: number | string;
+    withCopyButton?: boolean;
+    withExpandButton?: boolean;
+    expandCodeLabel?: string;
+    collapseCodeLabel?: string;
+    background?: string;
+    radius?: string | number;
+    withBorder?: boolean;
+    withLineNumbers?: boolean;
+    controls?: VNodeChild[] | (() => VNodeChild);
+    codeColorScheme?: 'dark' | 'light' | (string & {});
+}
+export interface CodeHighlightProps extends CodeHighlightSettings {
+    __withOffset?: boolean;
+    __staticSelector?: string;
+    __inline?: boolean;
+    code: string;
+    language?: string;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    unstyled?: boolean;
+    class?: any;
+    style?: any;
+    [key: string]: any;
+}
+export interface CodeHighlightFactory {
+    props: CodeHighlightProps;
+    stylesNames: CodeHighlightStylesNames;
+    vars: CodeHighlightCssVariables;
+}
+export declare const CodeHighlight: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        code: {
+            type: StringConstructor;
+            required: true;
+        };
+        language: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        copyLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        copiedLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultExpanded: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        onExpandedChange: {
+            type: PropType<(expanded: boolean) => void>;
+            default: undefined;
+        };
+        maxCollapsedHeight: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        withCopyButton: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withExpandButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expandCodeLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        collapseCodeLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        background: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        withBorder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withLineNumbers: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        controls: {
+            type: PropType<CodeHighlightSettings["controls"]>;
+            default: undefined;
+        };
+        codeColorScheme: {
+            type: PropType<CodeHighlightSettings["codeColorScheme"]>;
+            default: undefined;
+        };
+        __withOffset: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        __staticSelector: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        __inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        radius: string | number;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        expanded: boolean;
+        background: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        __staticSelector: string;
+        withBorder: boolean;
+        defaultExpanded: boolean;
+        onExpandedChange: (expanded: boolean) => void;
+        controls: VNodeChild[] | (() => VNodeChild) | undefined;
+        copiedLabel: string;
+        copyLabel: string;
+        collapseCodeLabel: string;
+        expandCodeLabel: string;
+        __withOffset: boolean;
+        __inline: boolean;
+        language: string;
+        maxCollapsedHeight: string | number;
+        withCopyButton: boolean;
+        withExpandButton: boolean;
+        withLineNumbers: boolean;
+        codeColorScheme: "light" | "dark" | (string & {}) | undefined;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        code: {
+            type: StringConstructor;
+            required: true;
+        };
+        language: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        copyLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        copiedLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultExpanded: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        onExpandedChange: {
+            type: PropType<(expanded: boolean) => void>;
+            default: undefined;
+        };
+        maxCollapsedHeight: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        withCopyButton: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        withExpandButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expandCodeLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        collapseCodeLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        background: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        withBorder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withLineNumbers: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        controls: {
+            type: PropType<CodeHighlightSettings["controls"]>;
+            default: undefined;
+        };
+        codeColorScheme: {
+            type: PropType<CodeHighlightSettings["codeColorScheme"]>;
+            default: undefined;
+        };
+        __withOffset: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        __staticSelector: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        __inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        radius: string | number;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        expanded: boolean;
+        background: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        __staticSelector: string;
+        withBorder: boolean;
+        defaultExpanded: boolean;
+        onExpandedChange: (expanded: boolean) => void;
+        controls: VNodeChild[] | (() => VNodeChild) | undefined;
+        copiedLabel: string;
+        copyLabel: string;
+        collapseCodeLabel: string;
+        expandCodeLabel: string;
+        __withOffset: boolean;
+        __inline: boolean;
+        language: string;
+        maxCollapsedHeight: string | number;
+        withCopyButton: boolean;
+        withExpandButton: boolean;
+        withLineNumbers: boolean;
+        codeColorScheme: "light" | "dark" | (string & {}) | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    language: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    copyLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultExpanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onExpandedChange: {
+        type: PropType<(expanded: boolean) => void>;
+        default: undefined;
+    };
+    maxCollapsedHeight: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    withCopyButton: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withExpandButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    collapseCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    background: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    withBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withLineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controls: {
+        type: PropType<CodeHighlightSettings["controls"]>;
+        default: undefined;
+    };
+    codeColorScheme: {
+        type: PropType<CodeHighlightSettings["codeColorScheme"]>;
+        default: undefined;
+    };
+    __withOffset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    __staticSelector: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    __inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    radius: string | number;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    expanded: boolean;
+    background: string;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    __staticSelector: string;
+    withBorder: boolean;
+    defaultExpanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    controls: VNodeChild[] | (() => VNodeChild) | undefined;
+    copiedLabel: string;
+    copyLabel: string;
+    collapseCodeLabel: string;
+    expandCodeLabel: string;
+    __withOffset: boolean;
+    __inline: boolean;
+    language: string;
+    maxCollapsedHeight: string | number;
+    withCopyButton: boolean;
+    withExpandButton: boolean;
+    withLineNumbers: boolean;
+    codeColorScheme: "light" | "dark" | (string & {}) | undefined;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+    varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+    Control: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        tooltipLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
+        onClick: {
+            type: PropType<(event: MouseEvent) => void>;
+            default: undefined;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        tooltipLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
+        onClick: {
+            type: PropType<(event: MouseEvent) => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        onClick: (event: MouseEvent) => void;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        component: string;
+        vars: Function | Record<string, any>;
+        tooltipLabel: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export type { CodeHighlightAdapter, CodeHighlightContextValue, CodeHighlightControlProps };

package/lib/CodeHighlight/CodeHighlightControl/CodeHighlightControl.d.ts

@@ -0,0 +1,68 @@
+import { type PropType } from 'vue';
+export interface CodeHighlightControlProps {
+    tooltipLabel?: string;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    [key: string]: any;
+}
+export declare const CodeHighlightControl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tooltipLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    onClick: {
+        type: PropType<(event: MouseEvent) => void>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tooltipLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    onClick: {
+        type: PropType<(event: MouseEvent) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    onClick: (event: MouseEvent) => void;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    component: string;
+    vars: Function | Record<string, any>;
+    tooltipLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/CodeHighlight/CopyCodeButton/CopyCodeButton.d.ts

@@ -0,0 +1,32 @@
+export declare const CopyCodeButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    copyLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        required: true;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    copyLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    copiedLabel: string;
+    copyLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/CodeHighlight/CopyCodeButton/CopyIcon.d.ts

@@ -0,0 +1,13 @@
+export declare const CopyIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    copied: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    copied: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/CodeHighlight/ExpandCodeButton/ExpandCodeButton.d.ts

@@ -0,0 +1,41 @@
+import { type PropType } from 'vue';
+export declare const ExpandCodeButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onExpand: {
+        type: PropType<(value: boolean) => void>;
+        required: true;
+    };
+    collapseCodeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    expandCodeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onExpand: {
+        type: PropType<(value: boolean) => void>;
+        required: true;
+    };
+    collapseCodeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    expandCodeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    collapseCodeLabel: string;
+    expandCodeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/CodeHighlight/ExpandCodeButton/ExpandIcon.d.ts

@@ -0,0 +1,13 @@
+export declare const ExpandIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    expanded: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;