@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/chunk-FNJHS5KQ.js

@@ -0,0 +1,330 @@
+"use client";
+
+import {
+  FLOATING_ARROW_GAP_PX,
+  FLOATING_ARROW_INSET_PX,
+  FLOATING_EDGE_PX,
+  FLOATING_GAP_PX,
+  FloatingArrow
+} from "./chunk-S66GKX2W.js";
+import {
+  useFloatingPosition
+} from "./chunk-3ABWBQCS.js";
+import {
+  elevationClass
+} from "./chunk-TCYDVNSU.js";
+import {
+  colorVariantToClassName
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/dropdown/Dropdown.tsx
+import { useEffect } from "react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/dropdown/useDropdown.tsx
+import { createContext, useCallback, useContext, useId, useMemo, useRef } from "react";
+import { useDisclosure } from "@mari-ui/core";
+import { jsx } from "react/jsx-runtime";
+var HOVER_CLOSE_DELAY_MS = 200;
+var DropdownContext = createContext(null);
+function DropdownProvider({ children, hover = false, skeleton = false }) {
+  const { isOpen, open, close } = useDisclosure();
+  const anchorRef = useRef(null);
+  const panelRef = useRef(null);
+  const triggerRef = useRef(null);
+  const focusPanelOnOpenRef = useRef(false);
+  const panelId = useId();
+  const closeTimeoutRef = useRef(null);
+  const cancelHoverClose = useCallback(() => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+  const scheduleHoverClose = useCallback(() => {
+    cancelHoverClose();
+    closeTimeoutRef.current = setTimeout(close, HOVER_CLOSE_DELAY_MS);
+  }, [cancelHoverClose, close]);
+  const value = useMemo(
+    () => ({ visible: isOpen, setVisible: (v) => v ? open() : close(), anchorRef, panelRef, triggerRef, panelId, focusPanelOnOpenRef, hoverMode: hover, skeleton, scheduleHoverClose, cancelHoverClose }),
+    [isOpen, open, close, hover, skeleton, scheduleHoverClose, cancelHoverClose, panelId]
+  );
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children });
+}
+function useDropdown() {
+  const context = useContext(DropdownContext);
+  if (!context) {
+    throw new Error("useDropdown, <Dropdown> i\xE7inde kullan\u0131lmal\u0131.");
+  }
+  return context;
+}
+
+// src/dropdown/utils.ts
+import { cn, resolveColorVariant } from "@mari-ui/core";
+var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function getFocusable(root) {
+  return root ? Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => el.tabIndex >= 0) : [];
+}
+function getRovingTarget(items, current, key) {
+  if (items.length === 0) return null;
+  const index = current ? items.indexOf(current) : -1;
+  switch (key) {
+    case "ArrowDown":
+      return items[(index + 1) % items.length] ?? null;
+    case "ArrowUp":
+      return items[index <= 0 ? items.length - 1 : index - 1] ?? null;
+    case "Home":
+      return items[0] ?? null;
+    case "End":
+      return items[items.length - 1] ?? null;
+    default: {
+      if (key.length !== 1 || key === " ") return null;
+      const char = foldCase(key);
+      for (let step = 1; step <= items.length; step++) {
+        const candidate = items[(index + step) % items.length];
+        if (candidate && foldCase(candidate.textContent?.trim() ?? "").startsWith(char)) return candidate;
+      }
+      return null;
+    }
+  }
+}
+function foldCase(text) {
+  return text.toLocaleLowerCase("tr").replace(/ı/g, "i");
+}
+function getTriggerClasses(color, variant) {
+  if (!color || !variant) return "";
+  return cn(colorVariantToClassName(resolveColorVariant(color, variant)), "rounded-md px-3 py-1.5");
+}
+
+// src/dropdown/Dropdown.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function DropdownRoot({ children, hover = false, className }) {
+  const { visible, setVisible, anchorRef, panelRef, triggerRef, scheduleHoverClose, cancelHoverClose, skeleton } = useDropdown();
+  useEffect(() => {
+    if (!visible) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (anchorRef.current?.contains(target)) return;
+      if (panelRef.current?.contains(target)) return;
+      setVisible(false);
+    };
+    const handleKeyDown = (event) => {
+      const panel = panelRef.current;
+      const focusInPanel = !!panel && panel.contains(document.activeElement);
+      if (event.key === "Escape") {
+        setVisible(false);
+        if (focusInPanel) triggerRef.current?.focus();
+        return;
+      }
+      const typing = document.activeElement instanceof HTMLInputElement || document.activeElement instanceof HTMLTextAreaElement;
+      if (focusInPanel && !typing && !event.metaKey && !event.ctrlKey && !event.altKey) {
+        const target = getRovingTarget(getFocusable(panel), document.activeElement, event.key);
+        if (target) {
+          event.preventDefault();
+          target.focus();
+          return;
+        }
+      }
+      if (event.key === "Tab" && focusInPanel) {
+        const focusable = getFocusable(panel);
+        const active = document.activeElement;
+        const leavingForward = !event.shiftKey && (focusable.length === 0 || active === (focusable.at(-1) ?? null));
+        const leavingBackward = event.shiftKey && (focusable.length === 0 || active === (focusable[0] ?? null) || active === panel);
+        if (leavingForward || leavingBackward) {
+          event.preventDefault();
+          setVisible(false);
+          triggerRef.current?.focus();
+        }
+      }
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [visible, setVisible, anchorRef, panelRef, triggerRef]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: anchorRef,
+      className: cn2("inline-block self-start", className),
+      onMouseEnter: hover && !skeleton ? () => {
+        cancelHoverClose();
+        setVisible(true);
+      } : void 0,
+      onMouseLeave: hover ? scheduleHoverClose : void 0,
+      children
+    }
+  );
+}
+function Dropdown(props) {
+  return /* @__PURE__ */ jsx2(DropdownProvider, { hover: props.hover, skeleton: props.skeleton, children: /* @__PURE__ */ jsx2(DropdownRoot, { ...props }) });
+}
+
+// src/dropdown/_components/DropdownTrigger.tsx
+import { cn as cn3 } from "@mari-ui/core";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function DropdownTrigger({ children, className, color, variant, onClick, "aria-label": ariaLabel }) {
+  const { visible, setVisible, triggerRef, panelId, focusPanelOnOpenRef, hoverMode, skeleton } = useDropdown();
+  const classes = cn3("cursor-pointer", getTriggerClasses(color, variant), className);
+  if (skeleton) {
+    return /* @__PURE__ */ jsx3("span", { ...skeletonBoxProps(cn3("inline-block", classes, "*:invisible")), children });
+  }
+  return /* @__PURE__ */ jsx3(
+    "button",
+    {
+      ref: triggerRef,
+      type: "button",
+      "aria-label": ariaLabel,
+      "aria-expanded": visible,
+      "aria-controls": visible ? panelId : void 0,
+      className: classes,
+      onClick: (event) => {
+        const fromKeyboard = event.detail === 0;
+        if (!visible && fromKeyboard) focusPanelOnOpenRef.current = "first";
+        setVisible(hoverMode && !fromKeyboard ? true : !visible);
+        onClick?.(event);
+      },
+      onKeyDown: (event) => {
+        if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+        event.preventDefault();
+        focusPanelOnOpenRef.current = event.key === "ArrowDown" ? "first" : "last";
+        setVisible(true);
+      },
+      children
+    }
+  );
+}
+
+// src/dropdown/_components/DropdownContent.tsx
+import { useEffect as useEffect2 } from "react";
+import { createPortal } from "react-dom";
+import { cn as cn4 } from "@mari-ui/core";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function DropdownContent({ placement = "bottom-end", children, className, customVisible, arrow, offset = 0 }) {
+  const { visible, anchorRef, panelRef, panelId, focusPanelOnOpenRef, hoverMode, scheduleHoverClose, cancelHoverClose } = useDropdown();
+  const isVisible = customVisible ?? visible;
+  const hasArrow = !!arrow;
+  const pointAtCenter = typeof arrow === "object" && !!arrow.pointAtCenter;
+  const coords = useFloatingPosition(isVisible, anchorRef, panelRef, {
+    placement,
+    gap: (hasArrow ? FLOATING_ARROW_GAP_PX : FLOATING_GAP_PX) + offset,
+    edge: FLOATING_EDGE_PX,
+    arrow: hasArrow ? { inset: FLOATING_ARROW_INSET_PX, pointAtCenter } : void 0
+  });
+  useEffect2(() => {
+    const edge = focusPanelOnOpenRef.current;
+    if (!isVisible || !coords || !edge) return;
+    focusPanelOnOpenRef.current = false;
+    const panel = panelRef.current;
+    const focusable = getFocusable(panel);
+    const target = edge === "last" ? focusable.at(-1) : focusable[0];
+    (target ?? panel)?.focus();
+  }, [isVisible, coords, focusPanelOnOpenRef, panelRef]);
+  if (!isVisible || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: panelRef,
+        id: panelId,
+        tabIndex: -1,
+        onMouseEnter: hoverMode ? cancelHoverClose : void 0,
+        onMouseLeave: hoverMode ? scheduleHoverClose : void 0,
+        className: cn4(
+          // Genişlik viewport'tan 1rem dar kalır: 375px'te geniş bir panel ekrandan taşmaz.
+          "fixed text-wrap z-mari-dropdown w-max max-w-[min(42rem,calc(100vw-1rem))] text-sm p-1 rounded-lg bg-mari-surface outline-none",
+          elevationClass.md,
+          !coords && "invisible",
+          className
+        ),
+        style: { top: coords?.top ?? 0, left: coords?.left ?? 0, minWidth: coords?.anchorWidth },
+        children: [
+          hasArrow && coords && /* @__PURE__ */ jsx4(FloatingArrow, { side: coords.side, offset: coords.arrowOffset }),
+          children
+        ]
+      }
+    ),
+    document.body
+  );
+}
+
+// src/dropdown/_components/DropdownItem.tsx
+import { cn as cn5 } from "@mari-ui/core";
+
+// src/lib/linkBehavior.tsx
+import { ExternalLinkIcon } from "lucide-react";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function isExternalHref(href) {
+  return /^([a-z][a-z\d+.-]*:|\/\/)/i.test(href);
+}
+function bypassesRouter(href, { target, reloadDocument }) {
+  return !!reloadDocument || !!target && target !== "_self" || isExternalHref(href);
+}
+function isPlainLeftClick(event) {
+  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function getLinkAttrs(target) {
+  if (!target || target === "_self") return {};
+  return { target, rel: target === "_blank" ? "noopener noreferrer" : void 0 };
+}
+function NewTabHint({ target }) {
+  if (target !== "_blank") return null;
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx5(ExternalLinkIcon, { "aria-hidden": "true", className: "size-3 shrink-0 opacity-60" }),
+    /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "(yeni sekmede a\xE7\u0131l\u0131r)" })
+  ] });
+}
+
+// src/dropdown/_components/DropdownItem.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownItem({ children, icon, extra, danger = false, disabled = false, href, target, onClick, className }) {
+  const { setVisible, triggerRef } = useDropdown();
+  const handleClick = (event) => {
+    onClick?.(event);
+    setVisible(false);
+    if (!href) triggerRef.current?.focus();
+  };
+  const classes = cn5(
+    "flex min-h-8 pointer-coarse:min-h-11 w-full cursor-pointer items-center gap-2 rounded-sm px-3 py-[0.3125rem] text-start text-sm leading-[1.375rem] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-mari-ring disabled:cursor-not-allowed disabled:opacity-25",
+    danger ? "text-mari-error hover:bg-mari-error-subtle disabled:hover:bg-transparent" : "text-mari-foreground hover:bg-mari-foreground/[0.04] disabled:hover:bg-transparent",
+    className
+  );
+  const content = /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    icon && /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "inline-flex shrink-0 items-center [&_svg]:size-3.5", children: icon }),
+    /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1", children }),
+    href && /* @__PURE__ */ jsx6(NewTabHint, { target }),
+    extra && /* @__PURE__ */ jsx6("span", { className: "ms-4 shrink-0 text-xs text-mari-muted", children: extra })
+  ] });
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx6("a", { href, ...getLinkAttrs(target), onClick: handleClick, className: classes, children: content });
+  }
+  return /* @__PURE__ */ jsx6("button", { type: "button", disabled, onClick: handleClick, className: classes, children: content });
+}
+function DropdownLabel({ children, className }) {
+  return /* @__PURE__ */ jsx6("div", { className: cn5("px-3 pb-1 pt-1.5 text-xs text-mari-muted", className), children });
+}
+function DropdownDivider({ className }) {
+  return /* @__PURE__ */ jsx6("div", { role: "separator", className: cn5("my-1 h-px bg-mari-foreground/[0.06]", className) });
+}
+
+export {
+  useDropdown,
+  getFocusable,
+  getRovingTarget,
+  Dropdown,
+  DropdownTrigger,
+  DropdownContent,
+  bypassesRouter,
+  isPlainLeftClick,
+  getLinkAttrs,
+  NewTabHint,
+  DropdownItem,
+  DropdownLabel,
+  DropdownDivider
+};
+//# sourceMappingURL=chunk-FNJHS5KQ.js.map

package/dist/chunk-FNJHS5KQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dropdown/Dropdown.tsx","../src/dropdown/useDropdown.tsx","../src/dropdown/utils.ts","../src/dropdown/_components/DropdownTrigger.tsx","../src/dropdown/_components/DropdownContent.tsx","../src/dropdown/_components/DropdownItem.tsx","../src/lib/linkBehavior.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport type { DropdownProps } from \"./types\";\nimport { DropdownProvider, useDropdown } from \"./useDropdown\";\nimport { getFocusable, getRovingTarget } from \"./utils\";\n\nexport type { DropdownProps };\n\n/**\n * Faz 13.5 bulgusu: sarmalayıcı `role=\"menu\"` + `tabIndex={0}` taşıyordu ama\n * hem trigger'ı HEM de içeriği kapsıyordu — `DropdownContent`in çocukları\n * gerçek `menuitem`ler değil, tamamen keyfi içerik (bkz. Dropdown.stories.tsx),\n * yani `role=\"menu\"` semantik olarak yanlıştı ve `tabIndex={0}` anlamsız bir\n * ekstra tab durağı ekliyordu. İkisi de kaldırıldı — gerçek etkileşim zaten\n * `DropdownTrigger`in kendi `<button>`ı üzerinden klavyeyle erişilebilir.\n *\n * Eskiden ne Escape ile kapanma ne de dışarı tıklayınca kapanma vardı —\n * açık kalan bir dropdown'ı klavyeyle veya mouse'la kapatmanın tek yolu\n * trigger'a tekrar tıklamaktı. İkisi de eklendi.\n */\nfunction DropdownRoot({ children, hover = false, className }: Readonly<DropdownProps>) {\n  const { visible, setVisible, anchorRef, panelRef, triggerRef, scheduleHoverClose, cancelHoverClose, skeleton } = useDropdown();\n\n  useEffect(() => {\n    if (!visible) return;\n\n    // Faz 13.5 kullanıcı bulgusu (round 2): panel artık `document.body`'e\n    // portal edildiğinden `anchorRef`in ALT AĞACINDA DEĞİL — bu kontrol\n    // sadece `anchorRef`e bakıyor olsaydı panelin İÇİNE (örn. bir menü\n    // öğesine) tıklamak bile \"dışarı tıklama\" sanılıp dropdown'ı ANINDA\n    // kapatırdı, tıklamanın kendi `onClick`i hiç işlemeden. `panelRef` de\n    // kontrol ediliyor.\n    const handlePointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (anchorRef.current?.contains(target)) return;\n      if (panelRef.current?.contains(target)) return;\n      setVisible(false);\n    };\n    // Panel `body`'ye portal edildiğinden DOM sırasında tetikleyicinin\n    // ardından gelmez: odak panelin İÇİNDEYKEN Escape ya da panelin\n    // sınırından Tab/Shift+Tab, paneli kapatıp odağı tetikleyiciye geri verir\n    // (aksi halde odak `body`nin sonunda kaybolurdu).\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const panel = panelRef.current;\n      const focusInPanel = !!panel && panel.contains(document.activeElement);\n\n      if (event.key === \"Escape\") {\n        setVisible(false);\n        if (focusInPanel) triggerRef.current?.focus();\n        return;\n      }\n\n      // Faz 15.5: panel içi ↑/↓/Home/End/harf gezinmesi (bkz. `getRovingTarget`).\n      // Bir metin alanındaki (panel içi arama vb.) tuşlar o alana aittir.\n      const typing = document.activeElement instanceof HTMLInputElement || document.activeElement instanceof HTMLTextAreaElement;\n      if (focusInPanel && !typing && !event.metaKey && !event.ctrlKey && !event.altKey) {\n        const target = getRovingTarget(getFocusable(panel), document.activeElement, event.key);\n        if (target) {\n          event.preventDefault();\n          target.focus();\n          return;\n        }\n      }\n\n      if (event.key === \"Tab\" && focusInPanel) {\n        const focusable = getFocusable(panel);\n        const active = document.activeElement;\n        const leavingForward = !event.shiftKey && (focusable.length === 0 || active === (focusable.at(-1) ?? null));\n        const leavingBackward = event.shiftKey && (focusable.length === 0 || active === (focusable[0] ?? null) || active === panel);\n        if (leavingForward || leavingBackward) {\n          event.preventDefault();\n          setVisible(false);\n          triggerRef.current?.focus();\n        }\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handlePointerDown);\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", handlePointerDown);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [visible, setVisible, anchorRef, panelRef, triggerRef]);\n\n  // `anchorRef` artık sadece dışarı-tıklama tespiti için değil, aynı zamanda\n  // `DropdownContent`in `position: fixed` konumunu hesapladığı referans kutu\n  // (bkz. DropdownContent.tsx) — bu yüzden `useDropdown()`dan geliyor,\n  // `DropdownContent` da aynı ref'e erişebilsin diye.\n  //\n  // Faz 13.5 kullanıcı bulgusu (round 2): `onMouseLeave` eskiden ANINDA\n  // `setVisible(false)` çağırıyordu — panel artık tetikleyiciden `GAP_PX`\n  // kadar uzakta VE ayrı bir DOM alt ağacında (portal) olduğundan, mouse\n  // tetikleyiciden panele doğru hareket ederken bu boşluğu geçerken\n  // `anchorRef`in dışına çıkıyor, kullanıcı paneli görmeye fırsat\n  // bulamadan menü kapanıyordu. Artık kapatma `scheduleHoverClose` ile\n  // GECİKMELİ planlanıyor; mouse panele ulaşırsa (bkz. DropdownContent.tsx)\n  // `cancelHoverClose` bunu iptal ediyor.\n  return (\n    <div\n      ref={anchorRef}\n      className={cn(\"inline-block self-start\", className)}\n      onMouseEnter={\n        hover && !skeleton\n          ? () => {\n              cancelHoverClose();\n              setVisible(true);\n            }\n          : undefined\n      }\n      onMouseLeave={hover ? scheduleHoverClose : undefined}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** `DropdownProvider`ı kendi içine gömer — tüketicinin ayrıca sarması gerekmez. */\nexport function Dropdown(props: Readonly<DropdownProps>) {\n  return (\n    <DropdownProvider hover={props.hover} skeleton={props.skeleton}>\n      <DropdownRoot {...props} />\n    </DropdownProvider>\n  );\n}\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useId, useMemo, useRef } from \"react\";\nimport { useDisclosure } from \"@mari-ui/core\";\n\n/**\n * Faz 13.5 kullanıcı bulgusu (round 2): panel `document.body`'e portal\n * edildiğinden beri (kırpma düzeltmesi) tetikleyici ile panel arasında\n * `GAP_PX` kadar bir BOŞLUK var ve panel artık `anchorRef`in DOM alt ağacında\n * DEĞİL — mouse tetikleyiciden panele doğru hareket ederken bu boşluğu\n * geçerken `anchorRef`in dışına çıkıyor, `onMouseLeave` ANINDA kapatıyor.\n * Kullanıcı paneli görmeye bile fırsat bulamadan menü kapanıyordu. Standart\n * \"hover-intent\" çözümü: kapatma anında değil, kısa bir gecikmeyle\n * planlanır; mouse bu süre içinde tetikleyiciye VEYA panele (ikisi de aynı\n * `cancelHoverClose`i çağırıyor) geri dönerse iptal edilir.\n */\nconst HOVER_CLOSE_DELAY_MS = 200;\n\ninterface DropdownContextType {\n  visible: boolean;\n  setVisible: (val: boolean) => void;\n  /** `DropdownContent`in `position: fixed` konumunu hesaplarken referans aldığı kutu — bkz. `Dropdown.tsx`. */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Portal edilen panelin kendi DOM düğümü. `Dropdown.tsx`'teki dışarı-tıklama\n   * algılaması eskiden sadece `anchorRef`i kontrol ediyordu — panel artık\n   * `document.body`'e portal edildiğinden `anchorRef`in ALT AĞACINDA DEĞİL,\n   * bu yüzden panelin İÇİNE (örn. bir menü öğesine) tıklamak bile \"dışarı\n   * tıklama\" sanılıp dropdown'ı KAPATIYORDU. Bu ref ikisinin de kontrol\n   * edilebilmesi için paylaşılıyor.\n   */\n  panelRef: React.RefObject<HTMLDivElement | null>;\n  /** Tetikleyici `<button>` — Escape/Tab ile panelden çıkılınca odak buraya döner. */\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  /** Panelin `id`si — tetikleyicinin `aria-controls`ü bunu gösterir. */\n  panelId: string;\n  /** Klavyeyle açıldıysa panel görünür olunca odağın gideceği uç (Enter/Boşluk/↓ → ilk öğe, ↑ → son öğe); `false` → odak taşınmaz. */\n  focusPanelOnOpenRef: React.RefObject<false | \"first\" | \"last\">;\n  /** `skeleton` açıkken tetikleyici yer tutucu çizer ve panel açılmaz. */\n  skeleton: boolean;\n  /** `hover` modundayken hem tetikleyici hem panel tarafından paylaşılan gecikmeli kapatma. */\n  hoverMode: boolean;\n  scheduleHoverClose: () => void;\n  cancelHoverClose: () => void;\n}\n\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\n/**\n * Artık `@mari-ui/core`'un `useDisclosure` hook'u üzerine kurulu. Bu\n * Provider dışa aktarılmıyor (bkz. index.ts) — eskiden `DropdownProvider`\n * `useDropdown.tsx`'te tanımlıydı ama `index.ts`'te export EDİLMİYORDU,\n * yani tüketici `Dropdown`ı kullanabilmek için derin import yapmak zorunda\n * kalıyordu (bkz. plan denetimi). Artık `Dropdown` component'i Provider'ı\n * kendi içine gömüyor; tüketicinin bundan haberi olmasına gerek yok.\n */\nexport function DropdownProvider({ children, hover = false, skeleton = false }: Readonly<{ children: React.ReactNode; hover?: boolean; skeleton?: boolean }>) {\n  const { isOpen, open, close } = useDisclosure();\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const focusPanelOnOpenRef = useRef<false | \"first\" | \"last\">(false);\n  const panelId = useId();\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelHoverClose = useCallback(() => {\n    if (closeTimeoutRef.current) {\n      clearTimeout(closeTimeoutRef.current);\n      closeTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleHoverClose = useCallback(() => {\n    cancelHoverClose();\n    closeTimeoutRef.current = setTimeout(close, HOVER_CLOSE_DELAY_MS);\n  }, [cancelHoverClose, close]);\n\n  const value = useMemo<DropdownContextType>(\n    () => ({ visible: isOpen, setVisible: (v: boolean) => (v ? open() : close()), anchorRef, panelRef, triggerRef, panelId, focusPanelOnOpenRef, hoverMode: hover, skeleton, scheduleHoverClose, cancelHoverClose }),\n    [isOpen, open, close, hover, skeleton, scheduleHoverClose, cancelHoverClose, panelId]\n  );\n  return <DropdownContext.Provider value={value}>{children}</DropdownContext.Provider>;\n}\n\nexport function useDropdown(): DropdownContextType {\n  const context = useContext(DropdownContext);\n  if (!context) {\n    throw new Error(\"useDropdown, <Dropdown> içinde kullanılmalı.\");\n  }\n  return context;\n}\n","import { cn, resolveColorVariant, type ColorRole, type Variant } from \"@mari-ui/core\";\nimport { colorVariantToClassName } from \"../lib/colorClasses\";\n\nexport { computePanelPosition, parsePlacement } from \"../lib/floating\";\n\nconst FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport function getFocusable(root: HTMLElement | null): HTMLElement[] {\n  // `tabIndex < 0`: seçici `a[href]`/`button` ile eşleşse de Tab sırasından bilerek çıkarılmış\n  // (kapalı akordeonun satırları gibi) — ok tuşu gezinmesi de onları atlamalı.\n  return root ? Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter((el) => el.tabIndex >= 0) : [];\n}\n\n/**\n * Faz 15.5 — panel içi klavye gezinmesi (APG \"menu button\" tuş modeli). İçerik\n * keyfi olabildiği için `role=\"menu\"` verilmez; ama odaklanabilir öğeler\n * arasında ↑/↓ (sarar), Home/End ve harfle atlama (başlığı o harfle başlayan\n * sonraki öğe) çalışır. Hedef öğeyi döner, tuş bu modele ait değilse `null`.\n */\nexport function getRovingTarget(items: HTMLElement[], current: Element | null, key: string): HTMLElement | null {\n  if (items.length === 0) return null;\n  const index = current ? items.indexOf(current as HTMLElement) : -1;\n  switch (key) {\n    case \"ArrowDown\":\n      return items[(index + 1) % items.length] ?? null;\n    case \"ArrowUp\":\n      return items[index <= 0 ? items.length - 1 : index - 1] ?? null;\n    case \"Home\":\n      return items[0] ?? null;\n    case \"End\":\n      return items[items.length - 1] ?? null;\n    default: {\n      if (key.length !== 1 || key === \" \") return null;\n      const char = foldCase(key);\n      for (let step = 1; step <= items.length; step++) {\n        const candidate = items[(index + step) % items.length];\n        if (candidate && foldCase(candidate.textContent?.trim() ?? \"\").startsWith(char)) return candidate;\n      }\n      return null;\n    }\n  }\n}\n\n/**\n * Harfle atlama için katlama. `toLocaleLowerCase(\"tr\")` Latin \"I\"yı \"ı\" yapar\n * (\"Info\" → \"ınfo\") ve \"i\" tuşu onu bulamaz. ı→i katlanır: i/ı/I/İ aynı harf\n * sayılır (Tree ve AutoComplete aramasıyla aynı kural).\n */\nfunction foldCase(text: string): string {\n  return text.toLocaleLowerCase(\"tr\").replace(/ı/g, \"i\");\n}\n\n/** Renk/variant verilmemişse (eski `variant=\"none\"` varsayılanı) düz, renksiz bir trigger döner. */\nexport function getTriggerClasses(color: ColorRole | undefined, variant: Variant | undefined): string {\n  if (!color || !variant) return \"\";\n  return cn(colorVariantToClassName(resolveColorVariant(color, variant)), \"rounded-md px-3 py-1.5\");\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport type { DropdownTriggerProps } from \"../types\";\nimport { useDropdown } from \"../useDropdown\";\nimport { getTriggerClasses } from \"../utils\";\nimport { skeletonBoxProps } from \"../../lib/skeleton\";\n\nexport function DropdownTrigger({ children, className, color, variant, onClick, \"aria-label\": ariaLabel }: Readonly<DropdownTriggerProps>) {\n  const { visible, setVisible, triggerRef, panelId, focusPanelOnOpenRef, hoverMode, skeleton } = useDropdown();\n  const classes = cn(\"cursor-pointer\", getTriggerClasses(color, variant), className);\n\n  // İskelet: tetikleyicinin kendi sınıfları (boyut, radius, flex düzeni) korunur,\n  // içerik görünmez olarak yerinde kalır → yüklenince kutu zıplamaz; tıklanamaz.\n  if (skeleton) {\n    return (\n      <span {...skeletonBoxProps(cn(\"inline-block\", classes, \"*:invisible\"))}>\n        {children}\n      </span>\n    );\n  }\n\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-expanded={visible}\n      aria-controls={visible ? panelId : undefined}\n      className={classes}\n      onClick={(event) => {\n        // `detail === 0`: click'i fare değil klavye (Enter/Boşluk) üretti.\n        const fromKeyboard = event.detail === 0;\n        if (!visible && fromKeyboard) focusPanelOnOpenRef.current = \"first\";\n        // `hover` modunda fare zaten üzerine gelince açtı — ardından gelen\n        // tıklama toggle etseydi menü kullanıcının gözü önünde KAPANIRDI.\n        // Fare tıklaması orada sadece açık tutar; klavye toggle etmeye devam eder.\n        setVisible(hoverMode && !fromKeyboard ? true : !visible);\n        onClick?.(event);\n      }}\n      // APG menu button: ↓ açar ve ilk öğeye, ↑ açar ve son öğeye odaklanır.\n      onKeyDown={(event) => {\n        if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n        event.preventDefault();\n        focusPanelOnOpenRef.current = event.key === \"ArrowDown\" ? \"first\" : \"last\";\n        setVisible(true);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n","\"use client\";\n\nimport React, { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@mari-ui/core\";\nimport type { DropdownContentProps } from \"../types\";\nimport { useDropdown } from \"../useDropdown\";\nimport { elevationClass } from \"../../lib/elevationClass\";\nimport { FLOATING_ARROW_GAP_PX, FLOATING_ARROW_INSET_PX, FLOATING_EDGE_PX, FLOATING_GAP_PX, FloatingArrow } from \"../../lib/FloatingArrow\";\nimport { useFloatingPosition } from \"../../lib/useFloatingPosition\";\nimport { getFocusable } from \"../utils\";\n\n\n/**\n * Panel `document.body`'e portal edilip `position: fixed` ile konumlanır\n * (`overflow: hidden` atalar tarafından kırpılmasın diye). Konum tek seferlik\n * değil, panel AÇIK KALDIĞI SÜRECE her karede yeniden hesaplanır: içerik\n * asenkron yüklenip sayfa düzenini geç kaydırdığında ölçüm eskimesin. Hesabın\n * kendisi (yön, hiza, flip, kelepçeleme, ok) `computePanelPosition`da —\n * floating-ui gibi bir kütüphaneye geçilmedi (bkz. plan: \"floating-ui kapsam dışı\").\n *\n * Yükseklik, foundations/Elevation'daki kurala göre `elevationClass.md`\n * (Dropdown/popover için `shadow-mari-md` + ince `border-mari-border`);\n * dikey yönlerde en az tetikleyici genişliğinde.\n */\nexport function DropdownContent({ placement = \"bottom-end\", children, className, customVisible, arrow, offset = 0 }: DropdownContentProps) {\n  const { visible, anchorRef, panelRef, panelId, focusPanelOnOpenRef, hoverMode, scheduleHoverClose, cancelHoverClose } = useDropdown();\n  const isVisible = customVisible ?? visible;\n  const hasArrow = !!arrow;\n  const pointAtCenter = typeof arrow === \"object\" && !!arrow.pointAtCenter;\n  const coords = useFloatingPosition(isVisible, anchorRef, panelRef, {\n    placement,\n    gap: (hasArrow ? FLOATING_ARROW_GAP_PX : FLOATING_GAP_PX) + offset,\n    edge: FLOATING_EDGE_PX,\n    arrow: hasArrow ? { inset: FLOATING_ARROW_INSET_PX, pointAtCenter } : undefined,\n  });\n\n  // Panel `body`'nin sonuna portal edildiğinden Tab ile tetikleyiciden panele\n  // DOM sırasıyla ulaşılamaz. Klavyeyle (Enter/Boşluk) açıldıysa odağı\n  // panele biz taşırız — ama `invisible` (visibility: hidden) bir öğeye odak\n  // verilemediğinden konum hesaplanana (`coords`) kadar beklenir.\n  useEffect(() => {\n    const edge = focusPanelOnOpenRef.current;\n    if (!isVisible || !coords || !edge) return;\n    focusPanelOnOpenRef.current = false;\n    const panel = panelRef.current;\n    const focusable = getFocusable(panel);\n    const target = edge === \"last\" ? focusable.at(-1) : focusable[0];\n    (target ?? panel)?.focus();\n  }, [isVisible, coords, focusPanelOnOpenRef, panelRef]);\n\n  if (!isVisible || typeof document === \"undefined\") return null;\n\n  return createPortal(\n    <div\n      ref={panelRef}\n      id={panelId}\n      tabIndex={-1}\n      // `hover` modundayken panel de tetikleyiciyle AYNI gecikmeli kapatma\n      // mekanizmasını paylaşıyor — mouse tetikleyiciden panele geçerken\n      // (bkz. useDropdown.tsx'teki açıklama) `cancelHoverClose` bekleyen\n      // kapatmayı iptal ediyor, panelden ayrılınca `scheduleHoverClose`\n      // yeniden planlıyor.\n      onMouseEnter={hoverMode ? cancelHoverClose : undefined}\n      onMouseLeave={hoverMode ? scheduleHoverClose : undefined}\n      className={cn(\n        // Genişlik viewport'tan 1rem dar kalır: 375px'te geniş bir panel ekrandan taşmaz.\n        \"fixed text-wrap z-mari-dropdown w-max max-w-[min(42rem,calc(100vw-1rem))] text-sm p-1 rounded-lg bg-mari-surface outline-none\",\n        elevationClass.md,\n        !coords && \"invisible\",\n        className\n      )}\n      style={{ top: coords?.top ?? 0, left: coords?.left ?? 0, minWidth: coords?.anchorWidth }}\n    >\n      {hasArrow && coords && <FloatingArrow side={coords.side} offset={coords.arrowOffset} />}\n      {children}\n    </div>,\n    document.body\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport type { DropdownItemProps } from \"../types\";\nimport { useDropdown } from \"../useDropdown\";\nimport { NewTabHint, getLinkAttrs } from \"../../lib/linkBehavior\";\n\n/**\n * Yapı ant.design menü öğesinden: 32px yükseklik (5px/12px iç boşluk, 22px\n * satır yüksekliği), 4px yarıçap, ikon + metin, disabled durumu. Renkler kendi\n * token'larımızdan: hover'da hafif zemin, danger'da hafif kırmızı zemin.\n */\nexport function DropdownItem({ children, icon, extra, danger = false, disabled = false, href, target, onClick, className }: Readonly<DropdownItemProps>) {\n  const { setVisible, triggerRef } = useDropdown();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    onClick?.(event);\n    setVisible(false);\n    // Link sayfadan çıkarır; odağı tetikleyiciye döndürmek yalnızca yerinde kalan eylemlerde anlamlı.\n    if (!href) triggerRef.current?.focus();\n  };\n\n  const classes = cn(\n    \"flex min-h-8 pointer-coarse:min-h-11 w-full cursor-pointer items-center gap-2 rounded-sm px-3 py-[0.3125rem] text-start text-sm leading-[1.375rem] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-mari-ring disabled:cursor-not-allowed disabled:opacity-25\",\n    danger\n      ? \"text-mari-error hover:bg-mari-error-subtle disabled:hover:bg-transparent\"\n      : \"text-mari-foreground hover:bg-mari-foreground/[0.04] disabled:hover:bg-transparent\",\n    className\n  );\n\n  const content = (\n    <>\n      {icon && (\n        <span aria-hidden=\"true\" className=\"inline-flex shrink-0 items-center [&_svg]:size-3.5\">\n          {icon}\n        </span>\n      )}\n      <span className=\"min-w-0 flex-1\">{children}</span>\n      {href && <NewTabHint target={target} />}\n      {extra && <span className=\"ms-4 shrink-0 text-xs text-mari-muted\">{extra}</span>}\n    </>\n  );\n\n  // `href` → gerçek bir link (orta tık / yeni sekmede aç / adres önizlemesi çalışır).\n  // Devre dışı öğe her durumda `disabled` bir düğmedir: `<a>`nın `disabled` özniteliği yok.\n  if (href && !disabled) {\n    return (\n      <a href={href} {...getLinkAttrs(target)} onClick={handleClick} className={classes}>\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button type=\"button\" disabled={disabled} onClick={handleClick} className={classes}>\n      {content}\n    </button>\n  );\n}\n\n/** Grup başlığı (\"Hesap\", kullanıcı e-postası…): odaklanılamaz, soluk küçük metin. */\nexport function DropdownLabel({ children, className }: Readonly<{ children: React.ReactNode; className?: string }>) {\n  return <div className={cn(\"px-3 pb-1 pt-1.5 text-xs text-mari-muted\", className)}>{children}</div>;\n}\n\n/** Menü ayırıcısı: 1px, dikeyde 4px boşluk, hafif çizgi. */\nexport function DropdownDivider({ className }: Readonly<{ className?: string }>) {\n  return <div role=\"separator\" className={cn(\"my-1 h-px bg-mari-foreground/[0.06]\", className)} />;\n}\n","import React from \"react\";\nimport { ExternalLinkIcon } from \"lucide-react\";\n\n/** HTML `target` değerleri; isimli bir çerçeve/pencere adı da verilebilir. */\nexport type LinkTarget = \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | (string & {});\n\n/**\n * Faz 15.5 — bir linkin router'a (`onNavigate`) devredilip devredilmeyeceğini\n * belirleyen ortak alanlar (menü öğeleri, Breadcrumb, DropdownItem).\n */\nexport interface LinkBehaviorProps {\n  /** Linkin açılacağı yer. `_blank` → yeni sekme (`rel=\"noopener noreferrer\"` otomatik). */\n  target?: LinkTarget;\n  /**\n   * Aynı sekmede ama router'ı ATLAYARAK tam sayfa yükleme: `onNavigate`\n   * verilmiş olsa bile tarayıcı sayfayı baştan yükler. Aynı domain'de ama\n   * uygulamanın parçası olmayan sayfalar (`/blog` ayrı bir site) ya da\n   * sunucunun yönlendirdiği adresler (`/logout`) için.\n   */\n  reloadDocument?: boolean;\n}\n\n/** `https:`, `mailto:`, `tel:` gibi şemalı ya da `//` ile başlayan adresler — router bunlara gidemez. */\nexport function isExternalHref(href: string): boolean {\n  return /^([a-z][a-z\\d+.-]*:|\\/\\/)/i.test(href);\n}\n\n/** Bu link tarayıcıya mı bırakılmalı (router'a devredilmemeli)? */\nexport function bypassesRouter(href: string, { target, reloadDocument }: LinkBehaviorProps): boolean {\n  return !!reloadDocument || (!!target && target !== \"_self\") || isExternalHref(href);\n}\n\n/** Değiştirici tuşsuz, sol tuşla yapılan tıklama — yalnızca bu router'a devredilir (⌘/Ctrl/Shift/orta tık tarayıcının). */\nexport function isPlainLeftClick(event: React.MouseEvent): boolean {\n  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;\n}\n\n/** `<a>`ya yayılacak `target` + `rel` (yeni bağlamda açılan linkler açanın `window.opener`ına erişemesin). */\nexport function getLinkAttrs(target: LinkTarget | undefined): { target?: string; rel?: string } {\n  if (!target || target === \"_self\") return {};\n  return { target, rel: target === \"_blank\" ? \"noopener noreferrer\" : undefined };\n}\n\n/**\n * Yeni sekmede açılan linkin görsel + sesli işareti: küçük bir dış bağlantı\n * ikonu ve ekran okuyucu için \"(yeni sekmede açılır)\". WCAG 3.2.5 — bağlam\n * değişikliği önceden bildirilmeli.\n */\nexport function NewTabHint({ target }: Readonly<{ target?: LinkTarget }>) {\n  if (target !== \"_blank\") return null;\n  return (\n    <>\n      <ExternalLinkIcon aria-hidden=\"true\" className=\"size-3 shrink-0 opacity-60\" />\n      <span className=\"sr-only\">(yeni sekmede açılır)</span>\n    </>\n  );\n}\n"],"mappings":"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","names":["cn","jsx","cn","cn","jsx","cn","useEffect","cn","jsx","useEffect","cn","cn","jsx","jsxs","Fragment","jsx","jsxs","cn"]}