@mantine-vue/code-highlight 1.1.2

package/lib/CodeHighlightTabs/CodeHighlightTabs.d.ts

@@ -0,0 +1,256 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type CodeHighlightSettings, type CodeHighlightStylesNames } from '../CodeHighlight/CodeHighlight';
+export type CodeHighlightDefaultLanguage = 'tsx' | 'scss' | 'html' | 'bash' | 'json';
+export interface CodeHighlightTabsCode {
+    language?: CodeHighlightDefaultLanguage | (string & {});
+    code: string;
+    fileName?: string;
+    icon?: VNodeChild;
+}
+export type CodeHighlightTabsStylesNames = 'root' | 'files' | 'file' | 'fileIcon' | 'filesScrollarea' | CodeHighlightStylesNames;
+export interface CodeHighlightTabsProps extends CodeHighlightSettings {
+    code: CodeHighlightTabsCode[];
+    getFileIcon?: (fileName: string) => VNodeChild;
+    defaultActiveTab?: number;
+    activeTab?: number;
+    onTabChange?: (tab: number) => void;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    unstyled?: boolean;
+    [key: string]: any;
+}
+export interface CodeHighlightTabsFactory {
+    props: CodeHighlightTabsProps;
+    stylesNames: CodeHighlightTabsStylesNames;
+}
+export declare const CodeHighlightTabs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    code: {
+        type: PropType<CodeHighlightTabsCode[]>;
+        required: true;
+    };
+    getFileIcon: {
+        type: PropType<(fileName: string) => VNodeChild>;
+        default: undefined;
+    };
+    defaultActiveTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    activeTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onTabChange: {
+        type: PropType<(tab: number) => void>;
+        default: undefined;
+    };
+    defaultExpanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onExpandedChange: {
+        type: PropType<(expanded: boolean) => void>;
+        default: undefined;
+    };
+    withCopyButton: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withExpandButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    maxCollapsedHeight: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    copyLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    expandCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    collapseCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    background: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    controls: {
+        type: PropType<CodeHighlightSettings["controls"]>;
+        default: undefined;
+    };
+    codeColorScheme: {
+        type: PropType<CodeHighlightSettings["codeColorScheme"]>;
+        default: undefined;
+    };
+    withLineNumbers: {
+        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;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: PropType<CodeHighlightTabsCode[]>;
+        required: true;
+    };
+    getFileIcon: {
+        type: PropType<(fileName: string) => VNodeChild>;
+        default: undefined;
+    };
+    defaultActiveTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    activeTab: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onTabChange: {
+        type: PropType<(tab: number) => void>;
+        default: undefined;
+    };
+    defaultExpanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onExpandedChange: {
+        type: PropType<(expanded: boolean) => void>;
+        default: undefined;
+    };
+    withCopyButton: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    withExpandButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    maxCollapsedHeight: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    copyLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    copiedLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    expandCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    collapseCodeLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    background: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    controls: {
+        type: PropType<CodeHighlightSettings["controls"]>;
+        default: undefined;
+    };
+    codeColorScheme: {
+        type: PropType<CodeHighlightSettings["codeColorScheme"]>;
+        default: undefined;
+    };
+    withLineNumbers: {
+        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>;
+    expanded: boolean;
+    background: string;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    withBorder: boolean;
+    defaultExpanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    controls: VNodeChild[] | (() => VNodeChild) | undefined;
+    copiedLabel: string;
+    copyLabel: string;
+    collapseCodeLabel: string;
+    expandCodeLabel: string;
+    maxCollapsedHeight: string | number;
+    withCopyButton: boolean;
+    withExpandButton: boolean;
+    withLineNumbers: boolean;
+    codeColorScheme: "light" | "dark" | (string & {}) | undefined;
+    getFileIcon: (fileName: string) => VNodeChild;
+    defaultActiveTab: number;
+    activeTab: number;
+    onTabChange: (tab: number) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/CodeHighlightTabs/FileIcon.d.ts

@@ -0,0 +1,34 @@
+import { type PropType, type VNodeChild } from 'vue';
+export declare const FileIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fileName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getFileIcon: {
+        type: PropType<(fileName: string) => VNodeChild>;
+        default: undefined;
+    };
+    fileIcon: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fileName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getFileIcon: {
+        type: PropType<(fileName: string) => VNodeChild>;
+        default: undefined;
+    };
+    fileIcon: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    fileName: string;
+    getFileIcon: (fileName: string) => VNodeChild;
+    fileIcon: VNodeChild;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/index.d.mts

@@ -0,0 +1,15 @@
+export { CodeHighlight } from './CodeHighlight/CodeHighlight';
+export { InlineCodeHighlight } from './CodeHighlight/InlineCodeHighlight';
+export { CodeHighlightTabs } from './CodeHighlightTabs/CodeHighlightTabs';
+export { CodeHighlightControl } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
+export { useCodeHighlightContext } from './CodeHighlight/CodeHighlight.context';
+export { CodeHighlightAdapterProvider, useHighlight, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { createHighlightJsAdapter } from './CodeHighlightProvider/adapters/highlight-js-adapter';
+export { createShikiAdapter, stripShikiCodeBlocks, } from './CodeHighlightProvider/adapters/shiki-adapter';
+export { plainTextAdapter } from './CodeHighlightProvider/adapters/plain-text-adapter';
+export type { CodeHighlightAdapter, Highlighter, HighlighterInput, } from './CodeHighlightProvider/CodeHighlightProvider';
+export type { CodeHighlightCssVariables, CodeHighlightFactory, CodeHighlightProps, CodeHighlightSettings, CodeHighlightStylesNames, } from './CodeHighlight/CodeHighlight';
+export type { CodeHighlightContextValue } from './CodeHighlight/CodeHighlight.context';
+export type { CodeHighlightControlProps } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
+export type { InlineCodeHighlightCssVariables, InlineCodeHighlightFactory, InlineCodeHighlightProps, InlineCodeHighlightStylesNames, } from './CodeHighlight/InlineCodeHighlight';
+export type { CodeHighlightDefaultLanguage, CodeHighlightTabsCode, CodeHighlightTabsFactory, CodeHighlightTabsProps, CodeHighlightTabsStylesNames, } from './CodeHighlightTabs/CodeHighlightTabs';

package/lib/index.d.ts

@@ -0,0 +1,15 @@
+export { CodeHighlight } from './CodeHighlight/CodeHighlight';
+export { InlineCodeHighlight } from './CodeHighlight/InlineCodeHighlight';
+export { CodeHighlightTabs } from './CodeHighlightTabs/CodeHighlightTabs';
+export { CodeHighlightControl } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
+export { useCodeHighlightContext } from './CodeHighlight/CodeHighlight.context';
+export { CodeHighlightAdapterProvider, useHighlight, } from './CodeHighlightProvider/CodeHighlightProvider';
+export { createHighlightJsAdapter } from './CodeHighlightProvider/adapters/highlight-js-adapter';
+export { createShikiAdapter, stripShikiCodeBlocks, } from './CodeHighlightProvider/adapters/shiki-adapter';
+export { plainTextAdapter } from './CodeHighlightProvider/adapters/plain-text-adapter';
+export type { CodeHighlightAdapter, Highlighter, HighlighterInput, } from './CodeHighlightProvider/CodeHighlightProvider';
+export type { CodeHighlightCssVariables, CodeHighlightFactory, CodeHighlightProps, CodeHighlightSettings, CodeHighlightStylesNames, } from './CodeHighlight/CodeHighlight';
+export type { CodeHighlightContextValue } from './CodeHighlight/CodeHighlight.context';
+export type { CodeHighlightControlProps } from './CodeHighlight/CodeHighlightControl/CodeHighlightControl';
+export type { InlineCodeHighlightCssVariables, InlineCodeHighlightFactory, InlineCodeHighlightProps, InlineCodeHighlightStylesNames, } from './CodeHighlight/InlineCodeHighlight';
+export type { CodeHighlightDefaultLanguage, CodeHighlightTabsCode, CodeHighlightTabsFactory, CodeHighlightTabsProps, CodeHighlightTabsStylesNames, } from './CodeHighlightTabs/CodeHighlightTabs';

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@mantine-vue/code-highlight",
+  "version": "1.1.2",
+  "description": "Vue code highlight components equivalent to @mantine/code-highlight",
+  "license": "MIT",
+  "files": [
+    "cjs",
+    "esm",
+    "lib",
+    "styles.css",
+    "styles.layer.css",
+    "styles"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./cjs/index.cjs",
+  "module": "./esm/index.mjs",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.cjs"
+      }
+    },
+    "./styles.css": "./styles.css",
+    "./styles.layer.css": "./styles.layer.css"
+  },
+  "devDependencies": {
+    "@mantine-vue/core": "workspace:*",
+    "@mantine-vue/hooks": "workspace:*",
+    "@vue/compiler-dom": "^3.5.0",
+    "@vue/test-utils": "^2.4.6",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@mantine-vue/core": "1.1.1",
+    "@mantine-vue/hooks": "1.1.2",
+    "vue": "^3.5.0"
+  }
+}