@vue/devtools-ui 7.0.0

package/dist/types/src/components/Select.d.ts

@@ -0,0 +1,125 @@
+import type { ButtonProps } from "./Button";
+declare const _default: <Value extends string | number, Label, M extends boolean>(__VLS_props: {
+    disabled?: boolean | undefined;
+    modelValue: M extends true ? Value[] : Value;
+    "onUpdate:modelValue"?: ((value: M extends true ? Value[] : Value) => any) | undefined;
+    autoClose?: boolean | undefined;
+    buttonProps?: ButtonProps | undefined;
+    placeholder?: string | undefined;
+    multiple?: M | undefined;
+    options: {
+        label: Label;
+        value: Value;
+    }[];
+    labelRenderer?: ((label: Label) => string) | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: Readonly<{
+        item(props: {
+            item: {
+                label: Label;
+                value: Value;
+            };
+            active: boolean;
+            disabled: boolean;
+        }): any;
+        button(): any;
+    }> & {
+        item(props: {
+            item: {
+                label: Label;
+                value: Value;
+            };
+            active: boolean;
+            disabled: boolean;
+        }): any;
+        button(): any;
+    };
+    emit: (evt: "update:modelValue", value: M extends true ? Value[] : Value) => void;
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        disabled?: boolean | undefined;
+        modelValue: M extends true ? Value[] : Value;
+        "onUpdate:modelValue"?: ((value: M extends true ? Value[] : Value) => any) | undefined;
+        autoClose?: boolean | undefined;
+        buttonProps?: ButtonProps | undefined;
+        placeholder?: string | undefined;
+        multiple?: M | undefined;
+        options: {
+            label: Label;
+            value: Value;
+        }[];
+        labelRenderer?: ((label: Label) => string) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        item(props: {
+            item: {
+                label: Label;
+                value: Value;
+            };
+            active: boolean;
+            disabled: boolean;
+        }): any;
+        button(): any;
+    }> & {
+        item(props: {
+            item: {
+                label: Label;
+                value: Value;
+            };
+            active: boolean;
+            disabled: boolean;
+        }): any;
+        button(): any;
+    };
+    emit: (evt: "update:modelValue", value: M extends true ? Value[] : Value) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            disabled?: boolean | undefined;
+            modelValue: M extends true ? Value[] : Value;
+            "onUpdate:modelValue"?: ((value: M extends true ? Value[] : Value) => any) | undefined;
+            autoClose?: boolean | undefined;
+            buttonProps?: ButtonProps | undefined;
+            placeholder?: string | undefined;
+            multiple?: M | undefined;
+            options: {
+                label: Label;
+                value: Value;
+            }[];
+            labelRenderer?: ((label: Label) => string) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Readonly<{
+            item(props: {
+                item: {
+                    label: Label;
+                    value: Value;
+                };
+                active: boolean;
+                disabled: boolean;
+            }): any;
+            button(): any;
+        }> & {
+            item(props: {
+                item: {
+                    label: Label;
+                    value: Value;
+                };
+                active: boolean;
+                disabled: boolean;
+            }): any;
+            button(): any;
+        };
+        emit: (evt: "update:modelValue", value: M extends true ? Value[] : Value) => void;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/src/components/Switch.d.ts

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    disabled?: boolean | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    disabled?: boolean | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import type { FloatingVueCommonProps } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FloatingVueCommonProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FloatingVueCommonProps>>>, {}, {}>, {
+    default?(_: {}): any;
+    popper?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/index.d.ts

@@ -0,0 +1,20 @@
+import Button from "./Button";
+import Badge from "./Badge";
+import LoadingIndicator from "./LoadingIndicator";
+import Icon from "./Icon";
+import DarkToggle from "./DarkToggle";
+import Card from "./Card";
+import Dialog from "./Dialog";
+import Input from "./Input";
+import FormField from "./FormField";
+import Dropdown from "./Dropdown";
+import DropdownButton from "./DropdownButton";
+import Confirm from "./Confirm";
+import Select from "./Select";
+import Switch from "./Switch";
+import Checkbox from "./Checkbox";
+import Drawer from "./Drawer";
+import Overlay from "./Overlay";
+import Notification from "./Notification";
+import Tooltip from "./Tooltip";
+export { Badge as VueBadge, Button as VueButton, Card as VueCard, Checkbox as VueCheckbox, Dialog as VueDialog, Drawer as VueDrawer, LoadingIndicator as VueLoadingIndicator, Icon as VueIcon, DarkToggle as VueDarkToggle, Input as VueInput, FormField as VueFormField, Overlay as VueOverlay, Dropdown as VueDropdown, DropdownButton as VueDropdownButton, Confirm as VueConfirm, Select as VueSelect, Switch as VueSwitch, Notification as VueNotification, Tooltip as VueTooltip, };

package/dist/types/src/composables/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification';
+export type * from './notification';

package/dist/types/src/composables/notification.d.ts

@@ -0,0 +1,10 @@
+export type VueNotificationPlacement = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface VueNotificationOptions {
+    message: string;
+    type?: 'success' | 'error' | 'info' | 'warning';
+    classes?: string;
+    duration?: number;
+    placement?: VueNotificationPlacement;
+    onClose?: () => void;
+}
+export declare function showVueNotification(options: VueNotificationOptions): void;

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+import { VTooltip } from 'floating-vue';
+export * from './components';
+export * from './composables';
+export * from './types';
+export { VTooltip, };

package/dist/types/src/types/floating-vue.d.ts

@@ -0,0 +1,9 @@
+import type { Placement } from 'floating-vue';
+export interface FloatingVueCommonProps {
+    trigger?: 'click' | 'hover';
+    distance?: number;
+    skidding?: number;
+    placement?: Placement;
+    disabled?: boolean;
+    shown?: boolean;
+}

package/dist/types/src/types/index.d.ts

@@ -0,0 +1 @@
+export * from './floating-vue';

package/dist/types/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './uno.config';

package/dist/types/theme/theme.d.ts

@@ -0,0 +1,66 @@
+export declare const themeDef: {
+    colors: {
+        white: string;
+        black: string;
+        'gray-900': string;
+        'gray-800': string;
+        'gray-700': string;
+        'gray-600': string;
+        'gray-500': string;
+        'gray-400': string;
+        'gray-300': string;
+        'gray-200': string;
+        'gray-100': string;
+        'primary-900': string;
+        'primary-800': string;
+        'primary-700': string;
+        'primary-600': string;
+        'primary-500': string;
+        'primary-400': string;
+        'primary-300': string;
+        'primary-200': string;
+        'primary-100': string;
+        'accent-900': string;
+        'accent-800': string;
+        'accent-700': string;
+        'accent-600': string;
+        'accent-500': string;
+        'accent-400': string;
+        'accent-300': string;
+        'accent-200': string;
+        'accent-100': string;
+        'danger-900': string;
+        'danger-800': string;
+        'danger-700': string;
+        'danger-600': string;
+        'danger-500': string;
+        'danger-400': string;
+        'danger-300': string;
+        'danger-200': string;
+        'danger-100': string;
+        'warning-900': string;
+        'warning-800': string;
+        'warning-700': string;
+        'warning-600': string;
+        'warning-500': string;
+        'warning-400': string;
+        'warning-300': string;
+        'warning-200': string;
+        'warning-100': string;
+        'info-900': string;
+        'info-800': string;
+        'info-700': string;
+        'info-600': string;
+        'info-500': string;
+        'info-400': string;
+        'info-300': string;
+        'info-200': string;
+        'info-100': string;
+    };
+};
+export declare const theme: {
+    colors: Record<string, any>;
+    fontFamily: {
+        sans: string;
+    };
+};

package/dist/types/theme/uno.config.d.ts

@@ -0,0 +1,2 @@
+import type { UserConfig } from 'unocss';
+export declare const unoConfig: UserConfig<object>;

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@vue/devtools-ui",
+  "type": "module",
+  "version": "7.0.0",
+  "author": "webfansplz",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./theme": {
+      "types": "./dist/types/theme/index.d.ts",
+      "import": "./dist/theme.js",
+      "require": "./dist/theme.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/src/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@unocss/reset": ">=0.50.0-0",
+    "floating-vue": ">=2.0.0-0",
+    "unocss": ">=0.50.0-0",
+    "vue": ">=3.0.0-0"
+  },
+  "dependencies": {
+    "@vueuse/components": "^10.7.1",
+    "@vueuse/core": "^10.7.1",
+    "@vueuse/integrations": "^10.7.1",
+    "colord": "^2.9.3",
+    "focus-trap": "^7.5.4"
+  },
+  "devDependencies": {
+    "@histoire/plugin-vue": "^0.17.6",
+    "@types/node": "^20.10.5",
+    "@unocss/reset": "^0.58.2",
+    "@vitejs/plugin-vue": "^4.6.0",
+    "floating-vue": "2.0.0-beta.24",
+    "histoire": "^0.17.6",
+    "unocss": "^0.58.2",
+    "vite-plugin-dts": "^3.7.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "story:build": "histoire build",
+    "story:dev": "histoire dev",
+    "story:preview": "histoire preview"
+  }
+}