@handijit/ui 0.0.0-stage → 2.0.0

package/build/hooks/useSheetViewport.js

@@ -0,0 +1,29 @@
+"use client";
+import { useEffect as m } from "react";
+const u = "--ui-sheet-height", c = "--ui-sheet-inset-bottom";
+let r = 0, o = 0;
+const a = 240, d = () => {
+  const e = window.visualViewport;
+  if (!e || e.height < a) 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 = () => {
+  o || (o = window.requestAnimationFrame(() => {
+    o = 0, d();
+  }));
+}, s = () => {
+  o && (window.cancelAnimationFrame(o), o = 0);
+}, h = (e = !0) => {
+  m(() => {
+    if (!e) return;
+    const t = window.visualViewport;
+    if (t)
+      return r += 1, r === 1 && (t.addEventListener("resize", n), t.addEventListener("scroll", n), window.addEventListener("orientationchange", n)), s(), d(), () => {
+        r -= 1, !(r > 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]);
+};
+export {
+  h as default
+};
+//# sourceMappingURL=useSheetViewport.js.map

package/build/hooks/useSheetViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetViewport.js","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":";;AAIA,MAAMA,IAAa,qBAGbC,IAAY;AAGlB,IAAIC,IAAY,GACZC,IAAQ;AAIZ,MAAMC,IAAsB,KAEtBC,IAAU,MAAM;AACpB,QAAMC,IAAW,OAAO;AAIxB,MAHI,CAACA,KAGDA,EAAS,SAASF,EAAqB;AAE3C,QAAMG,IAAU,OAAO,cAAcD,EAAS,SAASA,EAAS,WAC1DE,IAAO,SAAS;AAEtB,EAAAA,EAAK,MAAM,YAAYP,GAAW,GAAG,KAAK,IAAI,GAAG,KAAK,MAAMM,CAAO,CAAC,CAAC,IAAI,GACzEC,EAAK,MAAM,YAAYR,GAAY,GAAG,KAAK,MAAMM,EAAS,MAAM,CAAC,IAAI;AACvE,GAMMG,IAAW,MAAM;AACrB,EAAIN,MACJA,IAAQ,OAAO,sBAAsB,MAAM;AACzC,IAAAA,IAAQ,GACRE,EAAA;AAAA,EACF,CAAC;AACH,GAGMK,IAAkB,MAAM;AAC5B,EAAKP,MACL,OAAO,qBAAqBA,CAAK,GACjCA,IAAQ;AACV,GAMMQ,IAAmB,CAACC,IAAW,OAAS;AAC5C,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,EAAU;AAEf,UAAMN,IAAW,OAAO;AACxB,QAAKA;AAEL,aAAAJ,KAAa,GAETA,MAAc,MAChBI,EAAS,iBAAiB,UAAUG,CAAQ,GAC5CH,EAAS,iBAAiB,UAAUG,CAAQ,GAC5C,OAAO,iBAAiB,qBAAqBA,CAAQ,IAIvDC,EAAA,GACAL,EAAA,GAEO,MAAM;AAEX,QADAH,KAAa,GACT,EAAAA,IAAY,OAEhBI,EAAS,oBAAoB,UAAUG,CAAQ,GAC/CH,EAAS,oBAAoB,UAAUG,CAAQ,GAC/C,OAAO,oBAAoB,qBAAqBA,CAAQ,GAExDC,EAAA,GAMA,SAAS,gBAAgB,MAAM,eAAeT,CAAS,GACvD,SAAS,gBAAgB,MAAM,eAAeD,CAAU;AAAA,MAC1D;AAAA,EACF,GAAG,CAACY,CAAQ,CAAC;AACf;"}

package/build/hooks/useStickToBottom.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),h=require("../constants/scroll.constants.cjs"),b=t=>t.scrollHeight-t.scrollTop-t.clientHeight,T=()=>{var t;return((t=window.matchMedia)==null?void 0:t.call(window,"(prefers-reduced-motion: reduce)").matches)??!1},E=(t,c=!0)=>{const o=s.useRef(!0),[d,u]=s.useState(!0),n=s.useCallback(()=>{const e=t.current;e&&o.current&&(e.scrollTop=e.scrollHeight)},[t]);s.useEffect(()=>{const e=t.current;if(!c||!e)return;const l=()=>{const a=b(e)<h.STICK_TO_END_THRESHOLD;o.current=a,u(a)};n(),e.addEventListener("scroll",l,{passive:!0});const i=new MutationObserver(n);i.observe(e,{childList:!0,subtree:!0,characterData:!0});const r=typeof ResizeObserver>"u"?null:new ResizeObserver(n);return r==null||r.observe(e),()=>{e.removeEventListener("scroll",l),i.disconnect(),r==null||r.disconnect()}},[c,t,n]);const v=s.useCallback(()=>{const e=t.current;e&&(o.current=!0,u(!0),e.scrollTo({top:e.scrollHeight,behavior:T()?"instant":"smooth"}))},[t]);return{isAtEnd:d,scrollToEnd:v}};exports.default=E;
+//# sourceMappingURL=useStickToBottom.cjs.map

package/build/hooks/useStickToBottom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStickToBottom.cjs","sources":["../../src/hooks/useStickToBottom.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { STICK_TO_END_THRESHOLD } from '../constants/scroll.constants';\nimport type { StickToBottom } from '@/types/hook.type';\n\nconst distanceToEnd = (node: HTMLElement): number =>\n  node.scrollHeight - node.scrollTop - node.clientHeight;\n\nconst prefersReducedMotion = (): boolean =>\n  window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\n/**\n * Kaydırma kutusunu SONA yapışık tutar — kullanıcı yukarı kaydırana kadar. Akan bir yanıt, canlı\n * terminal çıktısı, büyüyen akıl yürütme metni.\n * İçerik değişimini (`MutationObserver`: yeni satır, akan metin) ve kutunun kendi boyunu\n * (`ResizeObserver`: ekran klavyesi açılınca) izler; render'da yerleşim okumaz.\n * @param isEnabled `false` iken hiçbir şey izlenmez.\n * @example const { isAtEnd, scrollToEnd } = useStickToBottom(listRef);\n */\nconst useStickToBottom = (ref: RefObject<HTMLElement | null>, isEnabled = true): StickToBottom => {\n  const isPinned = useRef(true);\n  const [isAtEnd, setIsAtEnd] = useState(true);\n\n  const stick = useCallback(() => {\n    const node = ref.current;\n    if (node && isPinned.current) node.scrollTop = node.scrollHeight;\n  }, [ref]);\n\n  useEffect(() => {\n    const node = ref.current;\n    if (!isEnabled || !node) return;\n\n    const handleScroll = () => {\n      const atEnd = distanceToEnd(node) < STICK_TO_END_THRESHOLD;\n      isPinned.current = atEnd;\n      setIsAtEnd(atEnd);\n    };\n\n    stick();\n    node.addEventListener('scroll', handleScroll, { passive: true });\n\n    const mutations = new MutationObserver(stick);\n    mutations.observe(node, { childList: true, subtree: true, characterData: true });\n\n    const resize = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(stick);\n    resize?.observe(node);\n\n    return () => {\n      node.removeEventListener('scroll', handleScroll);\n      mutations.disconnect();\n      resize?.disconnect();\n    };\n  }, [isEnabled, ref, stick]);\n\n  /* \"En yeniye in\": yeniden yapışır. Azaltılmış harekette ANİ. */\n  const scrollToEnd = useCallback(() => {\n    const node = ref.current;\n    if (!node) return;\n\n    isPinned.current = true;\n    setIsAtEnd(true);\n    node.scrollTo({\n      top: node.scrollHeight,\n      behavior: prefersReducedMotion() ? 'instant' : 'smooth',\n    });\n  }, [ref]);\n\n  return { isAtEnd, scrollToEnd };\n};\n\nexport default useStickToBottom;\n"],"names":["distanceToEnd","node","prefersReducedMotion","_a","useStickToBottom","ref","isEnabled","isPinned","useRef","isAtEnd","setIsAtEnd","useState","stick","useCallback","useEffect","handleScroll","atEnd","STICK_TO_END_THRESHOLD","mutations","resize","scrollToEnd"],"mappings":"iMAMMA,EAAiBC,GACrBA,EAAK,aAAeA,EAAK,UAAYA,EAAK,aAEtCC,EAAuB,IAAA,OAC3B,QAAAC,EAAA,OAAO,aAAP,YAAAA,EAAA,YAAoB,oCAAoC,UAAW,IAU/DC,EAAmB,CAACC,EAAoCC,EAAY,KAAwB,CAChG,MAAMC,EAAWC,EAAAA,OAAO,EAAI,EACtB,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAI,EAErCC,EAAQC,EAAAA,YAAY,IAAM,CAC9B,MAAMZ,EAAOI,EAAI,QACbJ,GAAQM,EAAS,UAASN,EAAK,UAAYA,EAAK,aACtD,EAAG,CAACI,CAAG,CAAC,EAERS,EAAAA,UAAU,IAAM,CACd,MAAMb,EAAOI,EAAI,QACjB,GAAI,CAACC,GAAa,CAACL,EAAM,OAEzB,MAAMc,EAAe,IAAM,CACzB,MAAMC,EAAQhB,EAAcC,CAAI,EAAIgB,EAAAA,uBACpCV,EAAS,QAAUS,EACnBN,EAAWM,CAAK,CAClB,EAEAJ,EAAA,EACAX,EAAK,iBAAiB,SAAUc,EAAc,CAAE,QAAS,GAAM,EAE/D,MAAMG,EAAY,IAAI,iBAAiBN,CAAK,EAC5CM,EAAU,QAAQjB,EAAM,CAAE,UAAW,GAAM,QAAS,GAAM,cAAe,GAAM,EAE/E,MAAMkB,EAAS,OAAO,eAAmB,IAAc,KAAO,IAAI,eAAeP,CAAK,EACtF,OAAAO,GAAA,MAAAA,EAAQ,QAAQlB,GAET,IAAM,CACXA,EAAK,oBAAoB,SAAUc,CAAY,EAC/CG,EAAU,WAAA,EACVC,GAAA,MAAAA,EAAQ,YACV,CACF,EAAG,CAACb,EAAWD,EAAKO,CAAK,CAAC,EAG1B,MAAMQ,EAAcP,EAAAA,YAAY,IAAM,CACpC,MAAMZ,EAAOI,EAAI,QACZJ,IAELM,EAAS,QAAU,GACnBG,EAAW,EAAI,EACfT,EAAK,SAAS,CACZ,IAAKA,EAAK,aACV,SAAUC,EAAA,EAAyB,UAAY,QAAA,CAChD,EACH,EAAG,CAACG,CAAG,CAAC,EAER,MAAO,CAAE,QAAAI,EAAS,YAAAW,CAAA,CACpB"}

package/build/hooks/useStickToBottom.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { StickToBottom } from '../types/hook.type';
+/**
+ * Kaydırma kutusunu SONA yapışık tutar — kullanıcı yukarı kaydırana kadar. Akan bir yanıt, canlı
+ * terminal çıktısı, büyüyen akıl yürütme metni.
+ * İçerik değişimini (`MutationObserver`: yeni satır, akan metin) ve kutunun kendi boyunu
+ * (`ResizeObserver`: ekran klavyesi açılınca) izler; render'da yerleşim okumaz.
+ * @param isEnabled `false` iken hiçbir şey izlenmez.
+ * @example const { isAtEnd, scrollToEnd } = useStickToBottom(listRef);
+ */
+declare const useStickToBottom: (ref: RefObject<HTMLElement | null>, isEnabled?: boolean) => StickToBottom;
+export default useStickToBottom;

package/build/hooks/useStickToBottom.js

@@ -0,0 +1,39 @@
+"use client";
+import { useRef as m, useState as p, useCallback as d, useEffect as v } from "react";
+import { STICK_TO_END_THRESHOLD as f } from "../constants/scroll.constants.js";
+const E = (e) => e.scrollHeight - e.scrollTop - e.clientHeight, T = () => {
+  var e;
+  return ((e = window.matchMedia) == null ? void 0 : e.call(window, "(prefers-reduced-motion: reduce)").matches) ?? !1;
+}, O = (e, s = !0) => {
+  const o = m(!0), [a, c] = p(!0), n = d(() => {
+    const t = e.current;
+    t && o.current && (t.scrollTop = t.scrollHeight);
+  }, [e]);
+  v(() => {
+    const t = e.current;
+    if (!s || !t) return;
+    const u = () => {
+      const l = E(t) < f;
+      o.current = l, c(l);
+    };
+    n(), t.addEventListener("scroll", u, { passive: !0 });
+    const i = new MutationObserver(n);
+    i.observe(t, { childList: !0, subtree: !0, characterData: !0 });
+    const r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n);
+    return r == null || r.observe(t), () => {
+      t.removeEventListener("scroll", u), i.disconnect(), r == null || r.disconnect();
+    };
+  }, [s, e, n]);
+  const h = d(() => {
+    const t = e.current;
+    t && (o.current = !0, c(!0), t.scrollTo({
+      top: t.scrollHeight,
+      behavior: T() ? "instant" : "smooth"
+    }));
+  }, [e]);
+  return { isAtEnd: a, scrollToEnd: h };
+};
+export {
+  O as default
+};
+//# sourceMappingURL=useStickToBottom.js.map

package/build/hooks/useStickToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStickToBottom.js","sources":["../../src/hooks/useStickToBottom.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { STICK_TO_END_THRESHOLD } from '../constants/scroll.constants';\nimport type { StickToBottom } from '@/types/hook.type';\n\nconst distanceToEnd = (node: HTMLElement): number =>\n  node.scrollHeight - node.scrollTop - node.clientHeight;\n\nconst prefersReducedMotion = (): boolean =>\n  window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n\n/**\n * Kaydırma kutusunu SONA yapışık tutar — kullanıcı yukarı kaydırana kadar. Akan bir yanıt, canlı\n * terminal çıktısı, büyüyen akıl yürütme metni.\n * İçerik değişimini (`MutationObserver`: yeni satır, akan metin) ve kutunun kendi boyunu\n * (`ResizeObserver`: ekran klavyesi açılınca) izler; render'da yerleşim okumaz.\n * @param isEnabled `false` iken hiçbir şey izlenmez.\n * @example const { isAtEnd, scrollToEnd } = useStickToBottom(listRef);\n */\nconst useStickToBottom = (ref: RefObject<HTMLElement | null>, isEnabled = true): StickToBottom => {\n  const isPinned = useRef(true);\n  const [isAtEnd, setIsAtEnd] = useState(true);\n\n  const stick = useCallback(() => {\n    const node = ref.current;\n    if (node && isPinned.current) node.scrollTop = node.scrollHeight;\n  }, [ref]);\n\n  useEffect(() => {\n    const node = ref.current;\n    if (!isEnabled || !node) return;\n\n    const handleScroll = () => {\n      const atEnd = distanceToEnd(node) < STICK_TO_END_THRESHOLD;\n      isPinned.current = atEnd;\n      setIsAtEnd(atEnd);\n    };\n\n    stick();\n    node.addEventListener('scroll', handleScroll, { passive: true });\n\n    const mutations = new MutationObserver(stick);\n    mutations.observe(node, { childList: true, subtree: true, characterData: true });\n\n    const resize = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(stick);\n    resize?.observe(node);\n\n    return () => {\n      node.removeEventListener('scroll', handleScroll);\n      mutations.disconnect();\n      resize?.disconnect();\n    };\n  }, [isEnabled, ref, stick]);\n\n  /* \"En yeniye in\": yeniden yapışır. Azaltılmış harekette ANİ. */\n  const scrollToEnd = useCallback(() => {\n    const node = ref.current;\n    if (!node) return;\n\n    isPinned.current = true;\n    setIsAtEnd(true);\n    node.scrollTo({\n      top: node.scrollHeight,\n      behavior: prefersReducedMotion() ? 'instant' : 'smooth',\n    });\n  }, [ref]);\n\n  return { isAtEnd, scrollToEnd };\n};\n\nexport default useStickToBottom;\n"],"names":["distanceToEnd","node","prefersReducedMotion","_a","useStickToBottom","ref","isEnabled","isPinned","useRef","isAtEnd","setIsAtEnd","useState","stick","useCallback","useEffect","handleScroll","atEnd","STICK_TO_END_THRESHOLD","mutations","resize","scrollToEnd"],"mappings":";;;AAMA,MAAMA,IAAgB,CAACC,MACrBA,EAAK,eAAeA,EAAK,YAAYA,EAAK,cAEtCC,IAAuB,MAAA;;AAC3B,WAAAC,IAAA,OAAO,eAAP,gBAAAA,EAAA,aAAoB,oCAAoC,YAAW;AAAA,GAU/DC,IAAmB,CAACC,GAAoCC,IAAY,OAAwB;AAChG,QAAMC,IAAWC,EAAO,EAAI,GACtB,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GAErCC,IAAQC,EAAY,MAAM;AAC9B,UAAMZ,IAAOI,EAAI;AACjB,IAAIJ,KAAQM,EAAS,YAASN,EAAK,YAAYA,EAAK;AAAA,EACtD,GAAG,CAACI,CAAG,CAAC;AAER,EAAAS,EAAU,MAAM;AACd,UAAMb,IAAOI,EAAI;AACjB,QAAI,CAACC,KAAa,CAACL,EAAM;AAEzB,UAAMc,IAAe,MAAM;AACzB,YAAMC,IAAQhB,EAAcC,CAAI,IAAIgB;AACpC,MAAAV,EAAS,UAAUS,GACnBN,EAAWM,CAAK;AAAA,IAClB;AAEA,IAAAJ,EAAA,GACAX,EAAK,iBAAiB,UAAUc,GAAc,EAAE,SAAS,IAAM;AAE/D,UAAMG,IAAY,IAAI,iBAAiBN,CAAK;AAC5C,IAAAM,EAAU,QAAQjB,GAAM,EAAE,WAAW,IAAM,SAAS,IAAM,eAAe,IAAM;AAE/E,UAAMkB,IAAS,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAeP,CAAK;AACtF,WAAAO,KAAA,QAAAA,EAAQ,QAAQlB,IAET,MAAM;AACX,MAAAA,EAAK,oBAAoB,UAAUc,CAAY,GAC/CG,EAAU,WAAA,GACVC,KAAA,QAAAA,EAAQ;AAAA,IACV;AAAA,EACF,GAAG,CAACb,GAAWD,GAAKO,CAAK,CAAC;AAG1B,QAAMQ,IAAcP,EAAY,MAAM;AACpC,UAAMZ,IAAOI,EAAI;AACjB,IAAKJ,MAELM,EAAS,UAAU,IACnBG,EAAW,EAAI,GACfT,EAAK,SAAS;AAAA,MACZ,KAAKA,EAAK;AAAA,MACV,UAAUC,EAAA,IAAyB,YAAY;AAAA,IAAA,CAChD;AAAA,EACH,GAAG,CAACG,CAAG,CAAC;AAER,SAAO,EAAE,SAAAI,GAAS,aAAAW,EAAA;AACpB;"}

package/build/hooks/useUiTheme.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),T=require("@handijit/design"),l=require("@handijit/utils"),e=require("../helpers/theme.helper.cjs"),E=()=>{const[m,o]=r.useState("system"),[c,i]=r.useState("light"),[h,S]=r.useState(!1);r.useEffect(()=>{var d;if(!l.isClient())return;const t=()=>{o(e.readStoredPreference()),i(e.readActiveTheme())};t(),S(!0);const n=new MutationObserver(t);n.observe(document.documentElement,{attributes:!0,attributeFilter:[T.THEME_ATTRIBUTE]});const s=(d=window.matchMedia)==null?void 0:d.call(window,"(prefers-color-scheme: dark)"),u=()=>{e.readStoredPreference()==="system"&&e.applyThemePreference("system"),t()};return s==null||s.addEventListener("change",u),()=>{n.disconnect(),s==null||s.removeEventListener("change",u)}},[]);const a=r.useCallback(t=>{if(!l.isClient())return;const n=document.documentElement;n.classList.add(e.THEME_SWITCHING_CLASS),e.applyThemePreference(t),o(t),i(e.readActiveTheme()),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>n.classList.remove(e.THEME_SWITCHING_CLASS))})},[]),f=r.useCallback(()=>a(c==="dark"?"light":"dark"),[c,a]);return{scheme:c,preference:m,setScheme:a,toggle:f,isReady:h}};exports.default=E;
+//# sourceMappingURL=useUiTheme.cjs.map

package/build/hooks/useUiTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTheme.cjs","sources":["../../src/hooks/useUiTheme.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { THEME_ATTRIBUTE } from '@handijit/design';\nimport { isClient } from '@handijit/utils';\n\nimport {\n  applyThemePreference,\n  readActiveTheme,\n  readStoredPreference,\n  THEME_SWITCHING_CLASS,\n} from '../helpers/theme.helper';\nimport type { UiColorPreference, UiColorScheme, UiThemeState } from '@/types/theme.type';\n\n/**\n * Reads and changes the light/dark choice, on the `data-theme` contract of `@handijit/design`.\n *\n * The choice lives where the design boot script reads it (`localStorage[\"hd-theme\"]`), so a choice\n * made here survives a reload without a flash when `UiThemeScript` is in `<head>`.\n * @example const { scheme, toggle, isReady } = useUiTheme();\n */\nconst useUiTheme = (): UiThemeState => {\n  /*\n   * The first value is a constant: the server has no `document`, and reading the real value during\n   * the first client render produced a hydration mismatch. `isReady` tells when it is real.\n   */\n  const [preference, setPreferenceState] = useState<UiColorPreference>('system');\n  const [scheme, setSchemeState] = useState<UiColorScheme>('light');\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    if (!isClient()) return;\n\n    const sync = () => {\n      setPreferenceState(readStoredPreference());\n      setSchemeState(readActiveTheme());\n    };\n\n    sync();\n    setIsReady(true);\n\n    /* The boot script, another hook instance or the application may write the attribute. */\n    const observer = new MutationObserver(sync);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE],\n    });\n\n    /*\n     * Without the boot script nobody rewrites the attribute when the system setting changes; a page\n     * that follows the system has to be moved here.\n     */\n    const query = window.matchMedia?.('(prefers-color-scheme: dark)');\n    const handleSystemChange = () => {\n      if (readStoredPreference() === 'system') applyThemePreference('system');\n      sync();\n    };\n    query?.addEventListener('change', handleSystemChange);\n\n    return () => {\n      observer.disconnect();\n      query?.removeEventListener('change', handleSystemChange);\n    };\n  }, []);\n\n  const setScheme = useCallback((next: UiColorPreference) => {\n    if (!isClient()) return;\n\n    const root = document.documentElement;\n\n    root.classList.add(THEME_SWITCHING_CLASS);\n    applyThemePreference(next);\n    setPreferenceState(next);\n    setSchemeState(readActiveTheme());\n\n    /* The class comes off on the NEXT frame, after the new colours have been painted once. */\n    window.requestAnimationFrame(() => {\n      window.requestAnimationFrame(() => root.classList.remove(THEME_SWITCHING_CLASS));\n    });\n  }, []);\n\n  const toggle = useCallback(\n    () => setScheme(scheme === 'dark' ? 'light' : 'dark'),\n    [scheme, setScheme],\n  );\n\n  return { scheme, preference, setScheme, toggle, isReady };\n};\n\nexport default useUiTheme;\n"],"names":["useUiTheme","preference","setPreferenceState","useState","scheme","setSchemeState","isReady","setIsReady","useEffect","isClient","sync","readStoredPreference","readActiveTheme","observer","THEME_ATTRIBUTE","query","_a","handleSystemChange","applyThemePreference","setScheme","useCallback","next","root","THEME_SWITCHING_CLASS","toggle"],"mappings":"sPAqBMA,EAAa,IAAoB,CAKrC,KAAM,CAACC,EAAYC,CAAkB,EAAIC,EAAAA,SAA4B,QAAQ,EACvE,CAACC,EAAQC,CAAc,EAAIF,EAAAA,SAAwB,OAAO,EAC1D,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAE5CK,EAAAA,UAAU,IAAM,OACd,GAAI,CAACC,EAAAA,WAAY,OAEjB,MAAMC,EAAO,IAAM,CACjBR,EAAmBS,EAAAA,sBAAsB,EACzCN,EAAeO,EAAAA,iBAAiB,CAClC,EAEAF,EAAA,EACAH,EAAW,EAAI,EAGf,MAAMM,EAAW,IAAI,iBAAiBH,CAAI,EAC1CG,EAAS,QAAQ,SAAS,gBAAiB,CACzC,WAAY,GACZ,gBAAiB,CAACC,EAAAA,eAAe,CAAA,CAClC,EAMD,MAAMC,GAAQC,EAAA,OAAO,aAAP,YAAAA,EAAA,YAAoB,gCAC5BC,EAAqB,IAAM,CAC3BN,uBAAA,IAA2B,UAAUO,EAAAA,qBAAqB,QAAQ,EACtER,EAAA,CACF,EACA,OAAAK,GAAA,MAAAA,EAAO,iBAAiB,SAAUE,GAE3B,IAAM,CACXJ,EAAS,WAAA,EACTE,GAAA,MAAAA,EAAO,oBAAoB,SAAUE,EACvC,CACF,EAAG,CAAA,CAAE,EAEL,MAAME,EAAYC,cAAaC,GAA4B,CACzD,GAAI,CAACZ,EAAAA,WAAY,OAEjB,MAAMa,EAAO,SAAS,gBAEtBA,EAAK,UAAU,IAAIC,uBAAqB,EACxCL,EAAAA,qBAAqBG,CAAI,EACzBnB,EAAmBmB,CAAI,EACvBhB,EAAeO,EAAAA,iBAAiB,EAGhC,OAAO,sBAAsB,IAAM,CACjC,OAAO,sBAAsB,IAAMU,EAAK,UAAU,OAAOC,EAAAA,qBAAqB,CAAC,CACjF,CAAC,CACH,EAAG,CAAA,CAAE,EAECC,EAASJ,EAAAA,YACb,IAAMD,EAAUf,IAAW,OAAS,QAAU,MAAM,EACpD,CAACA,EAAQe,CAAS,CAAA,EAGpB,MAAO,CAAE,OAAAf,EAAQ,WAAAH,EAAY,UAAAkB,EAAW,OAAAK,EAAQ,QAAAlB,CAAA,CAClD"}

package/build/hooks/useUiTheme.d.ts

@@ -0,0 +1,10 @@
+import { UiThemeState } from '../types/theme.type';
+/**
+ * Reads and changes the light/dark choice, on the `data-theme` contract of `@handijit/design`.
+ *
+ * The choice lives where the design boot script reads it (`localStorage["hd-theme"]`), so a choice
+ * made here survives a reload without a flash when `UiThemeScript` is in `<head>`.
+ * @example const { scheme, toggle, isReady } = useUiTheme();
+ */
+declare const useUiTheme: () => UiThemeState;
+export default useUiTheme;

package/build/hooks/useUiTheme.js

@@ -0,0 +1,42 @@
+"use client";
+import { useState as o, useEffect as g, useCallback as d } from "react";
+import { THEME_ATTRIBUTE as w } from "@handijit/design";
+import { isClient as u } from "@handijit/utils";
+import { THEME_SWITCHING_CLASS as l, applyThemePreference as f, readActiveTheme as h, readStoredPreference as E } from "../helpers/theme.helper.js";
+const L = () => {
+  const [S, c] = o("system"), [r, a] = o("light"), [p, T] = o(!1);
+  g(() => {
+    var m;
+    if (!u()) return;
+    const e = () => {
+      c(E()), a(h());
+    };
+    e(), T(!0);
+    const s = new MutationObserver(e);
+    s.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: [w]
+    });
+    const t = (m = window.matchMedia) == null ? void 0 : m.call(window, "(prefers-color-scheme: dark)"), i = () => {
+      E() === "system" && f("system"), e();
+    };
+    return t == null || t.addEventListener("change", i), () => {
+      s.disconnect(), t == null || t.removeEventListener("change", i);
+    };
+  }, []);
+  const n = d((e) => {
+    if (!u()) return;
+    const s = document.documentElement;
+    s.classList.add(l), f(e), c(e), a(h()), window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => s.classList.remove(l));
+    });
+  }, []), v = d(
+    () => n(r === "dark" ? "light" : "dark"),
+    [r, n]
+  );
+  return { scheme: r, preference: S, setScheme: n, toggle: v, isReady: p };
+};
+export {
+  L as default
+};
+//# sourceMappingURL=useUiTheme.js.map

package/build/hooks/useUiTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTheme.js","sources":["../../src/hooks/useUiTheme.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { THEME_ATTRIBUTE } from '@handijit/design';\nimport { isClient } from '@handijit/utils';\n\nimport {\n  applyThemePreference,\n  readActiveTheme,\n  readStoredPreference,\n  THEME_SWITCHING_CLASS,\n} from '../helpers/theme.helper';\nimport type { UiColorPreference, UiColorScheme, UiThemeState } from '@/types/theme.type';\n\n/**\n * Reads and changes the light/dark choice, on the `data-theme` contract of `@handijit/design`.\n *\n * The choice lives where the design boot script reads it (`localStorage[\"hd-theme\"]`), so a choice\n * made here survives a reload without a flash when `UiThemeScript` is in `<head>`.\n * @example const { scheme, toggle, isReady } = useUiTheme();\n */\nconst useUiTheme = (): UiThemeState => {\n  /*\n   * The first value is a constant: the server has no `document`, and reading the real value during\n   * the first client render produced a hydration mismatch. `isReady` tells when it is real.\n   */\n  const [preference, setPreferenceState] = useState<UiColorPreference>('system');\n  const [scheme, setSchemeState] = useState<UiColorScheme>('light');\n  const [isReady, setIsReady] = useState(false);\n\n  useEffect(() => {\n    if (!isClient()) return;\n\n    const sync = () => {\n      setPreferenceState(readStoredPreference());\n      setSchemeState(readActiveTheme());\n    };\n\n    sync();\n    setIsReady(true);\n\n    /* The boot script, another hook instance or the application may write the attribute. */\n    const observer = new MutationObserver(sync);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE],\n    });\n\n    /*\n     * Without the boot script nobody rewrites the attribute when the system setting changes; a page\n     * that follows the system has to be moved here.\n     */\n    const query = window.matchMedia?.('(prefers-color-scheme: dark)');\n    const handleSystemChange = () => {\n      if (readStoredPreference() === 'system') applyThemePreference('system');\n      sync();\n    };\n    query?.addEventListener('change', handleSystemChange);\n\n    return () => {\n      observer.disconnect();\n      query?.removeEventListener('change', handleSystemChange);\n    };\n  }, []);\n\n  const setScheme = useCallback((next: UiColorPreference) => {\n    if (!isClient()) return;\n\n    const root = document.documentElement;\n\n    root.classList.add(THEME_SWITCHING_CLASS);\n    applyThemePreference(next);\n    setPreferenceState(next);\n    setSchemeState(readActiveTheme());\n\n    /* The class comes off on the NEXT frame, after the new colours have been painted once. */\n    window.requestAnimationFrame(() => {\n      window.requestAnimationFrame(() => root.classList.remove(THEME_SWITCHING_CLASS));\n    });\n  }, []);\n\n  const toggle = useCallback(\n    () => setScheme(scheme === 'dark' ? 'light' : 'dark'),\n    [scheme, setScheme],\n  );\n\n  return { scheme, preference, setScheme, toggle, isReady };\n};\n\nexport default useUiTheme;\n"],"names":["useUiTheme","preference","setPreferenceState","useState","scheme","setSchemeState","isReady","setIsReady","useEffect","isClient","sync","readStoredPreference","readActiveTheme","observer","THEME_ATTRIBUTE","query","_a","handleSystemChange","applyThemePreference","setScheme","useCallback","next","root","THEME_SWITCHING_CLASS","toggle"],"mappings":";;;;;AAqBA,MAAMA,IAAa,MAAoB;AAKrC,QAAM,CAACC,GAAYC,CAAkB,IAAIC,EAA4B,QAAQ,GACvE,CAACC,GAAQC,CAAc,IAAIF,EAAwB,OAAO,GAC1D,CAACG,GAASC,CAAU,IAAIJ,EAAS,EAAK;AAE5C,EAAAK,EAAU,MAAM;;AACd,QAAI,CAACC,IAAY;AAEjB,UAAMC,IAAO,MAAM;AACjB,MAAAR,EAAmBS,GAAsB,GACzCN,EAAeO,GAAiB;AAAA,IAClC;AAEA,IAAAF,EAAA,GACAH,EAAW,EAAI;AAGf,UAAMM,IAAW,IAAI,iBAAiBH,CAAI;AAC1C,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAACC,CAAe;AAAA,IAAA,CAClC;AAMD,UAAMC,KAAQC,IAAA,OAAO,eAAP,gBAAAA,EAAA,aAAoB,iCAC5BC,IAAqB,MAAM;AAC/B,MAAIN,EAAA,MAA2B,YAAUO,EAAqB,QAAQ,GACtER,EAAA;AAAA,IACF;AACA,WAAAK,KAAA,QAAAA,EAAO,iBAAiB,UAAUE,IAE3B,MAAM;AACX,MAAAJ,EAAS,WAAA,GACTE,KAAA,QAAAA,EAAO,oBAAoB,UAAUE;AAAA,IACvC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAME,IAAYC,EAAY,CAACC,MAA4B;AACzD,QAAI,CAACZ,IAAY;AAEjB,UAAMa,IAAO,SAAS;AAEtB,IAAAA,EAAK,UAAU,IAAIC,CAAqB,GACxCL,EAAqBG,CAAI,GACzBnB,EAAmBmB,CAAI,GACvBhB,EAAeO,GAAiB,GAGhC,OAAO,sBAAsB,MAAM;AACjC,aAAO,sBAAsB,MAAMU,EAAK,UAAU,OAAOC,CAAqB,CAAC;AAAA,IACjF,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECC,IAASJ;AAAA,IACb,MAAMD,EAAUf,MAAW,SAAS,UAAU,MAAM;AAAA,IACpD,CAACA,GAAQe,CAAS;AAAA,EAAA;AAGpB,SAAO,EAAE,QAAAf,GAAQ,YAAAH,GAAY,WAAAkB,GAAW,QAAAK,GAAQ,SAAAlB,EAAA;AAClD;"}

package/build/hooks/useUiTokens.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),m=require("@handijit/design"),E=require("@handijit/utils"),b="currentColor",g=(e,t)=>{const s=getComputedStyle(t);return Object.fromEntries(e.map(r=>[r,s.getPropertyValue(m.cssVarName(r)).trim()||b]))},v=(e,t)=>Object.keys(e).every(s=>e[s]===t[s]),h=e=>{const t=e.join("|"),[s,r]=d.useState(()=>Object.fromEntries(e.map(c=>[c,b])));return d.useEffect(()=>{var l;if(!E.isClient())return;const c=t.split("|"),o=()=>r(i=>{const a=g(c,document.documentElement);return v(i,a)&&Object.keys(i).length===c.length?i:a});o();const u=new MutationObserver(o);u.observe(document.documentElement,{attributes:!0,attributeFilter:[m.THEME_ATTRIBUTE,"style","class"]}),u.observe(document.head,{childList:!0});const n=(l=window.matchMedia)==null?void 0:l.call(window,"(prefers-color-scheme: dark)");return n==null||n.addEventListener("change",o),()=>{u.disconnect(),n==null||n.removeEventListener("change",o)}},[t]),s};exports.default=h;
+//# sourceMappingURL=useUiTokens.cjs.map

package/build/hooks/useUiTokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTokens.cjs","sources":["../../src/hooks/useUiTokens.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { cssVarName, THEME_ATTRIBUTE, type TokenName } from '@handijit/design';\nimport { isClient } from '@handijit/utils';\n\n/** Returned on the server and in the first frame: drawing libraries paint an empty string black. */\nconst FALLBACK = 'currentColor';\n\nconst read = <TName extends TokenName>(\n  names: readonly TName[],\n  element: Element,\n): Record<TName, string> => {\n  const style = getComputedStyle(element);\n\n  return Object.fromEntries(\n    names.map(name => [name, style.getPropertyValue(cssVarName(name)).trim() || FALLBACK]),\n  ) as Record<TName, string>;\n};\n\nconst isSame = (first: Record<string, string>, second: Record<string, string>): boolean =>\n  Object.keys(first).every(key => first[key] === second[key]);\n\n/**\n * The RESOLVED values of design tokens — for drawing libraries that cannot read a CSS variable\n * (a canvas, an SVG attribute that rejects `var(--…)`).\n * Names are the token names of `@handijit/design` without the `--hd-` prefix. The values follow the\n * root theme (`data-theme`, the system setting, an inline override on `<html>`).\n * ⚠ Every value is `currentColor` in the server output and in the first frame before hydration.\n * @example const colors = useUiTokens(['chart-1', 'chart-2', 'border']);\n */\nconst useUiTokens = <TName extends TokenName>(names: readonly TName[]): Record<TName, string> => {\n  /* The array may be a new object on every render; the subscription follows the NAMES. */\n  const key = names.join('|');\n\n  const [values, setValues] = useState(\n    () => Object.fromEntries(names.map(name => [name, FALLBACK])) as Record<TName, string>,\n  );\n\n  useEffect(() => {\n    if (!isClient()) return;\n\n    const list = key.split('|') as TName[];\n    const update = () =>\n      setValues(previous => {\n        const next = read(list, document.documentElement);\n        return isSame(previous, next) && Object.keys(previous).length === list.length\n          ? previous\n          : next;\n      });\n\n    update();\n\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE, 'style', 'class'],\n    });\n    /* A stylesheet added later (the application's brand override) changes the values too. */\n    observer.observe(document.head, { childList: true });\n\n    const query = window.matchMedia?.('(prefers-color-scheme: dark)');\n    query?.addEventListener('change', update);\n\n    return () => {\n      observer.disconnect();\n      query?.removeEventListener('change', update);\n    };\n  }, [key]);\n\n  return values;\n};\n\nexport default useUiTokens;\n"],"names":["FALLBACK","read","names","element","style","name","cssVarName","isSame","first","second","key","useUiTokens","values","setValues","useState","useEffect","isClient","list","update","previous","next","observer","THEME_ATTRIBUTE","query","_a"],"mappings":"6MAOMA,EAAW,eAEXC,EAAO,CACXC,EACAC,IAC0B,CAC1B,MAAMC,EAAQ,iBAAiBD,CAAO,EAEtC,OAAO,OAAO,YACZD,EAAM,IAAIG,GAAQ,CAACA,EAAMD,EAAM,iBAAiBE,EAAAA,WAAWD,CAAI,CAAC,EAAE,KAAA,GAAUL,CAAQ,CAAC,CAAA,CAEzF,EAEMO,EAAS,CAACC,EAA+BC,IAC7C,OAAO,KAAKD,CAAK,EAAE,SAAaA,EAAME,CAAG,IAAMD,EAAOC,CAAG,CAAC,EAUtDC,EAAwCT,GAAmD,CAE/F,MAAMQ,EAAMR,EAAM,KAAK,GAAG,EAEpB,CAACU,EAAQC,CAAS,EAAIC,EAAAA,SAC1B,IAAM,OAAO,YAAYZ,EAAM,OAAY,CAACG,EAAML,CAAQ,CAAC,CAAC,CAAA,EAG9De,OAAAA,EAAAA,UAAU,IAAM,OACd,GAAI,CAACC,EAAAA,WAAY,OAEjB,MAAMC,EAAOP,EAAI,MAAM,GAAG,EACpBQ,EAAS,IACbL,EAAUM,GAAY,CACpB,MAAMC,EAAOnB,EAAKgB,EAAM,SAAS,eAAe,EAChD,OAAOV,EAAOY,EAAUC,CAAI,GAAK,OAAO,KAAKD,CAAQ,EAAE,SAAWF,EAAK,OACnEE,EACAC,CACN,CAAC,EAEHF,EAAA,EAEA,MAAMG,EAAW,IAAI,iBAAiBH,CAAM,EAC5CG,EAAS,QAAQ,SAAS,gBAAiB,CACzC,WAAY,GACZ,gBAAiB,CAACC,kBAAiB,QAAS,OAAO,CAAA,CACpD,EAEDD,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,EAEnD,MAAME,GAAQC,EAAA,OAAO,aAAP,YAAAA,EAAA,YAAoB,gCAClC,OAAAD,GAAA,MAAAA,EAAO,iBAAiB,SAAUL,GAE3B,IAAM,CACXG,EAAS,WAAA,EACTE,GAAA,MAAAA,EAAO,oBAAoB,SAAUL,EACvC,CACF,EAAG,CAACR,CAAG,CAAC,EAEDE,CACT"}

package/build/hooks/useUiTokens.d.ts

@@ -0,0 +1,11 @@
+import { TokenName } from '@handijit/design';
+/**
+ * The RESOLVED values of design tokens — for drawing libraries that cannot read a CSS variable
+ * (a canvas, an SVG attribute that rejects `var(--…)`).
+ * Names are the token names of `@handijit/design` without the `--hd-` prefix. The values follow the
+ * root theme (`data-theme`, the system setting, an inline override on `<html>`).
+ * ⚠ Every value is `currentColor` in the server output and in the first frame before hydration.
+ * @example const colors = useUiTokens(['chart-1', 'chart-2', 'border']);
+ */
+declare const useUiTokens: <TName extends TokenName>(names: readonly TName[]) => Record<TName, string>;
+export default useUiTokens;

package/build/hooks/useUiTokens.js

@@ -0,0 +1,36 @@
+"use client";
+import { useState as d, useEffect as b } from "react";
+import { THEME_ATTRIBUTE as E, cssVarName as f } from "@handijit/design";
+import { isClient as p } from "@handijit/utils";
+const l = "currentColor", h = (e, t) => {
+  const n = getComputedStyle(t);
+  return Object.fromEntries(
+    e.map((s) => [s, n.getPropertyValue(f(s)).trim() || l])
+  );
+}, v = (e, t) => Object.keys(e).every((n) => e[n] === t[n]), O = (e) => {
+  const t = e.join("|"), [n, s] = d(
+    () => Object.fromEntries(e.map((o) => [o, l]))
+  );
+  return b(() => {
+    var m;
+    if (!p()) return;
+    const o = t.split("|"), c = () => s((a) => {
+      const u = h(o, document.documentElement);
+      return v(a, u) && Object.keys(a).length === o.length ? a : u;
+    });
+    c();
+    const i = new MutationObserver(c);
+    i.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: [E, "style", "class"]
+    }), i.observe(document.head, { childList: !0 });
+    const r = (m = window.matchMedia) == null ? void 0 : m.call(window, "(prefers-color-scheme: dark)");
+    return r == null || r.addEventListener("change", c), () => {
+      i.disconnect(), r == null || r.removeEventListener("change", c);
+    };
+  }, [t]), n;
+};
+export {
+  O as default
+};
+//# sourceMappingURL=useUiTokens.js.map

package/build/hooks/useUiTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTokens.js","sources":["../../src/hooks/useUiTokens.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { cssVarName, THEME_ATTRIBUTE, type TokenName } from '@handijit/design';\nimport { isClient } from '@handijit/utils';\n\n/** Returned on the server and in the first frame: drawing libraries paint an empty string black. */\nconst FALLBACK = 'currentColor';\n\nconst read = <TName extends TokenName>(\n  names: readonly TName[],\n  element: Element,\n): Record<TName, string> => {\n  const style = getComputedStyle(element);\n\n  return Object.fromEntries(\n    names.map(name => [name, style.getPropertyValue(cssVarName(name)).trim() || FALLBACK]),\n  ) as Record<TName, string>;\n};\n\nconst isSame = (first: Record<string, string>, second: Record<string, string>): boolean =>\n  Object.keys(first).every(key => first[key] === second[key]);\n\n/**\n * The RESOLVED values of design tokens — for drawing libraries that cannot read a CSS variable\n * (a canvas, an SVG attribute that rejects `var(--…)`).\n * Names are the token names of `@handijit/design` without the `--hd-` prefix. The values follow the\n * root theme (`data-theme`, the system setting, an inline override on `<html>`).\n * ⚠ Every value is `currentColor` in the server output and in the first frame before hydration.\n * @example const colors = useUiTokens(['chart-1', 'chart-2', 'border']);\n */\nconst useUiTokens = <TName extends TokenName>(names: readonly TName[]): Record<TName, string> => {\n  /* The array may be a new object on every render; the subscription follows the NAMES. */\n  const key = names.join('|');\n\n  const [values, setValues] = useState(\n    () => Object.fromEntries(names.map(name => [name, FALLBACK])) as Record<TName, string>,\n  );\n\n  useEffect(() => {\n    if (!isClient()) return;\n\n    const list = key.split('|') as TName[];\n    const update = () =>\n      setValues(previous => {\n        const next = read(list, document.documentElement);\n        return isSame(previous, next) && Object.keys(previous).length === list.length\n          ? previous\n          : next;\n      });\n\n    update();\n\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [THEME_ATTRIBUTE, 'style', 'class'],\n    });\n    /* A stylesheet added later (the application's brand override) changes the values too. */\n    observer.observe(document.head, { childList: true });\n\n    const query = window.matchMedia?.('(prefers-color-scheme: dark)');\n    query?.addEventListener('change', update);\n\n    return () => {\n      observer.disconnect();\n      query?.removeEventListener('change', update);\n    };\n  }, [key]);\n\n  return values;\n};\n\nexport default useUiTokens;\n"],"names":["FALLBACK","read","names","element","style","name","cssVarName","isSame","first","second","key","useUiTokens","values","setValues","useState","useEffect","isClient","list","update","previous","next","observer","THEME_ATTRIBUTE","query","_a"],"mappings":";;;;AAOA,MAAMA,IAAW,gBAEXC,IAAO,CACXC,GACAC,MAC0B;AAC1B,QAAMC,IAAQ,iBAAiBD,CAAO;AAEtC,SAAO,OAAO;AAAA,IACZD,EAAM,IAAI,CAAAG,MAAQ,CAACA,GAAMD,EAAM,iBAAiBE,EAAWD,CAAI,CAAC,EAAE,KAAA,KAAUL,CAAQ,CAAC;AAAA,EAAA;AAEzF,GAEMO,IAAS,CAACC,GAA+BC,MAC7C,OAAO,KAAKD,CAAK,EAAE,MAAM,OAAOA,EAAME,CAAG,MAAMD,EAAOC,CAAG,CAAC,GAUtDC,IAAc,CAA0BT,MAAmD;AAE/F,QAAMQ,IAAMR,EAAM,KAAK,GAAG,GAEpB,CAACU,GAAQC,CAAS,IAAIC;AAAA,IAC1B,MAAM,OAAO,YAAYZ,EAAM,IAAI,OAAQ,CAACG,GAAML,CAAQ,CAAC,CAAC;AAAA,EAAA;AAG9D,SAAAe,EAAU,MAAM;;AACd,QAAI,CAACC,IAAY;AAEjB,UAAMC,IAAOP,EAAI,MAAM,GAAG,GACpBQ,IAAS,MACbL,EAAU,CAAAM,MAAY;AACpB,YAAMC,IAAOnB,EAAKgB,GAAM,SAAS,eAAe;AAChD,aAAOV,EAAOY,GAAUC,CAAI,KAAK,OAAO,KAAKD,CAAQ,EAAE,WAAWF,EAAK,SACnEE,IACAC;AAAA,IACN,CAAC;AAEH,IAAAF,EAAA;AAEA,UAAMG,IAAW,IAAI,iBAAiBH,CAAM;AAC5C,IAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAACC,GAAiB,SAAS,OAAO;AAAA,IAAA,CACpD,GAEDD,EAAS,QAAQ,SAAS,MAAM,EAAE,WAAW,IAAM;AAEnD,UAAME,KAAQC,IAAA,OAAO,eAAP,gBAAAA,EAAA,aAAoB;AAClC,WAAAD,KAAA,QAAAA,EAAO,iBAAiB,UAAUL,IAE3B,MAAM;AACX,MAAAG,EAAS,WAAA,GACTE,KAAA,QAAAA,EAAO,oBAAoB,UAAUL;AAAA,IACvC;AAAA,EACF,GAAG,CAACR,CAAG,CAAC,GAEDE;AACT;"}

package/build/hooks/useVirtualList.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),M=40,p=6,E=(l,{rowHeight:n=M,overscan:u=p,isEnabled:a=!0}={})=>{const f=c.useRef(null),[d,T]=c.useState({start:0,end:l,totalHeight:l*n,offset:0}),o=c.useCallback(()=>{const e=f.current,t=!a||!e||e.clientHeight===0?{start:0,end:l,totalHeight:l*n,offset:0}:(()=>{const s=Math.ceil(e.clientHeight/n),r=Math.floor(e.scrollTop/n),i=Math.max(0,r-u),m=Math.min(l,r+s+u);return{start:i,end:m,totalHeight:l*n,offset:i*n}})();T(s=>s.start===t.start&&s.end===t.end&&s.totalHeight===t.totalHeight&&s.offset===t.offset?s:t)},[l,a,u,n]);c.useEffect(o),c.useEffect(()=>{const e=f.current;if(!e)return;e.addEventListener("scroll",o,{passive:!0});const t=typeof ResizeObserver>"u"?null:new ResizeObserver(o);return t==null||t.observe(e),()=>{e.removeEventListener("scroll",o),t==null||t.disconnect()}},[o]);const R=c.useCallback(e=>{const t=f.current;if(!t||!a)return;const s=e*n,r=s+n;s<t.scrollTop?t.scrollTop=s:r>t.scrollTop+t.clientHeight&&(t.scrollTop=r-t.clientHeight)},[a,n]);return{scrollRef:f,range:d,scrollToIndex:R,measure:o}};exports.default=E;
+//# sourceMappingURL=useVirtualList.cjs.map

package/build/hooks/useVirtualList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualList.cjs","sources":["../../src/hooks/useVirtualList.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { VirtualRange } from '@/types/hook.type';\n\n/**\n * Ölçüm gelmediğinde varsayılan satır yüksekliği.\n * ⚠ `constants/combobox.constants.ts` içindeki `OPTION_HEIGHT` ile aynı sayı ama AYNI ŞEY DEĞİL: bu\n * jenerik bir varsayılan, o bir bileşenin…\n */\nconst DEFAULT_ROW_HEIGHT = 40;\n\n/** Görünen pencerenin altında ve üstünde fazladan çizilen satır. */\nconst DEFAULT_OVERSCAN = 6;\n\n/** SANALLAŞTIRMA — yalnızca görünen satırları çiz. */\nconst useVirtualList = (\n  count: number,\n  { rowHeight = DEFAULT_ROW_HEIGHT, overscan = DEFAULT_OVERSCAN, isEnabled = true } = {},\n) => {\n  const scrollRef = useRef<HTMLElement | null>(null);\n  const [range, setRange] = useState<VirtualRange>({\n    start: 0,\n    end: count,\n    totalHeight: count * rowHeight,\n    offset: 0,\n  });\n\n  const measure = useCallback(() => {\n    const node = scrollRef.current;\n\n    /* KAPALIYKEN VE OLCUM YOKKEN TAM LISTE. */\n    const next =\n      !isEnabled || !node || node.clientHeight === 0\n        ? { start: 0, end: count, totalHeight: count * rowHeight, offset: 0 }\n        : (() => {\n            const visibleCount = Math.ceil(node.clientHeight / rowHeight);\n            const first = Math.floor(node.scrollTop / rowHeight);\n\n            const start = Math.max(0, first - overscan);\n            const end = Math.min(count, first + visibleCount + overscan);\n\n            return { start, end, totalHeight: count * rowHeight, offset: start * rowHeight };\n          })();\n\n    /* DEGISMEDIYSE AYNI NESNE geri verilir. */\n    setRange(prev =>\n      prev.start === next.start &&\n      prev.end === next.end &&\n      prev.totalHeight === next.totalHeight &&\n      prev.offset === next.offset\n        ? prev\n        : next,\n    );\n  }, [count, isEnabled, overscan, rowHeight]);\n\n  /* OLCUM HER BOYAMADAN SONRA — BAGIMLILIK LISTESI YOK */\n  useEffect(measure);\n\n  useEffect(() => {\n    const node = scrollRef.current;\n    if (!node) return;\n\n    node.addEventListener('scroll', measure, { passive: true });\n\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(node);\n\n    return () => {\n      node.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [measure]);\n\n  /** Verilen dizini görünür alana getirir. */\n  const scrollToIndex = useCallback(\n    (index: number) => {\n      const node = scrollRef.current;\n      if (!node || !isEnabled) return;\n\n      const top = index * rowHeight;\n      const bottom = top + rowHeight;\n\n      if (top < node.scrollTop) node.scrollTop = top;\n      else if (bottom > node.scrollTop + node.clientHeight)\n        node.scrollTop = bottom - node.clientHeight;\n    },\n    [isEnabled, rowHeight],\n  );\n\n  return { scrollRef, range, scrollToIndex, measure };\n};\n\nexport default useVirtualList;\n"],"names":["DEFAULT_ROW_HEIGHT","DEFAULT_OVERSCAN","useVirtualList","count","rowHeight","overscan","isEnabled","scrollRef","useRef","range","setRange","useState","measure","useCallback","node","next","visibleCount","first","start","end","prev","useEffect","observer","scrollToIndex","index","top","bottom"],"mappings":"kJASMA,EAAqB,GAGrBC,EAAmB,EAGnBC,EAAiB,CACrBC,EACA,CAAE,UAAAC,EAAYJ,EAAoB,SAAAK,EAAWJ,EAAkB,UAAAK,EAAY,EAAA,EAAS,KACjF,CACH,MAAMC,EAAYC,EAAAA,OAA2B,IAAI,EAC3C,CAACC,EAAOC,CAAQ,EAAIC,WAAuB,CAC/C,MAAO,EACP,IAAKR,EACL,YAAaA,EAAQC,EACrB,OAAQ,CAAA,CACT,EAEKQ,EAAUC,EAAAA,YAAY,IAAM,CAChC,MAAMC,EAAOP,EAAU,QAGjBQ,EACJ,CAACT,GAAa,CAACQ,GAAQA,EAAK,eAAiB,EACzC,CAAE,MAAO,EAAG,IAAKX,EAAO,YAAaA,EAAQC,EAAW,OAAQ,CAAA,GAC/D,IAAM,CACL,MAAMY,EAAe,KAAK,KAAKF,EAAK,aAAeV,CAAS,EACtDa,EAAQ,KAAK,MAAMH,EAAK,UAAYV,CAAS,EAE7Cc,EAAQ,KAAK,IAAI,EAAGD,EAAQZ,CAAQ,EACpCc,EAAM,KAAK,IAAIhB,EAAOc,EAAQD,EAAeX,CAAQ,EAE3D,MAAO,CAAE,MAAAa,EAAO,IAAAC,EAAK,YAAahB,EAAQC,EAAW,OAAQc,EAAQd,CAAA,CACvE,GAAA,EAGNM,KACEU,EAAK,QAAUL,EAAK,OACpBK,EAAK,MAAQL,EAAK,KAClBK,EAAK,cAAgBL,EAAK,aAC1BK,EAAK,SAAWL,EAAK,OACjBK,EACAL,CAAA,CAER,EAAG,CAACZ,EAAOG,EAAWD,EAAUD,CAAS,CAAC,EAG1CiB,EAAAA,UAAUT,CAAO,EAEjBS,EAAAA,UAAU,IAAM,CACd,MAAMP,EAAOP,EAAU,QACvB,GAAI,CAACO,EAAM,OAEXA,EAAK,iBAAiB,SAAUF,EAAS,CAAE,QAAS,GAAM,EAE1D,MAAMU,EAAW,OAAO,eAAmB,IAAc,KAAO,IAAI,eAAeV,CAAO,EAC1F,OAAAU,GAAA,MAAAA,EAAU,QAAQR,GAEX,IAAM,CACXA,EAAK,oBAAoB,SAAUF,CAAO,EAC1CU,GAAA,MAAAA,EAAU,YACZ,CACF,EAAG,CAACV,CAAO,CAAC,EAGZ,MAAMW,EAAgBV,EAAAA,YACnBW,GAAkB,CACjB,MAAMV,EAAOP,EAAU,QACvB,GAAI,CAACO,GAAQ,CAACR,EAAW,OAEzB,MAAMmB,EAAMD,EAAQpB,EACdsB,EAASD,EAAMrB,EAEjBqB,EAAMX,EAAK,UAAWA,EAAK,UAAYW,EAClCC,EAASZ,EAAK,UAAYA,EAAK,eACtCA,EAAK,UAAYY,EAASZ,EAAK,aACnC,EACA,CAACR,EAAWF,CAAS,CAAA,EAGvB,MAAO,CAAE,UAAAG,EAAW,MAAAE,EAAO,cAAAc,EAAe,QAAAX,CAAA,CAC5C"}

package/build/hooks/useVirtualList.d.ts

@@ -0,0 +1,13 @@
+import { VirtualRange } from '../types/hook.type';
+/** SANALLAŞTIRMA — yalnızca görünen satırları çiz. */
+declare const useVirtualList: (count: number, { rowHeight, overscan, isEnabled }?: {
+    rowHeight?: number | undefined;
+    overscan?: number | undefined;
+    isEnabled?: boolean | undefined;
+}) => {
+    scrollRef: import('react').RefObject<HTMLElement | null>;
+    range: VirtualRange;
+    scrollToIndex: (index: number) => void;
+    measure: () => void;
+};
+export default useVirtualList;

package/build/hooks/useVirtualList.js

@@ -0,0 +1,41 @@
+"use client";
+import { useRef as L, useState as h, useCallback as u, useEffect as d } from "react";
+const x = 40, E = 6, O = (o, { rowHeight: n = x, overscan: a = E, isEnabled: r = !0 } = {}) => {
+  const f = L(null), [T, m] = h({
+    start: 0,
+    end: o,
+    totalHeight: o * n,
+    offset: 0
+  }), l = u(() => {
+    const e = f.current, t = !r || !e || e.clientHeight === 0 ? { start: 0, end: o, totalHeight: o * n, offset: 0 } : (() => {
+      const s = Math.ceil(e.clientHeight / n), c = Math.floor(e.scrollTop / n), i = Math.max(0, c - a), p = Math.min(o, c + s + a);
+      return { start: i, end: p, totalHeight: o * n, offset: i * n };
+    })();
+    m(
+      (s) => s.start === t.start && s.end === t.end && s.totalHeight === t.totalHeight && s.offset === t.offset ? s : t
+    );
+  }, [o, r, a, n]);
+  d(l), d(() => {
+    const e = f.current;
+    if (!e) return;
+    e.addEventListener("scroll", l, { passive: !0 });
+    const t = typeof ResizeObserver > "u" ? null : new ResizeObserver(l);
+    return t == null || t.observe(e), () => {
+      e.removeEventListener("scroll", l), t == null || t.disconnect();
+    };
+  }, [l]);
+  const R = u(
+    (e) => {
+      const t = f.current;
+      if (!t || !r) return;
+      const s = e * n, c = s + n;
+      s < t.scrollTop ? t.scrollTop = s : c > t.scrollTop + t.clientHeight && (t.scrollTop = c - t.clientHeight);
+    },
+    [r, n]
+  );
+  return { scrollRef: f, range: T, scrollToIndex: R, measure: l };
+};
+export {
+  O as default
+};
+//# sourceMappingURL=useVirtualList.js.map

package/build/hooks/useVirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualList.js","sources":["../../src/hooks/useVirtualList.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { VirtualRange } from '@/types/hook.type';\n\n/**\n * Ölçüm gelmediğinde varsayılan satır yüksekliği.\n * ⚠ `constants/combobox.constants.ts` içindeki `OPTION_HEIGHT` ile aynı sayı ama AYNI ŞEY DEĞİL: bu\n * jenerik bir varsayılan, o bir bileşenin…\n */\nconst DEFAULT_ROW_HEIGHT = 40;\n\n/** Görünen pencerenin altında ve üstünde fazladan çizilen satır. */\nconst DEFAULT_OVERSCAN = 6;\n\n/** SANALLAŞTIRMA — yalnızca görünen satırları çiz. */\nconst useVirtualList = (\n  count: number,\n  { rowHeight = DEFAULT_ROW_HEIGHT, overscan = DEFAULT_OVERSCAN, isEnabled = true } = {},\n) => {\n  const scrollRef = useRef<HTMLElement | null>(null);\n  const [range, setRange] = useState<VirtualRange>({\n    start: 0,\n    end: count,\n    totalHeight: count * rowHeight,\n    offset: 0,\n  });\n\n  const measure = useCallback(() => {\n    const node = scrollRef.current;\n\n    /* KAPALIYKEN VE OLCUM YOKKEN TAM LISTE. */\n    const next =\n      !isEnabled || !node || node.clientHeight === 0\n        ? { start: 0, end: count, totalHeight: count * rowHeight, offset: 0 }\n        : (() => {\n            const visibleCount = Math.ceil(node.clientHeight / rowHeight);\n            const first = Math.floor(node.scrollTop / rowHeight);\n\n            const start = Math.max(0, first - overscan);\n            const end = Math.min(count, first + visibleCount + overscan);\n\n            return { start, end, totalHeight: count * rowHeight, offset: start * rowHeight };\n          })();\n\n    /* DEGISMEDIYSE AYNI NESNE geri verilir. */\n    setRange(prev =>\n      prev.start === next.start &&\n      prev.end === next.end &&\n      prev.totalHeight === next.totalHeight &&\n      prev.offset === next.offset\n        ? prev\n        : next,\n    );\n  }, [count, isEnabled, overscan, rowHeight]);\n\n  /* OLCUM HER BOYAMADAN SONRA — BAGIMLILIK LISTESI YOK */\n  useEffect(measure);\n\n  useEffect(() => {\n    const node = scrollRef.current;\n    if (!node) return;\n\n    node.addEventListener('scroll', measure, { passive: true });\n\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(node);\n\n    return () => {\n      node.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [measure]);\n\n  /** Verilen dizini görünür alana getirir. */\n  const scrollToIndex = useCallback(\n    (index: number) => {\n      const node = scrollRef.current;\n      if (!node || !isEnabled) return;\n\n      const top = index * rowHeight;\n      const bottom = top + rowHeight;\n\n      if (top < node.scrollTop) node.scrollTop = top;\n      else if (bottom > node.scrollTop + node.clientHeight)\n        node.scrollTop = bottom - node.clientHeight;\n    },\n    [isEnabled, rowHeight],\n  );\n\n  return { scrollRef, range, scrollToIndex, measure };\n};\n\nexport default useVirtualList;\n"],"names":["DEFAULT_ROW_HEIGHT","DEFAULT_OVERSCAN","useVirtualList","count","rowHeight","overscan","isEnabled","scrollRef","useRef","range","setRange","useState","measure","useCallback","node","next","visibleCount","first","start","end","prev","useEffect","observer","scrollToIndex","index","top","bottom"],"mappings":";;AASA,MAAMA,IAAqB,IAGrBC,IAAmB,GAGnBC,IAAiB,CACrBC,GACA,EAAE,WAAAC,IAAYJ,GAAoB,UAAAK,IAAWJ,GAAkB,WAAAK,IAAY,GAAA,IAAS,OACjF;AACH,QAAMC,IAAYC,EAA2B,IAAI,GAC3C,CAACC,GAAOC,CAAQ,IAAIC,EAAuB;AAAA,IAC/C,OAAO;AAAA,IACP,KAAKR;AAAA,IACL,aAAaA,IAAQC;AAAA,IACrB,QAAQ;AAAA,EAAA,CACT,GAEKQ,IAAUC,EAAY,MAAM;AAChC,UAAMC,IAAOP,EAAU,SAGjBQ,IACJ,CAACT,KAAa,CAACQ,KAAQA,EAAK,iBAAiB,IACzC,EAAE,OAAO,GAAG,KAAKX,GAAO,aAAaA,IAAQC,GAAW,QAAQ,EAAA,KAC/D,MAAM;AACL,YAAMY,IAAe,KAAK,KAAKF,EAAK,eAAeV,CAAS,GACtDa,IAAQ,KAAK,MAAMH,EAAK,YAAYV,CAAS,GAE7Cc,IAAQ,KAAK,IAAI,GAAGD,IAAQZ,CAAQ,GACpCc,IAAM,KAAK,IAAIhB,GAAOc,IAAQD,IAAeX,CAAQ;AAE3D,aAAO,EAAE,OAAAa,GAAO,KAAAC,GAAK,aAAahB,IAAQC,GAAW,QAAQc,IAAQd,EAAA;AAAA,IACvE,GAAA;AAGN,IAAAM;AAAA,MAAS,OACPU,EAAK,UAAUL,EAAK,SACpBK,EAAK,QAAQL,EAAK,OAClBK,EAAK,gBAAgBL,EAAK,eAC1BK,EAAK,WAAWL,EAAK,SACjBK,IACAL;AAAA,IAAA;AAAA,EAER,GAAG,CAACZ,GAAOG,GAAWD,GAAUD,CAAS,CAAC;AAG1C,EAAAiB,EAAUT,CAAO,GAEjBS,EAAU,MAAM;AACd,UAAMP,IAAOP,EAAU;AACvB,QAAI,CAACO,EAAM;AAEX,IAAAA,EAAK,iBAAiB,UAAUF,GAAS,EAAE,SAAS,IAAM;AAE1D,UAAMU,IAAW,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAeV,CAAO;AAC1F,WAAAU,KAAA,QAAAA,EAAU,QAAQR,IAEX,MAAM;AACX,MAAAA,EAAK,oBAAoB,UAAUF,CAAO,GAC1CU,KAAA,QAAAA,EAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAACV,CAAO,CAAC;AAGZ,QAAMW,IAAgBV;AAAA,IACpB,CAACW,MAAkB;AACjB,YAAMV,IAAOP,EAAU;AACvB,UAAI,CAACO,KAAQ,CAACR,EAAW;AAEzB,YAAMmB,IAAMD,IAAQpB,GACdsB,IAASD,IAAMrB;AAErB,MAAIqB,IAAMX,EAAK,YAAWA,EAAK,YAAYW,IAClCC,IAASZ,EAAK,YAAYA,EAAK,iBACtCA,EAAK,YAAYY,IAASZ,EAAK;AAAA,IACnC;AAAA,IACA,CAACR,GAAWF,CAAS;AAAA,EAAA;AAGvB,SAAO,EAAE,WAAAG,GAAW,OAAAE,GAAO,eAAAc,GAAe,SAAAX,EAAA;AAC5C;"}

package/build/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./theme/UiProvider.cjs"),T=require("./theme/UiThemeScript.cjs"),$=require("./theme/context.cjs"),t=require("@handijit/design"),E=require("./helpers/focus.helper.cjs"),S=require("./hooks/useAnnounce.cjs"),_=require("./hooks/useUiTheme.cjs"),B=require("./hooks/useUiTokens.cjs"),R=require("./hooks/useStickToBottom.cjs"),P=require("./hooks/useListboxNavigation.cjs"),A=require("./hooks/usePositioning.cjs"),m=require("./hooks/useVirtualList.cjs"),O=require("./enums/ui-variant.enum.cjs"),p=require("./enums/ui-size.enum.cjs"),e=require("./constants/breakpoint.constants.cjs"),o=require("./helpers/text.helper.cjs"),C=require("./components/Button/index.cjs"),I=require("./components/IconButton/index.cjs"),b=require("./components/TextLink/index.cjs"),g=require("./components/Tooltip/index.cjs"),d=require("./components/Menu/index.cjs"),D=require("./components/Popover/index.cjs"),M=require("./components/Chip/index.cjs"),y=require("./components/ChipGroup/index.cjs"),U=require("./components/Combobox/index.cjs"),h=require("./components/SegmentedControl/index.cjs"),H=require("./components/Select/index.cjs"),k=require("./components/Checkbox/index.cjs"),L=require("./components/Switch/index.cjs"),F=require("./components/Radio/index.cjs"),w=require("./components/RadioCard/index.cjs"),v=require("./components/RangeSlider/index.cjs"),K=require("./components/RatingInput/index.cjs"),N=require("./components/QuantityStepper/index.cjs"),V=require("./components/TableCheckbox/index.cjs"),Y=require("./components/Input/index.cjs"),Q=require("./components/PasswordInput/index.cjs"),j=require("./components/TagInput/index.cjs"),G=require("./components/Textarea/index.cjs"),a=require("./components/DateField/index.cjs"),z=require("./components/Field/index.cjs"),J=require("./components/FileUpload/index.cjs"),W=require("./components/Alert/index.cjs"),X=require("./components/Avatar/index.cjs"),Z=require("./components/Badge/index.cjs"),ee=require("./components/Breadcrumb/index.cjs"),r=require("./components/Card/index.cjs"),re=require("./components/Carousel/index.cjs"),te=require("./components/CodeBadge/index.cjs"),ie=require("./components/Kbd/index.cjs"),ne=require("./components/StatusDot/index.cjs"),ue=require("./components/CopyField/index.cjs"),oe=require("./components/Divider/index.cjs"),i=require("./components/Directory/index.cjs"),de=require("./components/EmptyState/index.cjs"),ae=require("./components/PageHeader/index.cjs"),u=require("./components/Panel/index.cjs"),le=require("./components/Price/index.cjs"),se=require("./components/Rating/index.cjs"),ce=require("./components/SectionHeader/index.cjs"),fe=require("./components/ScrollArea/index.cjs"),n=require("./components/Skeleton/index.cjs"),qe=require("./components/Stat/index.cjs"),xe=require("./components/SummaryCard/index.cjs"),l=require("./components/Progress/index.cjs"),Te=require("./components/Spinner/index.cjs"),s=require("./components/Toast/index.cjs"),$e=require("./components/ToastPortal/index.cjs"),Ee=require("./components/Accordion/index.cjs"),Se=require("./components/Disclosure/index.cjs"),_e=require("./components/Steps/index.cjs"),Be=require("./components/Tabs/index.cjs"),Re=require("./components/Tile/index.cjs"),Pe=require("./components/Timeline/index.cjs"),Ae=require("./components/BottomSheet/index.cjs"),me=require("./components/Modal/index.cjs"),Oe=require("./components/CommandPalette/index.cjs"),pe=require("./components/ConfirmDialog/index.cjs"),Ce=require("./components/Drawer/index.cjs"),Ie=require("./components/PromptDialog/index.cjs"),c=require("./components/Table/index.cjs"),f=require("./components/DataTable/index.cjs"),q=require("./components/FilterBar/index.cjs"),be=require("./components/Pagination/index.cjs");exports.UiProvider=x.default;exports.UiThemeScript=T.default;exports.useUi=$.useUi;Object.defineProperty(exports,"THEME_ATTRIBUTE",{enumerable:!0,get:()=>t.THEME_ATTRIBUTE});Object.defineProperty(exports,"THEME_BOOT_SCRIPT",{enumerable:!0,get:()=>t.THEME_BOOT_SCRIPT});Object.defineProperty(exports,"THEME_BOOT_SCRIPT_HASH",{enumerable:!0,get:()=>t.THEME_BOOT_SCRIPT_HASH});Object.defineProperty(exports,"THEME_STORAGE_KEY",{enumerable:!0,get:()=>t.THEME_STORAGE_KEY});exports.hasOpenSurface=E.hasOpenSurface;exports.useAnnounce=S.default;exports.useUiTheme=_.default;exports.useUiTokens=B.default;exports.useStickToBottom=R.default;exports.useListboxNavigation=P.default;exports.usePositioning=A.default;exports.useVirtualList=m.default;exports.UIVariant=O.default;exports.UISize=p.default;exports.ABOVE_MOBILE_MEDIA_QUERY=e.ABOVE_MOBILE_MEDIA_QUERY;exports.ABOVE_TABLET_MEDIA_QUERY=e.ABOVE_TABLET_MEDIA_QUERY;exports.MOBILE_BREAKPOINT=e.MOBILE_BREAKPOINT;exports.SHEET_MEDIA_QUERY=e.SHEET_MEDIA_QUERY;exports.TABLET_BREAKPOINT=e.TABLET_BREAKPOINT;exports.TABLET_PORTRAIT_BREAKPOINT=e.TABLET_PORTRAIT_BREAKPOINT;exports.matchesSearch=o.matchesSearch;exports.normalizeSearchTerm=o.normalizeSearchTerm;exports.Button=C.default;exports.IconButton=I.default;exports.TextLink=b.default;exports.Tooltip=g.default;exports.ContextMenu=d.ContextMenu;exports.Menu=d.default;exports.Popover=D.default;exports.Chip=M.default;exports.ChipGroup=y.default;exports.Combobox=U.default;exports.SegmentedControl=h.default;exports.Select=H.default;exports.Checkbox=k.default;exports.Switch=L.default;exports.Radio=F.default;exports.RadioCard=w.default;exports.RangeSlider=v.default;exports.RatingInput=K.default;exports.QuantityStepper=N.default;exports.TableCheckbox=V.default;exports.Input=Y.default;exports.PasswordInput=Q.default;exports.TagInput=j.default;exports.Textarea=G.default;exports.DateField=a.default;exports.DateRange=a.DateRange;exports.Field=z.default;exports.FileUpload=J.default;exports.Alert=W.default;exports.Avatar=X.default;exports.Badge=Z.default;exports.Breadcrumb=ee.default;exports.Card=r.default;exports.CardBody=r.CardBody;exports.CardFooter=r.CardFooter;exports.CardMedia=r.CardMedia;exports.CardOverlay=r.CardOverlay;exports.Carousel=re.default;exports.CodeBadge=te.default;exports.Kbd=ie.default;exports.StatusDot=ne.default;exports.CopyField=ue.default;exports.Divider=oe.default;exports.Directory=i.default;exports.DirectoryGroup=i.DirectoryGroup;exports.DirectoryJump=i.DirectoryJump;exports.DirectoryRow=i.DirectoryRow;exports.EmptyState=de.default;exports.PageHeader=ae.default;exports.Panel=u.default;exports.PanelForm=u.PanelForm;exports.PanelRow=u.PanelRow;exports.Price=le.default;exports.Rating=se.default;exports.SectionHeader=ce.default;exports.ScrollArea=fe.default;exports.Skeleton=n.default;exports.SkeletonCard=n.SkeletonCard;exports.SkeletonRows=n.SkeletonRows;exports.SkeletonTable=n.SkeletonTable;exports.Stat=qe.default;exports.SummaryCard=xe.default;exports.Progress=l.default;exports.ProgressCircle=l.ProgressCircle;exports.Spinner=Te.default;exports.ToastHub=s.default;exports.toast=s.toast;exports.ToastPortal=$e.default;exports.Accordion=Ee.default;exports.Disclosure=Se.default;exports.Steps=_e.default;exports.Tabs=Be.default;exports.Tile=Re.default;exports.Timeline=Pe.default;exports.BottomSheet=Ae.default;exports.Modal=me.default;exports.CommandPalette=Oe.default;exports.ConfirmDialog=pe.default;exports.Drawer=Ce.default;exports.PromptDialog=Ie.default;exports.Table=c.default;exports.TableScroller=c.TableScroller;exports.DataTable=f.default;exports.DataTableRow=f.DataTableRow;exports.FilterBar=q.default;exports.FilterBarField=q.FilterBarField;exports.Pagination=be.default;
+//# sourceMappingURL=index.cjs.map

package/build/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/index.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @handijit/ui — açık genel API. Dışa verilen her ad bir SÖZLEŞMEDİR: bir sonraki büyük sürüme
+ * kadar kaldırılmaz ve davranışı sessizce değişmez.
+ */
+export { default as UiProvider } from './theme/UiProvider';
+export { default as UiThemeScript } from './theme/UiThemeScript';
+export { useUi } from './theme/context';
+export { THEME_ATTRIBUTE, THEME_BOOT_SCRIPT, THEME_BOOT_SCRIPT_HASH, THEME_STORAGE_KEY, } from '@handijit/design';
+export { hasOpenSurface } from './helpers/focus.helper';
+export { default as useAnnounce } from './hooks/useAnnounce';
+export { default as useUiTheme } from './hooks/useUiTheme';
+export { default as useUiTokens } from './hooks/useUiTokens';
+export { default as useStickToBottom } from './hooks/useStickToBottom';
+export { default as useListboxNavigation, type ListboxNavigation, } from './hooks/useListboxNavigation';
+export { default as usePositioning } from './hooks/usePositioning';
+export { default as useVirtualList } from './hooks/useVirtualList';
+export { default as UIVariant } from './enums/ui-variant.enum';
+export { default as UISize } from './enums/ui-size.enum';
+export type { CommonElementProps } from './types/common-element-props.type';
+export type { UiLinkComponent, UiLinkExtraProps, UiLinkProps } from './types/link.type';
+export { ABOVE_MOBILE_MEDIA_QUERY, ABOVE_TABLET_MEDIA_QUERY, MOBILE_BREAKPOINT, SHEET_MEDIA_QUERY, TABLET_BREAKPOINT, TABLET_PORTRAIT_BREAKPOINT, } from './constants/breakpoint.constants';
+export { matchesSearch, normalizeSearchTerm } from './helpers/text.helper';
+export { default as Button } from './components/Button';
+export { default as IconButton, type IconButtonVariant } from './components/IconButton';
+export { default as TextLink } from './components/TextLink';
+export { default as Tooltip } from './components/Tooltip';
+export { ContextMenu, default as Menu, type MenuItem } from './components/Menu';
+export { default as Popover } from './components/Popover';
+export { default as Chip, type ChipSize } from './components/Chip';
+export { default as ChipGroup, type ChipOption } from './components/ChipGroup';
+export { default as Combobox, type ComboboxLabels, type ComboboxOption, } from './components/Combobox';
+export { default as SegmentedControl, type SegmentOption } from './components/SegmentedControl';
+export { default as Select, type SelectOption } from './components/Select';
+export { default as Checkbox } from './components/Checkbox';
+export { default as Switch } from './components/Switch';
+export { default as Radio } from './components/Radio';
+export { default as RadioCard } from './components/RadioCard';
+export { default as RangeSlider, type RangeValue } from './components/RangeSlider';
+export { default as RatingInput, type RatingLabels } from './components/RatingInput';
+export { default as QuantityStepper } from './components/QuantityStepper';
+export { default as TableCheckbox } from './components/TableCheckbox';
+export { default as Input } from './components/Input';
+export { default as PasswordInput } from './components/PasswordInput';
+export { default as TagInput } from './components/TagInput';
+export { default as Textarea } from './components/Textarea';
+export { default as DateField, DateRange, type DateRangeValue } from './components/DateField';
+export { default as Field, type FieldChildProps } from './components/Field';
+export { default as FileUpload, type UploadFile } from './components/FileUpload';
+export { default as Alert, type AlertTone } from './components/Alert';
+export { default as Avatar } from './components/Avatar';
+export { default as Badge, type BadgeTone, type BadgeVariant } from './components/Badge';
+export { default as Breadcrumb, type Crumb } from './components/Breadcrumb';
+export { default as Card, CardBody, CardFooter, CardMedia, type CardMediaFit, CardOverlay, } from './components/Card';
+export { default as Carousel } from './components/Carousel';
+export { default as CodeBadge, type CodeBadgeSize } from './components/CodeBadge';
+export { default as Kbd } from './components/Kbd';
+export { default as StatusDot, type StatusDotTone } from './components/StatusDot';
+export { default as CopyField } from './components/CopyField';
+export { default as Divider } from './components/Divider';
+export { default as Directory, DirectoryGroup, DirectoryJump, DirectoryRow, } from './components/Directory';
+export { default as EmptyState } from './components/EmptyState';
+export { default as PageHeader } from './components/PageHeader';
+export { default as Panel, PanelForm, PanelRow } from './components/Panel';
+export { default as Price } from './components/Price';
+export { default as Rating } from './components/Rating';
+export { default as SectionHeader } from './components/SectionHeader';
+export { default as ScrollArea } from './components/ScrollArea';
+export { default as Skeleton, SkeletonCard, SkeletonRows, SkeletonTable, } from './components/Skeleton';
+export { default as Stat, type StatTrend } from './components/Stat';
+export { default as SummaryCard, type SummaryCardHeadingLevel } from './components/SummaryCard';
+export { default as Progress, ProgressCircle } from './components/Progress';
+export { default as Spinner } from './components/Spinner';
+export { default as ToastHub, toast, type ToastOptions, type ToastTone } from './components/Toast';
+export { default as ToastPortal } from './components/ToastPortal';
+export { default as Accordion, type AccordionItem } from './components/Accordion';
+export { default as Disclosure, type DisclosureVariant } from './components/Disclosure';
+export { default as Steps, type StepItem } from './components/Steps';
+export { default as Tabs, type TabItem } from './components/Tabs';
+export { default as Tile } from './components/Tile';
+export { default as Timeline, type TimelineEvent, type TimelineStatus, } from './components/Timeline';
+export { default as BottomSheet } from './components/BottomSheet';
+export { default as Modal, type ModalTone } from './components/Modal';
+export { default as CommandPalette, type CommandItem } from './components/CommandPalette';
+export { default as ConfirmDialog, type ConfirmKind } from './components/ConfirmDialog';
+export { default as Drawer } from './components/Drawer';
+export { default as PromptDialog } from './components/PromptDialog';
+export { default as Table, TableScroller } from './components/Table';
+export { default as DataTable, DataTableRow, type DataTableColumn } from './components/DataTable';
+export { default as FilterBar, FilterBarField } from './components/FilterBar';
+export { default as Pagination } from './components/Pagination';
+export type { AnnouncePoliteness, ListboxNavigationOptions, VirtualRange } from './types/hook.type';
+export type { PositionAlign, PositionSide, PositioningOptions, PositioningState, } from './types/positioning.type';
+export type { UiColorPreference, UiColorScheme, UiContextValue, UiLabels, UiThemeState, } from './types/theme.type';