@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/types/masonry/Masonry.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { MasonryItem, MasonryProps } from "./types";
+export type { MasonryProps, MasonryItem };
+/**
+ * Faz 16.3 — yapı ant.design Masonry'den (farklı yükseklikteki öğeler, her
+ * biri en kısa sütuna; duyarlı sütun sayısı; `gutter`; `onLayoutChange`),
+ * görünüm kendi token'larımızdan (öğelerin kendisi — Card, görsel — tüketicinin).
+ *
+ * DOM sırası = öğe sırası: yalnız görsel konum hesaplanır (mutlak konum), Tab ve
+ * ekran okuyucu sırası verideki gibi kalır. Ölçüm gelmeden (SSR, ilk kare, JS
+ * kapalı) CSS `columns` ile makul bir yerleşim çizilir; ölçülünce kesin konum.
+ * Semantik: `<ul>` + `<li>`.
+ */
+export declare function Masonry({ items, columns, gutter, onLayoutChange, infinite, className, skeleton, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: Readonly<MasonryProps>): React.JSX.Element;
+//# sourceMappingURL=Masonry.d.ts.map

package/dist/types/masonry/Masonry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry.d.ts","sourceRoot":"","sources":["../../../src/masonry/Masonry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGzD,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AA6C1C;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAyB,EACzB,MAAa,EACb,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,GAClC,EAAE,QAAQ,CAAC,YAAY,CAAC,qBAwDxB"}

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

@@ -0,0 +1,3 @@
+export { Masonry } from "./Masonry";
+export type { MasonryProps, MasonryItem, MasonryColumns, MasonryBreakpoint } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/masonry/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/masonry/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/masonry/types.d.ts

@@ -0,0 +1,35 @@
+import type React from "react";
+import type { Size } from "@mari-ui/core";
+import type { SkeletonableProps } from "../lib/skeleton";
+import type { InfiniteScrollOptions } from "../lib/infiniteScroll";
+export type MasonryBreakpoint = "base" | "sm" | "md" | "lg" | "xl";
+export type MasonryColumns = number | Partial<Record<MasonryBreakpoint, number>>;
+export interface MasonryItem {
+    key: React.Key;
+    children: React.ReactNode;
+}
+export interface MasonryProps extends SkeletonableProps {
+    items: MasonryItem[];
+    /**
+     * Sütun sayısı; nesne ile pencere genişliğine göre (mobil önce).
+     * Varsayılan: `{ base: 1, sm: 2, lg: 3 }`.
+     */
+    columns?: MasonryColumns;
+    /** Öğeler arası boşluk: sm 8 / md 16 / lg 24px ya da px. Varsayılan: `md`. */
+    gutter?: Size | number;
+    /**
+     * Sonsuz kaydırma: pano sonu görünüme girince `onLoadMore`. Yeni öğeleri
+     * `items`a siz eklersiniz; `hasMore`/`loading`ı güncel tutun. Klavye için
+     * odaklanınca beliren "Daha fazla yükle" düğmesi de vardır.
+     */
+    infinite?: InfiniteScrollOptions;
+    /** Yerleşim her değiştiğinde (öğe yüksekliği, sütun sayısı). */
+    onLayoutChange?: (info: {
+        columns: number;
+        height: number;
+    }) => void;
+    className?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/masonry/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/masonry/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AAEjF,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/types/masonry/utils.d.ts

@@ -0,0 +1,23 @@
+import type { Size } from "@mari-ui/core";
+import type { MasonryBreakpoint, MasonryColumns } from "./types";
+export interface MasonryPosition {
+    left: number;
+    top: number;
+    width: number;
+    column: number;
+}
+/**
+ * Her öğeyi o an EN KISA sütuna koyar (eşitlikte soldaki). DOM sırası = öğe
+ * sırası kalır — yalnız görsel konum hesaplanır, klavye/okuma sırası bozulmaz.
+ */
+export declare function computeLayout(heights: number[], columns: number, gap: number, containerWidth: number): {
+    positions: MasonryPosition[];
+    height: number;
+};
+/** Tailwind kırılımları (px), mobil önce. */
+export declare const BREAKPOINTS: Record<Exclude<MasonryBreakpoint, "base">, number>;
+/** Pencere genişliğine göre geçerli sütun sayısı. */
+export declare function resolveColumns(columns: MasonryColumns, viewportWidth: number): number;
+export declare const GAP_PX: Record<Size, number>;
+export declare function resolveGap(gutter: Size | number): number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/masonry/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/masonry/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG;IAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAavJ;AAED,6CAA6C;AAC7C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,MAAM,CAA4C,CAAC;AAExH,qDAAqD;AACrD,wBAAgB,cAAc,CAAC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAQrF;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAA6B,CAAC;AAEtE,wBAAgB,UAAU,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAExD"}

package/dist/types/menu/_shared/MegaPanel.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { MegaPanelProps } from "./types";
+export type { MegaPanelProps };
+/**
+ * "Ray + kolonlar + opsiyonel promosyon" — üç menü bileşeninin (MegaMenu,
+ * BasicMenu'nün zengin dropdown'ı, Sidebar'ın dropdown/mega modları) ortak
+ * içerik gövdesi. Konumlama/tetikleme host'a ait — bu bileşen `position`,
+ * portal, elevation UYGULAMAZ; sadece düz bir `<div>` render eder (bkz.
+ * plan: MegaMenu tam genişlikte kendi sarmalayıcısını kullanır, BasicMenu/
+ * Sidebar `DropdownContent`in İÇİNDE render eder).
+ *
+ * Klavye: Tab sırası + host'un ok tuşu gezinmesi (MegaMenu ve Dropdown
+ * panelleri ↑/↓/Home/End/harf ile gezer — `getRovingTarget`) + Escape.
+ * Ray, kolon ve promosyon öğeleri gerçek linklerdir (`MenuLink`).
+ *
+ * Geçerli sayfa `activeKey` ile gelir (host `currentPath`ten bulur): ray
+ * başlangıçta onu içeren kategoriyi seçer, link vurgulanır.
+ */
+export declare function MegaPanel({ items, color, layout, orientation, onNavigate, onItemClick, activeKey, className }: Readonly<MegaPanelProps>): React.JSX.Element | null;
+//# sourceMappingURL=MegaPanel.d.ts.map

package/dist/types/menu/_shared/MegaPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaPanel.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/MegaPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAM9C,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAA0B,EAAE,UAAU,EAAE,WAAW,EAAE,SAAgB,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,4BAuC7J"}

package/dist/types/menu/_shared/MenuLink.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { type LinkBehaviorProps } from "../../lib/linkBehavior";
+export interface MenuLinkProps extends LinkBehaviorProps {
+    /** Varsa gerçek bir `<a href>` render edilir; yoksa (ya da `disabled`) düğme. */
+    route?: string;
+    onNavigate?: (route: string) => void;
+    /** Tıklamada (gezinmeden önce) — host aktif öğeyi güncellesin / panelini kapatsın diye. */
+    onSelect?: () => void;
+    disabled?: boolean;
+    /** Geçerli sayfa ise `aria-current="page"`. */
+    current?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    /** Ray satırı gibi hover/odakla seçim yapan öğeler için. */
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    /** Odak geri döndürme gibi DOM aramaları için (`[data-menu-key]`). */
+    "data-menu-key"?: string;
+    /** Seçili ray öğesi — klavyeyle açılan panelde odak buraya gelir. */
+    "data-selected"?: boolean;
+    "data-sidebar-key"?: string;
+    /** Kapalı akordeonun içindeki satırlar Tab sırasından çıkar (`-1`). */
+    tabIndex?: number;
+    /** Daraltılmış rayda tam başlık ipucu. */
+    title?: string;
+}
+/**
+ * Faz 15.5 — menü öğeleri eskiden `<button>` + `window.location.href` idi:
+ * orta tık / "yeni sekmede aç" / adres önizlemesi çalışmıyor, arama motorları
+ * menüdeki sayfaları hiç göremiyordu. Artık route'u olan öğe gerçek bir link.
+ *
+ * Router bağımsızdır (component Next mi React Router mı bilmez): `onNavigate`
+ * verilmişse DÜZ sol tık engellenip ona devredilir (Next: `router.push`,
+ * React Router: `navigate`) → sayfa yenilenmeden geçiş. Değiştirici tuşlu
+ * tıklamalar, `target` (`_self` dışı), `reloadDocument` ve dış adresler
+ * (`https:`, `mailto:`…) her zaman tarayıcıya bırakılır.
+ */
+export declare function MenuLink({ route, onNavigate, onSelect, disabled, current, target, reloadDocument, className, children, ...rest }: Readonly<MenuLinkProps>): React.JSX.Element;
+//# sourceMappingURL=MenuLink.d.ts.map

package/dist/types/menu/_shared/MenuLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLink.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/MenuLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkD,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,qBAyBzJ"}

package/dist/types/menu/_shared/MobileNav.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../types";
+import { type MenuMobileBreakpoint } from "./responsive";
+export interface MobileNavProps extends MenuNavigationProps {
+    data: MenuItemType[];
+    color: ColorRole;
+    /** Bu genişliğin altında hamburger görünür; üstüne çıkınca açık çekmece kendiliğinden kapanır. */
+    breakpoint: MenuMobileBreakpoint;
+    /** Çekmecenin başlığında gösterilir. */
+    logo?: React.ReactNode;
+    /** Host kendi aktif öğesini tutuyorsa (BasicMenu) onu geçer; verilmezse `currentPath`ten bulunur. */
+    activeKey?: string | null;
+    /** Yaprak öğe seçildiğinde (`navigateTo`dan önce) — host aktif öğesini güncelleyebilsin diye. */
+    onItemSelect?: (item: MenuItemType) => void;
+    /** Çekmecenin (dialog) erişilebilir adı. */
+    label?: string;
+}
+/**
+ * Navbar'ların (BasicMenu/MegaMenu) mobil hâli: hamburger düğmesi + soldan
+ * kayan çekmece (`NavDrawer`). Kullanıcı bulgusu: iki navbar da hiç
+ * responsive değildi — dar ekranda öğeler taşıyor, "Ana Sayfa" gibi
+ * başlıklar iki satıra kırılıyor, mega panel/alt menüler hover'a dayalı
+ * olduğu için dokunmatik cihazda fiilen kullanılamıyordu.
+ *
+ * Viewport `breakpoint`in üstüne çıkarsa (hamburger CSS ile gizlenince) açık
+ * çekmece kendiliğinden kapanır — yoksa kapatma düğmesi olmayan bir masaüstü
+ * ekranında asılı kalırdı.
+ */
+export declare function MobileNav({ data, color, breakpoint, logo, activeKey, onItemSelect, onNavigate, currentPath, label }: Readonly<MobileNavProps>): React.JSX.Element;
+//# sourceMappingURL=MobileNav.d.ts.map

package/dist/types/menu/_shared/MobileNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNav.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/MobileNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAA2C,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAElG,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,kGAAkG;IAClG,UAAU,EAAE,oBAAoB,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iGAAiG;IACjG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,qBA8C7I"}

package/dist/types/menu/_shared/NavBar.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemJustify, MenuItemType, MenuNavigationProps, MenuPosition } from "../types";
+import { type MenuMobileBreakpoint } from "./responsive";
+import { type SkeletonableProps } from "../../lib/skeleton";
+/** BasicMenu ve MegaMenu'nün ortak çubuk prop'ları. */
+export interface NavBarBaseProps extends MenuNavigationProps, SkeletonableProps {
+    data: MenuItemType[];
+    logo?: React.ReactNode;
+    /** Verilirse logo bu adrese giden gerçek bir link olur (genelde `"/"`). `onNavigate` varsa ona devredilir. */
+    logoHref?: string;
+    /** Logo bir düğme olarak davranır (`logoHref` yoksa). İkisi de yoksa logo etkileşimsizdir. */
+    onLogoClick?: () => void;
+    /** Etkileşimli logonun erişilebilir adı. Varsayılan "Ana sayfa". */
+    logoLabel?: string;
+    menuItemJustify?: MenuItemJustify;
+    menuPosition?: MenuPosition;
+    /** Sağ tarafta gösterilecek keyfi içerik (örn. "Giriş Yap" düğmesi, sepet ikonu, arama). */
+    actions?: React.ReactNode;
+    /**
+     * Bu genişliğin ALTINDA yatay öğeler gizlenir, yerine hamburger + soldan
+     * kayan çekmece gelir (`actions` çubukta kalır). Varsayılan: `"lg"` (1024px).
+     */
+    mobileBreakpoint?: MenuMobileBreakpoint;
+    /** Öğeleri saran `<nav>`ın erişilebilir adı. Varsayılan "Ana menü". */
+    "aria-label"?: string;
+}
+interface NavBarProps extends NavBarBaseProps {
+    color: ColorRole;
+    activeKey: string | null;
+    onItemSelect: (item: MenuItemType) => void;
+    /** Her üst öğenin masaüstü render'ı (`<li>` içine konur). */
+    renderItem: (item: MenuItemType) => React.ReactNode;
+    /** Çubuğun kutusu — MegaMenu paneli tam genişlikte bu kutunun altına hizalar. */
+    barRef?: React.Ref<HTMLDivElement>;
+    /** Çubuğun yanına (portal panel vb.). */
+    children?: React.ReactNode;
+}
+/**
+ * Faz 15.5 — BasicMenu/MegaMenu'nün ortak kabuğu (eskiden iki dosyada kopya):
+ * logo solda sabit, öğeler `<nav aria-label><ul>` içinde, `actions` sağda
+ * sabit; `mobileBreakpoint` altında hamburger + çekmece (CSS ile — SSR'da
+ * sıçrama yok). Logo `logoHref` ile link, `onLogoClick` ile düğme, ikisi de
+ * yoksa etkileşimsiz. `sticky`/`fixed` → `z-mari-sticky`. Gölge token'lı.
+ * `skeleton`: hamburger, logo, her öğe ve `actions` kendi kutusunda yer tutucu.
+ */
+export declare function NavBar({ data, logo, logoHref, onLogoClick, logoLabel, menuItemJustify, menuPosition, color, onNavigate, currentPath, actions, mobileBreakpoint, skeleton, "aria-label": ariaLabel, activeKey, onItemSelect, renderItem, barRef, children, }: Readonly<NavBarProps>): React.JSX.Element;
+export {};
+//# sourceMappingURL=NavBar.d.ts.map

package/dist/types/menu/_shared/NavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/NavBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIjG,OAAO,EAAyC,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEhG,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,uDAAuD;AACvD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,iBAAiB;IAC7E,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,WAAY,SAAQ,eAAe;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,iFAAiF;IACjF,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAuB,EACvB,eAAwB,EACxB,YAAwB,EACxB,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,gBAAuB,EACvB,QAAgB,EAChB,YAAY,EAAE,SAAsB,EACpC,SAAS,EACT,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE,QAAQ,CAAC,WAAW,CAAC,qBAmEvB"}

package/dist/types/menu/_shared/NavDrawer.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../types";
+export interface NavDrawerProps extends MenuNavigationProps {
+    /** Dialog'un `id`si — tetikleyicinin `aria-controls`u için. Verilmezse üretilir. */
+    id?: string;
+    open: boolean;
+    onClose: () => void;
+    data: MenuItemType[];
+    color: ColorRole;
+    /** Çekmecenin başlık şeridi (logo ya da Amazon tarzı "Merhaba, …" bloğu). Kapatma düğmesi her zaman yanında. */
+    header?: React.ReactNode;
+    /** Başlık şeridini rol renginin dolgusuyla vurgular (Amazon'daki koyu karşılama bandının yapısı). */
+    emphasizedHeader?: boolean;
+    /** Çekmecenin açıldığı kenar. Varsayılan `"left"`. */
+    side?: "left" | "right";
+    /** Host kendi aktif öğesini tutuyorsa onu geçer; verilmezse `currentPath`ten bulunur. */
+    activeKey?: string | null;
+    /** Yaprak öğe seçildiğinde (`navigateTo`dan önce). */
+    onItemSelect?: (item: MenuItemType) => void;
+    /** Çekmecenin (dialog) erişilebilir adı. */
+    label?: string;
+    /** Portal sarmalayıcısına eklenecek sınıf — örn. mobil navbar'ın `lg:hidden`ı. */
+    className?: string;
+}
+/**
+ * Kenardan kayan, kademeli (drill-down) gezinme çekmecesi. İki yerde
+ * kullanılıyor: navbar'ların mobil hâli (`MobileNav`) ve Sidebar'ın
+ * `variant="drawer"`ı (Amazon'un hamburger menüsünün yapısı).
+ *
+ * - `document.body`'ye portal edilir (sticky/overflow'lu atalar kırpamasın),
+ *   `role="dialog"` + `aria-modal`.
+ * - Açıkken: sayfa kaydırması kilitlenir, odak çekmeceye taşınır ve içinde
+ *   döner (Tab tuzağı), Escape/scrim kapatır, kapanınca odak açılıştan önce
+ *   odaklı olan öğeye (genelde tetikleyici) geri döner.
+ * - Seviye değişince odak: içeri girildiyse "geri" düğmesine, geri
+ *   çıkıldıysa girilen satıra — klavye kullanıcısı yerini kaybetmez.
+ */
+export declare function NavDrawer({ id, open, onClose, data, color, header, emphasizedHeader, side, activeKey, onItemSelect, onNavigate, currentPath, label, className, }: NavDrawerProps): React.ReactPortal | null;
+//# sourceMappingURL=NavDrawer.d.ts.map

package/dist/types/menu/_shared/NavDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavDrawer.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/NavDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQlE,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,gHAAgH;IAChH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qGAAqG;IACrG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,gBAAwB,EACxB,IAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAkB,EAClB,SAAS,GACV,EAAE,cAAc,4BA4GhB"}

package/dist/types/menu/_shared/_components/MegaPanelColumn.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../../types";
+export interface MegaPanelColumnProps extends MenuNavigationProps {
+    /** Grup başlığı — seçili ray öğesinin bir çocuğu. `group.children` altındaki linkler olur. */
+    group: MenuItemType;
+    color: ColorRole;
+    onItemClick?: (item: MenuItemType) => void;
+    activeKey?: string | null;
+}
+/**
+ * Bir bağlantı grubu: vurgu renginde başlık + altında yoğun bir link listesi.
+ * Referans e-ticaret menülerinin YAPISI (başlık → linkler → "Daha Fazla Gör"),
+ * görünüm kendi token'larımızdan. Linkler kasıtlı olarak "satır/pill" değil
+ * düz metin bağlantıları: bir mega panelde onlarca öğe var, her birine hover
+ * dolgusu vermek görsel gürültü yaratıyor — sadece renk değişiyor.
+ */
+export declare function MegaPanelColumn({ group, color, onNavigate, onItemClick, activeKey }: Readonly<MegaPanelColumnProps>): React.JSX.Element;
+//# sourceMappingURL=MegaPanelColumn.d.ts.map

package/dist/types/menu/_shared/_components/MegaPanelColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaPanelColumn.d.ts","sourceRoot":"","sources":["../../../../../src/menu/_shared/_components/MegaPanelColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOrE,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,8FAA8F;IAC9F,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAgB,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,qBA0D1H"}

package/dist/types/menu/_shared/_components/MegaPanelPromoGrid.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { MenuNavigationProps, MenuPromoTile } from "../../types";
+export interface MegaPanelPromoGridProps extends MenuNavigationProps {
+    tiles: MenuPromoTile[];
+    /** Karta tıklanınca (gezinmeden ÖNCE) çağrılır — host kendi panelini/çekmecesini kapatabilsin diye. */
+    onTileClick?: (tile: MenuPromoTile) => void;
+    /** Varsayılan genişlik (`w-64`) masaüstü paneli için; mobil çekmece tam genişlik ister. */
+    className?: string;
+}
+export declare function MegaPanelPromoGrid({ tiles, onNavigate, onTileClick, className }: Readonly<MegaPanelPromoGridProps>): React.JSX.Element;
+//# sourceMappingURL=MegaPanelPromoGrid.d.ts.map

package/dist/types/menu/_shared/_components/MegaPanelPromoGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaPanelPromoGrid.d.ts","sourceRoot":"","sources":["../../../../../src/menu/_shared/_components/MegaPanelPromoGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAItE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,uGAAuG;IACvG,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,uBAAuB,CAAC,qBAyBlH"}

package/dist/types/menu/_shared/_components/MegaPanelRail.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../../types";
+export interface MegaPanelRailProps extends MenuNavigationProps {
+    items: MenuItemType[];
+    selectedKey: string | null;
+    onSelect: (key: string) => void;
+    color: ColorRole;
+    orientation: "horizontal" | "vertical";
+    onItemClick?: (item: MenuItemType) => void;
+    activeKey?: string | null;
+}
+/**
+ * Kategori rayı: hover VEYA klavye focus'u ile seçili öğeyi değiştirir (Tab
+ * kullanıcıları da kolonları görebilsin diye — mouse'a özel bırakılmadı).
+ *
+ * Referans e-ticaret menülerinin YAPISI: seçili satır vurgu rengine döner,
+ * sol kenarında rengin kendisinden 2px'lik bir şerit taşır ve satırın sağ
+ * ucundaki chevron "burada devamı var" der. Renkler kendi token'larımızdan —
+ * referansın turuncusu kopyalanmadı.
+ *
+ * Şerit bir `border-l` DEĞİL ayrı bir `::before` çubuğu: kenarlık, satırın
+ * `rounded-md` köşelerini takip edip uçlarından bükülüyordu (kullanıcı
+ * bulgusu — navbar alt çizgisindeki radius sorununun aynısı).
+ *
+ * `orientation="vertical"` (Sidebar'ın dar yan panelleri) ray'i üstte yatay
+ * bir şerit hâline getirir; orada sol şerit/ayraç yerine altta bir ayraç olur.
+ */
+export declare function MegaPanelRail({ items, selectedKey, onSelect, color, orientation, onNavigate, onItemClick, activeKey }: Readonly<MegaPanelRailProps>): React.JSX.Element | null;
+//# sourceMappingURL=MegaPanelRail.d.ts.map

package/dist/types/menu/_shared/_components/MegaPanelRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaPanelRail.d.ts","sourceRoot":"","sources":["../../../../../src/menu/_shared/_components/MegaPanelRail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAgBrE,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,SAAgB,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,4BAwD1J"}

package/dist/types/menu/_shared/_components/MobileNavLevel.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType } from "../../types";
+export interface MobileNavLevelProps {
+    /** Bu seviyede listelenen öğeler. */
+    items: MenuItemType[];
+    /** İçine girilmiş üst öğeler zinciri — boşsa kök seviyedeyiz. */
+    trail: MenuItemType[];
+    activeKey: string | null;
+    color: ColorRole;
+    onDrill: (item: MenuItemType) => void;
+    onBack: () => void;
+    /** Yaprak / "Tümünü gör" tıklandığında (gezinmeden önce) — host çekmeceyi kapatır. */
+    onSelect: (item: MenuItemType) => void;
+    onNavigate?: (route: string) => void;
+    backRef: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Mobil çekmecenin tek bir seviyesi. Referans mobil menülerin (Amazon/Trendyol
+ * çekmecesi) YAPISI: alt seviyede üstte "geri" satırı + seviye başlığı (üst
+ * öğenin kendi route'u varsa yanında "Tümünü gör"), altında 48px yüksekliğinde
+ * dokunma dostu satırlar; çocuğu olan satır sağda chevron taşır ve bir seviye
+ * içeri girer (accordion değil — derin veride liste boyu patlamasın diye).
+ */
+export declare function MobileNavLevel({ items, trail, activeKey, color, onDrill, onBack, onSelect, onNavigate, backRef }: Readonly<MobileNavLevelProps>): React.JSX.Element;
+//# sourceMappingURL=MobileNavLevel.d.ts.map

package/dist/types/menu/_shared/_components/MobileNavLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavLevel.d.ts","sourceRoot":"","sources":["../../../../../src/menu/_shared/_components/MobileNavLevel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,iEAAiE;IACjE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sFAAsF;IACtF,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACvC;AAKD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,mBAAmB,CAAC,qBAiF/I"}

package/dist/types/menu/_shared/index.d.ts

@@ -0,0 +1,3 @@
+export { MegaPanel } from "./MegaPanel";
+export type { MegaPanelProps } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/menu/_shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/menu/_shared/responsive.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Navbar'ların (BasicMenu/MegaMenu) masaüstü ↔ mobil geçiş noktası. Bu
+ * genişliğin ALTINDA yatay öğeler gizlenir, yerine hamburger + çekmece
+ * (`MobileNav`) gelir. Değerler `@mari-ui/tokens`un `breakpoint` skalasıyla
+ * (ve Tailwind'in varsayılanlarıyla) aynı.
+ */
+export type MenuMobileBreakpoint = "md" | "lg" | "xl";
+export declare const MOBILE_BREAKPOINT_PX: Record<MenuMobileBreakpoint, number>;
+/** Literal tablolar — Tailwind birleştirilmiş/dinamik sınıf adlarını taramaz. */
+export declare const DESKTOP_ONLY_CLASS: Record<MenuMobileBreakpoint, string>;
+export declare const MOBILE_ONLY_CLASS: Record<MenuMobileBreakpoint, string>;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/types/menu/_shared/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/responsive.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIrE,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAInE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIlE,CAAC"}

package/dist/types/menu/_shared/types.d.ts

@@ -0,0 +1,17 @@
+import type { ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../types";
+export interface MegaPanelProps extends MenuNavigationProps {
+    /** Paneli tetikleyen üst öğenin `children`'ı — ray öğeleri. */
+    items: MenuItemType[];
+    color: ColorRole;
+    /** `"full"`: MegaMenu'nün tam genişlikteki paneli (promosyon açık). `"compact"`: BasicMenu/Sidebar'ın tetikleyiciye sabitlenmiş paneli (promosyon kapalı, en fazla 2 kolon). */
+    layout: "full" | "compact";
+    /** `"vertical"`: ray üstte, kolonlar altta — Sidebar'ın yan-açılan panelleri (dar genişlik) için. Varsayılan `"horizontal"`. */
+    orientation?: "horizontal" | "vertical";
+    /** Bir öğeye tıklanınca (gezinmeden ÖNCE) çağrılır — host kendi panelini kapatabilsin diye. */
+    onItemClick?: (item: MenuItemType) => void;
+    /** Geçerli sayfanın öğe anahtarı: ray başlangıçta onu içeren kategoriyi seçer, link `aria-current="page"` + vurgu alır. */
+    activeKey?: string | null;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/menu/_shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,+DAA+D;IAC/D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,gLAAgL;IAChL,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,gIAAgI;IAChI,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,+FAA+F;IAC/F,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,2HAA2H;IAC3H,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/menu/_shared/useHoverIntent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hover-intent için tek bir zamanlayıcı: `schedule` bekleyen işi iptal edip
+ * yenisini kurar, `cancel` iptal eder, unmount'ta temizlenir. Menülerde
+ * "fare panele geçerken kapanmasın / yanlışlıkla üzerinden geçince
+ * açılmasın" gecikmeleri için (bkz. MegaMenu, Sidebar).
+ */
+export declare function useHoverIntent(): {
+    schedule: (action: () => void, delayMs: number) => void;
+    cancel: () => void;
+};
+//# sourceMappingURL=useHoverIntent.d.ts.map

package/dist/types/menu/_shared/useHoverIntent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverIntent.d.ts","sourceRoot":"","sources":["../../../../src/menu/_shared/useHoverIntent.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,cAAc;uBAWjB,MAAM,IAAI,WAAW,MAAM;;EAavC"}

package/dist/types/menu/basic-menu/BasicMenu.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { MenuColorProps } from "../types";
+import { type NavBarBaseProps } from "../_shared/NavBar";
+export type BasicMenuProps = NavBarBaseProps & MenuColorProps;
+/**
+ * `currentPath` eskiden kabul edilip hiç kullanılmıyordu — sayfa yenilendiğinde
+ * (veya SSR'da) aktif öğe her zaman `data[0]`e düşüyordu, gerçek route ne
+ * olursa olsun (Faz 13.5 bulgusu). Artık `findActiveKeyByRoute` ile
+ * `currentPath`e karşılık gelen öğe varsa o başlangıçta aktif.
+ *
+ * 2026-09-22: `data[0]`e geri düşme davranışı KALDIRILDI — Sidebar hiçbir
+ * zaman böyle bir varsayılan seçmiyordu (`findActiveKeyByRoute` eşleşmezse
+ * `null` kalır) ve `currentPath` hiç eşleşmediğinde ilk öğeyi "aktif" göstermek
+ * yanıltıcıydı (kullanıcı nav'da olmayan bir sayfadaysa bile ilk öğe vurgulanırdı).
+ * BasicMenu artık Sidebar'la tutarlı: eşleşme yoksa hiçbir öğe aktif görünmez.
+ *
+ * Faz 13.5 kullanıcı bulgusu: logo ve öğeler eskiden TEK bir flex satırında,
+ * yan yana render ediliyordu — "logo solda sabit, öğeler ortada/sağda, eylem
+ * alanı (giriş/sepet) en sağda" gibi HERHANGİ BİR gerçek navbar düzeni
+ * (bkz. e-ticaret/kurumsal siteler) kurulamıyordu; ayrıca konteynerde hiç
+ * `padding` yoktu, öğeler kenara yapışıyordu. Artık logo/öğeler/`actions`
+ * üç ayrı grup — `justify-between` ile logo sabit solda, `actions` sabit
+ * sağda kalır, öğeler aradaki alanı `menuItemJustify`e göre kullanır.
+ *
+ * Responsive (kullanıcı bulgusu — hiç düşünülmemişti; dar ekranda öğeler
+ * taşıyor ve başlıklar iki satıra kırılıyordu): `mobileBreakpoint` altında
+ * öğeler CSS ile gizlenir, logonun soluna hamburger gelir (`MobileNav`).
+ * JS ile değil CSS ile gizlendiği için SSR/hydration'da sıçrama yok.
+ *
+ * Faz 15.5: çubuk kabuğu (logo, `<nav><ul>`, `actions`, mobil çekmece,
+ * sticky, iskelet) MegaMenu ile ortak `NavBar`da. Route'u olan öğeler gerçek
+ * link (`MenuLink`), geçerli sayfa `aria-current="page"`.
+ */
+export declare function BasicMenu({ data, color, currentPath, onNavigate, ...barProps }: BasicMenuProps): React.JSX.Element;
+//# sourceMappingURL=BasicMenu.d.ts.map

package/dist/types/menu/basic-menu/BasicMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicMenu.d.ts","sourceRoot":"","sources":["../../../../src/menu/basic-menu/BasicMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIjE,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,EAAE,cAAc,qBAyB1G"}

package/dist/types/menu/basic-menu/_components/BasicMenuItem.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../../types";
+export interface BasicMenuItemProps extends MenuNavigationProps {
+    item: MenuItemType;
+    activeKey: string | null;
+    setActiveKey: (key: string) => void;
+    color: ColorRole;
+    className?: string;
+}
+/**
+ * Navbar'ın alt menüsüz öğesi. `DropdownSubMenu`nün tetikleyicisiyle AYNI kutu
+ * (`px-3 py-2 text-sm`) ve aynı alt gösterge (`getItemClass`) — iki tür öğe
+ * yan yana aynı hizada ve aynı yükseklikte durur. Route'u olan öğe gerçek bir
+ * link (`MenuLink`), geçerli sayfa `aria-current="page"` taşır.
+ */
+export declare function BasicMenuItem({ item, activeKey, setActiveKey, color, onNavigate, className }: Readonly<BasicMenuItemProps>): React.JSX.Element;
+//# sourceMappingURL=BasicMenuItem.d.ts.map

package/dist/types/menu/basic-menu/_components/BasicMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/menu/basic-menu/_components/BasicMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAMrE,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,qBAsB1H"}

package/dist/types/menu/basic-menu/_components/DropdownSubMenu.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { type ColorRole } from "@mari-ui/core";
+import type { MenuItemType, MenuNavigationProps } from "../../types";
+export interface DropdownSubMenuProps extends MenuNavigationProps {
+    item: MenuItemType;
+    activeKey: string | null;
+    setActiveKey: (key: string) => void;
+    color: ColorRole;
+}
+interface RowProps extends MenuNavigationProps {
+    item: MenuItemType;
+    activeKey: string | null;
+    setActiveKey: (key: string) => void;
+    color: ColorRole;
+    /** Yaprak seçildikten sonra — host kendi panelini kapatır. */
+    onAfterSelect?: () => void;
+}
+export type SubMenuPanelBodyProps = Omit<RowProps, "item"> & {
+    items: MenuItemType[];
+};
+/** Panelin genişlik sınıfı — veri şekline göre (düz / iki kolon / gruplu). */
+export declare function getSubMenuPanelWidthClass(items: MenuItemType[]): string;
+/**
+ * Alt menü panelinin gövdesi (BasicMenu'nün dropdown'ı ve Sidebar'ın
+ * `dropdown` modu aynı paneli kullanıyor). Veri şekline göre:
+ * - Düz (tek seviye) → ikon karosu + başlık + açıklama satırları; öğe sayısı
+ *   `TWO_COLUMN_THRESHOLD`i geçerse iki kolon.
+ * - Gruplu (çocukların kendi çocukları varsa) → her grup küçük bir başlık +
+ *   altında satırlar, gruplar yan yana kolonlar.
+ */
+export declare function SubMenuPanelBody({ items, ...rowProps }: SubMenuPanelBodyProps): React.JSX.Element;
+/**
+ * Üst navbar'daki alt menüsü olan öğe. Panel içeriği veri şekline göre:
+ * - Düz (tek seviye) → ikon karosu + başlık + açıklama satırları; öğe sayısı
+ *   `TWO_COLUMN_THRESHOLD`i geçerse iki kolon.
+ * - Gruplu (çocukların kendi çocukları varsa) → her grup küçük bir başlık +
+ *   altında satırlar, gruplar yan yana kolonlar. Ray + promosyon içeren tam
+ *   genişlik mega panel BasicMenu'nün değil `MegaMenu`nün işi.
+ * Tetikleyici hem hover hem tıklama/klavye ile açılır (DropdownTrigger).
+ */
+export declare function DropdownSubMenu({ item, activeKey, setActiveKey, color, onNavigate, currentPath }: Readonly<DropdownSubMenuProps>): React.JSX.Element;
+export {};
+//# sourceMappingURL=DropdownSubMenu.d.ts.map

package/dist/types/menu/basic-menu/_components/DropdownSubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/menu/basic-menu/_components/DropdownSubMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOrE,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC;CAClB;AAOD,UAAU,QAAS,SAAQ,mBAAmB;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAgDD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC;AAavF,8EAA8E;AAC9E,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM,CAGvE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,EAAE,qBAAqB,qBAmB7E;AAQD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,qBA0BhI"}