@mantine-vue/code-highlight 3.0.0 → 3.1.0

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

@@ -1,68 +1,2 @@
-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>;
+export { default as CodeHighlightControl } from './CodeHighlightControl.vue';
+export type * from './CodeHighlightControl.types';

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

@@ -0,0 +1,20 @@
+import type { VNodeChild } from 'vue';
+export interface CodeHighlightControlProps {
+    /** Tooltip label. If omitted, the tooltip is not rendered. */
+    tooltipLabel?: string;
+    /** Root element or component. @default 'button' */
+    component?: MantineElementType;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    [key: string]: any;
+}
+/** Events emitted by `CodeHighlightControl`. */
+export interface CodeHighlightControlEmits {
+    /** Emitted when the control is clicked. */
+    click: [event: MouseEvent];
+}
+export interface CodeHighlightControlSlots {
+    default?: () => VNodeChild;
+}
+import type { MantineElementType } from '@mantine-vue/core';

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

@@ -0,0 +1,15 @@
+import type { CodeHighlightControlSlots } from './CodeHighlightControl.types';
+type __VLS_Slots = CodeHighlightControlSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,32 +1 @@
-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>;
+export { default as CopyCodeButton } from './CopyCodeButton.vue';

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

@@ -0,0 +1,8 @@
+export interface CopyCodeButtonProps {
+    code: string;
+    copiedLabel?: string;
+    copyLabel?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<CopyCodeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CopyCodeButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,13 +1 @@
-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>;
+export { default as CopyIcon } from './CopyIcon.vue';

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    copied: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,41 +1 @@
-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>;
+export { default as ExpandCodeButton } from './ExpandCodeButton.vue';

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

@@ -0,0 +1,15 @@
+export interface ExpandCodeButtonProps {
+    expanded: boolean;
+    collapseCodeLabel?: string;
+    expandCodeLabel?: string;
+}
+export interface ExpandCodeButtonEmits {
+    expand: [value: boolean];
+}
+declare const __VLS_export: import("vue").DefineComponent<ExpandCodeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ExpandCodeButtonProps> & Readonly<{
+    onExpand?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,13 +1 @@
-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>;
+export { default as ExpandIcon } from './ExpandIcon.vue';

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    expanded: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/CodeHighlight/InlineCodeHighlight.d.ts

@@ -1,108 +1,17 @@
-import { type PropType } from 'vue';
-export type InlineCodeHighlightStylesNames = 'inlineCodeHighlight';
-export type InlineCodeHighlightCssVariables = {
-    inlineCodeHighlight: '--ch-background' | '--ch-radius';
+export declare const InlineCodeHighlight: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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>>;
 };
-export interface InlineCodeHighlightProps {
-    code: string;
-    language?: string;
-    background?: string;
-    radius?: string | number;
-    withBorder?: boolean;
-    classNames?: any;
-    styles?: any;
-    vars?: any;
-    unstyled?: boolean;
-    [key: string]: any;
-}
-export interface InlineCodeHighlightFactory {
-    props: InlineCodeHighlightProps;
-    stylesNames: InlineCodeHighlightStylesNames;
-    vars: InlineCodeHighlightCssVariables;
-}
-export declare const InlineCodeHighlight: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    code: {
-        type: StringConstructor;
-        required: true;
-    };
-    language: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    background: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    radius: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    withBorder: {
-        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;
-    };
-}>, () => 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;
-    };
-    language: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    background: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    radius: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    withBorder: {
-        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<{}>, {
-    radius: string | number;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    background: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    withBorder: boolean;
-    language: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type * from './InlineCodeHighlight.types';

package/lib/CodeHighlight/InlineCodeHighlight.types.d.ts

@@ -0,0 +1,30 @@
+export type InlineCodeHighlightStylesNames = 'inlineCodeHighlight';
+export type InlineCodeHighlightCssVariables = {
+    inlineCodeHighlight: '--ch-background' | '--ch-radius';
+};
+export interface InlineCodeHighlightProps {
+    /** Code to highlight. */
+    code: string;
+    /** Language of the code, used to determine syntax highlighting. */
+    language?: string;
+    /** Controls background color of the code. By default, the value depends on color scheme. */
+    background?: string;
+    /** Key of `theme.radius` or any valid CSS value to set border-radius. @default 'sm' */
+    radius?: string | number;
+    /** Adds border to the root element. @default false */
+    withBorder?: boolean;
+    /** CSS classes applied to component elements. */
+    classNames?: any;
+    /** Inline styles applied to component elements. */
+    styles?: any;
+    /** CSS variables applied to component elements. */
+    vars?: any;
+    /** If set, all Mantine classes are removed from component elements. @default false */
+    unstyled?: boolean;
+    [key: string]: any;
+}
+export interface InlineCodeHighlightFactory {
+    props: InlineCodeHighlightProps;
+    stylesNames: InlineCodeHighlightStylesNames;
+    vars: InlineCodeHighlightCssVariables;
+}

package/lib/CodeHighlight/InlineCodeHighlight.vue.d.ts

@@ -0,0 +1,5 @@
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/lib/CodeHighlightProvider/CodeHighlightAdapterProvider.vue.d.ts

@@ -0,0 +1,14 @@
+import type { CodeHighlightAdapterProviderProps } from './CodeHighlightProvider.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CodeHighlightAdapterProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeHighlightAdapterProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/CodeHighlightProvider/CodeHighlightProvider.d.ts

@@ -1,34 +1,21 @@
-import { type PropType } from 'vue';
-export interface HighlighterInput {
-    colorScheme: 'light' | 'dark' | (string & {});
-    code: string;
-    language?: string;
-}
-export type Highlighter = (input: HighlighterInput) => {
-    highlightedCode: string;
-    isHighlighted: boolean;
-    codeElementProps?: Record<string, any>;
-};
-export interface CodeHighlightAdapter {
-    loadContext?: () => Promise<any>;
-    getHighlighter: (ctx: any) => Highlighter;
-}
-export interface CodeHighlightProviderContext {
-    adapter: CodeHighlightAdapter;
-    highlight: Highlighter;
-}
+import type { CodeHighlightProviderContext } from './CodeHighlightProvider.types';
 export declare function provideCodeHighlightAdapterContext(value: CodeHighlightProviderContext): void;
-export declare function useHighlight(): Highlighter;
-export declare const CodeHighlightAdapterProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    adapter: {
-        type: PropType<CodeHighlightAdapter>;
-        required: true;
+export declare function useHighlight(): import("./CodeHighlightProvider.types").Highlighter;
+export declare const CodeHighlightAdapterProvider: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./CodeHighlightProvider.types").CodeHighlightAdapterProviderProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./CodeHighlightProvider.types").CodeHighlightAdapterProviderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./CodeHighlightProvider.types").CodeHighlightAdapterProviderProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
     };
-}>, () => 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<{
-    adapter: {
-        type: PropType<CodeHighlightAdapter>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+});
+export type * from './CodeHighlightProvider.types';

package/lib/CodeHighlightProvider/CodeHighlightProvider.types.d.ts

@@ -0,0 +1,25 @@
+export interface HighlighterInput {
+    colorScheme: 'light' | 'dark' | (string & {});
+    code: string;
+    language?: string;
+}
+export type Highlighter = (input: HighlighterInput) => {
+    /** Highlighted code (HTML markup). */
+    highlightedCode: string;
+    /** `true` if the code is represented with an HTML string, `false` for a plain text string. */
+    isHighlighted: boolean;
+    /** Props passed down to the `<code>` element. */
+    codeElementProps?: Record<string, any>;
+};
+export interface CodeHighlightAdapter {
+    loadContext?: () => Promise<any>;
+    getHighlighter: (ctx: any) => Highlighter;
+}
+export interface CodeHighlightProviderContext {
+    adapter: CodeHighlightAdapter;
+    highlight: Highlighter;
+}
+export interface CodeHighlightAdapterProviderProps {
+    /** Highlighting adapter used by descendant components. */
+    adapter: CodeHighlightAdapter;
+}