@well-insight/ui 0.1.6 → 0.1.8

package/dist/components/Layout/styles.css

@@ -0,0 +1,349 @@
+/* —— Panel: Layout —— */
+.wi-layout {
+    background: var(--wi-color-surface);
+    box-sizing: border-box;
+    color: var(--wi-color-text);
+    flex: auto;
+    min-height: 0;
+    min-width: 0;
+    overflow: hidden;
+    position: relative;
+    transition: background-color var(--wi-motion-normal) var(--wi-motion-ease),
+        color var(--wi-motion-normal) var(--wi-motion-ease);
+    width: 100%;
+    z-index: auto;
+}
+
+.wi-layout--embedded {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 6%, var(--wi-color-surface));
+}
+
+.wi-layout--absolute-positioned {
+    inset: 0;
+    position: absolute;
+}
+
+.wi-layout__scroll {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    overflow: auto;
+    overflow-x: hidden;
+    position: relative;
+    width: 100%;
+}
+
+.wi-layout__scroll--has-sider {
+    /* direction set inline (matches naive hasSiderStyle) */
+    flex-wrap: nowrap;
+}
+
+.wi-layout__scrollbar {
+    box-sizing: border-box;
+    flex: 1 1 auto;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.wi-layout__scrollbar .wi-layout__scroll {
+    /* view hosts flex children; scrolling is on the wrap */
+    height: auto;
+    min-height: 100%;
+    overflow: visible;
+}
+
+/* Nested layout / content grow to fill remaining space */
+.wi-layout__scroll > .wi-layout,
+.wi-layout__scroll > .wi-layout-content {
+    flex: 1 1 auto;
+    min-height: 0;
+    min-width: 0;
+}
+
+.wi-layout-content {
+    flex: 1 1 auto;
+    min-height: 0;
+    min-width: 0;
+}
+
+.wi-layout-content > .wi-layout__scroll,
+.wi-layout-content > .wi-layout__scrollbar {
+    flex: 1 1 auto;
+}
+
+.wi-layout-header,
+.wi-layout-footer {
+    background: var(--wi-color-surface);
+    box-sizing: border-box;
+    color: var(--wi-color-text);
+    flex: 0 0 auto;
+    transition: background-color var(--wi-motion-fast) var(--wi-motion-ease),
+        color var(--wi-motion-fast) var(--wi-motion-ease),
+        border-color var(--wi-motion-fast) var(--wi-motion-ease);
+    width: 100%;
+}
+
+.wi-layout-header--bordered {
+    border-bottom: 1px solid var(--wi-color-border);
+}
+
+.wi-layout-footer--bordered {
+    border-top: 1px solid var(--wi-color-border);
+}
+
+.wi-layout-header--inverted,
+.wi-layout-footer--inverted,
+.wi-layout-sider--inverted {
+    background: var(--wi-color-contrast);
+    color: var(--wi-color-contrast-fg);
+}
+
+.wi-layout-header--inverted.wi-layout-header--bordered {
+    border-bottom-color: color-mix(in srgb, var(--wi-color-contrast-fg) 18%, transparent);
+}
+
+.wi-layout-footer--inverted.wi-layout-footer--bordered {
+    border-top-color: color-mix(in srgb, var(--wi-color-contrast-fg) 18%, transparent);
+}
+
+.wi-layout-header--absolute-positioned,
+.wi-layout-footer--absolute-positioned,
+.wi-layout-sider--absolute-positioned {
+    position: absolute;
+    z-index: 1;
+}
+
+.wi-layout-header--absolute-positioned {
+    inset-inline: 0;
+    top: 0;
+}
+
+.wi-layout-footer--absolute-positioned {
+    bottom: 0;
+    inset-inline: 0;
+}
+
+.wi-layout-sider {
+    background: var(--wi-color-surface);
+    box-sizing: border-box;
+    color: var(--wi-color-text);
+    display: flex;
+    flex-shrink: 0;
+    justify-content: flex-end;
+    /* Do not clip the collapse trigger (it sits half outside the sider edge).
+       Collapsed transform overflow is clipped by `.wi-layout { overflow: hidden }`. */
+    overflow: visible;
+    position: relative;
+    transition: color var(--wi-motion-normal) var(--wi-motion-ease),
+        border-color var(--wi-motion-normal) var(--wi-motion-ease),
+        max-width var(--wi-motion-normal) var(--wi-motion-ease),
+        background-color var(--wi-motion-normal) var(--wi-motion-ease);
+    z-index: 1;
+}
+
+.wi-layout-sider--right-placement {
+    justify-content: flex-start;
+}
+
+.wi-layout-sider__scroll {
+    box-sizing: border-box;
+    flex-grow: 1;
+    flex-shrink: 0;
+    height: 100%;
+    max-width: 100%;
+    opacity: 0;
+    overflow: hidden;
+    transition: opacity var(--wi-motion-normal) var(--wi-motion-ease);
+    width: 100%;
+}
+
+.wi-layout-sider__scrollbar {
+    box-sizing: border-box;
+    flex-grow: 1;
+    flex-shrink: 0;
+    height: 100%;
+    max-width: 100%;
+    min-width: 0;
+    opacity: 0;
+    transition: opacity var(--wi-motion-normal) var(--wi-motion-ease);
+    width: 100%;
+}
+
+.wi-layout-sider__scrollbar .wi-layout-sider__scroll {
+    height: auto;
+    max-width: none;
+    min-height: 100%;
+    opacity: 1;
+    overflow: visible;
+}
+
+.wi-layout-sider--show-content > .wi-layout-sider__scroll {
+    opacity: 1;
+    overflow: auto;
+}
+
+.wi-layout-sider--show-content > .wi-layout-sider__scrollbar {
+    opacity: 1;
+}
+
+.wi-layout-sider--collapse-width > .wi-layout-sider__scroll,
+.wi-layout-sider--collapse-width > .wi-layout-sider__scrollbar {
+    flex-shrink: 1;
+    min-width: 0;
+}
+
+.wi-layout-sider__border {
+    background: var(--wi-color-border);
+    bottom: 0;
+    position: absolute;
+    top: 0;
+    transition: background-color var(--wi-motion-fast) var(--wi-motion-ease);
+    width: 1px;
+}
+
+.wi-layout-sider--left-placement > .wi-layout-sider__border,
+.wi-layout-sider--left > .wi-layout-sider__border {
+    right: 0;
+}
+
+.wi-layout-sider--right-placement > .wi-layout-sider__border,
+.wi-layout-sider--right > .wi-layout-sider__border {
+    left: 0;
+}
+
+.wi-layout-sider--inverted > .wi-layout-sider__border {
+    background: color-mix(in srgb, var(--wi-color-contrast-fg) 18%, transparent);
+}
+
+.wi-layout-sider__trigger {
+    background: transparent;
+    border: 0;
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    font: inherit;
+    padding: 0;
+    position: absolute;
+    z-index: 2;
+}
+
+.wi-layout-sider__trigger:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-layout-sider__trigger--arrow-circle {
+    align-items: center;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: 50%;
+    box-shadow: var(--wi-shadow-sm);
+    display: inline-flex;
+    font-size: 1rem;
+    height: 1.5rem;
+    justify-content: center;
+    right: 0;
+    top: 50%;
+    transform: translate(50%, -50%);
+    width: 1.5rem;
+}
+
+.wi-layout-sider--right-placement > .wi-layout-sider__trigger--arrow-circle {
+    left: 0;
+    right: auto;
+    transform: translate(-50%, -50%);
+}
+
+.wi-layout-sider__arrow {
+    display: inline-block;
+    line-height: 1;
+    transform: rotate(180deg);
+    transition: transform var(--wi-motion-normal) var(--wi-motion-ease);
+}
+
+.wi-layout-sider--collapsed > .wi-layout-sider__trigger--arrow-circle .wi-layout-sider__arrow {
+    transform: rotate(0deg);
+}
+
+.wi-layout-sider--right-placement > .wi-layout-sider__trigger--arrow-circle .wi-layout-sider__arrow {
+    transform: rotate(0deg);
+}
+
+.wi-layout-sider--right-placement.wi-layout-sider--collapsed
+    > .wi-layout-sider__trigger--arrow-circle
+    .wi-layout-sider__arrow {
+    transform: rotate(180deg);
+}
+
+.wi-layout-sider--inverted > .wi-layout-sider__trigger--arrow-circle {
+    background: var(--wi-color-contrast);
+    border-color: color-mix(in srgb, var(--wi-color-contrast-fg) 18%, transparent);
+    color: var(--wi-color-contrast-fg);
+}
+
+.wi-layout-sider__trigger--bar {
+    height: 4.5rem;
+    right: -1.75rem;
+    top: calc(50% - 2.25rem);
+    width: 2rem;
+}
+
+.wi-layout-sider--right-placement > .wi-layout-sider__trigger--bar {
+    left: -1.75rem;
+    right: auto;
+    transform: rotate(180deg);
+}
+
+.wi-layout-sider__bar {
+    display: block;
+    height: 100%;
+    position: relative;
+    width: 100%;
+}
+
+.wi-layout-sider__bar-top,
+.wi-layout-sider__bar-bottom {
+    background: var(--wi-color-text-muted);
+    border-radius: 2px;
+    height: 2.375rem;
+    left: 0.875rem;
+    position: absolute;
+    transition: background-color var(--wi-motion-fast) var(--wi-motion-ease),
+        transform var(--wi-motion-fast) var(--wi-motion-ease);
+    width: 4px;
+}
+
+.wi-layout-sider__bar-top {
+    top: 0;
+}
+
+.wi-layout-sider__bar-bottom {
+    top: 2.125rem;
+}
+
+.wi-layout-sider__trigger--bar:hover .wi-layout-sider__bar-top {
+    transform: rotate(12deg) scale(1.15) translateY(-2px);
+}
+
+.wi-layout-sider__trigger--bar:hover .wi-layout-sider__bar-bottom {
+    transform: rotate(-12deg) scale(1.15) translateY(2px);
+}
+
+.wi-layout-sider--collapsed > .wi-layout-sider__trigger--bar:hover .wi-layout-sider__bar-top {
+    transform: rotate(-12deg) scale(1.15) translateY(-2px);
+}
+
+.wi-layout-sider--collapsed > .wi-layout-sider__trigger--bar:hover .wi-layout-sider__bar-bottom {
+    transform: rotate(12deg) scale(1.15) translateY(2px);
+}
+
+.wi-layout-sider--absolute-positioned {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    top: 0;
+}

package/dist/components/Layout/types.d.ts

@@ -0,0 +1,104 @@
+import { CSSProperties } from 'vue';
+import { ScrollbarProps } from '../Scrollbar/types';
+export type LayoutPosition = 'static' | 'absolute';
+export type LayoutSiderPlacement = 'left' | 'right';
+export type LayoutCollapseMode = 'width' | 'transform';
+/** `true` / `'bar'` → bar trigger; `'arrow-circle'` / `'arrow'` → circle arrow. */
+export type LayoutTrigger = boolean | 'bar' | 'arrow' | 'arrow-circle';
+export interface LayoutProps {
+    /** Soft background for nested content areas. */
+    embedded?: boolean;
+    /** Position mode. */
+    position?: LayoutPosition;
+    /** Enable horizontal sider layout (row flex). */
+    hasSider?: boolean;
+    /** Sider side when `hasSider`. */
+    siderPlacement?: LayoutSiderPlacement;
+    /**
+     * Use the browser native scrollbar (default).
+     * Set `false` to wrap content with `WiScrollbar`.
+     */
+    nativeScrollbar?: boolean;
+    /** Extra props forwarded to `WiScrollbar` when `nativeScrollbar` is false. */
+    scrollbarProps?: Partial<ScrollbarProps>;
+    /** Extra class on the scroll / content wrapper. */
+    contentClass?: string;
+    /** Extra style on the scroll / content wrapper. */
+    contentStyle?: string | CSSProperties;
+}
+export interface LayoutHeaderProps {
+    bordered?: boolean;
+    inverted?: boolean;
+    position?: LayoutPosition;
+}
+export interface LayoutFooterProps {
+    bordered?: boolean;
+    inverted?: boolean;
+    position?: LayoutPosition;
+}
+export interface LayoutContentProps {
+    /** Soft background. */
+    embedded?: boolean;
+    position?: LayoutPosition;
+    /**
+     * Use the browser native scrollbar (default).
+     * Set `false` to wrap content with `WiScrollbar`.
+     */
+    nativeScrollbar?: boolean;
+    /** Extra props forwarded to `WiScrollbar` when `nativeScrollbar` is false. */
+    scrollbarProps?: Partial<ScrollbarProps>;
+    contentClass?: string;
+    contentStyle?: string | CSSProperties;
+}
+export interface LayoutSiderProps {
+    bordered?: boolean;
+    inverted?: boolean;
+    position?: LayoutPosition;
+    /** Expanded width (always applied as `width`; collapse uses `max-width`). */
+    width?: number | string;
+    /** Collapsed max-width. */
+    collapsedWidth?: number;
+    /** Controlled collapsed state (`v-model:collapsed`). */
+    collapsed?: boolean;
+    /** Uncontrolled initial collapsed state. */
+    defaultCollapsed?: boolean;
+    /**
+     * `transform` (default): keep content width, clip with max-width.
+     * `width`: shrink content with the sider.
+     */
+    collapseMode?: LayoutCollapseMode;
+    /** Show sider content while collapsed. */
+    showCollapsedContent?: boolean;
+    showTrigger?: LayoutTrigger;
+    triggerClass?: string;
+    triggerStyle?: string | CSSProperties;
+    collapsedTriggerClass?: string;
+    collapsedTriggerStyle?: string | CSSProperties;
+    /**
+     * Use the browser native scrollbar (default).
+     * Set `false` to wrap content with `WiScrollbar`.
+     */
+    nativeScrollbar?: boolean;
+    /** Extra props forwarded to `WiScrollbar` when `nativeScrollbar` is false. */
+    scrollbarProps?: Partial<ScrollbarProps>;
+    contentClass?: string;
+    contentStyle?: string | CSSProperties;
+}
+export interface LayoutSiderEmits {
+    (event: 'update:collapsed', value: boolean): void;
+    (event: 'collapse'): void;
+    (event: 'expand'): void;
+    (event: 'after-enter'): void;
+    (event: 'after-leave'): void;
+    (event: 'scroll', eventPayload: Event): void;
+}
+export interface LayoutScrollEmits {
+    (event: 'scroll', eventPayload: Event): void;
+}
+export interface LayoutExpose {
+    scrollTo: {
+        (options: ScrollToOptions): void;
+        (x: number, y: number): void;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Layout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Listbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Listbox/styles.css

@@ -0,0 +1,68 @@
+/* —— Form: Listbox —— */
+.wi-listbox {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: inline-flex;
+    flex-direction: column;
+    min-width: var(--wi-menu-min-width-lg);
+    overflow: hidden;
+}
+
+.wi-listbox--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-listbox__filter {
+    background: var(--wi-color-surface);
+    border: 0;
+    border-bottom: 1px solid var(--wi-color-border);
+    color: var(--wi-color-text);
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
+}
+
+.wi-listbox__list {
+    list-style: none;
+    margin: 0;
+    max-height: 14rem;
+    overflow: auto;
+    padding: var(--wi-space-1);
+}
+
+.wi-listbox__option {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    text-align: start;
+    width: 100%;
+}
+
+.wi-listbox__option--selected {
+    background: color-mix(in srgb, var(--wi-color-primary) 16%, var(--wi-color-surface));
+    color: var(--wi-color-primary);
+    font-weight: 600;
+}
+
+.wi-listbox__option:hover:not(:disabled):not(.wi-listbox__option--selected) {
+    background: color-mix(in srgb, var(--wi-color-primary) 8%, var(--wi-color-surface));
+}
+
+.wi-listbox__option:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-listbox__empty {
+    color: var(--wi-color-text-muted);
+    padding: var(--wi-space-3);
+    text-align: center;
+}

package/dist/components/MegaMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/MegaMenu/styles.css

@@ -0,0 +1,75 @@
+/* —— Menu: MegaMenu —— */
+.wi-megamenu {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: flex;
+    gap: var(--wi-space-1);
+    padding: var(--wi-space-1);
+    position: relative;
+}
+
+.wi-megamenu__item {
+    position: relative;
+}
+
+.wi-megamenu__trigger {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--wi-space-1);
+    padding: var(--wi-space-2) var(--wi-space-3);
+}
+
+.wi-megamenu__item--open .wi-megamenu__trigger,
+.wi-megamenu__trigger:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
+}
+
+.wi-megamenu__panel {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    display: flex;
+    gap: var(--wi-space-4);
+    left: 0;
+    margin-top: var(--wi-space-1);
+    padding: var(--wi-space-3);
+    position: absolute;
+    top: 100%;
+    z-index: var(--wi-z-popper);
+}
+
+.wi-megamenu__panel--teleported {
+    margin-top: 0;
+    position: fixed;
+    top: auto;
+    z-index: var(--wi-z-dropdown);
+}
+
+.wi-megamenu__column {
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-space-1);
+    min-width: 8rem;
+}
+
+.wi-megamenu__link {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: inherit;
+    cursor: pointer;
+    font: inherit;
+    padding: var(--wi-space-2);
+    text-align: left;
+}
+
+.wi-megamenu__link:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
+}

package/dist/components/Menu/Menu.vue.d.ts

@@ -1,12 +1,19 @@
-import { MenuProps } from './types';
+import { MenuItem, MenuProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const __VLS_export: DefineComponent<MenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
+    select: (item: MenuItem) => any;
+    "update:selectedKey": (value: string | null) => any;
 }, string, PublicProps, Readonly<MenuProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSelect?: ((item: MenuItem) => any) | undefined;
+    "onUpdate:selectedKey"?: ((value: string | null) => any) | undefined;
 }>, {
     modelValue: boolean;
     teleport: boolean;
+    collapsed: boolean;
+    indent: number;
+    selectedKey: string | null;
     popup: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/Menu/Menu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAsGA,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,SAAS,CAAA;AA+LlD,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAsGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAgMlD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Menu/MenuNodes.vue.d.ts

@@ -0,0 +1,17 @@
+import { MenuItem } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    items: MenuItem[];
+    depth: number;
+    indent: number;
+    collapsed: boolean;
+    selectedKey: string | null;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    activate: (item: MenuItem) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActivate?: ((item: MenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MenuNodes.vue.d.ts.map

package/dist/components/Menu/MenuNodes.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuNodes.vue"],"names":[],"mappings":";AAqGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAC;AA4NF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}