npm - @scalar/components - Versions diffs - 0.12.50 → 0.12.52 - Mend

@scalar/components 0.12.50 → 0.12.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts CHANGED Viewed

@@ -108,14 +108,14 @@ declare const meta: {
             ScalarSearchResultItem: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                     icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
                     };
                     active: {
                         type: import("vue").PropType<boolean>;
                     };
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
                     };
                     active: {
                         type: import("vue").PropType<boolean>;
@@ -129,7 +129,7 @@ declare const meta: {
                     Defaults: {};
                 }, Readonly<import("vue").ExtractPropTypes<{
                     icon: {
-                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+                        type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
                     };
                     active: {
                         type: import("vue").PropType<boolean>;
@@ -140,7 +140,7 @@ declare const meta: {
                 __isSuspense?: never;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 icon: {
-                    type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
+                    type: import("vue").PropType<"Add" | "AddTab" | "ArrowLeft" | "ArrowRight" | "Brackets" | "Branch" | "Changelog" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CloseTab" | "CloseTabs" | "Cloud" | "CodeFolder" | "Cog" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DiscordLine" | "DocsPage" | "Download" | "Duplicate" | "Edit" | "Ellipses" | "Email" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "GitHubLine" | "Google" | "Help" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Pencil" | "Play" | "Refresh" | "Roadmap" | "Scribble" | "Search" | "Server" | "Settings" | "Show" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "Users" | "Wallet" | "Workspace" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
                 };
                 active: {
                     type: import("vue").PropType<boolean>;

package/dist/components/ScalarVirtualText/ScalarVirtualText.spec.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=ScalarVirtualText.spec.d.ts.map

package/dist/components/ScalarVirtualText/ScalarVirtualText.spec.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ScalarVirtualText.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.spec.ts"],"names":[],"mappings":""}

package/dist/components/ScalarVirtualText/ScalarVirtualText.stories.d.ts ADDED Viewed

@@ -0,0 +1,214 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    component: import("vue").DefineComponent<{
+        text: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lineHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        containerClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        contentClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        lineClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lineHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        containerClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        contentClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        lineClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        lineHeight: number;
+        containerClass: string;
+        contentClass: string;
+        lineClass: string;
+    }, {}>;
+    tags: string[];
+    argTypes: {
+        text: {
+            control: "text";
+        };
+        lineHeight: {
+            control: "number";
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+        text: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lineHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        containerClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        contentClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        lineClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lineHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        containerClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        contentClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        lineClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        lineHeight: number;
+        containerClass: string;
+        contentClass: string;
+        lineClass: string;
+    }, {}>>) => {
+        components: {
+            ScalarVirtualText: import("vue").DefineComponent<{
+                text: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                lineHeight: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                containerClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                contentClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                lineClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                text: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                lineHeight: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                containerClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                contentClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                lineClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {
+                lineHeight: number;
+                containerClass: string;
+                contentClass: string;
+                lineClass: string;
+            }, {}>;
+        };
+        setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
+                text: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                lineHeight: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                containerClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                contentClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                lineClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                text: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                lineHeight: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                containerClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                contentClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                lineClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {
+                lineHeight: number;
+                containerClass: string;
+                contentClass: string;
+                lineClass: string;
+            }, {}>>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+//# sourceMappingURL=ScalarVirtualText.stories.d.ts.map

package/dist/components/ScalarVirtualText/ScalarVirtualText.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarVirtualText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBgC,CAAA;AAE1C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAWlB,CAAA"}

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.d.ts ADDED Viewed

@@ -0,0 +1,57 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Text to display */
+    text: string;
+    /**
+     * Height of each line
+     * @default 20
+     */
+    lineHeight?: number;
+    containerClass?: string;
+    contentClass?: string;
+    lineClass?: string;
+}>, {
+    lineHeight: number;
+    containerClass: string;
+    contentClass: string;
+    lineClass: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Text to display */
+    text: string;
+    /**
+     * Height of each line
+     * @default 20
+     */
+    lineHeight?: number;
+    containerClass?: string;
+    contentClass?: string;
+    lineClass?: string;
+}>, {
+    lineHeight: number;
+    containerClass: string;
+    contentClass: string;
+    lineClass: string;
+}>>>, {
+    lineHeight: number;
+    containerClass: string;
+    contentClass: string;
+    lineClass: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=ScalarVirtualText.vue.d.ts.map

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarVirtualText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.vue"],"names":[],"mappings":";IA6HI,sBAAsB;UAChB,MAAM;IACZ;;;OAGG;iBACU,MAAM;qBACF,MAAM;mBACR,MAAM;gBACT,MAAM;;;;;;;IATlB,sBAAsB;UAChB,MAAM;IACZ;;;OAGG;iBACU,MAAM;qBACF,MAAM;mBACR,MAAM;gBACT,MAAM;;;;;;;gBAHL,MAAM;oBACF,MAAM;kBACR,MAAM;eACT,MAAM;;AAqJtB,wBAMG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { defineComponent as S, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, openBlock as v, createElementBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as m, Fragment as $, renderList as z, toDisplayString as L } from "vue";
+const B = /* @__PURE__ */ S({
+  __name: "ScalarVirtualText",
+  props: {
+    text: {},
+    lineHeight: { default: 20 },
+    containerClass: { default: "" },
+    contentClass: { default: "" },
+    lineClass: { default: "" }
+  },
+  setup(p) {
+    const e = p, n = o(null), s = o(null), r = o(0), d = o(0), l = t(() => e.text.split(`
+`)), x = t(() => l.value.length * e.lineHeight), a = t(
+      () => Math.floor(r.value / e.lineHeight)
+    ), H = t(
+      () => Math.min(
+        Math.ceil(
+          (r.value + d.value) / e.lineHeight
+        ),
+        l.value.length
+      )
+    ), y = t(() => {
+      const g = Math.max(0, a.value - 10), u = Math.min(l.value.length, H.value + 10);
+      return l.value.slice(g, u);
+    }), C = t(() => ({
+      height: `${x.value}px`,
+      transform: `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`
+    })), M = () => n.value && (r.value = n.value.scrollTop), c = () => n.value && (d.value = n.value.clientHeight);
+    return w(() => {
+      c(), window.addEventListener("resize", c);
+    }), E(() => {
+      window.removeEventListener("resize", c);
+    }), k(() => {
+      s.value && (s.value.style.transform = `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`);
+    }), (i, g) => (v(), f("div", {
+      ref_key: "containerRef",
+      ref: n,
+      class: h(["scalar-virtual-text relative overflow-auto", i.containerClass]),
+      onScroll: M
+    }, [
+      _("code", {
+        ref_key: "contentRef",
+        ref: s,
+        class: h(["scalar-virtual-text-content absolute", i.contentClass]),
+        style: m(C.value)
+      }, [
+        (v(!0), f($, null, z(y.value, (u, b) => (v(), f("div", {
+          key: a.value + b,
+          class: h(["scalar-virtual-text-line", i.lineClass]),
+          style: m({
+            height: `${e.lineHeight}px`,
+            lineHeight: `${e.lineHeight}px`
+          })
+        }, L(u), 7))), 128))
+      ], 6)
+    ], 34));
+  }
+});
+export {
+  B as default
+};

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue2.js ADDED Viewed

@@ -0,0 +1,4 @@
+import f from "./ScalarVirtualText.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarVirtualText/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as ScalarVirtualText } from './ScalarVirtualText.vue.js';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarVirtualText/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/index.d.ts CHANGED Viewed

@@ -15,7 +15,8 @@ import { ScalarSearchInput } from './components/ScalarSearchInput';
 import { ScalarSearchResultItem, ScalarSearchResultList } from './components/ScalarSearchResults';
 import { ScalarTextField } from './components/ScalarTextField';
 import { ScalarTooltip } from './components/ScalarTooltip';
+import { ScalarVirtualText } from './components/ScalarVirtualText';
 import './tailwind/tailwind.css';
 export * from './helpers';
-export { ScalarButton, ScalarCodeBlock, ScalarCombobox, ScalarComboboxMultiselect, ScalarMarkdown, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarFloating, ScalarIcon, ScalarIconButton, ScalarListbox, ScalarLoading, ScalarContextMenu, ScalarModal, ScalarPopover, ScalarSearchInput, ScalarSearchResultItem, ScalarSearchResultList, ScalarTextField, ScalarTooltip, type Icon, type ScalarListboxOption, type ScalarComboboxOption, type ModalState, useLoadingState, useModal, };
+export { ScalarButton, ScalarCodeBlock, ScalarCombobox, ScalarComboboxMultiselect, ScalarMarkdown, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarFloating, ScalarIcon, ScalarIconButton, ScalarListbox, ScalarLoading, ScalarContextMenu, ScalarModal, ScalarPopover, ScalarSearchInput, ScalarSearchResultItem, ScalarSearchResultList, ScalarTextField, ScalarTooltip, ScalarVirtualText, type Icon, type ScalarListboxOption, type ScalarComboboxOption, type ModalState, useLoadingState, useModal, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,KAAK,UAAU,EACf,WAAW,EACX,QAAQ,EACT,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,yBAAyB,CAAA;AAEhC,cAAc,WAAW,CAAA;AAEzB,OAAO,EACL,YAAY,EACZ,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,KAAK,IAAI,EACT,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,eAAe,EACf,QAAQ,GACT,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,KAAK,UAAU,EACf,WAAW,EACX,QAAQ,EACT,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,yBAAyB,CAAA;AAEhC,cAAc,WAAW,CAAA;AAEzB,OAAO,EACL,YAAY,EACZ,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,KAAK,IAAI,EACT,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,eAAe,EACf,QAAQ,GACT,CAAA"}

package/dist/index.js CHANGED Viewed

@@ -4,50 +4,52 @@ import { default as d } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as s } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
 import { default as u } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as x } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
-import { default as n } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as c } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as i } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
 import { default as b } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
 import { default as I } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
 import { default as w } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
 import { default as L } from "./components/ScalarFloating/ScalarFloating.vue.js";
-import { default as h } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as T } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
+import { default as g } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as B } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
 import { default as v } from "./components/ScalarListbox/ScalarListbox.vue.js";
 import { default as R } from "./components/ScalarLoading/ScalarLoading.vue.js";
 import { default as P } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
-import { default as q } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as z } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as E } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as J } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as N } from "./components/ScalarTextField/ScalarTextField.vue.js";
-import { default as Q } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
-import { addScalarClassesToHeadless as V } from "./helpers/add-scalar-classes.js";
-import { useLoadingState as X } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { useModal as Z } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as j } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as y } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { default as A } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as G } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as K } from "./components/ScalarTextField/ScalarTextField.vue.js";
+import { default as O } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as U } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { addScalarClassesToHeadless as X } from "./helpers/add-scalar-classes.js";
+import { useLoadingState as Z } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { useModal as $ } from "./components/ScalarModal/ScalarModal.vue2.js";
 export {
   d as ScalarButton,
   s as ScalarCodeBlock,
   u as ScalarCombobox,
-  x as ScalarComboboxMultiselect,
+  c as ScalarComboboxMultiselect,
   P as ScalarContextMenu,
   b as ScalarDropdown,
   I as ScalarDropdownDivider,
   w as ScalarDropdownItem,
   L as ScalarFloating,
-  h as ScalarIcon,
-  T as ScalarIconButton,
+  g as ScalarIcon,
+  B as ScalarIconButton,
   v as ScalarListbox,
   R as ScalarLoading,
-  n as ScalarMarkdown,
+  i as ScalarMarkdown,
   l as ScalarModal,
-  q as ScalarPopover,
-  z as ScalarSearchInput,
-  E as ScalarSearchResultItem,
-  J as ScalarSearchResultList,
-  N as ScalarTextField,
-  Q as ScalarTooltip,
-  V as addScalarClassesToHeadless,
-  X as useLoadingState,
-  Z as useModal
+  j as ScalarPopover,
+  y as ScalarSearchInput,
+  A as ScalarSearchResultItem,
+  G as ScalarSearchResultList,
+  K as ScalarTextField,
+  O as ScalarTooltip,
+  U as ScalarVirtualText,
+  X as addScalarClassesToHeadless,
+  Z as useLoadingState,
+  $ as useModal
 };