@scalar/components 0.4.11 → 0.5.1

package/dist/index.d.ts

@@ -8,6 +8,8 @@ import { VariantProps } from 'cva';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_10<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
@@ -20,6 +22,10 @@ declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_9<T> = T extends undefined ? never : T;
+
 declare type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -53,6 +59,15 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_10<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_10<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
@@ -107,6 +122,24 @@ declare type __VLS_TypePropsToRuntimeProps_7<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_8<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_8<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_9<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_9<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -161,6 +194,24 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare const _default: {
     install: (app: App) => void;
 };
@@ -168,21 +219,21 @@ export default _default;
 
 export declare const extend: {
     readonly borderRadius: {
-        readonly DEFAULT: "var(--theme-radius, var(--default-theme-radius))";
-        readonly md: "var(--theme-radius, var(--default-theme-radius))";
-        readonly lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))";
-        readonly xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))";
+        readonly DEFAULT: "var(--scalar-radius)";
+        readonly md: "var(--scalar-radius)";
+        readonly lg: "var(--scalar-radius-lg)";
+        readonly xl: "var(--scalar-radius-xl)";
     };
     readonly fontSize: {
-        readonly xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))";
-        readonly xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))";
-        readonly sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))";
-        readonly base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))";
-        readonly lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))";
+        readonly xxs: "var(--scalar-micro, var(--scalar-font-size-5))";
+        readonly xs: "var(--scalar-mini, var(--scalar-font-size-4))";
+        readonly sm: "var(--scalar-small,var(--scalar-font-size-3))";
+        readonly base: "var(--scalar-paragraph, var(--scalar-font-size-2))";
+        readonly lg: "var(--scalar-font-size-1)";
     };
     readonly fontWeight: {
-        readonly medium: "var(--theme-font-medium, var(--default-theme-font-medium))";
-        readonly bold: "var(--theme-font-bold, var(--default-theme-font-bold))";
+        readonly medium: "var(--scalar-font-medium)";
+        readonly bold: "var(--scalar-font-bold)";
     };
     readonly maxWidth: {
         readonly 'screen-xs': "480px";
@@ -252,7 +303,7 @@ declare const iconProps: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 
-declare const ICONS: readonly ["Add", "CheckMark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "DarkMode", "Ellipses", "ExternalLink", "GitHub", "LightDarkModeToggle", "LightMode", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Menu", "PaperAirplane", "Search", "arrow-chevron-down", "arrow-chevron-left", "arrow-chevron-right", "arrow-chevron-up", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "brand-software-development-github", "interface-add", "interface-close", "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"];
+declare const ICONS: readonly ["Add", "CheckMark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "DarkMode", "DocsPage", "Ellipses", "ExternalLink", "GitHub", "JsonObject", "LightDarkModeToggle", "LightMode", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Menu", "PaperAirplane", "Search", "Terminal", "arrow-chevron-down", "arrow-chevron-left", "arrow-chevron-right", "arrow-chevron-up", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "brand-software-development-github", "interface-add", "interface-close", "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"];
 
 declare type IconVariants = VariantProps<typeof iconProps>;
 
@@ -395,7 +446,62 @@ export declare const ScalarModal: __VLS_WithTemplateSlots_2<DefineComponent<__VL
     default?(_: {}): any;
 }>;
 
-export declare const ScalarTextField: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_7<{
+export declare const ScalarSearchInput: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_TypePropsToRuntimeProps_7<{
+    loading?: {
+        isValid: boolean;
+        isInvalid: boolean;
+        isLoading: boolean;
+        startLoading: () => void;
+        stopLoading: () => void;
+        validate: (time?: number) => Promise<unknown>;
+        invalidate: (time?: number) => Promise<unknown>;
+        clear: (time?: number) => Promise<unknown>;
+    } | undefined;
+    modelValue?: string | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_7<{
+    loading?: {
+        isValid: boolean;
+        isInvalid: boolean;
+        isLoading: boolean;
+        startLoading: () => void;
+        stopLoading: () => void;
+        validate: (time?: number) => Promise<unknown>;
+        invalidate: (time?: number) => Promise<unknown>;
+        clear: (time?: number) => Promise<unknown>;
+    } | undefined;
+    modelValue?: string | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}, {}, {}>, {
+    label?(_: {}): any;
+}>;
+
+export declare const ScalarSearchResultItem: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_TypePropsToRuntimeProps_8<{
+    icon?: "Add" | "CheckMark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "DarkMode" | "DocsPage" | "Ellipses" | "ExternalLink" | "GitHub" | "JsonObject" | "LightDarkModeToggle" | "LightMode" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Menu" | "PaperAirplane" | "Search" | "Terminal" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "brand-software-development-github" | "interface-add" | "interface-close" | "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" | undefined;
+    active?: boolean | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_8<{
+    icon?: "Add" | "CheckMark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "DarkMode" | "DocsPage" | "Ellipses" | "ExternalLink" | "GitHub" | "JsonObject" | "LightDarkModeToggle" | "LightMode" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Menu" | "PaperAirplane" | "Search" | "Terminal" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "brand-software-development-github" | "interface-add" | "interface-close" | "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" | undefined;
+    active?: boolean | undefined;
+}>>>, {}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+    addon?(_: {}): any;
+    description?(_: {}): any;
+}>;
+
+export declare const ScalarSearchResultList: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_TypePropsToRuntimeProps_9<{
+    noResults?: boolean | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_9<{
+    noResults?: boolean | undefined;
+}>>>, {}, {}>, {
+    noResults?(_: {}): any;
+    query?(_: {}): any;
+    default?(_: {}): any;
+}>;
+
+export declare const ScalarTextField: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_10<{
     modelValue: string;
     placeholder?: string | undefined;
     label?: string | undefined;
@@ -416,7 +522,7 @@ export declare const ScalarTextField: __VLS_WithTemplateSlots_3<DefineComponent<
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     submit: (v: string) => void;
     "update:modelValue": (v: string) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_7<{
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_10<{
     modelValue: string;
     placeholder?: string | undefined;
     label?: string | undefined;
@@ -447,34 +553,34 @@ export declare const ScalarTextField: __VLS_WithTemplateSlots_3<DefineComponent<
 
 export declare const theme: {
     readonly boxShadow: {
-        readonly DEFAULT: "var(--theme-shadow-1, var(--default-theme-shadow-1))";
-        readonly md: "var(--theme-shadow-2, var(--default-theme-shadow-2))";
+        readonly DEFAULT: "var(--scalar-shadow-1)";
+        readonly md: "var(--scalar-shadow-2)";
         readonly sm: "rgba(0, 0, 0, 0.09) 0px 1px 4px";
         readonly none: "0 0 #0000";
     };
     readonly colors: {
-        readonly 'fore-1': "var(--theme-color-1, var(--default-theme-color-1))";
-        readonly 'fore-2': "var(--theme-color-2, var(--default-theme-color-2))";
-        readonly 'fore-3': "var(--theme-color-3, var(--default-theme-color-3))";
-        readonly accent: "var(--theme-color-accent, var(--default-theme-color-accent))";
-        readonly 'back-1': "var(--theme-background-1, var(--default-theme-background-1))";
-        readonly 'back-2': "var(--theme-background-2, var(--default-theme-background-2))";
-        readonly 'back-3': "var(--theme-background-3, var(--default-theme-background-3))";
-        readonly 'back-accent': "var(--theme-background-accent, var(--default-theme-background-accent))";
+        readonly 'fore-1': "var(--scalar-color-1)";
+        readonly 'fore-2': "var(--scalar-color-2)";
+        readonly 'fore-3': "var(--scalar-color-3)";
+        readonly accent: "var(--scalar-color-accent)";
+        readonly 'back-1': "var(--scalar-background-1)";
+        readonly 'back-2': "var(--scalar-background-2)";
+        readonly 'back-3': "var(--scalar-background-3)";
+        readonly 'back-accent': "var(--scalar-background-accent)";
         readonly backdrop: "rgba(0, 0, 0, 0.44)";
-        readonly border: "var(--theme-border-color, var(--default-theme-border-color))";
-        readonly 'back-btn-1': "var(--theme-button-1, var(--default-theme-button-1))";
-        readonly 'fore-btn-1': "var(--theme-button-1-color, var(--default-theme-button-1-color))";
-        readonly 'hover-btn-1': "var(--theme-button-1-hover, var(--default-theme-button-1-hover))";
+        readonly border: "var(--scalar-border-color)";
+        readonly 'back-btn-1': "var(--scalar-button-1)";
+        readonly 'fore-btn-1': "var(--scalar-button-1-color)";
+        readonly 'hover-btn-1': "var(--scalar-button-1-hover)";
         readonly white: "#FFF";
-        readonly green: "var(--theme-color-green, var(--default-theme-color-green))";
-        readonly red: "var(--theme-color-red, var(--default-theme-color-red))";
-        readonly yellow: "var(--theme-color-yellow, var(--default-theme-color-yellow))";
-        readonly blue: "var(--theme-color-blue, var(--default-theme-color-blue))";
-        readonly orange: "var(--theme-color-orange, var(--default-theme-color-orange))";
-        readonly purple: "var(--theme-color-purple, var(--default-theme-color-purple))";
-        readonly error: "var(--theme-error-color, var(--default-theme-color-red))";
-        readonly ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))";
+        readonly green: "var(--scalar-color-green)";
+        readonly red: "var(--scalar-color-red)";
+        readonly yellow: "var(--scalar-color-yellow)";
+        readonly blue: "var(--scalar-color-blue)";
+        readonly orange: "var(--scalar-color-orange)";
+        readonly purple: "var(--scalar-color-purple)";
+        readonly error: "var(--scalar-error-color)";
+        readonly ghost: "var(--scalar-color-ghost)";
         readonly transparent: "transparent";
     };
 };