@pixelium/web-vue 0.0.3 → 0.0.5

package/es/grid/index.d.ts

@@ -4,7 +4,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<GridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<GridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridProps> & Readonly<{}>, {
     gutter: number | {
         x?: number;
         y?: number;
@@ -14,7 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<GridProps, {}, {},
     }>;
     column: number | ValueWithDeviceWidth<number>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/grid-item/index.d.ts

@@ -3,10 +3,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<GridItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<GridItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
     offset: number | import("..").ValueWithDeviceWidth<number>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/header/index.d.ts

@@ -3,10 +3,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<HeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
     dark: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/icon/index.d.ts

@@ -3,14 +3,15 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: number | string;
     color: string;
     rotate: number;
     spin: boolean;
     flip: "horizontal" | "vertical" | "both" | "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/image/index.d.ts

@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
 } & {
     error?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (img: HTMLImageElement, error: string | Event) => any;
     close: (event: MouseEvent) => any;
     load: (img: HTMLImageElement, event: Event) => any;
@@ -26,7 +26,8 @@ declare const __VLS_component: import("vue").DefineComponent<ImageProps, {}, {},
     referrerpolicy: string;
     crossorigin: "anonymous" | "use-credentials" | "";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/index.d.ts

@@ -15,7 +15,7 @@ import Main from './main/index.ts';
 import Aside from './aside/index.ts';
 import Header from './header/index.ts';
 import Footer from './footer/index.ts';
-import { setThemeColor, resetThemeColor, setPixelSize, resetPixelSize } from './share/util/theme.ts';
+import { setThemeColor, resetThemeColor, setPixelSize, resetPixelSize } from './theme/theme.ts';
 import { useThemeMode } from './share/hook/use-theme-mode.ts';
 import Icon from './icon/index.ts';
 import Input from './input/index.ts';

package/es/index.js

@@ -34,7 +34,7 @@ import { t as aside_default } from "./aside/index.js";
 import { t as header_default } from "./header/index.js";
 import { t as footer_default } from "./footer/index.js";
 import "./share/util/console.js";
-import { i as setThemeColor, n as resetThemeColor, r as setPixelSize, t as resetPixelSize } from "./share/util/theme.js";
+import { i as setThemeColor, n as resetThemeColor, r as setPixelSize, t as resetPixelSize } from "./theme/theme.js";
 import { t as useThemeMode } from "./share/hook/use-theme-mode.js";
 import { t as icon_default } from "./icon/index.js";
 import "./input/draw.js";

package/es/input/index.css

@@ -25,8 +25,7 @@
   padding: 0;
 }
 .px-input-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-inner:disabled {
   color: var(--px-neutral-10);

package/es/input/index.d.ts

@@ -1,17 +1,17 @@
 import type { InputExpose, InputProps } from './type';
-declare var __VLS_1: {}, __VLS_27: {
+declare var __VLS_1: {}, __VLS_24: {
     value: string | import("parsnip-kit").Nullish;
     count: number;
     maxLength: number | undefined;
-}, __VLS_34: {};
+}, __VLS_31: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    count?: (props: typeof __VLS_27) => any;
+    count?: (props: typeof __VLS_24) => any;
 } & {
-    suffix?: (props: typeof __VLS_34) => any;
+    suffix?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<InputProps, InputExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<InputProps, InputExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: (value: string) => any;
     change: (value: string, e?: Event | undefined) => any;
     blur: (e: FocusEvent) => any;
@@ -34,7 +34,8 @@ declare const __VLS_component: import("vue").DefineComponent<InputProps, InputEx
     showCount: boolean;
     status: "success" | "warning" | "error" | "normal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/input-group/index.d.ts

@@ -3,12 +3,13 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<InputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<InputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupProps> & Readonly<{}>, {
     disabled: boolean;
     readonly: boolean;
     shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/input-group-label/index.d.ts

@@ -3,8 +3,9 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<InputGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<InputGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupLabelProps> & 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 (): {

package/es/input-number/index.css

@@ -24,8 +24,7 @@
   padding: 0;
 }
 .px-input-number-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-number-inner:disabled {
   color: var(--px-neutral-10);

package/es/input-number/index.d.ts

@@ -1,11 +1,11 @@
 import type { InputNumberExpose, InputNumberProps } from './type';
-declare var __VLS_1: {}, __VLS_60: {};
+declare var __VLS_1: {}, __VLS_55: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    suffix?: (props: typeof __VLS_60) => any;
+    suffix?: (props: typeof __VLS_55) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<InputNumberProps, InputNumberExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<InputNumberProps, InputNumberExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: (value: number) => any;
     change: (value: number, e?: Event | undefined) => any;
     blur: (e: FocusEvent) => any;
@@ -31,7 +31,8 @@ declare const __VLS_component: import("vue").DefineComponent<InputNumberProps, I
     strickStep: boolean;
     buttonPlacement: "start" | "end" | "both" | "start-reverse" | "end-reverse" | "both-reverse";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/input-tag/index.css

@@ -9,6 +9,7 @@
   color: var(--px-neutral-10);
   display: flex;
   box-sizing: border-box;
+  min-height: var(--input-size);
   cursor: text;
   transition: 0.25s;
   flex-grow: 1;
@@ -130,8 +131,7 @@
   padding: 0;
 }
 .px-input-tag-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-tag-inner:disabled {
   color: var(--px-neutral-10);

package/es/input-tag/index.d.ts

@@ -1,31 +1,31 @@
 import type { InputTagExpose, InputTagProps } from './type';
-declare var __VLS_1: {}, __VLS_10: {
+declare var __VLS_1: {}, __VLS_11: {
     tag: string;
     index: number;
-}, __VLS_16: {
+}, __VLS_19: {
     tag: string;
     index: number;
-}, __VLS_26: {
+}, __VLS_33: {
     tag: string;
     index: number;
-}, __VLS_36: {
+}, __VLS_44: {
     tag: string;
     index: number;
-}, __VLS_51: {};
+}, __VLS_58: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    tag?: (props: typeof __VLS_10) => any;
+    tag?: (props: typeof __VLS_11) => any;
 } & {
-    tag?: (props: typeof __VLS_16) => any;
+    tag?: (props: typeof __VLS_19) => any;
 } & {
-    tag?: (props: typeof __VLS_26) => any;
+    tag?: (props: typeof __VLS_33) => any;
 } & {
-    tag?: (props: typeof __VLS_36) => any;
+    tag?: (props: typeof __VLS_44) => any;
 } & {
-    suffix?: (props: typeof __VLS_51) => any;
+    suffix?: (props: typeof __VLS_58) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<InputTagProps, InputTagExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<InputTagProps, InputTagExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: (value: string[]) => any;
     change: (value: string[]) => any;
     blur: (e: FocusEvent) => any;
@@ -58,7 +58,8 @@ declare const __VLS_component: import("vue").DefineComponent<InputTagProps, Inpu
     tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
     tagVariant: "primary" | "plain" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/link/index.css

@@ -4,6 +4,7 @@
   color: var(--text-color);
   cursor: pointer;
   transition: 0.25s;
+  outline-offset: var(--px-bit);
 }
 .px-link-icon-wrapper {
   margin-right: 4px;
@@ -29,7 +30,6 @@
 }
 .px-link.px-link__primary:focus-visible {
   outline-color: var(--px-primary-6);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__primary.px-link__disabled {
   --text-color: var(--px-primary-2);
@@ -53,7 +53,6 @@
 }
 .px-link.px-link__sakura:focus-visible {
   outline-color: var(--px-sakura-6);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__sakura.px-link__disabled {
   --text-color: var(--px-sakura-2);
@@ -77,7 +76,6 @@
 }
 .px-link.px-link__success:focus-visible {
   outline-color: var(--px-success-6);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__success.px-link__disabled {
   --text-color: var(--px-success-2);
@@ -101,7 +99,6 @@
 }
 .px-link.px-link__warning:focus-visible {
   outline-color: var(--px-warning-6);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__warning.px-link__disabled {
   --text-color: var(--px-warning-2);
@@ -125,7 +122,6 @@
 }
 .px-link.px-link__danger:focus-visible {
   outline-color: var(--px-danger-6);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__danger.px-link__disabled {
   --text-color: var(--px-danger-2);
@@ -149,7 +145,6 @@
 }
 .px-link.px-link__info:focus-visible {
   outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
 }
 .px-link.px-link__info.px-link__disabled {
   --text-color: var(--px-neutral-6);

package/es/link/index.d.ts

@@ -5,8 +5,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & 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 (): {

package/es/main/index.d.ts

@@ -3,10 +3,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<MainProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MainProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<MainProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MainProps> & Readonly<{}>, {
     soft: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/mask/index.d.ts

@@ -1,8 +1,9 @@
 import type { MaskProps } from './type';
-declare const _default: import("vue").DefineComponent<MaskProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaskProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<MaskProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaskProps> & Readonly<{}>, {
     zIndex: number;
     step: number;
     grid: boolean;
     lineWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/es/menu/index.d.ts

@@ -0,0 +1,24 @@
+import type { MenuProps } from './type';
+declare const __VLS_export: import("vue").DefineComponent<MenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (index: string | number | symbol, event: MouseEvent) => any;
+    "update:active": (value: string | number | symbol) => any;
+    "update:expend": (value: (string | number | symbol)[]) => any;
+    expandChange: (value: (string | number | symbol)[], event: MouseEvent) => any;
+    expand: (index: string | number | symbol, event: MouseEvent) => any;
+    fold: (index: string | number | symbol, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{
+    onSelect?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined;
+    "onUpdate:active"?: ((value: string | number | symbol) => any) | undefined;
+    "onUpdate:expend"?: ((value: (string | number | symbol)[]) => any) | undefined;
+    onExpandChange?: ((value: (string | number | symbol)[], event: MouseEvent) => any) | undefined;
+    onExpand?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined;
+    onFold?: ((index: string | number | symbol, event: MouseEvent) => any) | undefined;
+}>, {
+    dark: boolean;
+    direction: "horizontal" | "vertical";
+    ellipsis: boolean;
+    collapsed: boolean;
+    indent: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/menu/type.d.ts

@@ -0,0 +1,145 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { GROUP_OPTION_TYPE, SUBMENU_OPTION_TYPE } from '../share/const';
+import type { NavigationOption, ValidVNodeContent } from '../share/type';
+export type MenuProps = {
+    /**
+     * @property {'horizontal' | 'vertical'} [direction='vertical']
+     * @version 0.1.0
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @property {boolean} [dark=false]
+     * @version 0.1.0
+     */
+    dark?: boolean;
+    /**
+     * @property {number | string | symbol | null} [active]
+     * @version 0.1.0
+     */
+    active?: number | string | symbol | null;
+    /**
+     * @property {number | string | symbol | null} [defaultActive]
+     * @version 0.1.0
+     */
+    defaultActive?: number | string | symbol | null;
+    /**
+     * @property {(number | string | symbol)[] | null} [expanded]
+     * @version 0.1.0
+     */
+    expanded?: (number | string | symbol)[] | null;
+    /**
+     * @property {(number | string | symbol)[] | null} [defaultExpanded]
+     * @version 0.1.0
+     */
+    defaultExpanded?: (number | string | symbol)[] | null;
+    /**
+     * @property {boolean} [collapsed=false]
+     * @version 0.1.0
+     */
+    collapsed?: boolean;
+    /**
+     * @property {'inline' | 'popover'} [submenuMode='inline']
+     * @version 0.1.0
+     */
+    submenuMode?: 'inline' | 'popover';
+    /**
+     * @property {'hover' | 'click'} [submenuTrigger='hover']
+     * @version 0.1.0
+     */
+    submenuTrigger?: 'hover' | 'click';
+    /**
+     * @property {number} [indent=16]
+     * @version 0.1.0
+     */
+    indent?: number;
+    /**
+     * @property {boolean} [ellipsis=true]
+     * @version 0.1.0
+     */
+    ellipsis?: boolean;
+    /**
+     * @property {(string | MenuOption | MenuGroupOption | SubmenuOption)[]} [options]
+     * @version 0.1.0
+     */
+    options?: (string | MenuOption | MenuGroupOption | SubmenuOption)[];
+};
+export type MenuEvents = {
+    /**
+     * @event update:active
+     * @param {number | string | symbol} value
+     * @version 0.1.0
+     */
+    'update:active': [value: number | string | symbol];
+    /**
+     * @event update:expend
+     * @param {(number | string | symbol)[]} value
+     * @version 0.1.0
+     */
+    'update:expend': [value: (number | string | symbol)[]];
+    /**
+     * @event select
+     * @param {number | string | symbol} index
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    select: [index: number | string | symbol, event: MouseEvent];
+    /**
+     * @event expandChange
+     * @param {(number | string | symbol)[]} value
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    expandChange: [value: (number | string | symbol)[], event: MouseEvent];
+    /**
+     * @event expand
+     * @param {number | string | symbol} index
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    expand: [index: number | string | symbol, event: MouseEvent];
+    /**
+     * @event fold
+     * @param {number | string | symbol} index
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    fold: [index: number | string | symbol, event: MouseEvent];
+};
+export type MenuSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+};
+export type MenuProvide = {
+    direction: Ref<MenuProps['direction']>;
+    active: Ref<MenuProps['active']>;
+    expanded: Ref<MenuProps['expanded']>;
+    submenuTrigger: Ref<MenuProps['submenuTrigger']>;
+    submenuMode: Ref<MenuProps['submenuMode']>;
+    collapsed: Ref<boolean>;
+    dark: ComputedRef<boolean>;
+    darkMode: Ref<boolean>;
+    indent: Ref<number | undefined>;
+    selectMenu: (key: number | string | symbol, event: MouseEvent) => any;
+    toggleOpenMenu: (key: number | string | symbol, event: MouseEvent) => any;
+    updateRender: () => void;
+};
+export interface MenuOption extends NavigationOption {
+    disabled?: boolean;
+    href?: string;
+    route?: string | object;
+    target?: string;
+    icon?: () => ValidVNodeContent;
+}
+export interface MenuGroupOption extends NavigationOption {
+    children: (string | MenuOption | MenuGroupOption | SubmenuOption)[];
+    type: typeof GROUP_OPTION_TYPE;
+}
+export interface SubmenuOption extends NavigationOption {
+    children: (string | MenuOption | MenuGroupOption | SubmenuOption)[];
+    disabled?: boolean;
+    type: typeof SUBMENU_OPTION_TYPE;
+    icon?: () => ValidVNodeContent;
+}

package/es/menu-group/index.d.ts

@@ -0,0 +1,16 @@
+import type { MenuGroupProps } from './type';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuGroupProps> & 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/es/menu-group/type.d.ts

@@ -0,0 +1,19 @@
+export type MenuGroupProps = {
+    /**
+     * @property {string} [label]
+     * @version 0.1.0
+     */
+    label?: string;
+};
+export type MenuGroupSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+    /**
+     * @slot label
+     * @version 0.1.0
+     */
+    label: {};
+};

package/es/menu-item/index.d.ts

@@ -0,0 +1,26 @@
+import type { MenuItemProps } from './type';
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    icon?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    icon?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuItemProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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;
+    };
+};