@handijit/ui 0.0.0-stage → 2.0.0

package/build/components/Toast/index.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import { memo as I, useState as h, useEffect as g, useCallback as N, useRef as C } from "react";
+import { createPortal as E } from "react-dom";
+import { XLg as F, XCircleFill as k, ExclamationTriangleFill as H, CheckCircleFill as P, InfoCircleFill as D } from "react-bootstrap-icons";
+import { cx as x } from "../../helpers/class-name.helper.js";
+import { named as R } from "../../helpers/component.helper.js";
+import { resolveLabel as v } from "../../helpers/label.helper.js";
+import y from "../../hooks/useDismissOnEscape.js";
+import { useUi as M } from "../../theme/context.js";
+import O from "../IconButton/index.js";
+const a = {"hub":"ui-hub-JoqOf","toast":"ui-toast-U27Of","toast--info":"ui-toast--info-S1QJr","toast--success":"ui-toast--success-NUso7","toast--warning":"ui-toast--warning-7mi-S","toast--danger":"ui-toast--danger-IhFSz","toast__icon":"ui-toast__icon-p-rgI","toast__text":"ui-toast__text-rG4ji","toast__message":"ui-toast__message-s6S2-","toast__description":"ui-toast__description-0cYTx","toast__action":"ui-toast__action-fOXU5","toast__close":"ui-toast__close-QxSNP"};
+const S = {
+  info: /* @__PURE__ */ s(D, { "aria-hidden": !0 }),
+  success: /* @__PURE__ */ s(P, { "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ s(H, { "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ s(k, { "aria-hidden": !0 })
+}, U = {
+  info: 4e3,
+  success: 4e3,
+  warning: 6e3,
+  danger: 8e3
+};
+let L = 0;
+const b = /* @__PURE__ */ new Set();
+let c = [];
+const w = () => b.forEach((t) => t(c)), _ = (t) => {
+  c = c.filter((e) => e.id !== t), w();
+}, f = (t, e = {}) => {
+  L += 1;
+  const o = L;
+  return c = [...c, { ...e, id: o, message: t }].slice(-3), w(), o;
+}, Y = {
+  show: f,
+  info: (t, e) => f(t, { ...e, tone: "info" }),
+  success: (t, e) => f(t, { ...e, tone: "success" }),
+  warning: (t, e) => f(t, { ...e, tone: "warning" }),
+  error: (t, e) => f(t, { ...e, tone: "danger" }),
+  dismiss: _,
+  /** Tümünü kapatır — sayfa geçişinde bayat bildirim taşınmasın. */
+  clear: () => {
+    c = [], w();
+  }
+}, j = ({ toast: t, closeLabel: e, onDismiss: o }) => {
+  const n = t.tone ?? "info", i = t.duration ?? U[n], [l, u] = h(!1), d = C(i), p = C(0);
+  return g(() => {
+    if (i === 0 || l) return;
+    p.current = Date.now();
+    const m = window.setTimeout(() => o(t.id), d.current);
+    return () => {
+      window.clearTimeout(m), d.current = Math.max(0, d.current - (Date.now() - p.current));
+    };
+  }, [i, l, o, t.id]), /* @__PURE__ */ T(
+    "div",
+    {
+      className: x(a.toast, a[`toast--${n}`]),
+      role: n === "danger" ? "alert" : "status",
+      onPointerEnter: () => u(!0),
+      onPointerLeave: () => u(!1),
+      onFocus: () => u(!0),
+      onBlur: () => u(!1),
+      children: [
+        /* @__PURE__ */ s("span", { className: a.toast__icon, "aria-hidden": !0, children: S[n] }),
+        /* @__PURE__ */ T("div", { className: a.toast__text, children: [
+          /* @__PURE__ */ s("span", { className: a.toast__message, children: t.message }),
+          t.description && /* @__PURE__ */ s("span", { className: a.toast__description, children: t.description })
+        ] }),
+        t.action && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: a.toast__action,
+            onClick: () => {
+              var m;
+              (m = t.action) == null || m.onClick(), o(t.id);
+            },
+            children: t.action.label
+          }
+        ),
+        /* @__PURE__ */ s(
+          O,
+          {
+            icon: /* @__PURE__ */ s(F, { "aria-hidden": !0 }),
+            label: e,
+            variant: "ghost",
+            size: "sm",
+            className: a.toast__close,
+            onClick: () => o(t.id)
+          }
+        )
+      ]
+    }
+  );
+}, A = ({ closeLabel: t, regionLabel: e, className: o }) => {
+  const { labels: n } = M(), [i, l] = h([]);
+  g(() => (b.add(l), l(c), () => {
+    b.delete(l);
+  }), []);
+  const u = N((r) => _(r), []), d = N(() => {
+    const r = i.at(-1);
+    r && _(r.id);
+  }, [i]);
+  y(i.length > 0, d);
+  const [p, m] = h(!1);
+  return g(() => m(!0), []), p ? E(
+    /*
+     * Bildirimin üzerindeki `role="status"`/`role="alert"` öğe DOM'a girdiği ANDA yaratılıyordu
+     * ⚠ CANLI BÖLGE YIĞININ KENDİSİNDE, tek tek bildirimlerde DEĞİL.
+     */
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: x(a.hub, o),
+        role: "region",
+        "aria-label": v("ToastHub.regionLabel", e, n == null ? void 0 : n.notifications),
+        "aria-live": "polite",
+        "aria-relevant": "additions",
+        children: i.map((r) => /* @__PURE__ */ s(
+          j,
+          {
+            toast: r,
+            closeLabel: v("ToastHub.closeLabel", t, n == null ? void 0 : n.close),
+            onDismiss: u
+          },
+          r.id
+        ))
+      }
+    ),
+    document.body
+  ) : null;
+}, Z = /* @__PURE__ */ I(/* @__PURE__ */ R(A, "ToastHub"));
+export {
+  Z as default,
+  Y as toast
+};
+//# sourceMappingURL=index.js.map

package/build/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CheckCircleFill,\n  ExclamationTriangleFill,\n  InfoCircleFill,\n  XCircleFill,\n  XLg,\n} from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\nexport type ToastTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport type ToastOptions = {\n  tone?: ToastTone;\n  /** Görüntülenme süresi (ms). `0` → kendiliğinden kapanmaz. */\n  duration?: number;\n  /** Başlığın altındaki bir cümlelik ayrıntı. */\n  description?: ReactNode;\n  /** Bildirimin içindeki tek eylem (\"Geri al\"). */\n  action?: { label: string; onClick: () => void };\n};\n\ntype ToastRecord = ToastOptions & { id: number; message: string };\n\n/** Ton başına ikon: renk TEK BAŞINA anlam taşımaz (WCAG 1.4.1). */\nconst ICONS: Record<ToastTone, ReactNode> = {\n  info: <InfoCircleFill aria-hidden />,\n  success: <CheckCircleFill aria-hidden />,\n  warning: <ExclamationTriangleFill aria-hidden />,\n  danger: <XCircleFill aria-hidden />,\n};\n\n/** Ton başına varsayılan süre. */\nconst DEFAULT_DURATION: Record<ToastTone, number> = {\n  info: 4_000,\n  success: 4_000,\n  warning: 6_000,\n  danger: 8_000,\n};\n\n/** Aynı anda ekranda duran en fazla bildirim. */\nconst MAX_VISIBLE = 3;\n\n/* YAYIN MERKEZI — modul duzeyinde, saglayicidan BAGIMSIZ. */\nlet counter = 0;\n/*\n * `new Set()` modul duzeyinde bir CAGRI ve acilama olmadan bundler onu yan etkili sayabilir — Faz\n * 0'da `memo()` cagrilarinda tam olarak bu olmustu.\n */\nconst listeners = /*#__PURE__*/ new Set<(toasts: ToastRecord[]) => void>();\nlet queue: ToastRecord[] = [];\n\nconst emit = () => listeners.forEach(listener => listener(queue));\n\nconst dismiss = (id: number) => {\n  queue = queue.filter(item => item.id !== id);\n  emit();\n};\n\nconst push = (message: string, options: ToastOptions = {}): number => {\n  counter += 1;\n  const id = counter;\n\n  /*\n   * SIRAYA ALMA: ekranda en fazla `MAX_VISIBLE` bildirim durur, fazlasi EN ESKIsini duserek yerini\n   * alir.\n   */\n  queue = [...queue, { ...options, id, message }].slice(-MAX_VISIBLE);\n  emit();\n\n  return id;\n};\n\n/**\n * BİLDİRİM SÖZLEŞMESİ — süre, ikon ve renk kararları TEK YERDE.\n * @example toast.success('Adres kaydedildi'); toast.error('Kart reddedildi', { action: { label…\n */\nexport const toast = {\n  show: push,\n  info: (message: string, options?: ToastOptions) => push(message, { ...options, tone: 'info' }),\n  success: (message: string, options?: ToastOptions) =>\n    push(message, { ...options, tone: 'success' }),\n  warning: (message: string, options?: ToastOptions) =>\n    push(message, { ...options, tone: 'warning' }),\n  error: (message: string, options?: ToastOptions) => push(message, { ...options, tone: 'danger' }),\n  dismiss,\n  /** Tümünü kapatır — sayfa geçişinde bayat bildirim taşınmasın. */\n  clear: () => {\n    queue = [];\n    emit();\n  },\n};\n\ntype ItemProps = {\n  toast: ToastRecord;\n  closeLabel: string;\n  onDismiss: (id: number) => void;\n};\n\n/** Tek bir bildirim satırı; kendi zamanlayıcısını kendisi taşır. */\nconst ToastItem = ({ toast: record, closeLabel, onDismiss }: ItemProps) => {\n  const tone = record.tone ?? 'info';\n  const duration = record.duration ?? DEFAULT_DURATION[tone];\n\n  const [isPaused, setIsPaused] = useState(false);\n  const remainingRef = useRef(duration);\n  const startedRef = useRef(0);\n\n  useEffect(() => {\n    if (duration === 0 || isPaused) return;\n\n    startedRef.current = Date.now();\n    const timer = window.setTimeout(() => onDismiss(record.id), remainingRef.current);\n\n    return () => {\n      window.clearTimeout(timer);\n      /*\n       * Kalan sure KORUNUR: imlec ayrilinca sayac bastan baslasaydi, uzerine bir kez gelinen\n       * bildirim ekranda cok daha uzun kaliyordu.\n       */\n      remainingRef.current = Math.max(0, remainingRef.current - (Date.now() - startedRef.current));\n    };\n  }, [duration, isPaused, onDismiss, record.id]);\n\n  return (\n    <div\n      className={cx(styles.toast, styles[`toast--${tone}`])}\n      /*\n       * `role=\"alert\"` YALNIZCA hatada: o rol `aria-live=\"assertive\"` demek ve kullanicinin okudugu\n       * seyi BOLER.\n       */\n      role={tone === 'danger' ? 'alert' : 'status'}\n      /*\n       * Fare uzerindeyken sayac DURUR: kullanici bildirimi okuyor ya da icindeki eylemi tiklamaya\n       * gidiyor.\n       */\n      onPointerEnter={() => setIsPaused(true)}\n      onPointerLeave={() => setIsPaused(false)}\n      /* Klavye odagi da duraklatir: */\n      onFocus={() => setIsPaused(true)}\n      onBlur={() => setIsPaused(false)}\n    >\n      <span className={styles.toast__icon} aria-hidden>\n        {ICONS[tone]}\n      </span>\n\n      <div className={styles.toast__text}>\n        <span className={styles.toast__message}>{record.message}</span>\n        {record.description && (\n          <span className={styles.toast__description}>{record.description}</span>\n        )}\n      </div>\n\n      {record.action && (\n        <button\n          type=\"button\"\n          className={styles.toast__action}\n          onClick={() => {\n            record.action?.onClick();\n            onDismiss(record.id);\n          }}\n        >\n          {record.action.label}\n        </button>\n      )}\n\n      <IconButton\n        icon={<XLg aria-hidden />}\n        label={closeLabel}\n        variant=\"ghost\"\n        size=\"sm\"\n        className={styles.toast__close}\n        onClick={() => onDismiss(record.id)}\n      />\n    </div>\n  );\n};\n\ntype HubProps = {\n  /** Kapatma düğmelerinin erişilebilir adı. */\n  closeLabel?: string;\n  /**\n   * Yığının erişilebilir adı (\"Bildirimler\").\n   * ⚠ Yığın artık bir `role=\"region\"` ve canlı bölge; adsız bir bölge ekran okuyucuda yalnızca\n   * \"bölge\" diye okunur.\n   */\n  regionLabel?: string;\n  className?: string;\n};\n\n/** Bildirim yığını — uygulamada BİR KEZ çizilir. */\nconst ToastHub = ({ closeLabel, regionLabel, className }: HubProps) => {\n  const { labels } = useUi();\n  const [toasts, setToasts] = useState<ToastRecord[]>([]);\n\n  useEffect(() => {\n    listeners.add(setToasts);\n    setToasts(queue);\n    return () => {\n      listeners.delete(setToasts);\n    };\n  }, []);\n\n  const handleDismiss = useCallback((id: number) => dismiss(id), []);\n\n  /*\n   * Escape en YENI bildirimi kapatir: yigilmis bildirimleri tek tek kapatmanin klavyeyle tek yolu\n   * buydu.\n   */\n  const dismissLatest = useCallback(() => {\n    const latest = toasts.at(-1);\n    if (latest) dismiss(latest.id);\n  }, [toasts]);\n\n  useDismissOnEscape(toasts.length > 0, dismissLatest);\n\n  /* HIDRASYON: `isClient()` RENDER İÇİNDE OKUNAMAZ */\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => setIsMounted(true), []);\n\n  if (!isMounted) return null;\n\n  return createPortal(\n    /*\n     * Bildirimin üzerindeki `role=\"status\"`/`role=\"alert\"` öğe DOM'a girdiği ANDA yaratılıyordu\n     * ⚠ CANLI BÖLGE YIĞININ KENDİSİNDE, tek tek bildirimlerde DEĞİL.\n     */\n    <div\n      className={cx(styles.hub, className)}\n      role=\"region\"\n      aria-label={resolveLabel('ToastHub.regionLabel', regionLabel, labels?.notifications)}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n    >\n      {toasts.map(record => (\n        <ToastItem\n          key={record.id}\n          toast={record}\n          closeLabel={resolveLabel('ToastHub.closeLabel', closeLabel, labels?.close)}\n          onDismiss={handleDismiss}\n        />\n      ))}\n    </div>,\n    document.body,\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(ToastHub, 'ToastHub')) as typeof ToastHub;\n"],"names":["ICONS","jsx","InfoCircleFill","CheckCircleFill","ExclamationTriangleFill","XCircleFill","DEFAULT_DURATION","counter","listeners","queue","emit","listener","dismiss","id","item","push","message","options","toast","ToastItem","record","closeLabel","onDismiss","tone","duration","isPaused","setIsPaused","useState","remainingRef","useRef","startedRef","useEffect","timer","jsxs","cx","styles","_a","IconButton","XLg","ToastHub","regionLabel","className","labels","useUi","toasts","setToasts","handleDismiss","useCallback","dismissLatest","latest","useDismissOnEscape","isMounted","setIsMounted","createPortal","resolveLabel","ToastHub$1","memo","named"],"mappings":"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"}

package/build/components/Toast/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-hub-JoqOf{position:fixed;inset-inline:0;bottom:0;z-index:var(--hd-z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--hd-space-2);padding:var(--hd-space-4);pointer-events:none;padding-bottom:max(var(--hd-space-4),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}@media (min-width: 1025px){.ui-hub-JoqOf{align-items:flex-end}}.ui-toast-U27Of{display:flex;align-items:flex-start;gap:var(--hd-space-3);pointer-events:auto;width:100%;max-width:420px;padding:var(--hd-space-3);border-radius:var(--hd-radius-sm);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border);box-shadow:var(--hd-shadow-2);animation:var(--ui-anim-fade-in-up) var(--hd-duration-base) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-toast-U27Of{animation:none}}.ui-toast--info-S1QJr{border-inline-start:3px solid var(--hd-primary)}.ui-toast--success-NUso7{border-inline-start:3px solid var(--hd-success-solid)}.ui-toast--warning-7mi-S{border-inline-start:3px solid var(--hd-warning-solid)}.ui-toast--danger-IhFSz{border-inline-start:3px solid var(--hd-danger-solid)}@media (forced-colors: active){.ui-toast-U27Of{border-color:CanvasText}}.ui-toast__icon-p-rgI{display:inline-flex;flex-shrink:0;font-size:18px;margin-top:1px}.ui-toast--info-S1QJr .ui-toast__icon-p-rgI{color:var(--hd-text)}.ui-toast--success-NUso7 .ui-toast__icon-p-rgI{color:var(--hd-success-solid)}.ui-toast--warning-7mi-S .ui-toast__icon-p-rgI{color:var(--hd-warning-solid)}.ui-toast--danger-IhFSz .ui-toast__icon-p-rgI{color:var(--hd-danger-solid)}.ui-toast__text-rG4ji{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ui-toast__message-s6S2-{font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text)}.ui-toast__description-0cYTx{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);line-height:var(--hd-type-body-line-height)}.ui-toast__action-fOXU5{position:relative}.ui-toast__action-fOXU5:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-toast__action-fOXU5{flex-shrink:0;padding:var(--hd-space-1) var(--hd-space-2);border:none;border-radius:var(--hd-radius-xs);background:none;cursor:pointer;font-family:var(--hd-font-body);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text);text-decoration:underline;text-underline-offset:3px}.ui-toast__action-fOXU5:hover{background-color:color-mix(in srgb,var(--hd-text) 8%,transparent)}.ui-toast__action-fOXU5:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 1px)}.ui-toast__close-QxSNP{flex-shrink:0}}

package/build/components/ToastPortal/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("react"),u=require("../../helpers/component.helper.cjs"),n=require("../Toast/index.cjs"),o=()=>{const[t,r]=e.useState(!1);return e.useEffect(()=>r(!0),[]),t?s.jsx(n.default,{}):null},i=e.memo(u.named(o,"ToastPortal"));exports.default=i;
+//# sourceMappingURL=index.cjs.map

package/build/components/ToastPortal/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ToastPortal/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, memo, useEffect, useState } from 'react';\n\nimport { named } from '../../helpers/component.helper';\n\nimport ToastHub from '../Toast';\n\n/**\n * `ToastHub`ı montajdan SONRA çizen sarmalayıcı.\n * ⚠ SUNUCUDA ÇİZİLMEMESİ ŞART. `ToastHub` portal kullanıyor ve `document` olmadan çalışamaz\n */\nconst ToastPortal: FC = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => setIsMounted(true), []);\n\n  if (!isMounted) return null;\n\n  return <ToastHub />;\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(ToastPortal, 'ToastPortal'),\n) as typeof ToastPortal;\n"],"names":["ToastPortal","isMounted","setIsMounted","useState","useEffect","ToastHub","index","memo","named"],"mappings":"iQAWMA,EAAkB,IAAM,CAC5B,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAIhD,OAFAC,EAAAA,UAAU,IAAMF,EAAa,EAAI,EAAG,CAAA,CAAE,EAEjCD,QAEGI,EAAAA,QAAA,EAAS,EAFM,IAGzB,EAEAC,EAA6BC,EAAAA,KACbC,EAAAA,MAAMR,EAAa,aAAa,CAChD"}

package/build/components/ToastPortal/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+/**
+ * `ToastHub`ı montajdan SONRA çizen sarmalayıcı.
+ * ⚠ SUNUCUDA ÇİZİLMEMESİ ŞART. `ToastHub` portal kullanıyor ve `document` olmadan çalışamaz
+ */
+declare const ToastPortal: FC;
+declare const _default: typeof ToastPortal;
+export default _default;

package/build/components/ToastPortal/index.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { memo as r, useState as s, useEffect as m } from "react";
+import { named as n } from "../../helpers/component.helper.js";
+import u from "../Toast/index.js";
+const a = () => {
+  const [t, o] = s(!1);
+  return m(() => o(!0), []), t ? /* @__PURE__ */ e(u, {}) : null;
+}, d = /* @__PURE__ */ r(
+  /* @__PURE__ */ n(a, "ToastPortal")
+);
+export {
+  d as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/ToastPortal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ToastPortal/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, memo, useEffect, useState } from 'react';\n\nimport { named } from '../../helpers/component.helper';\n\nimport ToastHub from '../Toast';\n\n/**\n * `ToastHub`ı montajdan SONRA çizen sarmalayıcı.\n * ⚠ SUNUCUDA ÇİZİLMEMESİ ŞART. `ToastHub` portal kullanıyor ve `document` olmadan çalışamaz\n */\nconst ToastPortal: FC = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => setIsMounted(true), []);\n\n  if (!isMounted) return null;\n\n  return <ToastHub />;\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(ToastPortal, 'ToastPortal'),\n) as typeof ToastPortal;\n"],"names":["ToastPortal","isMounted","setIsMounted","useState","useEffect","ToastHub","index","memo","named"],"mappings":";;;;;AAWA,MAAMA,IAAkB,MAAM;AAC5B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAIhD,SAFAC,EAAU,MAAMF,EAAa,EAAI,GAAG,CAAA,CAAE,GAEjCD,sBAEGI,GAAA,EAAS,IAFM;AAGzB,GAEAC,IAA6B,gBAAAC;AAAA,EACb,gBAAAC,EAAMR,GAAa,aAAa;AAChD;"}

package/build/components/Tooltip/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("react"),O=require("react-dom"),E=require("../../helpers/class-name.helper.cjs"),j=require("../../helpers/component.helper.cjs"),F=require("../../hooks/useDismissOnEscape.cjs"),k=require("../../hooks/usePortalSurface.cjs"),I=require("../../hooks/usePositioning.cjs"),f={default:{"tooltip":"ui-tooltip-RG1g1","tooltip__trigger":"ui-tooltip__trigger-nWZtO","bubble":"ui-bubble-bcBNk","bubble--top":"ui-bubble--top-uWSZy","bubble--bottom":"ui-bubble--bottom-jKokL","bubble--left":"ui-bubble--left-WK4EM","bubble--right":"ui-bubble--right-EQjUT"}},M=120,A=500,Y=300,B=({content:T,children:s,side:v,position:g,openDelay:D=Y,className:_})=>{const[n,p]=t.useState(!1),x=t.useId(),h=v??g??"top",c=t.useRef(null),b=t.useRef(null),a=t.useRef(0),o=t.useRef(0),q=t.useMemo(()=>{if(!t.isValidElement(s))return!1;const e=s.type,u=s.props;return u.tabIndex!==void 0?!0:u.disabled===!0||typeof e!="string"?!1:e==="a"?u.href!==void 0:["button","input","select","textarea"].includes(e)},[s]),[R,S]=t.useState(!1);t.useEffect(()=>{const e=c.current;e&&S(!!e.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))},[s]);const C=q||R,m=I.default(c,b,{side:h,align:"center",isOpen:n}),d=k.default(n,c,b),r=t.useCallback(()=>{a.current&&window.clearTimeout(a.current),a.current=0},[]),P=t.useCallback(e=>{r(),a.current=window.setTimeout(()=>p(!0),e)},[r]),i=t.useCallback((e=M)=>{r(),a.current=window.setTimeout(()=>p(!1),e)},[r]);t.useEffect(()=>r,[r]),t.useEffect(()=>()=>{o.current&&window.clearTimeout(o.current)},[]);const L=t.useCallback(()=>i(0),[i]);F.default(n,L),t.useEffect(()=>{if(!n)return;const e=u=>{var y;u.pointerType!=="mouse"&&((y=c.current)!=null&&y.contains(u.target)||i(0))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[n,i]);const w=()=>{o.current&&window.clearTimeout(o.current),o.current=0},N=e=>{e.pointerType!=="mouse"&&(o.current=window.setTimeout(()=>p(!0),A))};return l.jsxs(l.Fragment,{children:[l.jsx("span",{ref:c,className:E.cx(f.default.tooltip,_),tabIndex:C?void 0:0,onPointerEnter:e=>e.pointerType==="mouse"&&P(D),onPointerLeave:e=>{w(),e.pointerType==="mouse"&&i()},onPointerDown:N,onPointerUp:w,onPointerCancel:w,onFocus:()=>P(0),onBlur:()=>i(0),onContextMenu:e=>{(n||o.current)&&e.preventDefault()},children:l.jsx("span",{"aria-describedby":n?x:void 0,className:f.default.tooltip__trigger,children:s})}),n&&d.container&&O.createPortal(l.jsx("span",{ref:b,...d.attributes,id:x,role:"tooltip",className:E.cx(f.default.bubble,f.default[`bubble--${m.side}`]),style:{...m.style,...d.style,visibility:m.isPositioned?"visible":"hidden"},children:T}),d.container)]})},G=t.memo(j.named(B,"Tooltip"));exports.default=G;
+//# sourceMappingURL=index.cjs.map

package/build/components/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  isValidElement,\n  memo,\n  type PointerEvent as ReactPointerEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport usePortalSurface from '../../hooks/usePortalSurface';\nimport usePositioning from '../../hooks/usePositioning';\n\nimport styles from './index.module.scss';\nimport type { PositionSide } from '@/types/positioning.type';\n\ntype Props = {\n  /** Balonda gösterilecek açıklama. */\n  content: ReactNode;\n  /** Açıklamanın bağlandığı öğe — düğme, ikon, etiket. */\n  children: ReactNode;\n  /** Tercih edilen kenar. */\n  side?: PositionSide;\n  /** Açılma gecikmesi (ms). */\n  openDelay?: number;\n  /**\n   * Ad değişti çünkü davranış değişti: `position` SABİT bir kenar yazıyordu ve balon oraya\n   * sığmadığında görünüm alanının dışına taşıyordu. `side`…\n   * @deprecated `side` kullanın.\n   */\n  position?: 'top' | 'bottom';\n  className?: string;\n};\n\n/** Balonun kapanmadan önce beklediği süre — imlecin balona ulaşması için. */\nconst CLOSE_DELAY = 120;\n\n/** Dokunmatikte balonu açan basma süresi. */\nconst LONG_PRESS_DELAY = 500;\n\n/** İmleç öğenin üzerinde beklemeden balon açılmaz. */\nconst OPEN_DELAY = 300;\n\n/** İpucu balonu. */\nconst Tooltip = ({\n  content,\n  children,\n  side,\n  position,\n  openDelay = OPEN_DELAY,\n  className,\n}: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const id = useId();\n\n  /* Eski prop bir surum boyunca calisir; `side` verilmisse o kazanir. */\n  const resolvedSide: PositionSide = side ?? position ?? 'top';\n\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const bubbleRef = useRef<HTMLSpanElement>(null);\n  const timerRef = useRef(0);\n  const longPressRef = useRef(0);\n\n  /*\n   * Cocuk kendi basina odak alabiliyor mu — capaya `tabIndex` verilip verilmeyecegini bu belirler.\n   */\n  const staticallyFocusableChild = useMemo(() => {\n    if (!isValidElement(children)) return false;\n    const type = children.type;\n    const props = children.props as { href?: unknown; tabIndex?: unknown; disabled?: unknown };\n\n    if (props.tabIndex !== undefined) return true;\n    if (props.disabled === true) return false;\n    if (typeof type !== 'string') return false;\n    if (type === 'a') return props.href !== undefined;\n\n    return ['button', 'input', 'select', 'textarea'].includes(type);\n  }, [children]);\n\n  /*\n   * `typeof type!== 'string'` her BILESENI \"odaklanamaz\" sayiyor; ui'nin her bileseni bir `memo`\n   * NESNESI, yani `<Tooltip><Button/></Tooltip>` icin…\n   * ⚠ STATIK KONTROL TEK BASINA YANLIS CEVAP VERIYORDU.\n   */\n  const [hasFocusableDescendant, setHasFocusableDescendant] = useState(false);\n\n  useEffect(() => {\n    const node = anchorRef.current;\n    if (!node) return;\n\n    setHasFocusableDescendant(\n      Boolean(\n        node.querySelector(\n          'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n        ),\n      ),\n    );\n  }, [children]);\n\n  const hasFocusableChild = staticallyFocusableChild || hasFocusableDescendant;\n\n  const positioning = usePositioning(anchorRef, bubbleRef, {\n    side: resolvedSide,\n    align: 'center',\n    isOpen,\n  });\n\n  const portal = usePortalSurface(isOpen, anchorRef, bubbleRef);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) window.clearTimeout(timerRef.current);\n    timerRef.current = 0;\n  }, []);\n\n  const open = useCallback(\n    (delay: number) => {\n      clearTimer();\n      timerRef.current = window.setTimeout(() => setIsOpen(true), delay);\n    },\n    [clearTimer],\n  );\n\n  const close = useCallback(\n    (delay: number = CLOSE_DELAY) => {\n      clearTimer();\n      timerRef.current = window.setTimeout(() => setIsOpen(false), delay);\n    },\n    [clearTimer],\n  );\n\n  useEffect(() => clearTimer, [clearTimer]);\n\n  /*\n   * ⚠ UZUN BASMA zamanlayıcısı AYRI temizlenir. `clearTimer` yalnızca açılış/ kapanış gecikmesini\n   * iptal ediyor\n   */\n  useEffect(\n    () => () => {\n      if (longPressRef.current) window.clearTimeout(longPressRef.current);\n    },\n    [],\n  );\n\n  /*\n   * Escape ANINDA kapatir: gecikme, ipucunu kapatmak icin bastigi tusun islemedigi izlenimi\n   * veriyordu.\n   */\n  const closeNow = useCallback(() => close(0), [close]);\n  useDismissOnEscape(isOpen, closeNow);\n\n  /*\n   * Dokunmatikte ekranin herhangi bir yerine dokunmak kapatir: balonun kendi kapatma yolu yok ve\n   * `pointer-events: none` oldugu icin ona da dokunulamiyor.\n   */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handlePointerDown = (event: globalThis.PointerEvent) => {\n      if (event.pointerType === 'mouse') return;\n      if (anchorRef.current?.contains(event.target as Node)) return;\n      close(0);\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    return () => document.removeEventListener('pointerdown', handlePointerDown);\n  }, [isOpen, close]);\n\n  const cancelLongPress = () => {\n    if (longPressRef.current) window.clearTimeout(longPressRef.current);\n    longPressRef.current = 0;\n  };\n\n  const handlePointerDown = (event: ReactPointerEvent) => {\n    if (event.pointerType === 'mouse') return;\n    longPressRef.current = window.setTimeout(() => setIsOpen(true), LONG_PRESS_DELAY);\n  };\n\n  return (\n    <>\n      <span\n        ref={anchorRef}\n        className={cx(styles.tooltip, className)}\n        /*\n         * ⚠ CAPA ODAKLANABILIR OLMAK ZORUNDA. `onFocus`/`onBlur` zaten bagli ama ` ` varsayilan\n         * olarak odak almiyor: cocuk kendisi odaklanabilir…\n         * ⚠ Cocuk zaten odaklanabiliyorsa (dugme, baglanti) `tabIndex` KONULMAZ: aksi halde ayni\n         * ipucu icin sekmede IKI durak olusur.\n         */\n        tabIndex={hasFocusableChild ? undefined : 0}\n        onPointerEnter={event => event.pointerType === 'mouse' && open(openDelay)}\n        onPointerLeave={event => {\n          cancelLongPress();\n          if (event.pointerType === 'mouse') close();\n        }}\n        onPointerDown={handlePointerDown}\n        onPointerUp={cancelLongPress}\n        onPointerCancel={cancelLongPress}\n        onFocus={() => open(0)}\n        onBlur={() => close(0)}\n        onContextMenu={event => {\n          if (isOpen || longPressRef.current) event.preventDefault();\n        }}\n      >\n        <span aria-describedby={isOpen ? id : undefined} className={styles.tooltip__trigger}>\n          {children}\n        </span>\n      </span>\n\n      {/*\n        Balon DOM'da yalnizca ACIKKEN: kapaliyken de birakip gizlemek, ekran\n        okuyucunun onu `aria-describedby` olmadan da bulup okumasina yol\n        aciyordu.\n      */}\n      {isOpen &&\n        portal.container &&\n        createPortal(\n          <span\n            ref={bubbleRef}\n            /* ⚠ Modal içinden açıldığında üst katman ZORUNLU — `portal.helper`. */\n            {...portal.attributes}\n            id={id}\n            role=\"tooltip\"\n            className={cx(styles.bubble, styles[`bubble--${positioning.side}`])}\n            style={{\n              ...positioning.style,\n              ...portal.style,\n              /* Olculmeden cizilen balon bir kare boyunca sol ust kosede parliyordu. */\n              visibility: positioning.isPositioned ? 'visible' : 'hidden',\n            }}\n          >\n            {content}\n          </span>,\n          portal.container,\n        )}\n    </>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Tooltip, 'Tooltip')) as typeof Tooltip;\n"],"names":["CLOSE_DELAY","LONG_PRESS_DELAY","OPEN_DELAY","Tooltip","content","children","side","position","openDelay","className","isOpen","setIsOpen","useState","id","useId","resolvedSide","anchorRef","useRef","bubbleRef","timerRef","longPressRef","staticallyFocusableChild","useMemo","isValidElement","type","props","hasFocusableDescendant","setHasFocusableDescendant","useEffect","node","hasFocusableChild","positioning","usePositioning","portal","usePortalSurface","clearTimer","useCallback","open","delay","close","closeNow","useDismissOnEscape","handlePointerDown","event","_a","cancelLongPress","jsxs","Fragment","jsx","cx","styles","createPortal","index","memo","named"],"mappings":"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"}

package/build/components/Tooltip/index.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { PositionSide } from '../../types/positioning.type';
+type Props = {
+    /** Balonda gösterilecek açıklama. */
+    content: ReactNode;
+    /** Açıklamanın bağlandığı öğe — düğme, ikon, etiket. */
+    children: ReactNode;
+    /** Tercih edilen kenar. */
+    side?: PositionSide;
+    /** Açılma gecikmesi (ms). */
+    openDelay?: number;
+    /**
+     * Ad değişti çünkü davranış değişti: `position` SABİT bir kenar yazıyordu ve balon oraya
+     * sığmadığında görünüm alanının dışına taşıyordu. `side`…
+     * @deprecated `side` kullanın.
+     */
+    position?: 'top' | 'bottom';
+    className?: string;
+};
+/** İpucu balonu. */
+declare const Tooltip: ({ content, children, side, position, openDelay, className, }: Props) => import("react").JSX.Element;
+declare const _default: typeof Tooltip;
+export default _default;

package/build/components/Tooltip/index.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsxs as Y, Fragment as j, jsx as P } from "react/jsx-runtime";
+import { memo as B, useState as v, useId as M, useRef as l, useMemo as k, isValidElement as q, useEffect as d, useCallback as p } from "react";
+import { createPortal as G } from "react-dom";
+import { cx as g } from "../../helpers/class-name.helper.js";
+import { named as H } from "../../helpers/component.helper.js";
+import U from "../../hooks/useDismissOnEscape.js";
+import V from "../../hooks/usePortalSurface.js";
+import $ from "../../hooks/usePositioning.js";
+const f = {"tooltip":"ui-tooltip-RG1g1","tooltip__trigger":"ui-tooltip__trigger-nWZtO","bubble":"ui-bubble-bcBNk","bubble--top":"ui-bubble--top-uWSZy","bubble--bottom":"ui-bubble--bottom-jKokL","bubble--left":"ui-bubble--left-WK4EM","bubble--right":"ui-bubble--right-EQjUT"};
+const z = 120, J = 500, K = 300, Q = ({
+  content: D,
+  children: o,
+  side: L,
+  position: h,
+  openDelay: S = K,
+  className: C
+}) => {
+  const [t, m] = v(!1), T = M(), F = L ?? h ?? "top", c = l(null), b = l(null), a = l(0), n = l(0), N = k(() => {
+    if (!q(o)) return !1;
+    const e = o.type, i = o.props;
+    return i.tabIndex !== void 0 ? !0 : i.disabled === !0 || typeof e != "string" ? !1 : e === "a" ? i.href !== void 0 : ["button", "input", "select", "textarea"].includes(e);
+  }, [o]), [O, R] = v(!1);
+  d(() => {
+    const e = c.current;
+    e && R(
+      !!e.querySelector(
+        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      )
+    );
+  }, [o]);
+  const _ = N || O, w = $(c, b, {
+    side: F,
+    align: "center",
+    isOpen: t
+  }), u = V(t, c, b), r = p(() => {
+    a.current && window.clearTimeout(a.current), a.current = 0;
+  }, []), x = p(
+    (e) => {
+      r(), a.current = window.setTimeout(() => m(!0), e);
+    },
+    [r]
+  ), s = p(
+    (e = z) => {
+      r(), a.current = window.setTimeout(() => m(!1), e);
+    },
+    [r]
+  );
+  d(() => r, [r]), d(
+    () => () => {
+      n.current && window.clearTimeout(n.current);
+    },
+    []
+  );
+  const I = p(() => s(0), [s]);
+  U(t, I), d(() => {
+    if (!t) return;
+    const e = (i) => {
+      var E;
+      i.pointerType !== "mouse" && ((E = c.current) != null && E.contains(i.target) || s(0));
+    };
+    return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+  }, [t, s]);
+  const y = () => {
+    n.current && window.clearTimeout(n.current), n.current = 0;
+  }, A = (e) => {
+    e.pointerType !== "mouse" && (n.current = window.setTimeout(() => m(!0), J));
+  };
+  return /* @__PURE__ */ Y(j, { children: [
+    /* @__PURE__ */ P(
+      "span",
+      {
+        ref: c,
+        className: g(f.tooltip, C),
+        tabIndex: _ ? void 0 : 0,
+        onPointerEnter: (e) => e.pointerType === "mouse" && x(S),
+        onPointerLeave: (e) => {
+          y(), e.pointerType === "mouse" && s();
+        },
+        onPointerDown: A,
+        onPointerUp: y,
+        onPointerCancel: y,
+        onFocus: () => x(0),
+        onBlur: () => s(0),
+        onContextMenu: (e) => {
+          (t || n.current) && e.preventDefault();
+        },
+        children: /* @__PURE__ */ P("span", { "aria-describedby": t ? T : void 0, className: f.tooltip__trigger, children: o })
+      }
+    ),
+    t && u.container && G(
+      /* @__PURE__ */ P(
+        "span",
+        {
+          ref: b,
+          ...u.attributes,
+          id: T,
+          role: "tooltip",
+          className: g(f.bubble, f[`bubble--${w.side}`]),
+          style: {
+            ...w.style,
+            ...u.style,
+            /* Olculmeden cizilen balon bir kare boyunca sol ust kosede parliyordu. */
+            visibility: w.isPositioned ? "visible" : "hidden"
+          },
+          children: D
+        }
+      ),
+      u.container
+    )
+  ] });
+}, ie = /* @__PURE__ */ B(/* @__PURE__ */ H(Q, "Tooltip"));
+export {
+  ie as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  isValidElement,\n  memo,\n  type PointerEvent as ReactPointerEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport usePortalSurface from '../../hooks/usePortalSurface';\nimport usePositioning from '../../hooks/usePositioning';\n\nimport styles from './index.module.scss';\nimport type { PositionSide } from '@/types/positioning.type';\n\ntype Props = {\n  /** Balonda gösterilecek açıklama. */\n  content: ReactNode;\n  /** Açıklamanın bağlandığı öğe — düğme, ikon, etiket. */\n  children: ReactNode;\n  /** Tercih edilen kenar. */\n  side?: PositionSide;\n  /** Açılma gecikmesi (ms). */\n  openDelay?: number;\n  /**\n   * Ad değişti çünkü davranış değişti: `position` SABİT bir kenar yazıyordu ve balon oraya\n   * sığmadığında görünüm alanının dışına taşıyordu. `side`…\n   * @deprecated `side` kullanın.\n   */\n  position?: 'top' | 'bottom';\n  className?: string;\n};\n\n/** Balonun kapanmadan önce beklediği süre — imlecin balona ulaşması için. */\nconst CLOSE_DELAY = 120;\n\n/** Dokunmatikte balonu açan basma süresi. */\nconst LONG_PRESS_DELAY = 500;\n\n/** İmleç öğenin üzerinde beklemeden balon açılmaz. */\nconst OPEN_DELAY = 300;\n\n/** İpucu balonu. */\nconst Tooltip = ({\n  content,\n  children,\n  side,\n  position,\n  openDelay = OPEN_DELAY,\n  className,\n}: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const id = useId();\n\n  /* Eski prop bir surum boyunca calisir; `side` verilmisse o kazanir. */\n  const resolvedSide: PositionSide = side ?? position ?? 'top';\n\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const bubbleRef = useRef<HTMLSpanElement>(null);\n  const timerRef = useRef(0);\n  const longPressRef = useRef(0);\n\n  /*\n   * Cocuk kendi basina odak alabiliyor mu — capaya `tabIndex` verilip verilmeyecegini bu belirler.\n   */\n  const staticallyFocusableChild = useMemo(() => {\n    if (!isValidElement(children)) return false;\n    const type = children.type;\n    const props = children.props as { href?: unknown; tabIndex?: unknown; disabled?: unknown };\n\n    if (props.tabIndex !== undefined) return true;\n    if (props.disabled === true) return false;\n    if (typeof type !== 'string') return false;\n    if (type === 'a') return props.href !== undefined;\n\n    return ['button', 'input', 'select', 'textarea'].includes(type);\n  }, [children]);\n\n  /*\n   * `typeof type!== 'string'` her BILESENI \"odaklanamaz\" sayiyor; ui'nin her bileseni bir `memo`\n   * NESNESI, yani `<Tooltip><Button/></Tooltip>` icin…\n   * ⚠ STATIK KONTROL TEK BASINA YANLIS CEVAP VERIYORDU.\n   */\n  const [hasFocusableDescendant, setHasFocusableDescendant] = useState(false);\n\n  useEffect(() => {\n    const node = anchorRef.current;\n    if (!node) return;\n\n    setHasFocusableDescendant(\n      Boolean(\n        node.querySelector(\n          'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n        ),\n      ),\n    );\n  }, [children]);\n\n  const hasFocusableChild = staticallyFocusableChild || hasFocusableDescendant;\n\n  const positioning = usePositioning(anchorRef, bubbleRef, {\n    side: resolvedSide,\n    align: 'center',\n    isOpen,\n  });\n\n  const portal = usePortalSurface(isOpen, anchorRef, bubbleRef);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) window.clearTimeout(timerRef.current);\n    timerRef.current = 0;\n  }, []);\n\n  const open = useCallback(\n    (delay: number) => {\n      clearTimer();\n      timerRef.current = window.setTimeout(() => setIsOpen(true), delay);\n    },\n    [clearTimer],\n  );\n\n  const close = useCallback(\n    (delay: number = CLOSE_DELAY) => {\n      clearTimer();\n      timerRef.current = window.setTimeout(() => setIsOpen(false), delay);\n    },\n    [clearTimer],\n  );\n\n  useEffect(() => clearTimer, [clearTimer]);\n\n  /*\n   * ⚠ UZUN BASMA zamanlayıcısı AYRI temizlenir. `clearTimer` yalnızca açılış/ kapanış gecikmesini\n   * iptal ediyor\n   */\n  useEffect(\n    () => () => {\n      if (longPressRef.current) window.clearTimeout(longPressRef.current);\n    },\n    [],\n  );\n\n  /*\n   * Escape ANINDA kapatir: gecikme, ipucunu kapatmak icin bastigi tusun islemedigi izlenimi\n   * veriyordu.\n   */\n  const closeNow = useCallback(() => close(0), [close]);\n  useDismissOnEscape(isOpen, closeNow);\n\n  /*\n   * Dokunmatikte ekranin herhangi bir yerine dokunmak kapatir: balonun kendi kapatma yolu yok ve\n   * `pointer-events: none` oldugu icin ona da dokunulamiyor.\n   */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handlePointerDown = (event: globalThis.PointerEvent) => {\n      if (event.pointerType === 'mouse') return;\n      if (anchorRef.current?.contains(event.target as Node)) return;\n      close(0);\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    return () => document.removeEventListener('pointerdown', handlePointerDown);\n  }, [isOpen, close]);\n\n  const cancelLongPress = () => {\n    if (longPressRef.current) window.clearTimeout(longPressRef.current);\n    longPressRef.current = 0;\n  };\n\n  const handlePointerDown = (event: ReactPointerEvent) => {\n    if (event.pointerType === 'mouse') return;\n    longPressRef.current = window.setTimeout(() => setIsOpen(true), LONG_PRESS_DELAY);\n  };\n\n  return (\n    <>\n      <span\n        ref={anchorRef}\n        className={cx(styles.tooltip, className)}\n        /*\n         * ⚠ CAPA ODAKLANABILIR OLMAK ZORUNDA. `onFocus`/`onBlur` zaten bagli ama ` ` varsayilan\n         * olarak odak almiyor: cocuk kendisi odaklanabilir…\n         * ⚠ Cocuk zaten odaklanabiliyorsa (dugme, baglanti) `tabIndex` KONULMAZ: aksi halde ayni\n         * ipucu icin sekmede IKI durak olusur.\n         */\n        tabIndex={hasFocusableChild ? undefined : 0}\n        onPointerEnter={event => event.pointerType === 'mouse' && open(openDelay)}\n        onPointerLeave={event => {\n          cancelLongPress();\n          if (event.pointerType === 'mouse') close();\n        }}\n        onPointerDown={handlePointerDown}\n        onPointerUp={cancelLongPress}\n        onPointerCancel={cancelLongPress}\n        onFocus={() => open(0)}\n        onBlur={() => close(0)}\n        onContextMenu={event => {\n          if (isOpen || longPressRef.current) event.preventDefault();\n        }}\n      >\n        <span aria-describedby={isOpen ? id : undefined} className={styles.tooltip__trigger}>\n          {children}\n        </span>\n      </span>\n\n      {/*\n        Balon DOM'da yalnizca ACIKKEN: kapaliyken de birakip gizlemek, ekran\n        okuyucunun onu `aria-describedby` olmadan da bulup okumasina yol\n        aciyordu.\n      */}\n      {isOpen &&\n        portal.container &&\n        createPortal(\n          <span\n            ref={bubbleRef}\n            /* ⚠ Modal içinden açıldığında üst katman ZORUNLU — `portal.helper`. */\n            {...portal.attributes}\n            id={id}\n            role=\"tooltip\"\n            className={cx(styles.bubble, styles[`bubble--${positioning.side}`])}\n            style={{\n              ...positioning.style,\n              ...portal.style,\n              /* Olculmeden cizilen balon bir kare boyunca sol ust kosede parliyordu. */\n              visibility: positioning.isPositioned ? 'visible' : 'hidden',\n            }}\n          >\n            {content}\n          </span>,\n          portal.container,\n        )}\n    </>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Tooltip, 'Tooltip')) as typeof Tooltip;\n"],"names":["CLOSE_DELAY","LONG_PRESS_DELAY","OPEN_DELAY","Tooltip","content","children","side","position","openDelay","className","isOpen","setIsOpen","useState","id","useId","resolvedSide","anchorRef","useRef","bubbleRef","timerRef","longPressRef","staticallyFocusableChild","useMemo","isValidElement","type","props","hasFocusableDescendant","setHasFocusableDescendant","useEffect","node","hasFocusableChild","positioning","usePositioning","portal","usePortalSurface","clearTimer","useCallback","open","delay","close","closeNow","useDismissOnEscape","handlePointerDown","event","_a","cancelLongPress","jsxs","Fragment","jsx","cx","styles","createPortal","index","memo","named"],"mappings":";;;;;;;;;;AA2CA,MAAMA,IAAc,KAGdC,IAAmB,KAGnBC,IAAa,KAGbC,IAAU,CAAC;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAYN;AAAA,EACZ,WAAAO;AACF,MAAa;AACX,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAKC,EAAA,GAGLC,IAA6BT,KAAQC,KAAY,OAEjDS,IAAYC,EAAwB,IAAI,GACxCC,IAAYD,EAAwB,IAAI,GACxCE,IAAWF,EAAO,CAAC,GACnBG,IAAeH,EAAO,CAAC,GAKvBI,IAA2BC,EAAQ,MAAM;AAC7C,QAAI,CAACC,EAAelB,CAAQ,EAAG,QAAO;AACtC,UAAMmB,IAAOnB,EAAS,MAChBoB,IAAQpB,EAAS;AAEvB,WAAIoB,EAAM,aAAa,SAAkB,KACrCA,EAAM,aAAa,MACnB,OAAOD,KAAS,WAAiB,KACjCA,MAAS,MAAYC,EAAM,SAAS,SAEjC,CAAC,UAAU,SAAS,UAAU,UAAU,EAAE,SAASD,CAAI;AAAA,EAChE,GAAG,CAACnB,CAAQ,CAAC,GAOP,CAACqB,GAAwBC,CAAyB,IAAIf,EAAS,EAAK;AAE1E,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAOb,EAAU;AACvB,IAAKa,KAELF;AAAA,MACE,EACEE,EAAK;AAAA,QACH;AAAA,MAAA;AAAA,IAEJ;AAAA,EAEJ,GAAG,CAACxB,CAAQ,CAAC;AAEb,QAAMyB,IAAoBT,KAA4BK,GAEhDK,IAAcC,EAAehB,GAAWE,GAAW;AAAA,IACvD,MAAMH;AAAA,IACN,OAAO;AAAA,IACP,QAAAL;AAAA,EAAA,CACD,GAEKuB,IAASC,EAAiBxB,GAAQM,GAAWE,CAAS,GAEtDiB,IAAaC,EAAY,MAAM;AACnC,IAAIjB,EAAS,WAAS,OAAO,aAAaA,EAAS,OAAO,GAC1DA,EAAS,UAAU;AAAA,EACrB,GAAG,CAAA,CAAE,GAECkB,IAAOD;AAAA,IACX,CAACE,MAAkB;AACjB,MAAAH,EAAA,GACAhB,EAAS,UAAU,OAAO,WAAW,MAAMR,EAAU,EAAI,GAAG2B,CAAK;AAAA,IACnE;AAAA,IACA,CAACH,CAAU;AAAA,EAAA,GAGPI,IAAQH;AAAA,IACZ,CAACE,IAAgBtC,MAAgB;AAC/B,MAAAmC,EAAA,GACAhB,EAAS,UAAU,OAAO,WAAW,MAAMR,EAAU,EAAK,GAAG2B,CAAK;AAAA,IACpE;AAAA,IACA,CAACH,CAAU;AAAA,EAAA;AAGb,EAAAP,EAAU,MAAMO,GAAY,CAACA,CAAU,CAAC,GAMxCP;AAAA,IACE,MAAM,MAAM;AACV,MAAIR,EAAa,WAAS,OAAO,aAAaA,EAAa,OAAO;AAAA,IACpE;AAAA,IACA,CAAA;AAAA,EAAC;AAOH,QAAMoB,IAAWJ,EAAY,MAAMG,EAAM,CAAC,GAAG,CAACA,CAAK,CAAC;AACpD,EAAAE,EAAmB/B,GAAQ8B,CAAQ,GAMnCZ,EAAU,MAAM;AACd,QAAI,CAAClB,EAAQ;AAEb,UAAMgC,IAAoB,CAACC,MAAmC;;AAC5D,MAAIA,EAAM,gBAAgB,aACtBC,IAAA5B,EAAU,YAAV,QAAA4B,EAAmB,SAASD,EAAM,WACtCJ,EAAM,CAAC;AAAA,IACT;AAEA,oBAAS,iBAAiB,eAAeG,CAAiB,GACnD,MAAM,SAAS,oBAAoB,eAAeA,CAAiB;AAAA,EAC5E,GAAG,CAAChC,GAAQ6B,CAAK,CAAC;AAElB,QAAMM,IAAkB,MAAM;AAC5B,IAAIzB,EAAa,WAAS,OAAO,aAAaA,EAAa,OAAO,GAClEA,EAAa,UAAU;AAAA,EACzB,GAEMsB,IAAoB,CAACC,MAA6B;AACtD,IAAIA,EAAM,gBAAgB,YAC1BvB,EAAa,UAAU,OAAO,WAAW,MAAMT,EAAU,EAAI,GAAGV,CAAgB;AAAA,EAClF;AAEA,SACE,gBAAA6C,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKhC;AAAA,QACL,WAAWiC,EAAGC,EAAO,SAASzC,CAAS;AAAA,QAOvC,UAAUqB,IAAoB,SAAY;AAAA,QAC1C,gBAAgB,CAAAa,MAASA,EAAM,gBAAgB,WAAWN,EAAK7B,CAAS;AAAA,QACxE,gBAAgB,CAAAmC,MAAS;AACvB,UAAAE,EAAA,GACIF,EAAM,gBAAgB,WAASJ,EAAA;AAAA,QACrC;AAAA,QACA,eAAeG;AAAA,QACf,aAAaG;AAAA,QACb,iBAAiBA;AAAA,QACjB,SAAS,MAAMR,EAAK,CAAC;AAAA,QACrB,QAAQ,MAAME,EAAM,CAAC;AAAA,QACrB,eAAe,CAAAI,MAAS;AACtB,WAAIjC,KAAUU,EAAa,YAASuB,EAAM,eAAA;AAAA,QAC5C;AAAA,QAEA,UAAA,gBAAAK,EAAC,UAAK,oBAAkBtC,IAASG,IAAK,QAAW,WAAWqC,EAAO,kBAChE,UAAA7C,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAQDK,KACCuB,EAAO,aACPkB;AAAA,MACE,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK9B;AAAA,UAEJ,GAAGe,EAAO;AAAA,UACX,IAAApB;AAAA,UACA,MAAK;AAAA,UACL,WAAWoC,EAAGC,EAAO,QAAQA,EAAO,WAAWnB,EAAY,IAAI,EAAE,CAAC;AAAA,UAClE,OAAO;AAAA,YACL,GAAGA,EAAY;AAAA,YACf,GAAGE,EAAO;AAAA;AAAA,YAEV,YAAYF,EAAY,eAAe,YAAY;AAAA,UAAA;AAAA,UAGpD,UAAA3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH6B,EAAO;AAAA,IAAA;AAAA,EACT,GACJ;AAEJ,GAEAmB,KAA6B,gBAAAC,EAAmB,gBAAAC,EAAMnD,GAAS,SAAS,CAAC;"}

package/build/components/Tooltip/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-tooltip-RG1g1{display:inline-flex}.ui-tooltip__trigger-nWZtO{display:inline-flex;align-items:center}.ui-bubble-bcBNk{z-index:var(--hd-z-tooltip);pointer-events:none;width:max-content;max-width:min(280px,100vw - var(--hd-space-6));padding:var(--hd-space-2) var(--hd-space-3);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border-strong);box-shadow:var(--hd-shadow-2);color:var(--hd-text);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-regular);line-height:var(--hd-type-body-line-height);text-align:start}.ui-bubble--top-uWSZy{animation:var(--ui-anim-fade-in-up) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-bubble--bottom-jKokL{animation:var(--ui-anim-fade-in-down) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-bubble--left-WK4EM,.ui-bubble--right-EQjUT{animation:var(--ui-anim-fade-in) var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-bubble-bcBNk{animation:none}}@media (forced-colors: active){.ui-bubble-bcBNk{border-color:CanvasText}}}

package/build/constants/breakpoint.constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@handijit/design"),T=E.breakpoints.sm,_=E.breakpoints.md,A=E.breakpoints.lg,t=`(min-width: ${A+1}px)`,B=`(min-width: ${T+1}px)`,I=`(max-width: ${T}px) and (pointer: coarse)`;exports.ABOVE_MOBILE_MEDIA_QUERY=B;exports.ABOVE_TABLET_MEDIA_QUERY=t;exports.MOBILE_BREAKPOINT=T;exports.SHEET_MEDIA_QUERY=I;exports.TABLET_BREAKPOINT=A;exports.TABLET_PORTRAIT_BREAKPOINT=_;
+//# sourceMappingURL=breakpoint.constants.cjs.map

package/build/constants/breakpoint.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.constants.cjs","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["import { breakpoints } from '@handijit/design';\n\n/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */\nexport const MOBILE_BREAKPOINT = breakpoints.sm;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = breakpoints.md;\n\nexport const TABLET_BREAKPOINT = breakpoints.lg;\n\n/** A sidebar is on screen above this width, so a filter panel is hidden there. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n\n/**\n * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a\n * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown\n * next to the trigger faster than a sheet at the bottom edge of the window.\n */\nexport const SHEET_MEDIA_QUERY = `(max-width: ${MOBILE_BREAKPOINT}px) and (pointer: coarse)`;\n"],"names":["MOBILE_BREAKPOINT","breakpoints","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY","SHEET_MEDIA_QUERY"],"mappings":"oHAGaA,EAAoBC,EAAAA,YAAY,GAEhCC,EAA6BD,EAAAA,YAAY,GAEzCE,EAAoBF,EAAAA,YAAY,GAGhCG,EAA2B,eAAeD,EAAoB,CAAC,MAE/DE,EAA2B,eAAeL,EAAoB,CAAC,MAO/DM,EAAoB,eAAeN,CAAiB"}

package/build/constants/breakpoint.constants.d.ts

@@ -0,0 +1,13 @@
+/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */
+export declare const MOBILE_BREAKPOINT: number;
+export declare const TABLET_PORTRAIT_BREAKPOINT: number;
+export declare const TABLET_BREAKPOINT: number;
+/** A sidebar is on screen above this width, so a filter panel is hidden there. */
+export declare const ABOVE_TABLET_MEDIA_QUERY: string;
+export declare const ABOVE_MOBILE_MEDIA_QUERY: string;
+/**
+ * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a
+ * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown
+ * next to the trigger faster than a sheet at the bottom edge of the window.
+ */
+export declare const SHEET_MEDIA_QUERY: string;

package/build/constants/breakpoint.constants.js

@@ -0,0 +1,11 @@
+import { breakpoints as E } from "@handijit/design";
+const t = E.sm, T = E.md, o = E.lg, _ = `(min-width: ${o + 1}px)`, n = `(min-width: ${t + 1}px)`, B = `(max-width: ${t}px) and (pointer: coarse)`;
+export {
+  n as ABOVE_MOBILE_MEDIA_QUERY,
+  _ as ABOVE_TABLET_MEDIA_QUERY,
+  t as MOBILE_BREAKPOINT,
+  B as SHEET_MEDIA_QUERY,
+  o as TABLET_BREAKPOINT,
+  T as TABLET_PORTRAIT_BREAKPOINT
+};
+//# sourceMappingURL=breakpoint.constants.js.map

package/build/constants/breakpoint.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.constants.js","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["import { breakpoints } from '@handijit/design';\n\n/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */\nexport const MOBILE_BREAKPOINT = breakpoints.sm;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = breakpoints.md;\n\nexport const TABLET_BREAKPOINT = breakpoints.lg;\n\n/** A sidebar is on screen above this width, so a filter panel is hidden there. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n\n/**\n * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a\n * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown\n * next to the trigger faster than a sheet at the bottom edge of the window.\n */\nexport const SHEET_MEDIA_QUERY = `(max-width: ${MOBILE_BREAKPOINT}px) and (pointer: coarse)`;\n"],"names":["MOBILE_BREAKPOINT","breakpoints","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY","SHEET_MEDIA_QUERY"],"mappings":";AAGO,MAAMA,IAAoBC,EAAY,IAEhCC,IAA6BD,EAAY,IAEzCE,IAAoBF,EAAY,IAGhCG,IAA2B,eAAeD,IAAoB,CAAC,OAE/DE,IAA2B,eAAeL,IAAoB,CAAC,OAO/DM,IAAoB,eAAeN,CAAiB;"}

package/build/constants/combobox.constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=80,H=40,t=300;exports.OPTION_HEIGHT=H;exports.SEARCH_DEBOUNCE_MS=t;exports.VIRTUAL_THRESHOLD=E;
+//# sourceMappingURL=combobox.constants.cjs.map

package/build/constants/combobox.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.constants.cjs","sources":["../../src/constants/combobox.constants.ts"],"sourcesContent":["/** Aranabilir seçim kutusunun ölçüleri. */\n\n/** Sanallaştırmanın devreye girdiği eşik. */\nexport const VIRTUAL_THRESHOLD = 80;\n\n/** Seçenek satırının yüksekliği (`--sheet` dışında). */\nexport const OPTION_HEIGHT = 40;\n\n/**\n * Uzak arama tetiklenmeden önce beklenen süre — her tuşta istek atılmaz.\n * ⚠ `Tooltip.openDelay` da 300 ms ama İKİSİ AYNI ŞEY DEĞİL: biri ağ isteğini geciktirir, diğeri\n * balonun açılmasını.\n */\nexport const SEARCH_DEBOUNCE_MS = 300;\n"],"names":["VIRTUAL_THRESHOLD","OPTION_HEIGHT","SEARCH_DEBOUNCE_MS"],"mappings":"gFAGO,MAAMA,EAAoB,GAGpBC,EAAgB,GAOhBC,EAAqB"}

package/build/constants/combobox.constants.d.ts

@@ -0,0 +1,11 @@
+/** Aranabilir seçim kutusunun ölçüleri. */
+/** Sanallaştırmanın devreye girdiği eşik. */
+export declare const VIRTUAL_THRESHOLD = 80;
+/** Seçenek satırının yüksekliği (`--sheet` dışında). */
+export declare const OPTION_HEIGHT = 40;
+/**
+ * Uzak arama tetiklenmeden önce beklenen süre — her tuşta istek atılmaz.
+ * ⚠ `Tooltip.openDelay` da 300 ms ama İKİSİ AYNI ŞEY DEĞİL: biri ağ isteğini geciktirir, diğeri
+ * balonun açılmasını.
+ */
+export declare const SEARCH_DEBOUNCE_MS = 300;

package/build/constants/combobox.constants.js

@@ -0,0 +1,7 @@
+const E = 80, H = 40, o = 300;
+export {
+  H as OPTION_HEIGHT,
+  o as SEARCH_DEBOUNCE_MS,
+  E as VIRTUAL_THRESHOLD
+};
+//# sourceMappingURL=combobox.constants.js.map

package/build/constants/combobox.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.constants.js","sources":["../../src/constants/combobox.constants.ts"],"sourcesContent":["/** Aranabilir seçim kutusunun ölçüleri. */\n\n/** Sanallaştırmanın devreye girdiği eşik. */\nexport const VIRTUAL_THRESHOLD = 80;\n\n/** Seçenek satırının yüksekliği (`--sheet` dışında). */\nexport const OPTION_HEIGHT = 40;\n\n/**\n * Uzak arama tetiklenmeden önce beklenen süre — her tuşta istek atılmaz.\n * ⚠ `Tooltip.openDelay` da 300 ms ama İKİSİ AYNI ŞEY DEĞİL: biri ağ isteğini geciktirir, diğeri\n * balonun açılmasını.\n */\nexport const SEARCH_DEBOUNCE_MS = 300;\n"],"names":["VIRTUAL_THRESHOLD","OPTION_HEIGHT","SEARCH_DEBOUNCE_MS"],"mappings":"AAGO,MAAMA,IAAoB,IAGpBC,IAAgB,IAOhBC,IAAqB;"}

package/build/constants/scroll.constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=80;exports.STICK_TO_END_THRESHOLD=e;
+//# sourceMappingURL=scroll.constants.cjs.map

package/build/constants/scroll.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.constants.cjs","sources":["../../src/constants/scroll.constants.ts"],"sourcesContent":["/**\n * Sona YAPIŞIK sayılma payı (px). Kullanıcı bu kadar yukarıdaysa akış onu aşağı çekmeye devam eder;\n * daha yukarı kaydırdıysa okuduğu yerde bırakılır.\n * ⚠ 0 değil: akan içerik her karede birkaç piksel büyüyor ve kesirli yerleşimde kutu sona tam\n * oturmuyor — sıfır pay, kullanıcı hiç kaydırmadan \"bıraktı\" sayılıyordu.\n */\nexport const STICK_TO_END_THRESHOLD = 80;\n"],"names":["STICK_TO_END_THRESHOLD"],"mappings":"gFAMO,MAAMA,EAAyB"}

package/build/constants/scroll.constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Sona YAPIŞIK sayılma payı (px). Kullanıcı bu kadar yukarıdaysa akış onu aşağı çekmeye devam eder;
+ * daha yukarı kaydırdıysa okuduğu yerde bırakılır.
+ * ⚠ 0 değil: akan içerik her karede birkaç piksel büyüyor ve kesirli yerleşimde kutu sona tam
+ * oturmuyor — sıfır pay, kullanıcı hiç kaydırmadan "bıraktı" sayılıyordu.
+ */
+export declare const STICK_TO_END_THRESHOLD = 80;

package/build/constants/scroll.constants.js

@@ -0,0 +1,5 @@
+const T = 80;
+export {
+  T as STICK_TO_END_THRESHOLD
+};
+//# sourceMappingURL=scroll.constants.js.map

package/build/constants/scroll.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.constants.js","sources":["../../src/constants/scroll.constants.ts"],"sourcesContent":["/**\n * Sona YAPIŞIK sayılma payı (px). Kullanıcı bu kadar yukarıdaysa akış onu aşağı çekmeye devam eder;\n * daha yukarı kaydırdıysa okuduğu yerde bırakılır.\n * ⚠ 0 değil: akan içerik her karede birkaç piksel büyüyor ve kesirli yerleşimde kutu sona tam\n * oturmuyor — sıfır pay, kullanıcı hiç kaydırmadan \"bıraktı\" sayılıyordu.\n */\nexport const STICK_TO_END_THRESHOLD = 80;\n"],"names":["STICK_TO_END_THRESHOLD"],"mappings":"AAMO,MAAMA,IAAyB;"}

package/build/enums/ui-size.enum.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var L=(e=>(e.XSMALL="XSMALL",e.SMALL="SMALL",e.MEDIUM="MEDIUM",e.LARGE="LARGE",e))(L||{});exports.default=L;
+//# sourceMappingURL=ui-size.enum.cjs.map

package/build/enums/ui-size.enum.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-size.enum.cjs","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Size steps. */\nenum UISize {\n  /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  /** 32px tall. */\n  SMALL = 'SMALL',\n  /** 40px tall. */\n  MEDIUM = 'MEDIUM',\n  /** 48px tall. */\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,OAAS,SAETA,EAAA,MAAQ,QAERA,EAAA,OAAS,SAETA,EAAA,MAAQ,QARLA,IAAAA,GAAA,CAAA,CAAA"}

package/build/enums/ui-size.enum.d.ts

@@ -0,0 +1,12 @@
+/** Size steps. */
+declare enum UISize {
+    /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */
+    XSMALL = "XSMALL",
+    /** 32px tall. */
+    SMALL = "SMALL",
+    /** 40px tall. */
+    MEDIUM = "MEDIUM",
+    /** 48px tall. */
+    LARGE = "LARGE"
+}
+export default UISize;

package/build/enums/ui-size.enum.js

@@ -0,0 +1,5 @@
+var M = /* @__PURE__ */ ((L) => (L.XSMALL = "XSMALL", L.SMALL = "SMALL", L.MEDIUM = "MEDIUM", L.LARGE = "LARGE", L))(M || {});
+export {
+  M as default
+};
+//# sourceMappingURL=ui-size.enum.js.map

package/build/enums/ui-size.enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-size.enum.js","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Size steps. */\nenum UISize {\n  /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  /** 32px tall. */\n  SMALL = 'SMALL',\n  /** 40px tall. */\n  MEDIUM = 'MEDIUM',\n  /** 48px tall. */\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"AACA,IAAKA,sBAAAA,OAEHA,EAAA,SAAS,UAETA,EAAA,QAAQ,SAERA,EAAA,SAAS,UAETA,EAAA,QAAQ,SARLA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/enums/ui-variant.enum.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var N=(e=>(e.PRIMARY="PRIMARY",e.ACCENT="ACCENT",e.SECONDARY="SECONDARY",e.OUTLINE="OUTLINE",e.SOFT="SOFT",e.GHOST="GHOST",e.DANGER="DANGER",e.ON_BAND="ON_BAND",e))(N||{});exports.default=N;
+//# sourceMappingURL=ui-variant.enum.cjs.map

package/build/enums/ui-variant.enum.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-variant.enum.cjs","sources":["../../src/enums/ui-variant.enum.ts"],"sourcesContent":["/** Button variants. */\nenum UIVariant {\n  /** The one expected action of the screen: cobalt fill. One per screen. */\n  PRIMARY = 'PRIMARY',\n  /** The conversion action (download, try, subscribe): coral fill — and only that. */\n  ACCENT = 'ACCENT',\n  /** Neutral secondary action: grey border, body text (\"Cancel\"). */\n  SECONDARY = 'SECONDARY',\n  /** Cobalt frame — an encouraged navigation that is not the primary action (\"See all\"). */\n  OUTLINE = 'OUTLINE',\n  /** Neutral fill; a secondary action inside a card. */\n  SOFT = 'SOFT',\n  /** No surface: toolbar and inline secondary actions, in the link colour. */\n  GHOST = 'GHOST',\n  /** Destructive action: a delete confirmation. */\n  DANGER = 'DANGER',\n  /** An action on the brand band (deep cobalt in both themes). */\n  ON_BAND = 'ON_BAND',\n}\n\nexport default UIVariant;\n"],"names":["UIVariant"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,QAAU,UAEVA,EAAA,OAAS,SAETA,EAAA,UAAY,YAEZA,EAAA,QAAU,UAEVA,EAAA,KAAO,OAEPA,EAAA,MAAQ,QAERA,EAAA,OAAS,SAETA,EAAA,QAAU,UAhBPA,IAAAA,GAAA,CAAA,CAAA"}

package/build/enums/ui-variant.enum.d.ts

@@ -0,0 +1,20 @@
+/** Button variants. */
+declare enum UIVariant {
+    /** The one expected action of the screen: cobalt fill. One per screen. */
+    PRIMARY = "PRIMARY",
+    /** The conversion action (download, try, subscribe): coral fill — and only that. */
+    ACCENT = "ACCENT",
+    /** Neutral secondary action: grey border, body text ("Cancel"). */
+    SECONDARY = "SECONDARY",
+    /** Cobalt frame — an encouraged navigation that is not the primary action ("See all"). */
+    OUTLINE = "OUTLINE",
+    /** Neutral fill; a secondary action inside a card. */
+    SOFT = "SOFT",
+    /** No surface: toolbar and inline secondary actions, in the link colour. */
+    GHOST = "GHOST",
+    /** Destructive action: a delete confirmation. */
+    DANGER = "DANGER",
+    /** An action on the brand band (deep cobalt in both themes). */
+    ON_BAND = "ON_BAND"
+}
+export default UIVariant;