@handijit/ui 0.0.0-stage → 2.0.0

package/build/hooks/useAsyncSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncSearch.cjs","sources":["../../src/hooks/useAsyncSearch.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * Arama terimini geciktirip DIŞARI bildirir — her tuşta istek atmamak için.\n * ⚠ `onSearch` bağımlılık listesine KONULAMAZ: çağıran taraf her render'da yeni bir kapanış\n * verebilir ve bağımlılığa konduğunda etki sonsuz…\n * @param term Ham arama terimi.\n * @param isActive Panel açık mı.\n * @param onSearch Yoksa kanca hiçbir şey yapmaz (yerel süzme yürürlüktedir).\n * @param delayMs Tuş vuruşları arasında beklenen süre.\n */\nconst useAsyncSearch = (\n  term: string,\n  isActive: boolean,\n  onSearch: ((term: string) => void) | undefined,\n  delayMs: number,\n): void => {\n  const searchRef = useRef(onSearch);\n  searchRef.current = onSearch;\n\n  useEffect(() => {\n    if (!isActive || !searchRef.current) return;\n\n    const timer = window.setTimeout(() => searchRef.current?.(term.trim()), delayMs);\n    return () => window.clearTimeout(timer);\n  }, [term, isActive, delayMs]);\n};\n\nexport default useAsyncSearch;\n"],"names":["useAsyncSearch","term","isActive","onSearch","delayMs","searchRef","useRef","useEffect","timer","_a"],"mappings":"kJAYMA,EAAiB,CACrBC,EACAC,EACAC,EACAC,IACS,CACT,MAAMC,EAAYC,EAAAA,OAAOH,CAAQ,EACjCE,EAAU,QAAUF,EAEpBI,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,GAAY,CAACG,EAAU,QAAS,OAErC,MAAMG,EAAQ,OAAO,WAAW,IAAA,OAAM,OAAAC,EAAAJ,EAAU,UAAV,YAAAI,EAAA,KAAAJ,EAAoBJ,EAAK,SAASG,CAAO,EAC/E,MAAO,IAAM,OAAO,aAAaI,CAAK,CACxC,EAAG,CAACP,EAAMC,EAAUE,CAAO,CAAC,CAC9B"}

package/build/hooks/useAsyncSearch.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Arama terimini geciktirip DIŞARI bildirir — her tuşta istek atmamak için.
+ * ⚠ `onSearch` bağımlılık listesine KONULAMAZ: çağıran taraf her render'da yeni bir kapanış
+ * verebilir ve bağımlılığa konduğunda etki sonsuz…
+ * @param term Ham arama terimi.
+ * @param isActive Panel açık mı.
+ * @param onSearch Yoksa kanca hiçbir şey yapmaz (yerel süzme yürürlüktedir).
+ * @param delayMs Tuş vuruşları arasında beklenen süre.
+ */
+declare const useAsyncSearch: (term: string, isActive: boolean, onSearch: ((term: string) => void) | undefined, delayMs: number) => void;
+export default useAsyncSearch;

package/build/hooks/useAsyncSearch.js

@@ -0,0 +1,17 @@
+"use client";
+import { useRef as i, useEffect as s } from "react";
+const m = (e, r, u, n) => {
+  const t = i(u);
+  t.current = u, s(() => {
+    if (!r || !t.current) return;
+    const c = window.setTimeout(() => {
+      var o;
+      return (o = t.current) == null ? void 0 : o.call(t, e.trim());
+    }, n);
+    return () => window.clearTimeout(c);
+  }, [e, r, n]);
+};
+export {
+  m as default
+};
+//# sourceMappingURL=useAsyncSearch.js.map

package/build/hooks/useAsyncSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncSearch.js","sources":["../../src/hooks/useAsyncSearch.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * Arama terimini geciktirip DIŞARI bildirir — her tuşta istek atmamak için.\n * ⚠ `onSearch` bağımlılık listesine KONULAMAZ: çağıran taraf her render'da yeni bir kapanış\n * verebilir ve bağımlılığa konduğunda etki sonsuz…\n * @param term Ham arama terimi.\n * @param isActive Panel açık mı.\n * @param onSearch Yoksa kanca hiçbir şey yapmaz (yerel süzme yürürlüktedir).\n * @param delayMs Tuş vuruşları arasında beklenen süre.\n */\nconst useAsyncSearch = (\n  term: string,\n  isActive: boolean,\n  onSearch: ((term: string) => void) | undefined,\n  delayMs: number,\n): void => {\n  const searchRef = useRef(onSearch);\n  searchRef.current = onSearch;\n\n  useEffect(() => {\n    if (!isActive || !searchRef.current) return;\n\n    const timer = window.setTimeout(() => searchRef.current?.(term.trim()), delayMs);\n    return () => window.clearTimeout(timer);\n  }, [term, isActive, delayMs]);\n};\n\nexport default useAsyncSearch;\n"],"names":["useAsyncSearch","term","isActive","onSearch","delayMs","searchRef","useRef","useEffect","timer","_a"],"mappings":";;AAYA,MAAMA,IAAiB,CACrBC,GACAC,GACAC,GACAC,MACS;AACT,QAAMC,IAAYC,EAAOH,CAAQ;AACjC,EAAAE,EAAU,UAAUF,GAEpBI,EAAU,MAAM;AACd,QAAI,CAACL,KAAY,CAACG,EAAU,QAAS;AAErC,UAAMG,IAAQ,OAAO,WAAW,MAAA;;AAAM,cAAAC,IAAAJ,EAAU,YAAV,gBAAAI,EAAA,KAAAJ,GAAoBJ,EAAK;OAASG,CAAO;AAC/E,WAAO,MAAM,OAAO,aAAaI,CAAK;AAAA,EACxC,GAAG,CAACP,GAAMC,GAAUE,CAAO,CAAC;AAC9B;"}

package/build/hooks/useCopyFeedback.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=1600,f=n=>{const[i,o]=t.useState(!1),c=t.useRef(null),s=t.useRef(void 0);t.useEffect(()=>()=>window.clearTimeout(s.current),[]);const r=t.useCallback(()=>{const a=c.current;if(!a)return;const u=document.createRange();u.selectNodeContents(a);const e=window.getSelection();e==null||e.removeAllRanges(),e==null||e.addRange(u)},[]),d=t.useCallback(async()=>{try{await navigator.clipboard.writeText(n),o(!0),s.current=window.setTimeout(()=>o(!1),l)}catch{r()}},[n,r]);return{isCopied:i,copy:d,nodeRef:c}};exports.useCopyFeedback=f;
+//# sourceMappingURL=useCopyFeedback.cjs.map

package/build/hooks/useCopyFeedback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyFeedback.cjs","sources":["../../src/hooks/useCopyFeedback.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\n/** \"Kopyalandı\" geri bildiriminin ekranda kalma süresi (ms). */\nconst COPIED_FEEDBACK_MS = 1600;\n\ntype CopyFeedback = {\n  isCopied: boolean;\n  copy: () => Promise<void>;\n  /** Değeri taşıyan düğüme bağlanır; pano izni yoksa içerik seçili bırakılır. */\n  nodeRef: RefObject<HTMLSpanElement | null>;\n};\n\n/** Pano kopyalama + zamanlı geri bildirim — `CopyField` ile `CodeBadge`in ORTAK çekirdeği. */\nexport const useCopyFeedback = (value: string): CopyFeedback => {\n  const [isCopied, setIsCopied] = useState(false);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n  const timerRef = useRef<number | undefined>(undefined);\n\n  // Bilesen sokulurse zamanlayici da gitmeli; aksi halde React \"unmounted component\" uyarisi\n  // veriyor.\n  useEffect(() => () => window.clearTimeout(timerRef.current), []);\n\n  const selectValue = useCallback(() => {\n    const node = nodeRef.current;\n    if (!node) return;\n\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    const selection = window.getSelection();\n    selection?.removeAllRanges();\n    selection?.addRange(range);\n  }, []);\n\n  const copy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setIsCopied(true);\n      timerRef.current = window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);\n    } catch {\n      // Pano yoksa/izin verilmediyse en azindan secili birakilir.\n      selectValue();\n    }\n  }, [value, selectValue]);\n\n  return { isCopied, copy, nodeRef };\n};\n"],"names":["COPIED_FEEDBACK_MS","useCopyFeedback","value","isCopied","setIsCopied","useState","nodeRef","useRef","timerRef","useEffect","selectValue","useCallback","node","range","selection","copy"],"mappings":"sHAIMA,EAAqB,KAUdC,EAAmBC,GAAgC,CAC9D,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxCC,EAAUC,EAAAA,OAAwB,IAAI,EACtCC,EAAWD,EAAAA,OAA2B,MAAS,EAIrDE,EAAAA,UAAU,IAAM,IAAM,OAAO,aAAaD,EAAS,OAAO,EAAG,EAAE,EAE/D,MAAME,EAAcC,EAAAA,YAAY,IAAM,CACpC,MAAMC,EAAON,EAAQ,QACrB,GAAI,CAACM,EAAM,OAEX,MAAMC,EAAQ,SAAS,YAAA,EACvBA,EAAM,mBAAmBD,CAAI,EAC7B,MAAME,EAAY,OAAO,aAAA,EACzBA,GAAA,MAAAA,EAAW,kBACXA,GAAA,MAAAA,EAAW,SAASD,EACtB,EAAG,CAAA,CAAE,EAECE,EAAOJ,EAAAA,YAAY,SAAY,CACnC,GAAI,CACF,MAAM,UAAU,UAAU,UAAUT,CAAK,EACzCE,EAAY,EAAI,EAChBI,EAAS,QAAU,OAAO,WAAW,IAAMJ,EAAY,EAAK,EAAGJ,CAAkB,CACnF,MAAQ,CAENU,EAAA,CACF,CACF,EAAG,CAACR,EAAOQ,CAAW,CAAC,EAEvB,MAAO,CAAE,SAAAP,EAAU,KAAAY,EAAM,QAAAT,CAAA,CAC3B"}

package/build/hooks/useCopyFeedback.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+type CopyFeedback = {
+    isCopied: boolean;
+    copy: () => Promise<void>;
+    /** Değeri taşıyan düğüme bağlanır; pano izni yoksa içerik seçili bırakılır. */
+    nodeRef: RefObject<HTMLSpanElement | null>;
+};
+/** Pano kopyalama + zamanlı geri bildirim — `CopyField` ile `CodeBadge`in ORTAK çekirdeği. */
+export declare const useCopyFeedback: (value: string) => CopyFeedback;
+export {};

package/build/hooks/useCopyFeedback.js

@@ -0,0 +1,25 @@
+"use client";
+import { useState as f, useRef as u, useEffect as w, useCallback as i } from "react";
+const m = 1600, C = (t) => {
+  const [d, n] = f(!1), o = u(null), c = u(void 0);
+  w(() => () => window.clearTimeout(c.current), []);
+  const s = i(() => {
+    const r = o.current;
+    if (!r) return;
+    const a = document.createRange();
+    a.selectNodeContents(r);
+    const e = window.getSelection();
+    e == null || e.removeAllRanges(), e == null || e.addRange(a);
+  }, []), l = i(async () => {
+    try {
+      await navigator.clipboard.writeText(t), n(!0), c.current = window.setTimeout(() => n(!1), m);
+    } catch {
+      s();
+    }
+  }, [t, s]);
+  return { isCopied: d, copy: l, nodeRef: o };
+};
+export {
+  C as useCopyFeedback
+};
+//# sourceMappingURL=useCopyFeedback.js.map

package/build/hooks/useCopyFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyFeedback.js","sources":["../../src/hooks/useCopyFeedback.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\n/** \"Kopyalandı\" geri bildiriminin ekranda kalma süresi (ms). */\nconst COPIED_FEEDBACK_MS = 1600;\n\ntype CopyFeedback = {\n  isCopied: boolean;\n  copy: () => Promise<void>;\n  /** Değeri taşıyan düğüme bağlanır; pano izni yoksa içerik seçili bırakılır. */\n  nodeRef: RefObject<HTMLSpanElement | null>;\n};\n\n/** Pano kopyalama + zamanlı geri bildirim — `CopyField` ile `CodeBadge`in ORTAK çekirdeği. */\nexport const useCopyFeedback = (value: string): CopyFeedback => {\n  const [isCopied, setIsCopied] = useState(false);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n  const timerRef = useRef<number | undefined>(undefined);\n\n  // Bilesen sokulurse zamanlayici da gitmeli; aksi halde React \"unmounted component\" uyarisi\n  // veriyor.\n  useEffect(() => () => window.clearTimeout(timerRef.current), []);\n\n  const selectValue = useCallback(() => {\n    const node = nodeRef.current;\n    if (!node) return;\n\n    const range = document.createRange();\n    range.selectNodeContents(node);\n    const selection = window.getSelection();\n    selection?.removeAllRanges();\n    selection?.addRange(range);\n  }, []);\n\n  const copy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setIsCopied(true);\n      timerRef.current = window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);\n    } catch {\n      // Pano yoksa/izin verilmediyse en azindan secili birakilir.\n      selectValue();\n    }\n  }, [value, selectValue]);\n\n  return { isCopied, copy, nodeRef };\n};\n"],"names":["COPIED_FEEDBACK_MS","useCopyFeedback","value","isCopied","setIsCopied","useState","nodeRef","useRef","timerRef","useEffect","selectValue","useCallback","node","range","selection","copy"],"mappings":";;AAIA,MAAMA,IAAqB,MAUdC,IAAkB,CAACC,MAAgC;AAC9D,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAUC,EAAwB,IAAI,GACtCC,IAAWD,EAA2B,MAAS;AAIrD,EAAAE,EAAU,MAAM,MAAM,OAAO,aAAaD,EAAS,OAAO,GAAG,EAAE;AAE/D,QAAME,IAAcC,EAAY,MAAM;AACpC,UAAMC,IAAON,EAAQ;AACrB,QAAI,CAACM,EAAM;AAEX,UAAMC,IAAQ,SAAS,YAAA;AACvB,IAAAA,EAAM,mBAAmBD,CAAI;AAC7B,UAAME,IAAY,OAAO,aAAA;AACzB,IAAAA,KAAA,QAAAA,EAAW,mBACXA,KAAA,QAAAA,EAAW,SAASD;AAAA,EACtB,GAAG,CAAA,CAAE,GAECE,IAAOJ,EAAY,YAAY;AACnC,QAAI;AACF,YAAM,UAAU,UAAU,UAAUT,CAAK,GACzCE,EAAY,EAAI,GAChBI,EAAS,UAAU,OAAO,WAAW,MAAMJ,EAAY,EAAK,GAAGJ,CAAkB;AAAA,IACnF,QAAQ;AAEN,MAAAU,EAAA;AAAA,IACF;AAAA,EACF,GAAG,CAACR,GAAOQ,CAAW,CAAC;AAEvB,SAAO,EAAE,UAAAP,GAAU,MAAAY,GAAM,SAAAT,EAAA;AAC3B;"}

package/build/hooks/useDismissOnEscape.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("../helpers/focus.helper.cjs"),d=(e,t)=>{c.useEffect(()=>{if(!e)return;const{token:u,pop:s}=o.pushModal(),n=r=>{r.key==="Escape"&&o.isTopModal(u)&&(r.preventDefault(),t())};return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n),s()}},[e,t])};exports.default=d;
+//# sourceMappingURL=useDismissOnEscape.cjs.map

package/build/hooks/useDismissOnEscape.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDismissOnEscape.cjs","sources":["../../src/hooks/useDismissOnEscape.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { isTopModal, pushModal } from '../helpers/focus.helper';\n\n/**\n * `Escape` ile kapanma — dinleyici BELGE düzeyinde.\n * ⚠ YÜZEY YIĞINA KATILIR ve tuşu YALNIZCA EN ÜSTTEKİ tüketir.\n * ⚠ Tüketilen tuş `preventDefault` ile İŞARETLENİR: sayfa düzeyindeki dinleyici yüzeyi kapatan tuşu\n * kendi eylemine saymaz (bkz. `hasOpenSurface`).\n * ⚠ Kipsel yüzeyler (`Modal`, `Drawer`, `BottomSheet`) bu kancayı KULLANMAZ: onlar yerel `<dialog>`\n * üzerinden `cancel` olayını işler.\n * @param isActive Yüzey açık mı.\n * @param onDismiss Kapatma.\n */\nconst useDismissOnEscape = (isActive: boolean, onDismiss: () => void): void => {\n  useEffect(() => {\n    if (!isActive) return;\n\n    const { token, pop } = pushModal();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      /* Yığının en üstünde değilsek tuş bizim değil. */\n      if (!isTopModal(token)) return;\n      /*\n       * Yüzey bu tuş vuruşunda kapanır ve gerçek tarayıcıda React onu sonraki dinleyiciler koşmadan\n       * yığından düşürür: onlara kalan tek kanıt bu işaret.\n       */\n      event.preventDefault();\n      onDismiss();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      pop();\n    };\n  }, [isActive, onDismiss]);\n};\n\nexport default useDismissOnEscape;\n"],"names":["useDismissOnEscape","isActive","onDismiss","useEffect","token","pop","pushModal","handleKeyDown","event","isTopModal"],"mappings":"2LAeMA,EAAqB,CAACC,EAAmBC,IAAgC,CAC7EC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACF,EAAU,OAEf,KAAM,CAAE,MAAAG,EAAO,IAAAC,CAAA,EAAQC,YAAA,EAEjBC,EAAiBC,GAAyB,CAC1CA,EAAM,MAAQ,UAEbC,EAAAA,WAAWL,CAAK,IAKrBI,EAAM,eAAA,EACNN,EAAA,EACF,EAEA,gBAAS,iBAAiB,UAAWK,CAAa,EAC3C,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAa,EACrDF,EAAA,CACF,CACF,EAAG,CAACJ,EAAUC,CAAS,CAAC,CAC1B"}

package/build/hooks/useDismissOnEscape.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `Escape` ile kapanma — dinleyici BELGE düzeyinde.
+ * ⚠ YÜZEY YIĞINA KATILIR ve tuşu YALNIZCA EN ÜSTTEKİ tüketir.
+ * ⚠ Tüketilen tuş `preventDefault` ile İŞARETLENİR: sayfa düzeyindeki dinleyici yüzeyi kapatan tuşu
+ * kendi eylemine saymaz (bkz. `hasOpenSurface`).
+ * ⚠ Kipsel yüzeyler (`Modal`, `Drawer`, `BottomSheet`) bu kancayı KULLANMAZ: onlar yerel `<dialog>`
+ * üzerinden `cancel` olayını işler.
+ * @param isActive Yüzey açık mı.
+ * @param onDismiss Kapatma.
+ */
+declare const useDismissOnEscape: (isActive: boolean, onDismiss: () => void) => void;
+export default useDismissOnEscape;

package/build/hooks/useDismissOnEscape.js

@@ -0,0 +1,18 @@
+"use client";
+import { useEffect as u } from "react";
+import { pushModal as d, isTopModal as p } from "../helpers/focus.helper.js";
+const c = (e, t) => {
+  u(() => {
+    if (!e) return;
+    const { token: r, pop: s } = d(), n = (o) => {
+      o.key === "Escape" && p(r) && (o.preventDefault(), t());
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n), s();
+    };
+  }, [e, t]);
+};
+export {
+  c as default
+};
+//# sourceMappingURL=useDismissOnEscape.js.map

package/build/hooks/useDismissOnEscape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDismissOnEscape.js","sources":["../../src/hooks/useDismissOnEscape.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { isTopModal, pushModal } from '../helpers/focus.helper';\n\n/**\n * `Escape` ile kapanma — dinleyici BELGE düzeyinde.\n * ⚠ YÜZEY YIĞINA KATILIR ve tuşu YALNIZCA EN ÜSTTEKİ tüketir.\n * ⚠ Tüketilen tuş `preventDefault` ile İŞARETLENİR: sayfa düzeyindeki dinleyici yüzeyi kapatan tuşu\n * kendi eylemine saymaz (bkz. `hasOpenSurface`).\n * ⚠ Kipsel yüzeyler (`Modal`, `Drawer`, `BottomSheet`) bu kancayı KULLANMAZ: onlar yerel `<dialog>`\n * üzerinden `cancel` olayını işler.\n * @param isActive Yüzey açık mı.\n * @param onDismiss Kapatma.\n */\nconst useDismissOnEscape = (isActive: boolean, onDismiss: () => void): void => {\n  useEffect(() => {\n    if (!isActive) return;\n\n    const { token, pop } = pushModal();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      /* Yığının en üstünde değilsek tuş bizim değil. */\n      if (!isTopModal(token)) return;\n      /*\n       * Yüzey bu tuş vuruşunda kapanır ve gerçek tarayıcıda React onu sonraki dinleyiciler koşmadan\n       * yığından düşürür: onlara kalan tek kanıt bu işaret.\n       */\n      event.preventDefault();\n      onDismiss();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      pop();\n    };\n  }, [isActive, onDismiss]);\n};\n\nexport default useDismissOnEscape;\n"],"names":["useDismissOnEscape","isActive","onDismiss","useEffect","token","pop","pushModal","handleKeyDown","event","isTopModal"],"mappings":";;;AAeA,MAAMA,IAAqB,CAACC,GAAmBC,MAAgC;AAC7E,EAAAC,EAAU,MAAM;AACd,QAAI,CAACF,EAAU;AAEf,UAAM,EAAE,OAAAG,GAAO,KAAAC,EAAA,IAAQC,EAAA,GAEjBC,IAAgB,CAACC,MAAyB;AAC9C,MAAIA,EAAM,QAAQ,YAEbC,EAAWL,CAAK,MAKrBI,EAAM,eAAA,GACNN,EAAA;AAAA,IACF;AAEA,oBAAS,iBAAiB,WAAWK,CAAa,GAC3C,MAAM;AACX,eAAS,oBAAoB,WAAWA,CAAa,GACrDF,EAAA;AAAA,IACF;AAAA,EACF,GAAG,CAACJ,GAAUC,CAAS,CAAC;AAC1B;"}

package/build/hooks/useListboxNavigation.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),p=require("../helpers/scroll.helper.cjs"),D=({count:a,isOpen:f,initialIndex:c=0,onSelect:b,onClose:u},{hasSpaceSelect:i=!1}={})=>{const[t,r]=s.useState(c),k=s.useRef(null);s.useEffect(()=>{f&&r(c)},[f,c]),s.useEffect(()=>{r(e=>e>=a?Math.max(0,a-1):e)},[a]),s.useEffect(()=>{var e;f&&p.scrollIntoViewIfPossible((e=k.current)==null?void 0:e.querySelector(`[data-index="${t}"]`),{block:"nearest"})},[t,f,a]);const d=s.useCallback(e=>{const o=a-1;switch(e.key){case"ArrowDown":e.preventDefault(),r(l=>l>=o?0:l+1);break;case"ArrowUp":e.preventDefault(),r(l=>l<=0?o:l-1);break;case"Home":e.preventDefault(),r(0);break;case"End":e.preventDefault(),r(o);break;case" ":case"Enter":{if(e.key===" "&&!i)break;e.preventDefault(),a>0&&b(t);break}case"Escape":e.preventDefault(),e.stopPropagation(),u();break;case"Tab":u();break}},[t,a,i,u,b]);return{activeIndex:t,setActiveIndex:r,listRef:k,handleKeyDown:d}};exports.default=D;
+//# sourceMappingURL=useListboxNavigation.cjs.map

package/build/hooks/useListboxNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListboxNavigation.cjs","sources":["../../src/hooks/useListboxNavigation.ts"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { scrollIntoViewIfPossible } from '../helpers/scroll.helper';\nimport type { ListboxNavigation, ListboxNavigationOptions } from '@/types/hook.type';\n\n/*\n * Govde `types/hook.type.ts`e tasindi (kardesleri `VirtualRange`, `AnnouncePoliteness`,\n * `ListboxNavigationOptions` zaten oradaydi)\n */\nexport type { ListboxNavigation } from '@/types/hook.type';\n\n/** LISTBOX KLAVYE GEZİNMESİ — `Select` ve `Combobox`ın ortak modeli. */\nconst useListboxNavigation = <T extends HTMLElement = HTMLElement>(\n  { count, isOpen, initialIndex = 0, onSelect, onClose }: ListboxNavigationOptions,\n  { hasSpaceSelect = false } = {},\n): ListboxNavigation<T> => {\n  const [activeIndex, setActiveIndex] = useState(initialIndex);\n  const listRef = useRef<T | null>(null);\n\n  /*\n   * Panel her acildiginda etkin secenek SECILI olandan baslar; kullanici listeyi bastan taramak\n   * zorunda kalmaz.\n   */\n  useEffect(() => {\n    if (isOpen) setActiveIndex(initialIndex);\n  }, [isOpen, initialIndex]);\n\n  /*\n   * Liste SUZULDUGUNDE etkin dizin listenin disinda kalabiliyor: uc secenek gorunurken\n   * `activeIndex` 7'de kaldiginda `Enter` hicbir sey secmiyordu.\n   */\n  useEffect(() => {\n    setActiveIndex(current => (current >= count ? Math.max(0, count - 1) : current));\n  }, [count]);\n\n  /* Etkin secenek gorunur alanin disina cikmamali. */\n  useEffect(() => {\n    if (!isOpen) return;\n    scrollIntoViewIfPossible(listRef.current?.querySelector(`[data-index=\"${activeIndex}\"]`), {\n      block: 'nearest',\n    });\n  }, [activeIndex, isOpen, count]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const lastIndex = count - 1;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          setActiveIndex(current => (current >= lastIndex ? 0 : current + 1));\n          break;\n\n        case 'ArrowUp':\n          event.preventDefault();\n          setActiveIndex(current => (current <= 0 ? lastIndex : current - 1));\n          break;\n\n        case 'Home':\n          event.preventDefault();\n          setActiveIndex(0);\n          break;\n\n        case 'End':\n          event.preventDefault();\n          setActiveIndex(lastIndex);\n          break;\n\n        case ' ':\n        case 'Enter': {\n          /*\n           * Arama kutusunda BOSLUK bir KARAKTER: onu secime cevirmek \"fren balatasi\" yazmayi\n           * imkansiz kiliyordu. `Enter` her iki kipte de secer.\n           */\n          if (event.key === ' ' && !hasSpaceSelect) break;\n\n          event.preventDefault();\n          if (count > 0) onSelect(activeIndex);\n          break;\n        }\n\n        case 'Escape':\n          event.preventDefault();\n          /*\n           * React 17+ dinleyiciyi KOK KAPSAYICIYA bagliyor, yani sentetik olayda propagasyonu\n           * durdurmak yerel olayin `document`e ulasmasini da engeller.\n           * ⚠ `stopPropagation` ZORUNLU.\n           */\n          event.stopPropagation();\n          onClose();\n          break;\n\n        case 'Tab':\n          /* Kapatir ama varsayilan gezinme SURER. */\n          onClose();\n          break;\n\n        default:\n          break;\n      }\n    },\n    [activeIndex, count, hasSpaceSelect, onClose, onSelect],\n  );\n\n  return { activeIndex, setActiveIndex, listRef, handleKeyDown };\n};\n\nexport default useListboxNavigation;\n"],"names":["useListboxNavigation","count","isOpen","initialIndex","onSelect","onClose","hasSpaceSelect","activeIndex","setActiveIndex","useState","listRef","useRef","useEffect","current","scrollIntoViewIfPossible","_a","handleKeyDown","useCallback","event","lastIndex"],"mappings":"4LAaMA,EAAuB,CAC3B,CAAE,MAAAC,EAAO,OAAAC,EAAQ,aAAAC,EAAe,EAAG,SAAAC,EAAU,QAAAC,CAAA,EAC7C,CAAE,eAAAC,EAAiB,EAAA,EAAU,CAAA,IACJ,CACzB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAASN,CAAY,EACrDO,EAAUC,EAAAA,OAAiB,IAAI,EAMrCC,EAAAA,UAAU,IAAM,CACVV,KAAuBC,CAAY,CACzC,EAAG,CAACD,EAAQC,CAAY,CAAC,EAMzBS,EAAAA,UAAU,IAAM,CACdJ,EAAeK,GAAYA,GAAWZ,EAAQ,KAAK,IAAI,EAAGA,EAAQ,CAAC,EAAIY,CAAQ,CACjF,EAAG,CAACZ,CAAK,CAAC,EAGVW,EAAAA,UAAU,IAAM,OACTV,GACLY,4BAAyBC,EAAAL,EAAQ,UAAR,YAAAK,EAAiB,cAAc,gBAAgBR,CAAW,MAAO,CACxF,MAAO,SAAA,CACR,CACH,EAAG,CAACA,EAAaL,EAAQD,CAAK,CAAC,EAE/B,MAAMe,EAAgBC,EAAAA,YACnBC,GAAsC,CACrC,MAAMC,EAAYlB,EAAQ,EAE1B,OAAQiB,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNV,EAAeK,GAAYA,GAAWM,EAAY,EAAIN,EAAU,CAAE,EAClE,MAEF,IAAK,UACHK,EAAM,eAAA,EACNV,EAAeK,GAAYA,GAAW,EAAIM,EAAYN,EAAU,CAAE,EAClE,MAEF,IAAK,OACHK,EAAM,eAAA,EACNV,EAAe,CAAC,EAChB,MAEF,IAAK,MACHU,EAAM,eAAA,EACNV,EAAeW,CAAS,EACxB,MAEF,IAAK,IACL,IAAK,QAAS,CAKZ,GAAID,EAAM,MAAQ,KAAO,CAACZ,EAAgB,MAE1CY,EAAM,eAAA,EACFjB,EAAQ,GAAGG,EAASG,CAAW,EACnC,KACF,CAEA,IAAK,SACHW,EAAM,eAAA,EAMNA,EAAM,gBAAA,EACNb,EAAA,EACA,MAEF,IAAK,MAEHA,EAAA,EACA,KAGA,CAEN,EACA,CAACE,EAAaN,EAAOK,EAAgBD,EAASD,CAAQ,CAAA,EAGxD,MAAO,CAAE,YAAAG,EAAa,eAAAC,EAAgB,QAAAE,EAAS,cAAAM,CAAA,CACjD"}

package/build/hooks/useListboxNavigation.d.ts

@@ -0,0 +1,7 @@
+import { ListboxNavigation, ListboxNavigationOptions } from '../types/hook.type';
+export type { ListboxNavigation } from '../types/hook.type';
+/** LISTBOX KLAVYE GEZİNMESİ — `Select` ve `Combobox`ın ortak modeli. */
+declare const useListboxNavigation: <T extends HTMLElement = HTMLElement>({ count, isOpen, initialIndex, onSelect, onClose }: ListboxNavigationOptions, { hasSpaceSelect }?: {
+    hasSpaceSelect?: boolean | undefined;
+}) => ListboxNavigation<T>;
+export default useListboxNavigation;

package/build/hooks/useListboxNavigation.js

@@ -0,0 +1,53 @@
+"use client";
+import { useState as D, useRef as d, useEffect as c, useCallback as m } from "react";
+import { scrollIntoViewIfPossible as w } from "../helpers/scroll.helper.js";
+const E = ({ count: a, isOpen: f, initialIndex: l = 0, onSelect: k, onClose: o }, { hasSpaceSelect: i = !1 } = {}) => {
+  const [s, r] = D(l), p = d(null);
+  c(() => {
+    f && r(l);
+  }, [f, l]), c(() => {
+    r((e) => e >= a ? Math.max(0, a - 1) : e);
+  }, [a]), c(() => {
+    var e;
+    f && w((e = p.current) == null ? void 0 : e.querySelector(`[data-index="${s}"]`), {
+      block: "nearest"
+    });
+  }, [s, f, a]);
+  const u = m(
+    (e) => {
+      const b = a - 1;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), r((t) => t >= b ? 0 : t + 1);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), r((t) => t <= 0 ? b : t - 1);
+          break;
+        case "Home":
+          e.preventDefault(), r(0);
+          break;
+        case "End":
+          e.preventDefault(), r(b);
+          break;
+        case " ":
+        case "Enter": {
+          if (e.key === " " && !i) break;
+          e.preventDefault(), a > 0 && k(s);
+          break;
+        }
+        case "Escape":
+          e.preventDefault(), e.stopPropagation(), o();
+          break;
+        case "Tab":
+          o();
+          break;
+      }
+    },
+    [s, a, i, o, k]
+  );
+  return { activeIndex: s, setActiveIndex: r, listRef: p, handleKeyDown: u };
+};
+export {
+  E as default
+};
+//# sourceMappingURL=useListboxNavigation.js.map

package/build/hooks/useListboxNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListboxNavigation.js","sources":["../../src/hooks/useListboxNavigation.ts"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { scrollIntoViewIfPossible } from '../helpers/scroll.helper';\nimport type { ListboxNavigation, ListboxNavigationOptions } from '@/types/hook.type';\n\n/*\n * Govde `types/hook.type.ts`e tasindi (kardesleri `VirtualRange`, `AnnouncePoliteness`,\n * `ListboxNavigationOptions` zaten oradaydi)\n */\nexport type { ListboxNavigation } from '@/types/hook.type';\n\n/** LISTBOX KLAVYE GEZİNMESİ — `Select` ve `Combobox`ın ortak modeli. */\nconst useListboxNavigation = <T extends HTMLElement = HTMLElement>(\n  { count, isOpen, initialIndex = 0, onSelect, onClose }: ListboxNavigationOptions,\n  { hasSpaceSelect = false } = {},\n): ListboxNavigation<T> => {\n  const [activeIndex, setActiveIndex] = useState(initialIndex);\n  const listRef = useRef<T | null>(null);\n\n  /*\n   * Panel her acildiginda etkin secenek SECILI olandan baslar; kullanici listeyi bastan taramak\n   * zorunda kalmaz.\n   */\n  useEffect(() => {\n    if (isOpen) setActiveIndex(initialIndex);\n  }, [isOpen, initialIndex]);\n\n  /*\n   * Liste SUZULDUGUNDE etkin dizin listenin disinda kalabiliyor: uc secenek gorunurken\n   * `activeIndex` 7'de kaldiginda `Enter` hicbir sey secmiyordu.\n   */\n  useEffect(() => {\n    setActiveIndex(current => (current >= count ? Math.max(0, count - 1) : current));\n  }, [count]);\n\n  /* Etkin secenek gorunur alanin disina cikmamali. */\n  useEffect(() => {\n    if (!isOpen) return;\n    scrollIntoViewIfPossible(listRef.current?.querySelector(`[data-index=\"${activeIndex}\"]`), {\n      block: 'nearest',\n    });\n  }, [activeIndex, isOpen, count]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const lastIndex = count - 1;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          setActiveIndex(current => (current >= lastIndex ? 0 : current + 1));\n          break;\n\n        case 'ArrowUp':\n          event.preventDefault();\n          setActiveIndex(current => (current <= 0 ? lastIndex : current - 1));\n          break;\n\n        case 'Home':\n          event.preventDefault();\n          setActiveIndex(0);\n          break;\n\n        case 'End':\n          event.preventDefault();\n          setActiveIndex(lastIndex);\n          break;\n\n        case ' ':\n        case 'Enter': {\n          /*\n           * Arama kutusunda BOSLUK bir KARAKTER: onu secime cevirmek \"fren balatasi\" yazmayi\n           * imkansiz kiliyordu. `Enter` her iki kipte de secer.\n           */\n          if (event.key === ' ' && !hasSpaceSelect) break;\n\n          event.preventDefault();\n          if (count > 0) onSelect(activeIndex);\n          break;\n        }\n\n        case 'Escape':\n          event.preventDefault();\n          /*\n           * React 17+ dinleyiciyi KOK KAPSAYICIYA bagliyor, yani sentetik olayda propagasyonu\n           * durdurmak yerel olayin `document`e ulasmasini da engeller.\n           * ⚠ `stopPropagation` ZORUNLU.\n           */\n          event.stopPropagation();\n          onClose();\n          break;\n\n        case 'Tab':\n          /* Kapatir ama varsayilan gezinme SURER. */\n          onClose();\n          break;\n\n        default:\n          break;\n      }\n    },\n    [activeIndex, count, hasSpaceSelect, onClose, onSelect],\n  );\n\n  return { activeIndex, setActiveIndex, listRef, handleKeyDown };\n};\n\nexport default useListboxNavigation;\n"],"names":["useListboxNavigation","count","isOpen","initialIndex","onSelect","onClose","hasSpaceSelect","activeIndex","setActiveIndex","useState","listRef","useRef","useEffect","current","scrollIntoViewIfPossible","_a","handleKeyDown","useCallback","event","lastIndex"],"mappings":";;;AAaA,MAAMA,IAAuB,CAC3B,EAAE,OAAAC,GAAO,QAAAC,GAAQ,cAAAC,IAAe,GAAG,UAAAC,GAAU,SAAAC,EAAA,GAC7C,EAAE,gBAAAC,IAAiB,GAAA,IAAU,CAAA,MACJ;AACzB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASN,CAAY,GACrDO,IAAUC,EAAiB,IAAI;AAMrC,EAAAC,EAAU,MAAM;AACd,IAAIV,OAAuBC,CAAY;AAAA,EACzC,GAAG,CAACD,GAAQC,CAAY,CAAC,GAMzBS,EAAU,MAAM;AACd,IAAAJ,EAAe,CAAAK,MAAYA,KAAWZ,IAAQ,KAAK,IAAI,GAAGA,IAAQ,CAAC,IAAIY,CAAQ;AAAA,EACjF,GAAG,CAACZ,CAAK,CAAC,GAGVW,EAAU,MAAM;;AACd,IAAKV,KACLY,GAAyBC,IAAAL,EAAQ,YAAR,gBAAAK,EAAiB,cAAc,gBAAgBR,CAAW,OAAO;AAAA,MACxF,OAAO;AAAA,IAAA,CACR;AAAA,EACH,GAAG,CAACA,GAAaL,GAAQD,CAAK,CAAC;AAE/B,QAAMe,IAAgBC;AAAA,IACpB,CAACC,MAAsC;AACrC,YAAMC,IAAYlB,IAAQ;AAE1B,cAAQiB,EAAM,KAAA;AAAA,QACZ,KAAK;AACH,UAAAA,EAAM,eAAA,GACNV,EAAe,CAAAK,MAAYA,KAAWM,IAAY,IAAIN,IAAU,CAAE;AAClE;AAAA,QAEF,KAAK;AACH,UAAAK,EAAM,eAAA,GACNV,EAAe,CAAAK,MAAYA,KAAW,IAAIM,IAAYN,IAAU,CAAE;AAClE;AAAA,QAEF,KAAK;AACH,UAAAK,EAAM,eAAA,GACNV,EAAe,CAAC;AAChB;AAAA,QAEF,KAAK;AACH,UAAAU,EAAM,eAAA,GACNV,EAAeW,CAAS;AACxB;AAAA,QAEF,KAAK;AAAA,QACL,KAAK,SAAS;AAKZ,cAAID,EAAM,QAAQ,OAAO,CAACZ,EAAgB;AAE1C,UAAAY,EAAM,eAAA,GACFjB,IAAQ,KAAGG,EAASG,CAAW;AACnC;AAAA,QACF;AAAA,QAEA,KAAK;AACH,UAAAW,EAAM,eAAA,GAMNA,EAAM,gBAAA,GACNb,EAAA;AACA;AAAA,QAEF,KAAK;AAEH,UAAAA,EAAA;AACA;AAAA,MAGA;AAAA,IAEN;AAAA,IACA,CAACE,GAAaN,GAAOK,GAAgBD,GAASD,CAAQ;AAAA,EAAA;AAGxD,SAAO,EAAE,aAAAG,GAAa,gBAAAC,GAAgB,SAAAE,GAAS,eAAAM,EAAA;AACjD;"}

package/build/hooks/usePortalSurface.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("@handijit/utils"),o=require("../helpers/portal.helper.cjs"),c={},a={},i=(t,u,n)=>{const e=t&&s.isClient()?o.resolvePortalTarget(u.current):null,r=(e==null?void 0:e.needsTopLayer)??!1;return l.useEffect(()=>{if(!(!t||!r))return o.showTopLayer(n.current)},[t,r,n]),{container:(e==null?void 0:e.container)??null,attributes:r?{popover:"manual"}:c,style:r?o.POPOVER_RESET:a}};exports.default=i;
+//# sourceMappingURL=usePortalSurface.cjs.map

package/build/hooks/usePortalSurface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalSurface.cjs","sources":["../../src/hooks/usePortalSurface.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { isClient } from '@handijit/utils';\n\nimport { POPOVER_RESET, resolvePortalTarget, showTopLayer } from '../helpers/portal.helper';\n\n/** Portallanan yüzeye yayılacak nitelik + stil parçaları. */\nexport type PortalSurface = {\n  /** `null` iken yüzey ÇİZİLMEZ: hedef yalnızca açıkken ve istemcide çözülür. */\n  container: HTMLElement | null;\n  /** Üst katman gerekiyorsa `popover=\"manual\"`; gerekmiyorsa boş. */\n  attributes: { popover?: 'manual' };\n  /** UA'nın `inset: 0` + `margin: auto` çiftini geri alan sıfırlama. */\n  style: typeof POPOVER_RESET | Record<string, never>;\n};\n\nconst NO_ATTRIBUTES: { popover?: 'manual' } = {};\nconst NO_STYLE: Record<string, never> = {};\n\n/**\n * ANKRAJLI YÜZEYİN PORTAL SÖZLEŞMESİ — `Menu`, `Popover`, `Tooltip`, `Combobox` ve `Select` için\n * TEK kaynak.\n * ⚠ `position: fixed` TEK BAŞINA \"viewport'a göre konumlan\" demek DEĞİL. `none` olmayan bir\n * `transform`/`translate`/`scale`/`rotate`, bir…\n * ⚠ Bu kancanın varlık sebebi DRY.\n */\nconst usePortalSurface = (\n  isOpen: boolean,\n  anchorRef: { current: HTMLElement | null },\n  surfaceRef: { current: HTMLElement | null },\n): PortalSurface => {\n  /*\n   * Hedef HER RENDER'DA degil, yalnizca acikken cozulur. `closest` ucuzdur ama tetikleyicinin DOM\n   * konumu acilistan sonra degismedigi icin tekrar…\n   */\n  const target = isOpen && isClient() ? resolvePortalTarget(anchorRef.current) : null;\n  const needsTopLayer = target?.needsTopLayer ?? false;\n\n  /*\n   * ⚠ `popover` niteligi TEK BASINA yetmez: eleman `showPopover()` cagrilana kadar `display: none`\n   * kalir.\n   */\n  useEffect(() => {\n    if (!isOpen || !needsTopLayer) return;\n    return showTopLayer(surfaceRef.current);\n  }, [isOpen, needsTopLayer, surfaceRef]);\n\n  return {\n    container: target?.container ?? null,\n    attributes: needsTopLayer ? { popover: 'manual' } : NO_ATTRIBUTES,\n    style: needsTopLayer ? POPOVER_RESET : NO_STYLE,\n  };\n};\n\nexport default usePortalSurface;\n"],"names":["NO_ATTRIBUTES","NO_STYLE","usePortalSurface","isOpen","anchorRef","surfaceRef","target","isClient","resolvePortalTarget","needsTopLayer","useEffect","showTopLayer","POPOVER_RESET"],"mappings":"yNAiBMA,EAAwC,CAAA,EACxCC,EAAkC,CAAA,EASlCC,EAAmB,CACvBC,EACAC,EACAC,IACkB,CAKlB,MAAMC,EAASH,GAAUI,EAAAA,SAAA,EAAaC,EAAAA,oBAAoBJ,EAAU,OAAO,EAAI,KACzEK,GAAgBH,GAAA,YAAAA,EAAQ,gBAAiB,GAM/CI,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,GAACP,GAAU,CAACM,GAChB,OAAOE,EAAAA,aAAaN,EAAW,OAAO,CACxC,EAAG,CAACF,EAAQM,EAAeJ,CAAU,CAAC,EAE/B,CACL,WAAWC,GAAA,YAAAA,EAAQ,YAAa,KAChC,WAAYG,EAAgB,CAAE,QAAS,UAAaT,EACpD,MAAOS,EAAgBG,gBAAgBX,CAAA,CAE3C"}

package/build/hooks/usePortalSurface.d.ts

@@ -0,0 +1,25 @@
+import { POPOVER_RESET } from '../helpers/portal.helper';
+/** Portallanan yüzeye yayılacak nitelik + stil parçaları. */
+export type PortalSurface = {
+    /** `null` iken yüzey ÇİZİLMEZ: hedef yalnızca açıkken ve istemcide çözülür. */
+    container: HTMLElement | null;
+    /** Üst katman gerekiyorsa `popover="manual"`; gerekmiyorsa boş. */
+    attributes: {
+        popover?: 'manual';
+    };
+    /** UA'nın `inset: 0` + `margin: auto` çiftini geri alan sıfırlama. */
+    style: typeof POPOVER_RESET | Record<string, never>;
+};
+/**
+ * ANKRAJLI YÜZEYİN PORTAL SÖZLEŞMESİ — `Menu`, `Popover`, `Tooltip`, `Combobox` ve `Select` için
+ * TEK kaynak.
+ * ⚠ `position: fixed` TEK BAŞINA "viewport'a göre konumlan" demek DEĞİL. `none` olmayan bir
+ * `transform`/`translate`/`scale`/`rotate`, bir…
+ * ⚠ Bu kancanın varlık sebebi DRY.
+ */
+declare const usePortalSurface: (isOpen: boolean, anchorRef: {
+    current: HTMLElement | null;
+}, surfaceRef: {
+    current: HTMLElement | null;
+}) => PortalSurface;
+export default usePortalSurface;

package/build/hooks/usePortalSurface.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect as s } from "react";
+import { isClient as l } from "@handijit/utils";
+import { resolvePortalTarget as u, showTopLayer as a, POPOVER_RESET as c } from "../helpers/portal.helper.js";
+const T = {}, i = {}, E = (o, n, t) => {
+  const r = o && l() ? u(n.current) : null, e = (r == null ? void 0 : r.needsTopLayer) ?? !1;
+  return s(() => {
+    if (!(!o || !e))
+      return a(t.current);
+  }, [o, e, t]), {
+    container: (r == null ? void 0 : r.container) ?? null,
+    attributes: e ? { popover: "manual" } : T,
+    style: e ? c : i
+  };
+};
+export {
+  E as default
+};
+//# sourceMappingURL=usePortalSurface.js.map

package/build/hooks/usePortalSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalSurface.js","sources":["../../src/hooks/usePortalSurface.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { isClient } from '@handijit/utils';\n\nimport { POPOVER_RESET, resolvePortalTarget, showTopLayer } from '../helpers/portal.helper';\n\n/** Portallanan yüzeye yayılacak nitelik + stil parçaları. */\nexport type PortalSurface = {\n  /** `null` iken yüzey ÇİZİLMEZ: hedef yalnızca açıkken ve istemcide çözülür. */\n  container: HTMLElement | null;\n  /** Üst katman gerekiyorsa `popover=\"manual\"`; gerekmiyorsa boş. */\n  attributes: { popover?: 'manual' };\n  /** UA'nın `inset: 0` + `margin: auto` çiftini geri alan sıfırlama. */\n  style: typeof POPOVER_RESET | Record<string, never>;\n};\n\nconst NO_ATTRIBUTES: { popover?: 'manual' } = {};\nconst NO_STYLE: Record<string, never> = {};\n\n/**\n * ANKRAJLI YÜZEYİN PORTAL SÖZLEŞMESİ — `Menu`, `Popover`, `Tooltip`, `Combobox` ve `Select` için\n * TEK kaynak.\n * ⚠ `position: fixed` TEK BAŞINA \"viewport'a göre konumlan\" demek DEĞİL. `none` olmayan bir\n * `transform`/`translate`/`scale`/`rotate`, bir…\n * ⚠ Bu kancanın varlık sebebi DRY.\n */\nconst usePortalSurface = (\n  isOpen: boolean,\n  anchorRef: { current: HTMLElement | null },\n  surfaceRef: { current: HTMLElement | null },\n): PortalSurface => {\n  /*\n   * Hedef HER RENDER'DA degil, yalnizca acikken cozulur. `closest` ucuzdur ama tetikleyicinin DOM\n   * konumu acilistan sonra degismedigi icin tekrar…\n   */\n  const target = isOpen && isClient() ? resolvePortalTarget(anchorRef.current) : null;\n  const needsTopLayer = target?.needsTopLayer ?? false;\n\n  /*\n   * ⚠ `popover` niteligi TEK BASINA yetmez: eleman `showPopover()` cagrilana kadar `display: none`\n   * kalir.\n   */\n  useEffect(() => {\n    if (!isOpen || !needsTopLayer) return;\n    return showTopLayer(surfaceRef.current);\n  }, [isOpen, needsTopLayer, surfaceRef]);\n\n  return {\n    container: target?.container ?? null,\n    attributes: needsTopLayer ? { popover: 'manual' } : NO_ATTRIBUTES,\n    style: needsTopLayer ? POPOVER_RESET : NO_STYLE,\n  };\n};\n\nexport default usePortalSurface;\n"],"names":["NO_ATTRIBUTES","NO_STYLE","usePortalSurface","isOpen","anchorRef","surfaceRef","target","isClient","resolvePortalTarget","needsTopLayer","useEffect","showTopLayer","POPOVER_RESET"],"mappings":";;;;AAiBA,MAAMA,IAAwC,CAAA,GACxCC,IAAkC,CAAA,GASlCC,IAAmB,CACvBC,GACAC,GACAC,MACkB;AAKlB,QAAMC,IAASH,KAAUI,EAAA,IAAaC,EAAoBJ,EAAU,OAAO,IAAI,MACzEK,KAAgBH,KAAA,gBAAAA,EAAQ,kBAAiB;AAM/C,SAAAI,EAAU,MAAM;AACd,QAAI,GAACP,KAAU,CAACM;AAChB,aAAOE,EAAaN,EAAW,OAAO;AAAA,EACxC,GAAG,CAACF,GAAQM,GAAeJ,CAAU,CAAC,GAE/B;AAAA,IACL,YAAWC,KAAA,gBAAAA,EAAQ,cAAa;AAAA,IAChC,YAAYG,IAAgB,EAAE,SAAS,aAAaT;AAAA,IACpD,OAAOS,IAAgBG,IAAgBX;AAAA,EAAA;AAE3C;"}

package/build/hooks/usePositioning.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),y=require("@handijit/utils"),E={top:"bottom",bottom:"top",left:"right",right:"left"},S=(t,o,e)=>e<o?o:Math.min(Math.max(t,o),e),b=(t,o,e,s,n)=>{const r=e==="top"||e==="bottom",v={top:t.top-o.height-n,bottom:t.top+t.height+n,left:t.left-o.width-n,right:t.left+t.width+n}[e],a=r?t.left:t.top,f=r?t.width:t.height,u=r?o.width:o.height,w={start:a,center:a+f/2-u/2,end:a+f-u}[s];return r?{top:v,left:w}:{top:w,left:v}},z=(t,o,e,s,n)=>({top:t.top>=s,bottom:t.top+o.height<=n.height-s,left:t.left>=s,right:t.left+o.width<=n.width-s})[e],M=(t,o,{side:e="top",align:s="center",offset:n=8,padding:r=8,isOpen:v})=>{const[a,f]=m.useState({style:{position:"fixed",top:0,left:0},side:e,anchorWidth:0,isPositioned:!1}),u=m.useRef(0),w=m.useCallback(()=>{const l=t.current,p=o.current;if(!l||!p)return;const h=l.getBoundingClientRect(),i=p.getBoundingClientRect(),d={width:window.innerWidth,height:window.innerHeight},P=b(h,i,e,s,n),L=z(P,i,e,r,d)?e:z(b(h,i,E[e],s,n),i,E[e],r,d)?E[e]:e,g=b(h,i,L,s,n);f({style:{position:"fixed",top:Math.round(S(g.top,r,d.height-i.height-r)),left:Math.round(S(g.left,r,d.width-i.width-r))},side:L,anchorWidth:h.width,isPositioned:!0})},[t,o,e,s,n,r]),c=m.useCallback(()=>{u.current||(u.current=window.requestAnimationFrame(()=>{u.current=0,w()}))},[w]);return(y.isClient()?m.useLayoutEffect:m.useEffect)(()=>{var p,h;if(!v){f(i=>i.isPositioned?{...i,isPositioned:!1}:i);return}w(),window.addEventListener("resize",c),(p=window.visualViewport)==null||p.addEventListener("resize",c),(h=window.visualViewport)==null||h.addEventListener("scroll",c),document.addEventListener("scroll",c,!0);const l=typeof ResizeObserver>"u"?null:new ResizeObserver(c);return l&&o.current&&l.observe(o.current),l&&t.current instanceof Element&&l.observe(t.current),()=>{var i,d;window.removeEventListener("resize",c),(i=window.visualViewport)==null||i.removeEventListener("resize",c),(d=window.visualViewport)==null||d.removeEventListener("scroll",c),document.removeEventListener("scroll",c,!0),l==null||l.disconnect(),u.current&&(window.cancelAnimationFrame(u.current),u.current=0)}},[v,w,c,t,o]),a};exports.default=M;
+//# sourceMappingURL=usePositioning.cjs.map

package/build/hooks/usePositioning.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePositioning.cjs","sources":["../../src/hooks/usePositioning.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { isClient } from '@handijit/utils';\nimport {\n  PositionAlign,\n  PositionSide,\n  PositioningOptions,\n  PositioningRect,\n  PositioningState,\n} from '@/types/positioning.type';\n\nconst OPPOSITE: Record<PositionSide, PositionSide> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n};\n\n/** Bir sayıyı [min, max] aralığına kırpar. */\n/**\n * Değeri aralığa sıkıştırır. Aralık geçersizse `min` kazanır: yüzey kenara yaslanır ve aşağı doğru\n * taşar.\n * ⚠ TERS ARALIK GÜVENLİ.\n */\nconst clamp = (value: number, min: number, max: number): number =>\n  max < min ? min : Math.min(Math.max(value, min), max);\n\n/** Verilen kenarda yüzeyin sol-üst köşesi nereye düşer. */\nconst place = (\n  anchor: PositioningRect,\n  surface: { width: number; height: number },\n  side: PositionSide,\n  align: PositionAlign,\n  offset: number,\n): { top: number; left: number } => {\n  const isVertical = side === 'top' || side === 'bottom';\n\n  /* Ana eksen: tetikleyicinin disinda, `offset` kadar uzakta. */\n  const main = {\n    top: anchor.top - surface.height - offset,\n    bottom: anchor.top + anchor.height + offset,\n    left: anchor.left - surface.width - offset,\n    right: anchor.left + anchor.width + offset,\n  }[side];\n\n  /* Capraz eksen: hizalama. */\n  const crossStart = isVertical ? anchor.left : anchor.top;\n  const crossSize = isVertical ? anchor.width : anchor.height;\n  const surfaceSize = isVertical ? surface.width : surface.height;\n\n  const cross = {\n    start: crossStart,\n    center: crossStart + crossSize / 2 - surfaceSize / 2,\n    end: crossStart + crossSize - surfaceSize,\n  }[align];\n\n  return isVertical ? { top: main, left: cross } : { top: cross, left: main };\n};\n\n/** Yüzey görünüm alanına sığıyor mu (yalnızca ana eksende). */\nconst fits = (\n  position: { top: number; left: number },\n  surface: { width: number; height: number },\n  side: PositionSide,\n  padding: number,\n  viewport: { width: number; height: number },\n): boolean =>\n  ({\n    top: position.top >= padding,\n    bottom: position.top + surface.height <= viewport.height - padding,\n    left: position.left >= padding,\n    right: position.left + surface.width <= viewport.width - padding,\n  })[side];\n\n/**\n * ÇARPIŞMAYA DUYARLI KONUMLANDIRMA — `Tooltip`, `Popover`, `Menu` ve açılır listelerin ortak\n * temeli.\n */\nconst usePositioning = (\n  /*\n   * Capa yalniz OLCULUR: bir DOM ogesi (tetikleyici) ya da ogesi olmayan bir nokta (`ContextMenu`\n   * imlec konumu — `{ getBoundingClientRect }`, 0×0 dikdortgen).\n   */\n  anchorRef: { current: { getBoundingClientRect: () => PositioningRect } | null },\n  surfaceRef: { current: HTMLElement | null },\n  { side = 'top', align = 'center', offset = 8, padding = 8, isOpen }: PositioningOptions,\n): PositioningState => {\n  const [state, setState] = useState<PositioningState>({\n    style: { position: 'fixed', top: 0, left: 0 },\n    side,\n    anchorWidth: 0,\n    isPositioned: false,\n  });\n\n  /*\n   * Olcum her karede yeniden planlanmasin: kaydirma sirasinda saniyede onlarca olay dusuyor ve her\n   * biri bir yerlesim okumasi.\n   */\n  const frameRef = useRef(0);\n\n  const measure = useCallback(() => {\n    const anchor = anchorRef.current;\n    const surface = surfaceRef.current;\n    if (!anchor || !surface) return;\n\n    const anchorRect = anchor.getBoundingClientRect();\n    const surfaceRect = surface.getBoundingClientRect();\n    const viewport = { width: window.innerWidth, height: window.innerHeight };\n\n    /*\n     * KENAR SECIMI: tercih edilen kenar sigmiyorsa KARSITI denenir; o da sigmiyorsa tercih edilene\n     * donulur ve kirpma devreye girer.\n     */\n    const preferred = place(anchorRect, surfaceRect, side, align, offset);\n    const resolvedSide = fits(preferred, surfaceRect, side, padding, viewport)\n      ? side\n      : fits(\n            place(anchorRect, surfaceRect, OPPOSITE[side], align, offset),\n            surfaceRect,\n            OPPOSITE[side],\n            padding,\n            viewport,\n          )\n        ? OPPOSITE[side]\n        : side;\n\n    const placed = place(anchorRect, surfaceRect, resolvedSide, align, offset);\n\n    /*\n     * Capraz eksende KIRPMA: ekranin sag ucundaki bir tetikleyicinin balonu disari tasmak yerine\n     * kenara yaslanir.\n     */\n    setState({\n      style: {\n        position: 'fixed',\n        top: Math.round(clamp(placed.top, padding, viewport.height - surfaceRect.height - padding)),\n        left: Math.round(clamp(placed.left, padding, viewport.width - surfaceRect.width - padding)),\n      },\n      side: resolvedSide,\n      anchorWidth: anchorRect.width,\n      isPositioned: true,\n    });\n  }, [anchorRef, surfaceRef, side, align, offset, padding]);\n\n  const schedule = useCallback(() => {\n    if (frameRef.current) return;\n    frameRef.current = window.requestAnimationFrame(() => {\n      frameRef.current = 0;\n      measure();\n    });\n  }, [measure]);\n\n  /*\n   * `useLayoutEffect`: olcum BOYAMADAN once yapilmali. `useEffect` ile yuzey bir kare boyunca (0,\n   * 0) noktasinda — ekranin sol ust kosesinde\n   */\n  const useIsomorphicLayoutEffect = isClient() ? useLayoutEffect : useEffect;\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isOpen) {\n      setState(current => (current.isPositioned ? { ...current, isPositioned: false } : current));\n      return;\n    }\n\n    measure();\n\n    window.addEventListener('resize', schedule);\n\n    /* ⚠ `visualViewport` AYRICA dinlenir. */\n    window.visualViewport?.addEventListener('resize', schedule);\n    window.visualViewport?.addEventListener('scroll', schedule);\n    /*\n     * `capture: true` — kaydirma olayi BALONCUKLANMAZ; yakalama evresinde dinlemek, tetikleyicinin\n     * kaydirilan HER atasini tek dinleyiciyle kapsar.\n     */\n    document.addEventListener('scroll', schedule, true);\n\n    /*\n     * Yuzeyin kendi olcusu degisebiliyor (icerik geldi, liste suzuldu) ve degistiginde konum yanlis\n     * kalir.\n     */\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    if (observer && surfaceRef.current) observer.observe(surfaceRef.current);\n    /* `observe` oge ister: nokta capasi `TypeError` firlatirdi (boyutu da hic degismez). */\n    if (observer && anchorRef.current instanceof Element) observer.observe(anchorRef.current);\n\n    return () => {\n      window.removeEventListener('resize', schedule);\n      window.visualViewport?.removeEventListener('resize', schedule);\n      window.visualViewport?.removeEventListener('scroll', schedule);\n      document.removeEventListener('scroll', schedule, true);\n      observer?.disconnect();\n\n      if (frameRef.current) {\n        window.cancelAnimationFrame(frameRef.current);\n        frameRef.current = 0;\n      }\n    };\n  }, [isOpen, measure, schedule, anchorRef, surfaceRef]);\n\n  return state;\n};\n\nexport default usePositioning;\n"],"names":["OPPOSITE","clamp","value","min","max","place","anchor","surface","side","align","offset","isVertical","main","crossStart","crossSize","surfaceSize","cross","fits","position","padding","viewport","usePositioning","anchorRef","surfaceRef","isOpen","state","setState","useState","frameRef","useRef","measure","useCallback","anchorRect","surfaceRect","preferred","resolvedSide","placed","schedule","isClient","useLayoutEffect","useEffect","current","_a","_b","observer"],"mappings":"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"}

package/build/hooks/usePositioning.d.ts

@@ -0,0 +1,13 @@
+import { PositioningOptions, PositioningRect, PositioningState } from '../types/positioning.type';
+/**
+ * ÇARPIŞMAYA DUYARLI KONUMLANDIRMA — `Tooltip`, `Popover`, `Menu` ve açılır listelerin ortak
+ * temeli.
+ */
+declare const usePositioning: (anchorRef: {
+    current: {
+        getBoundingClientRect: () => PositioningRect;
+    } | null;
+}, surfaceRef: {
+    current: HTMLElement | null;
+}, { side, align, offset, padding, isOpen }: PositioningOptions) => PositioningState;
+export default usePositioning;

package/build/hooks/usePositioning.js

@@ -0,0 +1,74 @@
+"use client";
+import { useState as y, useRef as V, useCallback as z, useLayoutEffect as C, useEffect as M } from "react";
+import { isClient as x } from "@handijit/utils";
+const E = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, g = (t, o, e) => e < o ? o : Math.min(Math.max(t, o), e), a = (t, o, e, s, n) => {
+  const r = e === "top" || e === "bottom", m = {
+    top: t.top - o.height - n,
+    bottom: t.top + t.height + n,
+    left: t.left - o.width - n,
+    right: t.left + t.width + n
+  }[e], v = r ? t.left : t.top, p = r ? t.width : t.height, u = r ? o.width : o.height, w = {
+    start: v,
+    center: v + p / 2 - u / 2,
+    end: v + p - u
+  }[s];
+  return r ? { top: m, left: w } : { top: w, left: m };
+}, P = (t, o, e, s, n) => ({
+  top: t.top >= s,
+  bottom: t.top + o.height <= n.height - s,
+  left: t.left >= s,
+  right: t.left + o.width <= n.width - s
+})[e], A = (t, o, { side: e = "top", align: s = "center", offset: n = 8, padding: r = 8, isOpen: m }) => {
+  const [v, p] = y({
+    style: { position: "fixed", top: 0, left: 0 },
+    side: e,
+    anchorWidth: 0,
+    isPositioned: !1
+  }), u = V(0), w = z(() => {
+    const l = t.current, f = o.current;
+    if (!l || !f) return;
+    const h = l.getBoundingClientRect(), i = f.getBoundingClientRect(), d = { width: window.innerWidth, height: window.innerHeight }, S = a(h, i, e, s, n), L = P(S, i, e, r, d) ? e : P(
+      a(h, i, E[e], s, n),
+      i,
+      E[e],
+      r,
+      d
+    ) ? E[e] : e, b = a(h, i, L, s, n);
+    p({
+      style: {
+        position: "fixed",
+        top: Math.round(g(b.top, r, d.height - i.height - r)),
+        left: Math.round(g(b.left, r, d.width - i.width - r))
+      },
+      side: L,
+      anchorWidth: h.width,
+      isPositioned: !0
+    });
+  }, [t, o, e, s, n, r]), c = z(() => {
+    u.current || (u.current = window.requestAnimationFrame(() => {
+      u.current = 0, w();
+    }));
+  }, [w]);
+  return (x() ? C : M)(() => {
+    var f, h;
+    if (!m) {
+      p((i) => i.isPositioned ? { ...i, isPositioned: !1 } : i);
+      return;
+    }
+    w(), window.addEventListener("resize", c), (f = window.visualViewport) == null || f.addEventListener("resize", c), (h = window.visualViewport) == null || h.addEventListener("scroll", c), document.addEventListener("scroll", c, !0);
+    const l = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+    return l && o.current && l.observe(o.current), l && t.current instanceof Element && l.observe(t.current), () => {
+      var i, d;
+      window.removeEventListener("resize", c), (i = window.visualViewport) == null || i.removeEventListener("resize", c), (d = window.visualViewport) == null || d.removeEventListener("scroll", c), document.removeEventListener("scroll", c, !0), l == null || l.disconnect(), u.current && (window.cancelAnimationFrame(u.current), u.current = 0);
+    };
+  }, [m, w, c, t, o]), v;
+};
+export {
+  A as default
+};
+//# sourceMappingURL=usePositioning.js.map

package/build/hooks/usePositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePositioning.js","sources":["../../src/hooks/usePositioning.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { isClient } from '@handijit/utils';\nimport {\n  PositionAlign,\n  PositionSide,\n  PositioningOptions,\n  PositioningRect,\n  PositioningState,\n} from '@/types/positioning.type';\n\nconst OPPOSITE: Record<PositionSide, PositionSide> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n};\n\n/** Bir sayıyı [min, max] aralığına kırpar. */\n/**\n * Değeri aralığa sıkıştırır. Aralık geçersizse `min` kazanır: yüzey kenara yaslanır ve aşağı doğru\n * taşar.\n * ⚠ TERS ARALIK GÜVENLİ.\n */\nconst clamp = (value: number, min: number, max: number): number =>\n  max < min ? min : Math.min(Math.max(value, min), max);\n\n/** Verilen kenarda yüzeyin sol-üst köşesi nereye düşer. */\nconst place = (\n  anchor: PositioningRect,\n  surface: { width: number; height: number },\n  side: PositionSide,\n  align: PositionAlign,\n  offset: number,\n): { top: number; left: number } => {\n  const isVertical = side === 'top' || side === 'bottom';\n\n  /* Ana eksen: tetikleyicinin disinda, `offset` kadar uzakta. */\n  const main = {\n    top: anchor.top - surface.height - offset,\n    bottom: anchor.top + anchor.height + offset,\n    left: anchor.left - surface.width - offset,\n    right: anchor.left + anchor.width + offset,\n  }[side];\n\n  /* Capraz eksen: hizalama. */\n  const crossStart = isVertical ? anchor.left : anchor.top;\n  const crossSize = isVertical ? anchor.width : anchor.height;\n  const surfaceSize = isVertical ? surface.width : surface.height;\n\n  const cross = {\n    start: crossStart,\n    center: crossStart + crossSize / 2 - surfaceSize / 2,\n    end: crossStart + crossSize - surfaceSize,\n  }[align];\n\n  return isVertical ? { top: main, left: cross } : { top: cross, left: main };\n};\n\n/** Yüzey görünüm alanına sığıyor mu (yalnızca ana eksende). */\nconst fits = (\n  position: { top: number; left: number },\n  surface: { width: number; height: number },\n  side: PositionSide,\n  padding: number,\n  viewport: { width: number; height: number },\n): boolean =>\n  ({\n    top: position.top >= padding,\n    bottom: position.top + surface.height <= viewport.height - padding,\n    left: position.left >= padding,\n    right: position.left + surface.width <= viewport.width - padding,\n  })[side];\n\n/**\n * ÇARPIŞMAYA DUYARLI KONUMLANDIRMA — `Tooltip`, `Popover`, `Menu` ve açılır listelerin ortak\n * temeli.\n */\nconst usePositioning = (\n  /*\n   * Capa yalniz OLCULUR: bir DOM ogesi (tetikleyici) ya da ogesi olmayan bir nokta (`ContextMenu`\n   * imlec konumu — `{ getBoundingClientRect }`, 0×0 dikdortgen).\n   */\n  anchorRef: { current: { getBoundingClientRect: () => PositioningRect } | null },\n  surfaceRef: { current: HTMLElement | null },\n  { side = 'top', align = 'center', offset = 8, padding = 8, isOpen }: PositioningOptions,\n): PositioningState => {\n  const [state, setState] = useState<PositioningState>({\n    style: { position: 'fixed', top: 0, left: 0 },\n    side,\n    anchorWidth: 0,\n    isPositioned: false,\n  });\n\n  /*\n   * Olcum her karede yeniden planlanmasin: kaydirma sirasinda saniyede onlarca olay dusuyor ve her\n   * biri bir yerlesim okumasi.\n   */\n  const frameRef = useRef(0);\n\n  const measure = useCallback(() => {\n    const anchor = anchorRef.current;\n    const surface = surfaceRef.current;\n    if (!anchor || !surface) return;\n\n    const anchorRect = anchor.getBoundingClientRect();\n    const surfaceRect = surface.getBoundingClientRect();\n    const viewport = { width: window.innerWidth, height: window.innerHeight };\n\n    /*\n     * KENAR SECIMI: tercih edilen kenar sigmiyorsa KARSITI denenir; o da sigmiyorsa tercih edilene\n     * donulur ve kirpma devreye girer.\n     */\n    const preferred = place(anchorRect, surfaceRect, side, align, offset);\n    const resolvedSide = fits(preferred, surfaceRect, side, padding, viewport)\n      ? side\n      : fits(\n            place(anchorRect, surfaceRect, OPPOSITE[side], align, offset),\n            surfaceRect,\n            OPPOSITE[side],\n            padding,\n            viewport,\n          )\n        ? OPPOSITE[side]\n        : side;\n\n    const placed = place(anchorRect, surfaceRect, resolvedSide, align, offset);\n\n    /*\n     * Capraz eksende KIRPMA: ekranin sag ucundaki bir tetikleyicinin balonu disari tasmak yerine\n     * kenara yaslanir.\n     */\n    setState({\n      style: {\n        position: 'fixed',\n        top: Math.round(clamp(placed.top, padding, viewport.height - surfaceRect.height - padding)),\n        left: Math.round(clamp(placed.left, padding, viewport.width - surfaceRect.width - padding)),\n      },\n      side: resolvedSide,\n      anchorWidth: anchorRect.width,\n      isPositioned: true,\n    });\n  }, [anchorRef, surfaceRef, side, align, offset, padding]);\n\n  const schedule = useCallback(() => {\n    if (frameRef.current) return;\n    frameRef.current = window.requestAnimationFrame(() => {\n      frameRef.current = 0;\n      measure();\n    });\n  }, [measure]);\n\n  /*\n   * `useLayoutEffect`: olcum BOYAMADAN once yapilmali. `useEffect` ile yuzey bir kare boyunca (0,\n   * 0) noktasinda — ekranin sol ust kosesinde\n   */\n  const useIsomorphicLayoutEffect = isClient() ? useLayoutEffect : useEffect;\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isOpen) {\n      setState(current => (current.isPositioned ? { ...current, isPositioned: false } : current));\n      return;\n    }\n\n    measure();\n\n    window.addEventListener('resize', schedule);\n\n    /* ⚠ `visualViewport` AYRICA dinlenir. */\n    window.visualViewport?.addEventListener('resize', schedule);\n    window.visualViewport?.addEventListener('scroll', schedule);\n    /*\n     * `capture: true` — kaydirma olayi BALONCUKLANMAZ; yakalama evresinde dinlemek, tetikleyicinin\n     * kaydirilan HER atasini tek dinleyiciyle kapsar.\n     */\n    document.addEventListener('scroll', schedule, true);\n\n    /*\n     * Yuzeyin kendi olcusu degisebiliyor (icerik geldi, liste suzuldu) ve degistiginde konum yanlis\n     * kalir.\n     */\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    if (observer && surfaceRef.current) observer.observe(surfaceRef.current);\n    /* `observe` oge ister: nokta capasi `TypeError` firlatirdi (boyutu da hic degismez). */\n    if (observer && anchorRef.current instanceof Element) observer.observe(anchorRef.current);\n\n    return () => {\n      window.removeEventListener('resize', schedule);\n      window.visualViewport?.removeEventListener('resize', schedule);\n      window.visualViewport?.removeEventListener('scroll', schedule);\n      document.removeEventListener('scroll', schedule, true);\n      observer?.disconnect();\n\n      if (frameRef.current) {\n        window.cancelAnimationFrame(frameRef.current);\n        frameRef.current = 0;\n      }\n    };\n  }, [isOpen, measure, schedule, anchorRef, surfaceRef]);\n\n  return state;\n};\n\nexport default usePositioning;\n"],"names":["OPPOSITE","clamp","value","min","max","place","anchor","surface","side","align","offset","isVertical","main","crossStart","crossSize","surfaceSize","cross","fits","position","padding","viewport","usePositioning","anchorRef","surfaceRef","isOpen","state","setState","useState","frameRef","useRef","measure","useCallback","anchorRect","surfaceRect","preferred","resolvedSide","placed","schedule","isClient","useLayoutEffect","useEffect","current","_a","_b","observer"],"mappings":"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"}

package/build/hooks/useScrollLock.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react");let o=0,e=null;const r=()=>{if(typeof navigator>"u")return!1;const t=navigator.userAgent;return/iP(hone|ad|od)/.test(t)?!0:/Macintosh/.test(t)&&navigator.maxTouchPoints>1},d=()=>{if(o+=1,o>1)return;const{body:t,style:l}={body:document.body,style:document.documentElement.style},n=window.scrollY;e={overflow:t.style.overflow,position:t.style.position,top:t.style.top,width:t.style.width,paddingRight:t.style.paddingRight,scrollY:n};const s=window.innerWidth-document.documentElement.clientWidth;s>0&&(t.style.paddingRight=`${s}px`),l.setProperty("scrollbar-gutter","stable"),t.style.overflow="hidden",r()&&(t.style.position="fixed",t.style.top=`${-n}px`,t.style.width="100%")},u=()=>{if(o=Math.max(0,o-1),o>0||!e)return;const{body:t}=document,{scrollY:l}=e;t.style.overflow=e.overflow,t.style.position=e.position,t.style.top=e.top,t.style.width=e.width,t.style.paddingRight=e.paddingRight,document.documentElement.style.removeProperty("scrollbar-gutter"),e=null,window.scrollTo(0,l)},c=(t=!0)=>{i.useEffect(()=>{if(t)return d(),u},[t])};exports.default=c;
+//# sourceMappingURL=useScrollLock.cjs.map

package/build/hooks/useScrollLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.cjs","sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * SAYFA KAYDIRMA KİLİDİ — sayaçlı, tek yerde.\n * @param isLocked Kilit bu örnek için etkin mi.\n */\n\n/* Kac tane acik panel var. */\nlet lockCount = 0;\n\n/** Kilit yazılmadan önceki hâl — SON kapanışta buradan geri yüklenir. */\nlet previous: {\n  overflow: string;\n  position: string;\n  top: string;\n  width: string;\n  paddingRight: string;\n  scrollY: number;\n} | null = null;\n\n/**\n * iOS Safari mi? `userAgent` üzerinden Apple dokunmatik cihazı testi hem kaldırılmamış hem daha\n * dar: iPadOS 13+ masaüstü UA'sı gönderdiği için…\n * ⚠ `navigator.platform` KULLANILMAZ — spesifikasyondan KALDIRILDI ve tarayıcılar onu\n * dondurulmuş/uydurma değerlerle döndürüyor.\n */\nconst isIOS = (): boolean => {\n  if (typeof navigator === 'undefined') return false;\n\n  const ua = navigator.userAgent;\n  if (/iP(hone|ad|od)/.test(ua)) return true;\n\n  /* iPadOS 13+ kendini masaüstü Safari gibi tanıtıyor. */\n  return /Macintosh/.test(ua) && navigator.maxTouchPoints > 1;\n};\n\nconst lock = (): void => {\n  lockCount += 1;\n  if (lockCount > 1) return;\n\n  const { body, style: rootStyle } = { body: document.body, style: document.documentElement.style };\n  const scrollY = window.scrollY;\n\n  previous = {\n    overflow: body.style.overflow,\n    position: body.style.position,\n    top: body.style.top,\n    width: body.style.width,\n    paddingRight: body.style.paddingRight,\n    scrollY,\n  };\n\n  /* Cubugun genisligi: `scrollbar-gutter` desteklenmiyorsa dolgu olarak yazilir. */\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n  if (scrollbarWidth > 0) body.style.paddingRight = `${scrollbarWidth}px`;\n\n  rootStyle.setProperty('scrollbar-gutter', 'stable');\n  body.style.overflow = 'hidden';\n\n  if (isIOS()) {\n    body.style.position = 'fixed';\n    body.style.top = `${-scrollY}px`;\n    body.style.width = '100%';\n  }\n};\n\nconst unlock = (): void => {\n  lockCount = Math.max(0, lockCount - 1);\n  if (lockCount > 0 || !previous) return;\n\n  const { body } = document;\n  const { scrollY } = previous;\n\n  body.style.overflow = previous.overflow;\n  body.style.position = previous.position;\n  body.style.top = previous.top;\n  body.style.width = previous.width;\n  body.style.paddingRight = previous.paddingRight;\n  document.documentElement.style.removeProperty('scrollbar-gutter');\n\n  previous = null;\n\n  /*\n   * Govde sabitlenmisken kaydirma konumu sifirlaniyor; geri yazilmazsa kullanici pencereyi\n   * kapattiginda sayfanin en basina duser.\n   */\n  window.scrollTo(0, scrollY);\n};\n\nconst useScrollLock = (isLocked = true): void => {\n  useEffect(() => {\n    if (!isLocked) return;\n\n    lock();\n    return unlock;\n  }, [isLocked]);\n};\n\nexport default useScrollLock;\n"],"names":["lockCount","previous","isIOS","ua","lock","body","rootStyle","scrollY","scrollbarWidth","unlock","useScrollLock","isLocked","useEffect"],"mappings":"kJASA,IAAIA,EAAY,EAGZC,EAOO,KAQX,MAAMC,EAAQ,IAAe,CAC3B,GAAI,OAAO,UAAc,IAAa,MAAO,GAE7C,MAAMC,EAAK,UAAU,UACrB,MAAI,iBAAiB,KAAKA,CAAE,EAAU,GAG/B,YAAY,KAAKA,CAAE,GAAK,UAAU,eAAiB,CAC5D,EAEMC,EAAO,IAAY,CAEvB,GADAJ,GAAa,EACTA,EAAY,EAAG,OAEnB,KAAM,CAAE,KAAAK,EAAM,MAAOC,CAAA,EAAc,CAAE,KAAM,SAAS,KAAM,MAAO,SAAS,gBAAgB,KAAA,EACpFC,EAAU,OAAO,QAEvBN,EAAW,CACT,SAAUI,EAAK,MAAM,SACrB,SAAUA,EAAK,MAAM,SACrB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,aAAcA,EAAK,MAAM,aACzB,QAAAE,CAAA,EAIF,MAAMC,EAAiB,OAAO,WAAa,SAAS,gBAAgB,YAChEA,EAAiB,IAAGH,EAAK,MAAM,aAAe,GAAGG,CAAc,MAEnEF,EAAU,YAAY,mBAAoB,QAAQ,EAClDD,EAAK,MAAM,SAAW,SAElBH,MACFG,EAAK,MAAM,SAAW,QACtBA,EAAK,MAAM,IAAM,GAAG,CAACE,CAAO,KAC5BF,EAAK,MAAM,MAAQ,OAEvB,EAEMI,EAAS,IAAY,CAEzB,GADAT,EAAY,KAAK,IAAI,EAAGA,EAAY,CAAC,EACjCA,EAAY,GAAK,CAACC,EAAU,OAEhC,KAAM,CAAE,KAAAI,GAAS,SACX,CAAE,QAAAE,GAAYN,EAEpBI,EAAK,MAAM,SAAWJ,EAAS,SAC/BI,EAAK,MAAM,SAAWJ,EAAS,SAC/BI,EAAK,MAAM,IAAMJ,EAAS,IAC1BI,EAAK,MAAM,MAAQJ,EAAS,MAC5BI,EAAK,MAAM,aAAeJ,EAAS,aACnC,SAAS,gBAAgB,MAAM,eAAe,kBAAkB,EAEhEA,EAAW,KAMX,OAAO,SAAS,EAAGM,CAAO,CAC5B,EAEMG,EAAgB,CAACC,EAAW,KAAe,CAC/CC,EAAAA,UAAU,IAAM,CACd,GAAKD,EAEL,OAAAP,EAAA,EACOK,CACT,EAAG,CAACE,CAAQ,CAAC,CACf"}

package/build/hooks/useScrollLock.d.ts

@@ -0,0 +1,2 @@
+declare const useScrollLock: (isLocked?: boolean) => void;
+export default useScrollLock;

package/build/hooks/useScrollLock.js

@@ -0,0 +1,34 @@
+"use client";
+import { useEffect as i } from "react";
+let e = 0, o = null;
+const r = () => {
+  if (typeof navigator > "u") return !1;
+  const t = navigator.userAgent;
+  return /iP(hone|ad|od)/.test(t) ? !0 : /Macintosh/.test(t) && navigator.maxTouchPoints > 1;
+}, d = () => {
+  if (e += 1, e > 1) return;
+  const { body: t, style: n } = { body: document.body, style: document.documentElement.style }, l = window.scrollY;
+  o = {
+    overflow: t.style.overflow,
+    position: t.style.position,
+    top: t.style.top,
+    width: t.style.width,
+    paddingRight: t.style.paddingRight,
+    scrollY: l
+  };
+  const s = window.innerWidth - document.documentElement.clientWidth;
+  s > 0 && (t.style.paddingRight = `${s}px`), n.setProperty("scrollbar-gutter", "stable"), t.style.overflow = "hidden", r() && (t.style.position = "fixed", t.style.top = `${-l}px`, t.style.width = "100%");
+}, c = () => {
+  if (e = Math.max(0, e - 1), e > 0 || !o) return;
+  const { body: t } = document, { scrollY: n } = o;
+  t.style.overflow = o.overflow, t.style.position = o.position, t.style.top = o.top, t.style.width = o.width, t.style.paddingRight = o.paddingRight, document.documentElement.style.removeProperty("scrollbar-gutter"), o = null, window.scrollTo(0, n);
+}, y = (t = !0) => {
+  i(() => {
+    if (t)
+      return d(), c;
+  }, [t]);
+};
+export {
+  y as default
+};
+//# sourceMappingURL=useScrollLock.js.map

package/build/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sources":["../../src/hooks/useScrollLock.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * SAYFA KAYDIRMA KİLİDİ — sayaçlı, tek yerde.\n * @param isLocked Kilit bu örnek için etkin mi.\n */\n\n/* Kac tane acik panel var. */\nlet lockCount = 0;\n\n/** Kilit yazılmadan önceki hâl — SON kapanışta buradan geri yüklenir. */\nlet previous: {\n  overflow: string;\n  position: string;\n  top: string;\n  width: string;\n  paddingRight: string;\n  scrollY: number;\n} | null = null;\n\n/**\n * iOS Safari mi? `userAgent` üzerinden Apple dokunmatik cihazı testi hem kaldırılmamış hem daha\n * dar: iPadOS 13+ masaüstü UA'sı gönderdiği için…\n * ⚠ `navigator.platform` KULLANILMAZ — spesifikasyondan KALDIRILDI ve tarayıcılar onu\n * dondurulmuş/uydurma değerlerle döndürüyor.\n */\nconst isIOS = (): boolean => {\n  if (typeof navigator === 'undefined') return false;\n\n  const ua = navigator.userAgent;\n  if (/iP(hone|ad|od)/.test(ua)) return true;\n\n  /* iPadOS 13+ kendini masaüstü Safari gibi tanıtıyor. */\n  return /Macintosh/.test(ua) && navigator.maxTouchPoints > 1;\n};\n\nconst lock = (): void => {\n  lockCount += 1;\n  if (lockCount > 1) return;\n\n  const { body, style: rootStyle } = { body: document.body, style: document.documentElement.style };\n  const scrollY = window.scrollY;\n\n  previous = {\n    overflow: body.style.overflow,\n    position: body.style.position,\n    top: body.style.top,\n    width: body.style.width,\n    paddingRight: body.style.paddingRight,\n    scrollY,\n  };\n\n  /* Cubugun genisligi: `scrollbar-gutter` desteklenmiyorsa dolgu olarak yazilir. */\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n  if (scrollbarWidth > 0) body.style.paddingRight = `${scrollbarWidth}px`;\n\n  rootStyle.setProperty('scrollbar-gutter', 'stable');\n  body.style.overflow = 'hidden';\n\n  if (isIOS()) {\n    body.style.position = 'fixed';\n    body.style.top = `${-scrollY}px`;\n    body.style.width = '100%';\n  }\n};\n\nconst unlock = (): void => {\n  lockCount = Math.max(0, lockCount - 1);\n  if (lockCount > 0 || !previous) return;\n\n  const { body } = document;\n  const { scrollY } = previous;\n\n  body.style.overflow = previous.overflow;\n  body.style.position = previous.position;\n  body.style.top = previous.top;\n  body.style.width = previous.width;\n  body.style.paddingRight = previous.paddingRight;\n  document.documentElement.style.removeProperty('scrollbar-gutter');\n\n  previous = null;\n\n  /*\n   * Govde sabitlenmisken kaydirma konumu sifirlaniyor; geri yazilmazsa kullanici pencereyi\n   * kapattiginda sayfanin en basina duser.\n   */\n  window.scrollTo(0, scrollY);\n};\n\nconst useScrollLock = (isLocked = true): void => {\n  useEffect(() => {\n    if (!isLocked) return;\n\n    lock();\n    return unlock;\n  }, [isLocked]);\n};\n\nexport default useScrollLock;\n"],"names":["lockCount","previous","isIOS","ua","lock","body","rootStyle","scrollY","scrollbarWidth","unlock","useScrollLock","isLocked","useEffect"],"mappings":";;AASA,IAAIA,IAAY,GAGZC,IAOO;AAQX,MAAMC,IAAQ,MAAe;AAC3B,MAAI,OAAO,YAAc,IAAa,QAAO;AAE7C,QAAMC,IAAK,UAAU;AACrB,SAAI,iBAAiB,KAAKA,CAAE,IAAU,KAG/B,YAAY,KAAKA,CAAE,KAAK,UAAU,iBAAiB;AAC5D,GAEMC,IAAO,MAAY;AAEvB,MADAJ,KAAa,GACTA,IAAY,EAAG;AAEnB,QAAM,EAAE,MAAAK,GAAM,OAAOC,EAAA,IAAc,EAAE,MAAM,SAAS,MAAM,OAAO,SAAS,gBAAgB,MAAA,GACpFC,IAAU,OAAO;AAEvB,EAAAN,IAAW;AAAA,IACT,UAAUI,EAAK,MAAM;AAAA,IACrB,UAAUA,EAAK,MAAM;AAAA,IACrB,KAAKA,EAAK,MAAM;AAAA,IAChB,OAAOA,EAAK,MAAM;AAAA,IAClB,cAAcA,EAAK,MAAM;AAAA,IACzB,SAAAE;AAAA,EAAA;AAIF,QAAMC,IAAiB,OAAO,aAAa,SAAS,gBAAgB;AACpE,EAAIA,IAAiB,MAAGH,EAAK,MAAM,eAAe,GAAGG,CAAc,OAEnEF,EAAU,YAAY,oBAAoB,QAAQ,GAClDD,EAAK,MAAM,WAAW,UAElBH,QACFG,EAAK,MAAM,WAAW,SACtBA,EAAK,MAAM,MAAM,GAAG,CAACE,CAAO,MAC5BF,EAAK,MAAM,QAAQ;AAEvB,GAEMI,IAAS,MAAY;AAEzB,MADAT,IAAY,KAAK,IAAI,GAAGA,IAAY,CAAC,GACjCA,IAAY,KAAK,CAACC,EAAU;AAEhC,QAAM,EAAE,MAAAI,MAAS,UACX,EAAE,SAAAE,MAAYN;AAEpB,EAAAI,EAAK,MAAM,WAAWJ,EAAS,UAC/BI,EAAK,MAAM,WAAWJ,EAAS,UAC/BI,EAAK,MAAM,MAAMJ,EAAS,KAC1BI,EAAK,MAAM,QAAQJ,EAAS,OAC5BI,EAAK,MAAM,eAAeJ,EAAS,cACnC,SAAS,gBAAgB,MAAM,eAAe,kBAAkB,GAEhEA,IAAW,MAMX,OAAO,SAAS,GAAGM,CAAO;AAC5B,GAEMG,IAAgB,CAACC,IAAW,OAAe;AAC/C,EAAAC,EAAU,MAAM;AACd,QAAKD;AAEL,aAAAP,EAAA,GACOK;AAAA,EACT,GAAG,CAACE,CAAQ,CAAC;AACf;"}

package/build/hooks/useSheetViewport.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),u="--ui-sheet-height",c="--ui-sheet-inset-bottom";let o=0,r=0;const l=240,d=()=>{const e=window.visualViewport;if(!e||e.height<l)return;const t=window.innerHeight-e.height-e.offsetTop,i=document.documentElement;i.style.setProperty(c,`${Math.max(0,Math.round(t))}px`),i.style.setProperty(u,`${Math.round(e.height)}px`)},n=()=>{r||(r=window.requestAnimationFrame(()=>{r=0,d()}))},s=()=>{r&&(window.cancelAnimationFrame(r),r=0)},m=(e=!0)=>{a.useEffect(()=>{if(!e)return;const t=window.visualViewport;if(t)return o+=1,o===1&&(t.addEventListener("resize",n),t.addEventListener("scroll",n),window.addEventListener("orientationchange",n)),s(),d(),()=>{o-=1,!(o>0)&&(t.removeEventListener("resize",n),t.removeEventListener("scroll",n),window.removeEventListener("orientationchange",n),s(),document.documentElement.style.removeProperty(c),document.documentElement.style.removeProperty(u))}},[e])};exports.default=m;
+//# sourceMappingURL=useSheetViewport.cjs.map

package/build/hooks/useSheetViewport.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetViewport.cjs","sources":["../../src/hooks/useSheetViewport.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/** Panelin kaplayabilecegi en fazla yukseklik — GORUNEN alanin yuksekligi. */\nconst HEIGHT_VAR = '--ui-sheet-height';\n\n/** Panelin dibinin, yerlesim gorunum alaninin dibinden ne kadar yukarida duracagi. */\nconst INSET_VAR = '--ui-sheet-inset-bottom';\n\n/* Tek olcum, tek dinleyici. */\nlet openCount = 0;\nlet frame = 0;\n\n/** Gorsel gorunum alanini olcup CSS degiskenlerine yazar. */\n/** MAKUL EN KÜÇÜK GÖRÜNÜM ALANI. */\nconst MIN_VIEWPORT_HEIGHT = 240;\n\nconst measure = () => {\n  const viewport = window.visualViewport;\n  if (!viewport) return;\n\n  /* ABSURT OLCUM YAZILMAZ. */\n  if (viewport.height < MIN_VIEWPORT_HEIGHT) return;\n\n  const covered = window.innerHeight - viewport.height - viewport.offsetTop;\n  const root = document.documentElement;\n\n  root.style.setProperty(INSET_VAR, `${Math.max(0, Math.round(covered))}px`);\n  root.style.setProperty(HEIGHT_VAR, `${Math.round(viewport.height)}px`);\n};\n\n/**\n * Kare başına bir ölçüm: klavye açılırken `resize` ve `scroll` ard arda düşüyor ve her ölçüm bir\n * yerleşim okuması.\n */\nconst schedule = () => {\n  if (frame) return;\n  frame = window.requestAnimationFrame(() => {\n    frame = 0;\n    measure();\n  });\n};\n\n/** Bekleyen kareyi iptal eder ve bayrağı serbest bırakır. */\nconst cancelScheduled = () => {\n  if (!frame) return;\n  window.cancelAnimationFrame(frame);\n  frame = 0;\n};\n\n/**\n * Alt sayfayi gorunen alana yaslar.\n * @param isActive Panel acik mi.\n */\nconst useSheetViewport = (isActive = true) => {\n  useEffect(() => {\n    if (!isActive) return;\n\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n\n    openCount += 1;\n\n    if (openCount === 1) {\n      viewport.addEventListener('resize', schedule);\n      viewport.addEventListener('scroll', schedule);\n      window.addEventListener('orientationchange', schedule);\n    }\n\n    /* Bekleyen kare IPTAL edilir ve olcum SENKRON yapilir. */\n    cancelScheduled();\n    measure();\n\n    return () => {\n      openCount -= 1;\n      if (openCount > 0) return;\n\n      viewport.removeEventListener('resize', schedule);\n      viewport.removeEventListener('scroll', schedule);\n      window.removeEventListener('orientationchange', schedule);\n\n      cancelScheduled();\n\n      /*\n       * Degiskenler SILINIR, sifirlanmaz: yedek deger CSS'te (`var(…, 0px)` / `var(…, 100dvh)`) ve\n       * panel kapaliyken dogru olan o.\n       */\n      document.documentElement.style.removeProperty(INSET_VAR);\n      document.documentElement.style.removeProperty(HEIGHT_VAR);\n    };\n  }, [isActive]);\n};\n\nexport default useSheetViewport;\n"],"names":["HEIGHT_VAR","INSET_VAR","openCount","frame","MIN_VIEWPORT_HEIGHT","measure","viewport","covered","root","schedule","cancelScheduled","useSheetViewport","isActive","useEffect"],"mappings":"kJAIMA,EAAa,oBAGbC,EAAY,0BAGlB,IAAIC,EAAY,EACZC,EAAQ,EAIZ,MAAMC,EAAsB,IAEtBC,EAAU,IAAM,CACpB,MAAMC,EAAW,OAAO,eAIxB,GAHI,CAACA,GAGDA,EAAS,OAASF,EAAqB,OAE3C,MAAMG,EAAU,OAAO,YAAcD,EAAS,OAASA,EAAS,UAC1DE,EAAO,SAAS,gBAEtBA,EAAK,MAAM,YAAYP,EAAW,GAAG,KAAK,IAAI,EAAG,KAAK,MAAMM,CAAO,CAAC,CAAC,IAAI,EACzEC,EAAK,MAAM,YAAYR,EAAY,GAAG,KAAK,MAAMM,EAAS,MAAM,CAAC,IAAI,CACvE,EAMMG,EAAW,IAAM,CACjBN,IACJA,EAAQ,OAAO,sBAAsB,IAAM,CACzCA,EAAQ,EACRE,EAAA,CACF,CAAC,EACH,EAGMK,EAAkB,IAAM,CACvBP,IACL,OAAO,qBAAqBA,CAAK,EACjCA,EAAQ,EACV,EAMMQ,EAAmB,CAACC,EAAW,KAAS,CAC5CC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACD,EAAU,OAEf,MAAMN,EAAW,OAAO,eACxB,GAAKA,EAEL,OAAAJ,GAAa,EAETA,IAAc,IAChBI,EAAS,iBAAiB,SAAUG,CAAQ,EAC5CH,EAAS,iBAAiB,SAAUG,CAAQ,EAC5C,OAAO,iBAAiB,oBAAqBA,CAAQ,GAIvDC,EAAA,EACAL,EAAA,EAEO,IAAM,CACXH,GAAa,EACT,EAAAA,EAAY,KAEhBI,EAAS,oBAAoB,SAAUG,CAAQ,EAC/CH,EAAS,oBAAoB,SAAUG,CAAQ,EAC/C,OAAO,oBAAoB,oBAAqBA,CAAQ,EAExDC,EAAA,EAMA,SAAS,gBAAgB,MAAM,eAAeT,CAAS,EACvD,SAAS,gBAAgB,MAAM,eAAeD,CAAU,EAC1D,CACF,EAAG,CAACY,CAAQ,CAAC,CACf"}

package/build/hooks/useSheetViewport.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Alt sayfayi gorunen alana yaslar.
+ * @param isActive Panel acik mi.
+ */
+declare const useSheetViewport: (isActive?: boolean) => void;
+export default useSheetViewport;