morya-ui 0.1.1

package/dist/components/Layout/styles.css

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

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

@@ -0,0 +1,100 @@
+import { CSSProperties } from 'vue';
+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 {
+    /** Layout height. Defaults to `var(--m-layout-height)`. */
+    height?: number | string;
+    /** Layout width. Defaults to `100%`. */
+    width?: number | string;
+    /** 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;
+    /** Extra class on the scroll / content wrapper. */
+    contentClass?: string;
+    /** Extra style on the scroll / content wrapper. */
+    contentStyle?: string | CSSProperties;
+}
+export interface LayoutHeaderProps {
+    /** Header height. Defaults to `var(--m-layout-header-height)`. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
+    bordered?: boolean;
+    inverted?: boolean;
+    position?: LayoutPosition;
+}
+export interface LayoutFooterProps {
+    /** Footer height. Defaults to `var(--m-layout-footer-height)`. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
+    bordered?: boolean;
+    inverted?: boolean;
+    position?: LayoutPosition;
+}
+export interface LayoutContentProps {
+    /** Content height. Defaults to filling the parent layout. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
+    /** Soft background. */
+    embedded?: boolean;
+    position?: LayoutPosition;
+    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 | string;
+    padding?: number | string;
+    radius?: number | string;
+    /** 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;
+    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/Layout/utils.d.ts

@@ -0,0 +1,3 @@
+import { LayoutTrigger } from './types';
+export declare function resolveLayoutTrigger(value: LayoutTrigger | undefined): "bar" | "arrow-circle" | null;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,aAAa,GAAG,SAAS,GACjC,KAAK,GAAG,cAAc,GAAG,IAAI,CAI/B"}

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

@@ -0,0 +1,27 @@
+import { ListboxOption, ListboxProps, ListboxValue } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_11: {
+    option: ListboxOption;
+};
+type __VLS_Slots = {} & {
+    option?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: DefineComponent<ListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: ListboxValue | ListboxValue[] | undefined) => any;
+}, string, PublicProps, Readonly<ListboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ListboxValue | ListboxValue[] | undefined) => any) | undefined;
+}>, {
+    multiple: boolean;
+    filter: boolean;
+    disabled: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, 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;
+    };
+};
+//# sourceMappingURL=Listbox.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAoKA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAsPxE,QAAA,IAAuB,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as MListbox } from './Listbox.vue';
+export type { ListboxEmits, ListboxOption, ListboxProps, ListboxValue } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Listbox/styles.css

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

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

@@ -0,0 +1,22 @@
+import { MSizeInput } from '../../shared/types';
+export type ListboxValue = string | number;
+export interface ListboxOption {
+    label: string;
+    value: ListboxValue;
+    disabled?: boolean;
+}
+export interface ListboxProps {
+    modelValue?: ListboxValue | ListboxValue[];
+    options: ListboxOption[];
+    multiple?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: MSizeInput;
+    filter?: boolean;
+    emptyMessage?: string;
+    listStyle?: string | Record<string, string>;
+}
+export interface ListboxEmits {
+    (event: 'update:modelValue', value: ListboxValue | ListboxValue[] | undefined): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;CACrF"}

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

@@ -0,0 +1,16 @@
+import { MegaMenuItem, MegaMenuProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<MegaMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    select: (item: MegaMenuItem) => any;
+    "update:selectedKey": (value: string | null) => any;
+}, string, PublicProps, Readonly<MegaMenuProps> & Readonly<{
+    onSelect?: ((item: MegaMenuItem) => any) | undefined;
+    "onUpdate:selectedKey"?: ((value: string | null) => any) | undefined;
+}>, {
+    teleport: boolean;
+    model: MegaMenuItem[];
+    selectedKey: string | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MegaMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AA4SA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA0Z1D,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,3 @@
+export { default as MMegaMenu } from './MegaMenu.vue';
+export type { MegaMenuItem, MegaMenuProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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