morya-ui 0.1.1

package/dist/components/Menu/styles.css

@@ -0,0 +1,496 @@
+/* —— Menu —— */
+.m-menu {
+    --m-menu-indent: var(--m-space-3);
+    --m-menu-root-indent: var(--m-space-4);
+    --m-menu-item-radius: var(--m-radius-md);
+    --m-menu-color: transparent;
+    --m-menu-item-color-hover: color-mix(
+        in srgb,
+        var(--m-color-text) 6%,
+        var(--m-color-surface)
+    );
+    --m-menu-item-color-active: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+    --m-menu-item-text: var(--m-color-text);
+    --m-menu-item-text-active: var(--m-color-primary);
+    --m-menu-item-text-child-active: var(--m-color-primary);
+    --m-menu-item-icon: var(--m-color-text);
+    --m-menu-item-icon-active: var(--m-color-primary);
+    --m-menu-arrow: var(--m-color-text-muted);
+
+    background: var(--m-menu-color);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    box-sizing: border-box;
+    color: var(--m-menu-item-text);
+    display: flex;
+    flex-direction: column;
+    font-size: var(--m-font-size-sm);
+    min-width: 10rem;
+    overflow: hidden;
+    padding: 0 0 0.375rem;
+    user-select: none;
+}
+
+.m-menu--embedded {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    min-width: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.m-menu--flyout {
+    --m-menu-flyout-gap: var(--m-space-1);
+    --m-menu-flyout-item-height: 2.5rem;
+    --m-menu-flyout-padding: var(--m-space-2);
+    --m-menu-flyout-radius: var(--m-radius-md);
+
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid color-mix(in srgb, var(--m-color-border) 88%, transparent);
+    border-radius: var(--m-menu-flyout-radius);
+    box-shadow: var(--m-shadow-lg);
+    box-sizing: border-box;
+    min-width: 11.5rem;
+    overflow: hidden;
+    padding: var(--m-menu-flyout-padding);
+}
+
+.m-menu--popup {
+    box-shadow: var(--m-shadow-md);
+    padding: 0.375rem 0 0.5rem;
+    position: absolute;
+    z-index: var(--m-z-popper);
+}
+
+.m-menu-popup {
+    display: inline-flex;
+    position: relative;
+}
+
+.m-menu-popup__anchor {
+    display: inline-flex;
+}
+
+.m-menu-popup .m-menu--popup:not(.m-menu--teleported) {
+    left: 0;
+    top: calc(100% + var(--m-space-2));
+}
+
+.m-menu--teleported {
+    position: fixed;
+    z-index: var(--m-z-dropdown);
+}
+
+.m-menu--horizontal {
+    --m-menu-horizontal-gap: var(--m-space-1);
+    --m-menu-horizontal-height: 2.5rem;
+
+    align-items: stretch;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    gap: var(--m-menu-horizontal-gap);
+    max-width: 100%;
+    min-width: 0;
+    overflow: visible;
+    padding: var(--m-space-1) var(--m-space-2);
+    width: auto;
+}
+
+.m-menu--horizontal.m-menu--embedded {
+    padding: 0;
+}
+
+.m-menu--horizontal .m-menu__item,
+.m-menu--horizontal .m-menu__item--submenu {
+    margin-top: 0;
+}
+
+.m-menu--horizontal .m-menu__item--horizontal {
+    display: flex;
+    align-items: stretch;
+}
+
+.m-menu--horizontal .m-popover,
+.m-menu--horizontal .m-menu__collapsed-popover {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+}
+
+.m-menu--horizontal .m-popover__trigger {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+}
+
+.m-menu--horizontal .m-menu__item-content {
+    align-items: center;
+    border-bottom: none;
+    border-radius: var(--m-radius-control);
+    font-weight: 500;
+    height: var(--m-menu-horizontal-height);
+    padding-inline: var(--m-space-3);
+    white-space: nowrap;
+}
+
+.m-menu--horizontal .m-menu__item-content::before {
+    border-radius: var(--m-radius-control);
+    display: block;
+    inset: 0;
+}
+
+.m-menu--horizontal .m-menu__item-content--selected::before,
+.m-menu--horizontal .m-menu__item-content--child-active::before {
+    background: var(--m-menu-item-color-active) !important;
+}
+
+.m-menu--horizontal .m-menu__item-content--selected,
+.m-menu--horizontal .m-menu__item-content--child-active {
+    border-bottom-color: transparent;
+}
+
+.m-menu--horizontal .m-menu__item-content--selected .m-menu__label,
+.m-menu--horizontal .m-menu__item-content--child-active .m-menu__label,
+.m-menu--horizontal .m-menu__item-content--selected .m-menu__arrow,
+.m-menu--horizontal .m-menu__item-content--child-active .m-menu__arrow {
+    color: var(--m-menu-item-text-active);
+}
+
+.m-menu--horizontal .m-menu__arrow {
+    margin-inline-start: var(--m-space-1);
+}
+
+.m-menu--horizontal .m-menu__submenu {
+    display: none;
+}
+
+.m-menu--inverted {
+    --m-menu-item-color-hover: color-mix(
+        in srgb,
+        var(--m-color-contrast-fg) 8%,
+        transparent
+    );
+    --m-menu-item-color-active: var(--m-color-primary);
+    --m-menu-item-text: color-mix(
+        in srgb,
+        var(--m-color-contrast-fg) 82%,
+        transparent
+    );
+    --m-menu-item-text-active: var(--m-color-contrast-fg);
+    --m-menu-item-text-child-active: var(--m-color-contrast-fg);
+    --m-menu-item-icon: color-mix(
+        in srgb,
+        var(--m-color-contrast-fg) 82%,
+        transparent
+    );
+    --m-menu-item-icon-active: var(--m-color-contrast-fg);
+    --m-menu-arrow: color-mix(
+        in srgb,
+        var(--m-color-contrast-fg) 72%,
+        transparent
+    );
+}
+
+/* —— Collapsed (icon rail) —— */
+.m-menu--collapsed {
+    padding: 0.25rem 0;
+}
+
+.m-menu--collapsed .m-menu__label,
+.m-menu--collapsed .m-menu__arrow {
+    display: none;
+}
+
+.m-menu--collapsed .m-menu__item {
+    margin-top: 0.25rem;
+}
+
+.m-menu--collapsed .m-menu__item-content {
+    align-items: center;
+    display: flex;
+    grid-template-areas: none;
+    grid-template-columns: unset;
+    height: 2.75rem;
+    justify-content: center;
+    padding-inline: 0 !important;
+    width: 100%;
+}
+
+.m-menu--collapsed .m-menu__item-content::before {
+    inset: 0 0.5rem;
+}
+
+.m-menu--collapsed .m-menu__icon {
+    height: 1.375rem;
+    margin-inline: 0;
+    width: 1.375rem;
+}
+
+.m-menu--collapsed .m-menu__icon .m-icon {
+    height: 1.375rem;
+    width: 1.375rem;
+}
+
+.m-menu--collapsed .m-menu__item-content--selected::before,
+.m-menu--collapsed .m-menu__item-content--child-active::before {
+    background: var(--m-menu-item-color-active) !important;
+}
+
+.m-menu__item {
+    margin-top: 0.375rem;
+    position: relative;
+}
+
+.m-menu__item:first-child {
+    margin-top: 0;
+}
+
+.m-menu__item-content {
+    align-items: center;
+    border-radius: var(--m-menu-item-radius);
+    box-sizing: border-box;
+    cursor: pointer;
+    display: grid;
+    grid-template-areas: "icon label arrow";
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    height: var(--m-menu-item-height);
+    line-height: 1.75;
+    padding-inline-end: 0.75rem;
+    position: relative;
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        padding-left var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-menu__item-content--no-icon {
+    grid-template-areas: "label arrow";
+    grid-template-columns: minmax(0, 1fr) auto;
+}
+
+.m-menu__item-content::before {
+    background: transparent;
+    border-radius: var(--m-menu-item-radius);
+    content: "";
+    inset: 0 0.5rem;
+    pointer-events: none;
+    position: absolute;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease);
+    z-index: 0;
+}
+
+.m-menu__item-content > * {
+    position: relative;
+    z-index: 1;
+}
+
+.m-menu__item-content:hover:not(.m-menu__item-content--disabled)::before,
+.m-menu__item-content:focus-visible:not(.m-menu__item-content--disabled)::before,
+.m-menu__item-content--active:not(.m-menu__item-content--disabled)::before {
+    background: var(--m-menu-item-color-hover);
+}
+
+.m-menu__item-content--selected::before {
+    background: var(--m-menu-item-color-active) !important;
+}
+
+.m-menu__item-content--selected .m-menu__label,
+.m-menu__item-content--selected .m-menu__icon,
+.m-menu__item-content--selected .m-menu__arrow {
+    color: var(--m-menu-item-text-active);
+}
+
+.m-menu__item-content--child-active .m-menu__label,
+.m-menu__item-content--child-active .m-menu__icon,
+.m-menu__item-content--child-active .m-menu__arrow {
+    color: var(--m-menu-item-text-child-active);
+}
+
+.m-menu--inverted .m-menu__item-content--selected::before {
+    background: var(--m-menu-item-color-active) !important;
+}
+
+.m-menu__item-content--disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-menu__item-content:focus-visible {
+    outline: none;
+}
+
+.m-menu__item-content:focus-visible::before {
+    box-shadow: var(--m-focus-shadow);
+}
+
+.m-menu__icon {
+    align-items: center;
+    color: var(--m-menu-item-icon);
+    display: inline-flex;
+    flex-shrink: 0;
+    grid-area: icon;
+    height: 1.25rem;
+    justify-content: center;
+    margin-inline-end: 0.5rem;
+    width: 1.25rem;
+}
+
+.m-menu__icon .m-icon {
+    height: 1.25rem;
+    width: 1.25rem;
+}
+
+.m-menu__item-content--selected .m-menu__icon,
+.m-menu__item-content--child-active .m-menu__icon {
+    color: var(--m-menu-item-icon-active);
+}
+
+.m-menu__label {
+    color: inherit;
+    grid-area: label;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.m-menu__arrow {
+    align-items: center;
+    color: var(--m-menu-arrow);
+    display: inline-flex;
+    flex-shrink: 0;
+    grid-area: arrow;
+    height: 1rem;
+    justify-content: center;
+    margin-inline-start: 0.25rem;
+    width: 1rem;
+}
+
+.m-menu__separator {
+    background: var(--m-color-border);
+    height: 1px;
+    margin: 0.375rem 0.75rem;
+}
+
+.m-menu__submenu {
+    overflow: hidden;
+}
+
+.m-menu-expand-enter-active,
+.m-menu-expand-leave-active {
+    transition:
+        max-height var(--m-motion-normal) var(--m-motion-ease),
+        opacity var(--m-motion-normal) var(--m-motion-ease);
+}
+
+.m-menu-expand-enter-from,
+.m-menu-expand-leave-to {
+    max-height: 0;
+    opacity: 0;
+}
+
+.m-menu-expand-enter-to,
+.m-menu-expand-leave-from {
+    max-height: 30rem;
+    opacity: 1;
+}
+
+/* Popover flyout: strip outer chrome, menu card provides it */
+.m-popover__trigger {
+    display: block;
+    width: 100%;
+}
+
+.m-menu--collapsed .m-popover {
+    display: block;
+    width: 100%;
+}
+
+.m-popover__content:has(.m-menu--flyout) {
+    background: transparent;
+    border: 0;
+    box-shadow: none;
+    min-width: 0;
+    overflow: visible;
+    padding: 0;
+}
+
+.m-popover__content--right:has(.m-menu--flyout),
+.m-popover__content--right-start:has(.m-menu--flyout) {
+    left: calc(100% + var(--m-space-2));
+}
+
+.m-popover__content--bottom-start:has(.m-menu--flyout) {
+    left: 0;
+    top: calc(100% + var(--m-space-1));
+}
+
+.m-popover__content--teleported:has(.m-menu--flyout) {
+    padding: 0;
+}
+
+.m-popover__content--right-start:has(.m-menu--flyout).m-popover-enter-from,
+.m-popover__content--right-start:has(.m-menu--flyout).m-popover-leave-to {
+    opacity: 0;
+    transform: translateX(calc(var(--m-motion-distance) * -0.5)) scale(0.98);
+}
+
+.m-popover__content--bottom-start:has(.m-menu--flyout).m-popover-enter-from,
+.m-popover__content--bottom-start:has(.m-menu--flyout).m-popover-leave-to {
+    opacity: 0;
+    transform: translateY(calc(var(--m-motion-distance) * -0.35)) scale(0.98);
+}
+
+.m-menu--flyout .m-menu__item {
+    margin-top: var(--m-menu-flyout-gap);
+}
+
+.m-menu--flyout .m-menu__item:first-child {
+    margin-top: 0;
+}
+
+.m-menu--flyout .m-menu__item-content {
+    height: var(--m-menu-flyout-item-height);
+    padding-inline: 0.75rem;
+}
+
+.m-menu--flyout .m-menu__item-content::before {
+    inset: 0 0.375rem;
+    border-radius: calc(var(--m-menu-flyout-radius) - 0.125rem);
+}
+
+.m-menu--flyout .m-menu__icon {
+    height: 1.125rem;
+    margin-inline-end: 0.625rem;
+    width: 1.125rem;
+}
+
+.m-menu--flyout .m-menu__icon .m-icon {
+    height: 1.125rem;
+    width: 1.125rem;
+}
+
+.m-menu--flyout .m-menu__label {
+    font-size: var(--m-font-size-sm);
+    font-weight: 500;
+    line-height: 1.4;
+}
+
+.m-menu--flyout .m-menu__item-content--selected::before {
+    background: var(--m-menu-item-color-active) !important;
+}
+
+.m-menu--flyout .m-menu__item-content--selected .m-menu__label,
+.m-menu--flyout .m-menu__item-content--selected .m-menu__icon {
+    color: var(--m-menu-item-text-active);
+    font-weight: 600;
+}
+
+.m-menu--flyout .m-menu__separator {
+    margin: var(--m-menu-flyout-gap) 0.5rem;
+}

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

@@ -0,0 +1,59 @@
+import { MAppendTo } from '../../shared/overlay';
+import { MRouteLocationRaw } from '../../shared/optionalRouter';
+export interface MenuItem {
+    key?: string;
+    label?: string;
+    icon?: string;
+    /** SPA route target when vue-router is available; falls back to anchor. */
+    to?: MRouteLocationRaw;
+    command?: () => void;
+    disabled?: boolean;
+    separator?: boolean;
+    items?: MenuItem[];
+}
+export type MenuMode = 'vertical' | 'horizontal';
+export type MenuPopupPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export interface MenuProps {
+    model: MenuItem[];
+    /** Render as popup overlay when true. */
+    popup?: boolean;
+    /** Popup visibility. Use with `v-model`. */
+    modelValue?: boolean;
+    /** Popup placement relative to the default-slot trigger or last pointer. */
+    placement?: MenuPopupPlacement;
+    /** Selected item key (`item.key` or `item.label`). */
+    selectedKey?: string | null;
+    /** Icon-only density; nested groups use flyout popovers. */
+    collapsed?: boolean;
+    /** Sider width when collapsed, used to center icons. Default 80. */
+    collapsedWidth?: number;
+    /** Extra padding-left per nesting level, in px. Default 12. */
+    indent?: number;
+    /** Root item left padding, in px. Default 16. */
+    rootIndent?: number;
+    /** Only one top-level submenu open at a time. */
+    accordion?: boolean;
+    /** Initially expanded submenu keys. */
+    defaultExpandedKeys?: string[];
+    /** Controlled expanded submenu keys. */
+    expandedKeys?: string[];
+    /** Expand all nested groups initially. */
+    defaultExpandAll?: boolean;
+    /** Layout direction. */
+    mode?: MenuMode;
+    /** Dark / sider-style colors. */
+    inverted?: boolean;
+    /** Remove chrome for embedding in layout sider. Defaults to `!popup`. */
+    embedded?: boolean;
+    /** Teleport overlay when `popup`. Defaults to `true`. */
+    teleport?: boolean;
+    /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
+    appendTo?: MAppendTo;
+}
+export interface MenuEmits {
+    (event: 'update:modelValue', value: boolean): void;
+    (event: 'update:selectedKey', value: string | null): void;
+    (event: 'update:expandedKeys', value: string[]): void;
+    (event: 'select', item: MenuItem): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,EAAE,CAAC,EAAE,iBAAiB,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;CACnB;AAED,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAA;AAEhD,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,CAAA;AAEb,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,wBAAwB;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACzD,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IACrD,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;CACxC"}

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

@@ -0,0 +1,27 @@
+import { MenubarItem, MenubarProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    end?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: DefineComponent<MenubarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    select: (item: MenubarItem) => any;
+    "update:selectedKey": (value: string | null) => any;
+}, string, PublicProps, Readonly<MenubarProps> & Readonly<{
+    onSelect?: ((item: MenubarItem) => any) | undefined;
+    "onUpdate:selectedKey"?: ((value: string | null) => any) | undefined;
+}>, {
+    teleport: boolean;
+    selectedKey: string | null;
+}, {}, {}, {}, 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=Menubar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.vue"],"names":[],"mappings":";AAySA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAqbxD,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,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/Menubar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MMenubar } from './Menubar.vue';
+export type { MenubarEmits, MenubarItem, MenubarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Menubar/styles.css

@@ -0,0 +1,114 @@
+/* —— Menu: Menubar —— */
+.m-menubar {
+    --m-menubar-menu-min-width: 10rem;
+    --m-menubar-item-gap: 0.125rem;
+    align-items: stretch;
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-menubar-item-gap);
+    padding: var(--m-space-1);
+}
+
+.m-menubar__item {
+    position: relative;
+}
+
+.m-menubar__trigger {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-control);
+    color: var(--m-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--m-control-font-medium);
+    gap: var(--m-space-1);
+    min-height: var(--m-control-height-medium);
+    padding: 0 var(--m-control-padding-x-medium);
+}
+
+.m-menubar__trigger:hover:not(:disabled),
+.m-menubar__item--open > .m-menubar__trigger {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+}
+
+.m-menubar__trigger:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-menubar__trigger:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-menubar__caret {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-xs);
+}
+
+.m-menubar__submenu {
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    box-shadow: var(--m-shadow-md);
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-menubar-item-gap);
+    left: 0;
+    min-width: var(--m-menubar-menu-min-width);
+    padding: var(--m-space-1);
+    position: absolute;
+    top: calc(100% + 0.25rem);
+    z-index: var(--m-z-popper);
+}
+
+.m-menubar__submenu--teleported {
+    position: fixed;
+    top: auto;
+    z-index: var(--m-z-dropdown);
+}
+
+.m-menubar__subitem {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text);
+    cursor: pointer;
+    font: inherit;
+    padding: var(--m-space-2) var(--m-space-3);
+    text-align: start;
+    width: 100%;
+}
+
+.m-menubar__subitem:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+}
+
+.m-menubar__subitem:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-menubar__subitem:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-menubar__trigger--selected,
+.m-menubar__subitem--selected {
+    background: color-mix(in srgb, var(--m-color-primary) 12%, var(--m-color-surface));
+    color: var(--m-color-primary);
+}