@handijit/ui 0.0.0-stage → 1.0.0

package/build/components/CommandPalette/index.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { memo as q, useId as F, useRef as v, useState as S, useMemo as G, useEffect as y } from "react";
+import { Search as H } from "react-bootstrap-icons";
+import { cx as L } from "../../helpers/class-name.helper.js";
+import { scrollIntoViewIfPossible as Q } from "../../helpers/scroll.helper.js";
+import { named as T } from "../../helpers/component.helper.js";
+import { pushModal as U, captureFocus as V, hasOpenSurface as z, isTopModal as B } from "../../helpers/focus.helper.js";
+import { matchesSearch as $ } from "../../helpers/text.helper.js";
+import J from "../../hooks/useScrollLock.js";
+import W from "../Kbd/index.js";
+const a = {"palette":"ui-palette-ag-P9","palette__search":"ui-palette__search-G3aYv","palette__searchIcon":"ui-palette__searchIcon-2UYj-","palette__input":"ui-palette__input-vvLvt","palette__list":"ui-palette__list--KWiH","palette__group":"ui-palette__group-KPj5Q","palette__item":"ui-palette__item-UZzkp","palette__item--active":"ui-palette__item--active-XHcka","palette__icon":"ui-palette__icon-Fg0Lt","palette__text":"ui-palette__text-flfN9","palette__label":"ui-palette__label-8-UHe","palette__description":"ui-palette__description-eRlk9","palette__shortcut":"ui-palette__shortcut-DwYKX","palette__empty":"ui-palette__empty-vg-I3"};
+const X = ({
+  isOpen: p,
+  onClose: c,
+  items: g,
+  label: x,
+  searchPlaceholder: D,
+  emptyMessage: C,
+  hotkey: k,
+  onOpen: h,
+  className: R,
+  testId: P
+}) => {
+  const w = F(), I = `${w}-listbox`, f = v(null), E = v(null), _ = v(null), N = v(null), [b, K] = S(""), [l, s] = S(0), i = G(() => {
+    if (b.trim() === "") return g;
+    const e = b.trim();
+    return g.filter(
+      (t) => $(t.label, e) || (t.description ? $(t.description, e) : !1)
+    );
+  }, [g, b]);
+  J(p), y(() => {
+    var m;
+    const e = f.current;
+    if (!e) return;
+    if (!p) {
+      e.open && e.close();
+      return;
+    }
+    const t = V();
+    e.open || e.showModal(), (m = E.current) == null || m.focus({ preventScroll: !0 }), K(""), s(0);
+    const { token: r, pop: u } = U();
+    return _.current = r, () => {
+      e.open && e.close(), u(), _.current = null, t();
+      const o = N.current;
+      N.current = null, o == null || o();
+    };
+  }, [p]), y(() => {
+    if (!k) return;
+    const e = k.toLowerCase().split("+"), t = e.at(-1), r = (o) => e.includes(o), u = /Mac|iPhone|iPad/.test(navigator.platform), m = (o) => {
+      const j = u ? o.metaKey : o.ctrlKey;
+      if (o.key.toLowerCase() === t && !(r("mod") !== j || r("shift") !== o.shiftKey || r("alt") !== o.altKey)) {
+        if (p) {
+          o.preventDefault(), c();
+          return;
+        }
+        z() || (o.preventDefault(), h == null || h());
+      }
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [k, p, c, h]), y(() => {
+    const e = f.current;
+    if (!e) return;
+    const t = (r) => {
+      r.preventDefault(), !(_.current && !B(_.current)) && c();
+    };
+    return e.addEventListener("cancel", t), () => e.removeEventListener("cancel", t);
+  }, [c]), y(() => {
+    var e;
+    Q((e = f.current) == null ? void 0 : e.querySelector(`[data-index="${l}"]`), {
+      block: "nearest"
+    });
+  }, [l]);
+  const M = (e) => {
+    N.current = e.onSelect, c();
+  }, A = (e) => {
+    const t = i.length - 1;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), s((r) => r >= t ? 0 : r + 1);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), s((r) => r <= 0 ? t : r - 1);
+        break;
+      case "Home":
+        e.preventDefault(), s(0);
+        break;
+      case "End":
+        e.preventDefault(), s(t);
+        break;
+      case "Enter": {
+        e.preventDefault();
+        const r = i[l];
+        r && M(r);
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ d(
+    "dialog",
+    {
+      ref: f,
+      className: L(a.palette, R),
+      "aria-label": x,
+      "data-testid": P,
+      onClick: (e) => e.target === f.current && c(),
+      children: [
+        /* @__PURE__ */ d("div", { className: a.palette__search, children: [
+          /* @__PURE__ */ n(H, { "aria-hidden": !0, className: a.palette__searchIcon }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: E,
+              type: "text",
+              role: "combobox",
+              className: a.palette__input,
+              value: b,
+              placeholder: D,
+              "aria-label": D,
+              autoComplete: "off",
+              "aria-autocomplete": "list",
+              "aria-expanded": !0,
+              "aria-controls": I,
+              "aria-activedescendant": i[l] ? `${w}-option-${l}` : void 0,
+              onChange: (e) => {
+                K(e.target.value), s(0);
+              },
+              onKeyDown: A
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("ul", { id: I, role: "listbox", "aria-label": x, className: a.palette__list, children: [
+          i.map((e, t) => {
+            var u;
+            const r = e.group !== void 0 && e.group !== ((u = i[t - 1]) == null ? void 0 : u.group);
+            return (
+              /* ⚠ `role="presentation"` ZORUNLU. */
+              /* @__PURE__ */ d("li", { role: "presentation", children: [
+                r && /*
+                * `aria-hidden`: baslik bir SECENEK degil; listbox'in cocugu olarak okunsaydi ekran
+                * okuyucu sayimi bozuluyordu.
+                */
+                /* @__PURE__ */ n("span", { className: a.palette__group, "aria-hidden": !0, children: e.group }),
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    id: `${w}-option-${t}`,
+                    role: "option",
+                    "data-index": t,
+                    "aria-selected": t === l,
+                    className: L(
+                      a.palette__item,
+                      t === l && a["palette__item--active"]
+                    ),
+                    onMouseEnter: () => s(t),
+                    onClick: () => M(e),
+                    children: [
+                      e.icon && /* @__PURE__ */ n("span", { className: a.palette__icon, "aria-hidden": !0, children: e.icon }),
+                      /* @__PURE__ */ d("span", { className: a.palette__text, children: [
+                        /* @__PURE__ */ n("span", { className: a.palette__label, children: e.label }),
+                        e.description && /* @__PURE__ */ n("span", { className: a.palette__description, children: e.description })
+                      ] }),
+                      e.shortcut && /* @__PURE__ */ n(W, { keys: [e.shortcut], className: a.palette__shortcut, "aria-hidden": !0 })
+                    ]
+                  }
+                )
+              ] }, e.id)
+            );
+          }),
+          i.length === 0 && /* @__PURE__ */ n("li", { role: "presentation", className: a.palette__empty, children: C })
+        ] })
+      ]
+    }
+  );
+}, ce = /* @__PURE__ */ q(
+  /* @__PURE__ */ T(X, "CommandPalette")
+);
+export {
+  ce as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CommandPalette/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyboardEvent,\n  memo,\n  type ReactNode,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Search } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { scrollIntoViewIfPossible } from '../../helpers/scroll.helper';\nimport { named } from '../../helpers/component.helper';\nimport { captureFocus, hasOpenSurface, isTopModal, pushModal } from '../../helpers/focus.helper';\nimport { matchesSearch } from '../../helpers/text.helper';\nimport useScrollLock from '../../hooks/useScrollLock';\nimport Kbd from '../Kbd';\n\nimport styles from './index.module.scss';\n\nexport type CommandItem = {\n  id: string;\n  label: string;\n  /** Ayırt edici ikincil satır — bir komutun nereye götürdüğü. */\n  description?: string;\n  /** Gruplama başlığı (\"Gezinme\", \"Eylemler\"). */\n  group?: string;\n  icon?: ReactNode;\n  /** Kısayol ipucu (\"⌘K\"). */\n  shortcut?: string;\n  onSelect: () => void;\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  items: CommandItem[];\n  /** Pencerenin erişilebilir adı (\"Komut paleti\"). */\n  label: string;\n  /** Arama kutusunun yer tutucusu ve erişilebilir adı. */\n  searchPlaceholder: string;\n  /** Sonuç yokken yazılan metin. */\n  emptyMessage: string;\n  /**\n   * Paleti açıp kapatan kısayol: `'mod+k'` (`mod` macOS'ta ⌘, diğerlerinde Ctrl), `'shift+/'`.\n   * Başka bir kipsel yüzey açıkken yok sayılır. `onOpen` ile birlikte verilir.\n   */\n  hotkey?: string;\n  /** Kısayol basıldığında, palet kapalıyken. */\n  onOpen?: () => void;\n  className?: string;\n  testId?: string;\n};\n\n/** Komut paleti — klavyeyle her şeye ulaşma. */\nconst CommandPalette = ({\n  isOpen,\n  onClose,\n  items,\n  label,\n  searchPlaceholder,\n  emptyMessage,\n  hotkey,\n  onOpen,\n  className,\n  testId,\n}: Props) => {\n  const baseId = useId();\n  const listboxId = `${baseId}-listbox`;\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const tokenRef = useRef<symbol | null>(null);\n  /*\n   * Secilen komut palet KAPANDIKTAN ve odak geri verildikten SONRA calisir. Once calistiginda komutun\n   * actigi pencere, paletin odak iadesiyle odagini kaybediyordu (tuketici bunu\n   * `requestAnimationFrame(() => setTimeout(…))` ile atlatiyordu).\n   */\n  const pendingRef = useRef<(() => void) | null>(null);\n\n  const [query, setQuery] = useState('');\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  const visible = useMemo(() => {\n    if (query.trim() === '') return items;\n\n    const needle = query.trim();\n    return items.filter(\n      item =>\n        matchesSearch(item.label, needle) ||\n        (item.description ? matchesSearch(item.description, needle) : false),\n    );\n  }, [items, query]);\n\n  useScrollLock(isOpen);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (!isOpen) {\n      if (dialog.open) dialog.close();\n      return;\n    }\n\n    const restoreFocus = captureFocus();\n    if (!dialog.open) dialog.showModal();\n\n    /*\n     * Arama kutusu ACILIR ACILMAZ odaklanir: paletin tek amaci yazmak. `preventScroll` — odaklanan\n     * kutu ust katmanda ve iOS sayfayi kaydirmaya calisiyordu.\n     */\n    inputRef.current?.focus({ preventScroll: true });\n    setQuery('');\n    setActiveIndex(0);\n\n    const { token, pop } = pushModal();\n    tokenRef.current = token;\n\n    return () => {\n      /* Siralama ZORUNLU: kipsel pencere acikken disaridaki oge odak alamaz. */\n      if (dialog.open) dialog.close();\n      pop();\n      tokenRef.current = null;\n      restoreFocus();\n\n      const pending = pendingRef.current;\n      pendingRef.current = null;\n      pending?.();\n    };\n  }, [isOpen]);\n\n  /* Kisayol: palet kapaliyken acar, acikken kapatir; baska bir yuzey acikken dokunmaz. */\n  useEffect(() => {\n    if (!hotkey) return;\n\n    const parts = hotkey.toLowerCase().split('+');\n    const key = parts.at(-1);\n    const wants = (modifier: string) => parts.includes(modifier);\n    const isMac = /Mac|iPhone|iPad/.test(navigator.platform);\n\n    const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n      const isMod = isMac ? event.metaKey : event.ctrlKey;\n      if (event.key.toLowerCase() !== key) return;\n      if (\n        wants('mod') !== isMod ||\n        wants('shift') !== event.shiftKey ||\n        wants('alt') !== event.altKey\n      )\n        return;\n\n      if (isOpen) {\n        event.preventDefault();\n        onClose();\n        return;\n      }\n\n      if (hasOpenSurface()) return;\n      event.preventDefault();\n      onOpen?.();\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [hotkey, isOpen, onClose, onOpen]);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    const handleCancel = (event: Event) => {\n      event.preventDefault();\n      if (tokenRef.current && !isTopModal(tokenRef.current)) return;\n      onClose();\n    };\n\n    dialog.addEventListener('cancel', handleCancel);\n    return () => dialog.removeEventListener('cancel', handleCancel);\n  }, [onClose]);\n\n  /* Etkin komut gorunur alanin disina cikmamali. */\n  useEffect(() => {\n    scrollIntoViewIfPossible(dialogRef.current?.querySelector(`[data-index=\"${activeIndex}\"]`), {\n      block: 'nearest',\n    });\n  }, [activeIndex]);\n\n  const run = (item: CommandItem) => {\n    pendingRef.current = item.onSelect;\n    onClose();\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    const lastIndex = visible.length - 1;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        setActiveIndex(current => (current >= lastIndex ? 0 : current + 1));\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        setActiveIndex(current => (current <= 0 ? lastIndex : current - 1));\n        break;\n\n      case 'Home':\n        event.preventDefault();\n        setActiveIndex(0);\n        break;\n\n      case 'End':\n        event.preventDefault();\n        setActiveIndex(lastIndex);\n        break;\n\n      case 'Enter': {\n        event.preventDefault();\n        const activeCommand = visible[activeIndex];\n        if (activeCommand) run(activeCommand);\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={cx(styles.palette, className)}\n      aria-label={label}\n      data-testid={testId}\n      onClick={event => event.target === dialogRef.current && onClose()}\n    >\n      <div className={styles.palette__search}>\n        <Search aria-hidden className={styles.palette__searchIcon} />\n\n        <input\n          ref={inputRef}\n          type=\"text\"\n          role=\"combobox\"\n          className={styles.palette__input}\n          value={query}\n          placeholder={searchPlaceholder}\n          aria-label={searchPlaceholder}\n          autoComplete=\"off\"\n          aria-autocomplete=\"list\"\n          aria-expanded\n          aria-controls={listboxId}\n          aria-activedescendant={\n            visible[activeIndex] ? `${baseId}-option-${activeIndex}` : undefined\n          }\n          onChange={event => {\n            setQuery(event.target.value);\n            /* Yazmak etkin komutu BASA ceker: eski satir suzulmus listede kalmiyordu. */\n            setActiveIndex(0);\n          }}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n\n      <ul id={listboxId} role=\"listbox\" aria-label={label} className={styles.palette__list}>\n        {visible.map((item, index) => {\n          /*\n           * Grup basligi yalnizca DEGISTIGINDE cizilir: her satirin ustune baslik koymak listeyi\n           * iki katina cikariyordu.\n           */\n          const isNewGroup = item.group !== undefined && item.group !== visible[index - 1]?.group;\n\n          return (\n            /* ⚠ `role=\"presentation\"` ZORUNLU. */\n            <li key={item.id} role=\"presentation\">\n              {isNewGroup && (\n                /*\n                 * `aria-hidden`: baslik bir SECENEK degil; listbox'in cocugu olarak okunsaydi ekran\n                 * okuyucu sayimi bozuluyordu.\n                 */\n                <span className={styles.palette__group} aria-hidden>\n                  {item.group}\n                </span>\n              )}\n\n              <div\n                id={`${baseId}-option-${index}`}\n                role=\"option\"\n                data-index={index}\n                aria-selected={index === activeIndex}\n                className={cx(\n                  styles.palette__item,\n                  index === activeIndex && styles['palette__item--active'],\n                )}\n                onMouseEnter={() => setActiveIndex(index)}\n                onClick={() => run(item)}\n              >\n                {item.icon && (\n                  <span className={styles.palette__icon} aria-hidden>\n                    {item.icon}\n                  </span>\n                )}\n\n                <span className={styles.palette__text}>\n                  <span className={styles.palette__label}>{item.label}</span>\n                  {item.description && (\n                    <span className={styles.palette__description}>{item.description}</span>\n                  )}\n                </span>\n\n                {item.shortcut && (\n                  <Kbd keys={[item.shortcut]} className={styles.palette__shortcut} aria-hidden />\n                )}\n              </div>\n            </li>\n          );\n        })}\n\n        {/* Bos durum bir SECENEK degil; o da sahipsiz kalmamali. */}\n        {visible.length === 0 && (\n          <li role=\"presentation\" className={styles.palette__empty}>\n            {emptyMessage}\n          </li>\n        )}\n      </ul>\n    </dialog>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(CommandPalette, 'CommandPalette'),\n) as typeof CommandPalette;\n"],"names":["CommandPalette","isOpen","onClose","items","label","searchPlaceholder","emptyMessage","hotkey","onOpen","className","testId","baseId","useId","listboxId","dialogRef","useRef","inputRef","tokenRef","pendingRef","query","setQuery","useState","activeIndex","setActiveIndex","visible","useMemo","needle","item","matchesSearch","useScrollLock","useEffect","dialog","restoreFocus","captureFocus","_a","token","pop","pushModal","pending","parts","key","wants","modifier","isMac","handleKeyDown","event","isMod","hasOpenSurface","handleCancel","isTopModal","scrollIntoViewIfPossible","run","lastIndex","current","activeCommand","jsxs","cx","styles","jsx","Search","index","isNewGroup","Kbd","memo","named"],"mappings":"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"}

package/build/components/CommandPalette/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-palette-ag-P9{display:none;flex-direction:column;width:min(92vw,560px);max-height:min(70dvh,480px);margin:12vh auto auto;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background-color:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-xl);overflow:hidden;opacity:0;translate:0 6px;transition:opacity var(--ui-duration-fast) var(--ui-ease-out),translate var(--ui-duration-fast) var(--ui-ease-out),overlay var(--ui-duration-fast) allow-discrete,display var(--ui-duration-fast) allow-discrete}.ui-palette-ag-P9[open]{opacity:1;translate:0 0}@starting-style{.ui-palette-ag-P9[open]{opacity:0;translate:0 6px}}@media (prefers-reduced-motion: reduce){.ui-palette-ag-P9{transition:none}}.ui-palette-ag-P9::backdrop{opacity:0;transition:opacity var(--ui-duration-fast) var(--ui-ease-out),overlay var(--ui-duration-fast) allow-discrete,display var(--ui-duration-fast) allow-discrete}.ui-palette-ag-P9[open]::backdrop{opacity:1}@starting-style{.ui-palette-ag-P9[open]::backdrop{opacity:0}}@media (prefers-reduced-motion: reduce){.ui-palette-ag-P9::backdrop{transition:none}}.ui-palette-ag-P9[open]{display:flex}.ui-palette-ag-P9::backdrop{background-color:var(--ui-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 640px){.ui-palette-ag-P9{width:94vw;margin-top:var(--ui-space-5);max-height:80dvh}}.ui-palette__search-G3aYv{display:flex;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-3) var(--ui-space-4);border-bottom:1px solid var(--ui-border);flex-shrink:0}.ui-palette__searchIcon-2UYj-{color:var(--ui-text-2);font-size:var(--ui-icon-md);flex-shrink:0}.ui-palette__input-vvLvt{flex:1;min-width:0;border:none;background:none;font-family:var(--ui-font-body);font-size:var(--ui-font-size-control);color:var(--ui-text)}.ui-palette__input-vvLvt::placeholder{color:var(--ui-text-3)}.ui-palette__input-vvLvt:focus{outline:none}.ui-palette__list--KWiH{flex:1;min-height:0;position:relative;overflow-y:auto;margin:0;padding:var(--ui-space-1);list-style:none;scrollbar-width:thin;scrollbar-color:var(--ui-border-strong) transparent}.ui-palette__list--KWiH::-webkit-scrollbar{width:8px;height:8px}.ui-palette__list--KWiH::-webkit-scrollbar-track{background:transparent}.ui-palette__list--KWiH::-webkit-scrollbar-thumb{background-color:var(--ui-border-strong);border-radius:var(--ui-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-palette__list--KWiH::-webkit-scrollbar-thumb:hover{background-color:var(--ui-text-3)}.ui-palette__group-KPj5Q{display:block;padding:var(--ui-space-2) var(--ui-space-2) var(--ui-space-1);font-size:var(--ui-font-size-2xs);font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:var(--ui-text-3)}.ui-palette__item-UZzkp{display:flex;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);cursor:pointer;min-height:40px}.ui-palette__item--active-XHcka{background-color:var(--ui-surface-2)}.ui-palette__icon-Fg0Lt{display:inline-flex;flex-shrink:0;font-size:var(--ui-icon-md);color:var(--ui-text-2)}.ui-palette__text-flfN9{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.ui-palette__label-8-UHe{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ui-font-size-sm);color:var(--ui-text)}.ui-palette__description-eRlk9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ui-font-size-2xs);color:var(--ui-text-2)}.ui-palette__shortcut-DwYKX{flex-shrink:0}.ui-palette__empty-vg-I3{padding:var(--ui-space-5) var(--ui-space-3);text-align:center;font-size:var(--ui-font-size-sm);color:var(--ui-text-2)}}

package/build/components/ConfirmDialog/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),a=require("react-bootstrap-icons"),v=require("../../helpers/label.helper.cjs"),M=require("../../theme/context.cjs"),u=require("../../enums/ui-size.enum.cjs"),i=require("../../enums/ui-variant.enum.cjs"),o=require("../Button/index.cjs"),N=require("../Modal/index.cjs"),_={destructive:e.jsx(a.TrashFill,{"aria-hidden":!0}),warning:e.jsx(a.ExclamationTriangleFill,{"aria-hidden":!0}),neutral:e.jsx(a.QuestionCircleFill,{"aria-hidden":!0})},C={destructive:"danger",warning:"warning",neutral:"info"},A={destructive:i.default.DANGER,warning:i.default.PRIMARY,neutral:i.default.PRIMARY},E=({isOpen:d,onClose:s,onConfirm:f,title:g,description:m,confirmLabel:x,cancelLabel:I,closeLabel:D,variant:R,kind:h,children:j})=>{const{labels:n}=M.useUi(),[t,l]=c.useState(!1),r=R??h??"neutral",q=async()=>{l(!0);try{await f()}finally{l(!1)}};return e.jsx(N.default,{isOpen:d,onClose:s,title:g,closeLabel:D??(n==null?void 0:n.close),description:m,icon:_[r],tone:C[r],size:"sm",isDismissable:!t,footer:e.jsxs(e.Fragment,{children:[e.jsx(o.default,{variant:i.default.SECONDARY,size:u.default.MEDIUM,onClick:s,disabled:t,children:v.resolveLabel("ConfirmDialog.cancelLabel",I,n==null?void 0:n.cancel)}),e.jsx(o.default,{variant:A[r],size:u.default.MEDIUM,onClick:q,isLoading:t,children:x})]}),children:j})},b=c.memo(E);exports.default=b;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ConfirmDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useState } from 'react';\n\nimport { ExclamationTriangleFill, QuestionCircleFill, TrashFill } from 'react-bootstrap-icons';\n\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport Button from '../Button';\nimport Modal, { type ModalTone } from '../Modal';\n\nexport type ConfirmKind = 'destructive' | 'warning' | 'neutral';\n\n/** Üçü de DOLU sürüm: madalyonun tint zemininde kontur kaybolur. */\nconst KIND_ICON: Record<ConfirmKind, ReactNode> = {\n  destructive: <TrashFill aria-hidden />,\n  warning: <ExclamationTriangleFill aria-hidden />,\n  neutral: <QuestionCircleFill aria-hidden />,\n};\n\nconst KIND_TONE: Record<ConfirmKind, ModalTone> = {\n  destructive: 'danger',\n  warning: 'warning',\n  neutral: 'info',\n};\n\nconst KIND_VARIANT: Record<ConfirmKind, UIVariant> = {\n  destructive: UIVariant.DANGER,\n  warning: UIVariant.PRIMARY,\n  neutral: UIVariant.PRIMARY,\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  /**\n   * Onaylandığında çalışır. `Promise` dönerse düğme beklerken yükleme durumuna geçer ve pencere\n   * kapanmaz.\n   */\n  onConfirm: () => void | Promise<void>;\n  /** Soru cümlesi. */\n  title: string;\n  /** Sonucu açıklar: neyin geri alınamaz olduğu burada yazılır. */\n  description?: ReactNode;\n  /** Onay düğmesinin etiketi — ZORUNLU, config'ten okunmaz. */\n  confirmLabel: string;\n  /** Verilmezse `labels.cancel`. */\n  cancelLabel?: string;\n  /** Verilmezse `labels.close`. */\n  closeLabel?: string;\n  /** Onayın türü — ikon, ton ve onay düğmesinin varyantını birlikte belirler. */\n  variant?: ConfirmKind;\n  /** @deprecated `variant` kullanın. */\n  kind?: ConfirmKind;\n  /** Ek bağlam: silinecek kaydın özeti, uyarı kutusu. */\n  children?: ReactNode;\n};\n\n/**\n * Onay penceresi.\n * @example const [target, setTarget] = useState<Address | null>(null);\n */\nconst ConfirmDialog: FC<Props> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  closeLabel,\n  variant,\n  kind,\n  children,\n}) => {\n  const { labels } = useUi();\n  const [isRunning, setIsRunning] = useState(false);\n\n  /* Eski prop bir surum boyunca calisir; `variant` verilmisse o kazanir. */\n  const resolvedVariant: ConfirmKind = variant ?? kind ?? 'neutral';\n\n  const handleConfirm = async () => {\n    setIsRunning(true);\n    try {\n      await onConfirm();\n    } finally {\n      /* `finally`: istek hata verse de yukleme durumu birakilir. */\n      setIsRunning(false);\n    }\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      closeLabel={closeLabel ?? labels?.close}\n      description={description}\n      icon={KIND_ICON[resolvedVariant]}\n      tone={KIND_TONE[resolvedVariant]}\n      size=\"sm\"\n      // Islem surerken kapanmaz: kapanma, islem iptal edilmis gibi gorunuyordu.\n      isDismissable={!isRunning}\n      footer={\n        <>\n          {/*\n            \"Vazgec\" JSX'te ONCE: klavyeyle sekme sirasi soldan saga mantikli\n            olmali. Ekranda mobilde `column-reverse` ile alta duser.\n          */}\n          <Button\n            variant={UIVariant.SECONDARY}\n            size={UISize.MEDIUM}\n            onClick={onClose}\n            disabled={isRunning}\n          >\n            {resolveLabel('ConfirmDialog.cancelLabel', cancelLabel, labels?.cancel)}\n          </Button>\n          <Button\n            variant={KIND_VARIANT[resolvedVariant]}\n            size={UISize.MEDIUM}\n            onClick={handleConfirm}\n            isLoading={isRunning}\n          >\n            {confirmLabel}\n          </Button>\n        </>\n      }\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport default /*#__PURE__*/ memo(ConfirmDialog) as typeof ConfirmDialog;\n"],"names":["KIND_ICON","jsx","TrashFill","ExclamationTriangleFill","QuestionCircleFill","KIND_TONE","KIND_VARIANT","UIVariant","ConfirmDialog","isOpen","onClose","onConfirm","title","description","confirmLabel","cancelLabel","closeLabel","variant","kind","children","labels","useUi","isRunning","setIsRunning","useState","resolvedVariant","handleConfirm","Modal","jsxs","Fragment","Button","UISize","resolveLabel","index"],"mappings":"6bAeMA,EAA4C,CAChD,YAAaC,EAAAA,IAACC,EAAAA,UAAA,CAAU,cAAW,EAAA,CAAC,EACpC,QAASD,EAAAA,IAACE,EAAAA,wBAAA,CAAwB,cAAW,EAAA,CAAC,EAC9C,QAASF,EAAAA,IAACG,EAAAA,mBAAA,CAAmB,cAAW,EAAA,CAAC,CAC3C,EAEMC,EAA4C,CAChD,YAAa,SACb,QAAS,UACT,QAAS,MACX,EAEMC,EAA+C,CACnD,YAAaC,EAAAA,QAAU,OACvB,QAASA,EAAAA,QAAU,QACnB,QAASA,EAAAA,QAAU,OACrB,EAgCMC,EAA2B,CAAC,CAChC,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,WAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACb,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAG1CC,EAA+BR,GAAWC,GAAQ,UAElDQ,EAAgB,SAAY,CAChCH,EAAa,EAAI,EACjB,GAAI,CACF,MAAMZ,EAAA,CACR,QAAA,CAEEY,EAAa,EAAK,CACpB,CACF,EAEA,OACEtB,EAAAA,IAAC0B,EAAAA,QAAA,CACC,OAAAlB,EACA,QAAAC,EACA,MAAAE,EACA,WAAYI,IAAcI,GAAA,YAAAA,EAAQ,OAClC,YAAAP,EACA,KAAMb,EAAUyB,CAAe,EAC/B,KAAMpB,EAAUoB,CAAe,EAC/B,KAAK,KAEL,cAAe,CAACH,EAChB,OACEM,EAAAA,KAAAC,WAAA,CAKE,SAAA,CAAA5B,EAAAA,IAAC6B,EAAAA,QAAA,CACC,QAASvB,EAAAA,QAAU,UACnB,KAAMwB,EAAAA,QAAO,OACb,QAASrB,EACT,SAAUY,EAET,SAAAU,EAAAA,aAAa,4BAA6BjB,EAAaK,GAAA,YAAAA,EAAQ,MAAM,CAAA,CAAA,EAExEnB,EAAAA,IAAC6B,EAAAA,QAAA,CACC,QAASxB,EAAamB,CAAe,EACrC,KAAMM,EAAAA,QAAO,OACb,QAASL,EACT,UAAWJ,EAEV,SAAAR,CAAA,CAAA,CACH,EACF,EAGD,SAAAK,CAAA,CAAA,CAGP,EAEAc,SAAkCzB,CAAa"}

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

@@ -0,0 +1,34 @@
+import { FC, ReactNode } from 'react';
+export type ConfirmKind = 'destructive' | 'warning' | 'neutral';
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    /**
+     * Onaylandığında çalışır. `Promise` dönerse düğme beklerken yükleme durumuna geçer ve pencere
+     * kapanmaz.
+     */
+    onConfirm: () => void | Promise<void>;
+    /** Soru cümlesi. */
+    title: string;
+    /** Sonucu açıklar: neyin geri alınamaz olduğu burada yazılır. */
+    description?: ReactNode;
+    /** Onay düğmesinin etiketi — ZORUNLU, config'ten okunmaz. */
+    confirmLabel: string;
+    /** Verilmezse `labels.cancel`. */
+    cancelLabel?: string;
+    /** Verilmezse `labels.close`. */
+    closeLabel?: string;
+    /** Onayın türü — ikon, ton ve onay düğmesinin varyantını birlikte belirler. */
+    variant?: ConfirmKind;
+    /** @deprecated `variant` kullanın. */
+    kind?: ConfirmKind;
+    /** Ek bağlam: silinecek kaydın özeti, uyarı kutusu. */
+    children?: ReactNode;
+};
+/**
+ * Onay penceresi.
+ * @example const [target, setTarget] = useState<Address | null>(null);
+ */
+declare const ConfirmDialog: FC<Props>;
+declare const _default: typeof ConfirmDialog;
+export default _default;

package/build/components/ConfirmDialog/index.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as n, jsxs as N, Fragment as v } from "react/jsx-runtime";
+import { memo as C, useState as M } from "react";
+import { QuestionCircleFill as A, ExclamationTriangleFill as E, TrashFill as w } from "react-bootstrap-icons";
+import { resolveLabel as x } from "../../helpers/label.helper.js";
+import { useUi as U } from "../../theme/context.js";
+import s from "../../enums/ui-size.enum.js";
+import r from "../../enums/ui-variant.enum.js";
+import l from "../Button/index.js";
+import z from "../Modal/index.js";
+const F = {
+  destructive: /* @__PURE__ */ n(w, { "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ n(E, { "aria-hidden": !0 }),
+  neutral: /* @__PURE__ */ n(A, { "aria-hidden": !0 })
+}, L = {
+  destructive: "danger",
+  warning: "warning",
+  neutral: "info"
+}, T = {
+  destructive: r.DANGER,
+  warning: r.PRIMARY,
+  neutral: r.PRIMARY
+}, y = ({
+  isOpen: c,
+  onClose: o,
+  onConfirm: m,
+  title: d,
+  description: u,
+  confirmLabel: f,
+  cancelLabel: g,
+  closeLabel: I,
+  variant: p,
+  kind: D,
+  children: R
+}) => {
+  const { labels: i } = U(), [e, a] = M(!1), t = p ?? D ?? "neutral", h = async () => {
+    a(!0);
+    try {
+      await m();
+    } finally {
+      a(!1);
+    }
+  };
+  return /* @__PURE__ */ n(
+    z,
+    {
+      isOpen: c,
+      onClose: o,
+      title: d,
+      closeLabel: I ?? (i == null ? void 0 : i.close),
+      description: u,
+      icon: F[t],
+      tone: L[t],
+      size: "sm",
+      isDismissable: !e,
+      footer: /* @__PURE__ */ N(v, { children: [
+        /* @__PURE__ */ n(
+          l,
+          {
+            variant: r.SECONDARY,
+            size: s.MEDIUM,
+            onClick: o,
+            disabled: e,
+            children: x("ConfirmDialog.cancelLabel", g, i == null ? void 0 : i.cancel)
+          }
+        ),
+        /* @__PURE__ */ n(
+          l,
+          {
+            variant: T[t],
+            size: s.MEDIUM,
+            onClick: h,
+            isLoading: e,
+            children: f
+          }
+        )
+      ] }),
+      children: R
+    }
+  );
+}, P = /* @__PURE__ */ C(y);
+export {
+  P as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ConfirmDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useState } from 'react';\n\nimport { ExclamationTriangleFill, QuestionCircleFill, TrashFill } from 'react-bootstrap-icons';\n\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport Button from '../Button';\nimport Modal, { type ModalTone } from '../Modal';\n\nexport type ConfirmKind = 'destructive' | 'warning' | 'neutral';\n\n/** Üçü de DOLU sürüm: madalyonun tint zemininde kontur kaybolur. */\nconst KIND_ICON: Record<ConfirmKind, ReactNode> = {\n  destructive: <TrashFill aria-hidden />,\n  warning: <ExclamationTriangleFill aria-hidden />,\n  neutral: <QuestionCircleFill aria-hidden />,\n};\n\nconst KIND_TONE: Record<ConfirmKind, ModalTone> = {\n  destructive: 'danger',\n  warning: 'warning',\n  neutral: 'info',\n};\n\nconst KIND_VARIANT: Record<ConfirmKind, UIVariant> = {\n  destructive: UIVariant.DANGER,\n  warning: UIVariant.PRIMARY,\n  neutral: UIVariant.PRIMARY,\n};\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  /**\n   * Onaylandığında çalışır. `Promise` dönerse düğme beklerken yükleme durumuna geçer ve pencere\n   * kapanmaz.\n   */\n  onConfirm: () => void | Promise<void>;\n  /** Soru cümlesi. */\n  title: string;\n  /** Sonucu açıklar: neyin geri alınamaz olduğu burada yazılır. */\n  description?: ReactNode;\n  /** Onay düğmesinin etiketi — ZORUNLU, config'ten okunmaz. */\n  confirmLabel: string;\n  /** Verilmezse `labels.cancel`. */\n  cancelLabel?: string;\n  /** Verilmezse `labels.close`. */\n  closeLabel?: string;\n  /** Onayın türü — ikon, ton ve onay düğmesinin varyantını birlikte belirler. */\n  variant?: ConfirmKind;\n  /** @deprecated `variant` kullanın. */\n  kind?: ConfirmKind;\n  /** Ek bağlam: silinecek kaydın özeti, uyarı kutusu. */\n  children?: ReactNode;\n};\n\n/**\n * Onay penceresi.\n * @example const [target, setTarget] = useState<Address | null>(null);\n */\nconst ConfirmDialog: FC<Props> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  closeLabel,\n  variant,\n  kind,\n  children,\n}) => {\n  const { labels } = useUi();\n  const [isRunning, setIsRunning] = useState(false);\n\n  /* Eski prop bir surum boyunca calisir; `variant` verilmisse o kazanir. */\n  const resolvedVariant: ConfirmKind = variant ?? kind ?? 'neutral';\n\n  const handleConfirm = async () => {\n    setIsRunning(true);\n    try {\n      await onConfirm();\n    } finally {\n      /* `finally`: istek hata verse de yukleme durumu birakilir. */\n      setIsRunning(false);\n    }\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      closeLabel={closeLabel ?? labels?.close}\n      description={description}\n      icon={KIND_ICON[resolvedVariant]}\n      tone={KIND_TONE[resolvedVariant]}\n      size=\"sm\"\n      // Islem surerken kapanmaz: kapanma, islem iptal edilmis gibi gorunuyordu.\n      isDismissable={!isRunning}\n      footer={\n        <>\n          {/*\n            \"Vazgec\" JSX'te ONCE: klavyeyle sekme sirasi soldan saga mantikli\n            olmali. Ekranda mobilde `column-reverse` ile alta duser.\n          */}\n          <Button\n            variant={UIVariant.SECONDARY}\n            size={UISize.MEDIUM}\n            onClick={onClose}\n            disabled={isRunning}\n          >\n            {resolveLabel('ConfirmDialog.cancelLabel', cancelLabel, labels?.cancel)}\n          </Button>\n          <Button\n            variant={KIND_VARIANT[resolvedVariant]}\n            size={UISize.MEDIUM}\n            onClick={handleConfirm}\n            isLoading={isRunning}\n          >\n            {confirmLabel}\n          </Button>\n        </>\n      }\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport default /*#__PURE__*/ memo(ConfirmDialog) as typeof ConfirmDialog;\n"],"names":["KIND_ICON","jsx","TrashFill","ExclamationTriangleFill","QuestionCircleFill","KIND_TONE","KIND_VARIANT","UIVariant","ConfirmDialog","isOpen","onClose","onConfirm","title","description","confirmLabel","cancelLabel","closeLabel","variant","kind","children","labels","useUi","isRunning","setIsRunning","useState","resolvedVariant","handleConfirm","Modal","jsxs","Fragment","Button","UISize","resolveLabel","index"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAA4C;AAAA,EAChD,aAAa,gBAAAC,EAACC,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,EACpC,SAAS,gBAAAD,EAACE,GAAA,EAAwB,eAAW,GAAA,CAAC;AAAA,EAC9C,SAAS,gBAAAF,EAACG,GAAA,EAAmB,eAAW,GAAA,CAAC;AAC3C,GAEMC,IAA4C;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX,GAEMC,IAA+C;AAAA,EACnD,aAAaC,EAAU;AAAA,EACvB,SAASA,EAAU;AAAA,EACnB,SAASA,EAAU;AACrB,GAgCMC,IAA2B,CAAC;AAAA,EAChC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAG1CC,IAA+BR,KAAWC,KAAQ,WAElDQ,IAAgB,YAAY;AAChC,IAAAH,EAAa,EAAI;AACjB,QAAI;AACF,YAAMZ,EAAA;AAAA,IACR,UAAA;AAEE,MAAAY,EAAa,EAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,gBAAAtB;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,QAAAlB;AAAA,MACA,SAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYI,MAAcI,KAAA,gBAAAA,EAAQ;AAAA,MAClC,aAAAP;AAAA,MACA,MAAMb,EAAUyB,CAAe;AAAA,MAC/B,MAAMpB,EAAUoB,CAAe;AAAA,MAC/B,MAAK;AAAA,MAEL,eAAe,CAACH;AAAA,MAChB,QACE,gBAAAM,EAAAC,GAAA,EAKE,UAAA;AAAA,QAAA,gBAAA5B;AAAA,UAAC6B;AAAA,UAAA;AAAA,YACC,SAASvB,EAAU;AAAA,YACnB,MAAMwB,EAAO;AAAA,YACb,SAASrB;AAAA,YACT,UAAUY;AAAA,YAET,UAAAU,EAAa,6BAA6BjB,GAAaK,KAAA,gBAAAA,EAAQ,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAExE,gBAAAnB;AAAA,UAAC6B;AAAA,UAAA;AAAA,YACC,SAASxB,EAAamB,CAAe;AAAA,YACrC,MAAMM,EAAO;AAAA,YACb,SAASL;AAAA,YACT,WAAWJ;AAAA,YAEV,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAGD,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAc,sBAAkCzB,CAAa;"}

package/build/components/CopyField/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),a=require("react-bootstrap-icons"),l=require("../../helpers/class-name.helper.cjs"),i=require("../../helpers/label.helper.cjs"),h=require("../../hooks/useCopyFeedback.cjs"),j=require("../../theme/context.cjs"),t={default:{"copy":"ui-copy-Yht5s","copy--sm":"ui-copy--sm-Tjqws","copy__code":"ui-copy__code-CYlCA","copy--md":"ui-copy--md-00rhU","copy__button":"ui-copy__button-GDdH6","copy__button--done":"ui-copy__button--done-MujUR","copy__srOnly":"ui-copy__srOnly-WMTNN"}},q=({value:c,copyLabel:p,copiedLabel:u,copiedAnnouncement:y,size:m="sm",isReadOnly:F,className:_,testId:x})=>{var n,s,d;const{labels:e}=j.useUi(),{isCopied:r,copy:C,nodeRef:b}=h.useCopyFeedback(c);return o.jsxs("span",{className:l.cx(t.default.copy,t.default[`copy--${m}`],_),"data-testid":x,children:[o.jsx("span",{className:t.default.copy__code,ref:b,children:c}),!F&&o.jsx("button",{type:"button",className:l.cx(t.default.copy__button,r&&t.default["copy__button--done"]),onClick:C,"aria-label":r?u??i.resolveFormatter("CopyField.copiedLabel",(n=e==null?void 0:e.copyField)==null?void 0:n.copied,c):p??i.resolveFormatter("CopyField.copyLabel",(s=e==null?void 0:e.copyField)==null?void 0:s.copy,c),children:r?o.jsx(a.ClipboardCheckFill,{"aria-hidden":!0}):o.jsx(a.ClipboardFill,{"aria-hidden":!0})}),o.jsx("span",{"aria-live":"polite",className:t.default.copy__srOnly,children:r?i.resolveLabel("CopyField.copiedAnnouncement",y,(d=e==null?void 0:e.copyField)==null?void 0:d.announcement):""})]})},N=f.memo(q);exports.default=N;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/CopyField/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo } from 'react';\n\nimport { ClipboardCheckFill, ClipboardFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveFormatter, resolveLabel } from '../../helpers/label.helper';\nimport { useCopyFeedback } from '../../hooks/useCopyFeedback';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** Gösterilecek ve panoya kopyalanacak değer. */\n  value: string;\n  /** Kopyalama düğmesinin erişilebilir adı. */\n  copyLabel?: string;\n  /** Kopyalandıktan sonraki ad. */\n  copiedLabel?: string;\n  /** `aria-live` ile duyurulan onay cümlesi. */\n  copiedAnnouncement?: string;\n  size?: 'sm' | 'md';\n  /** Kopyalama düğmesini gizler. */\n  isReadOnly?: boolean;\n  className?: string;\n  testId?: string;\n};\n\n/** Kopyalanabilir teknik değer — tek dokunuşla panoya. */\nconst CopyField: FC<Props> = ({\n  value,\n  copyLabel,\n  copiedLabel,\n  copiedAnnouncement,\n  size = 'sm',\n  isReadOnly,\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const { isCopied, copy, nodeRef } = useCopyFeedback(value);\n\n  return (\n    <span className={cx(styles.copy, styles[`copy--${size}`], className)} data-testid={testId}>\n      {/*\n        `user-select: all` (CSS): tek tiklama degerin TAMAMINI secer.\n        Kullanicilar fareyle surukleyip yarim deger kopyaliyordu.\n      */}\n      <span className={styles.copy__code} ref={nodeRef}>\n        {value}\n      </span>\n\n      {!isReadOnly && (\n        <button\n          type=\"button\"\n          className={cx(styles.copy__button, isCopied && styles['copy__button--done'])}\n          onClick={copy}\n          aria-label={\n            isCopied\n              ? (copiedLabel ??\n                resolveFormatter('CopyField.copiedLabel', labels?.copyField?.copied, value))\n              : (copyLabel ??\n                resolveFormatter('CopyField.copyLabel', labels?.copyField?.copy, value))\n          }\n        >\n          {/*\n            Kopyalandi ISARETLI PANO, yalin tik degil: yalin tik \"dogru\n            deger\" diye de okunabiliyordu. Ayni gövde + tik, degisimin\n            kopyalama eylemine ait oldugunu birakiyor.\n          */}\n          {isCopied ? <ClipboardCheckFill aria-hidden /> : <ClipboardFill aria-hidden />}\n        </button>\n      )}\n\n      {/*\n        Ekran okuyucu icin: ikon degisimi gorsel bir sinyal, duyulmuyor.\n        `aria-live` yalnizca DEGISTIGINDE konusur.\n      */}\n      <span aria-live=\"polite\" className={styles.copy__srOnly}>\n        {isCopied\n          ? resolveLabel(\n              'CopyField.copiedAnnouncement',\n              copiedAnnouncement,\n              labels?.copyField?.announcement,\n            )\n          : ''}\n      </span>\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(CopyField) as typeof CopyField;\n"],"names":["CopyField","value","copyLabel","copiedLabel","copiedAnnouncement","size","isReadOnly","className","testId","labels","useUi","isCopied","copy","nodeRef","useCopyFeedback","jsxs","cx","styles","jsx","resolveFormatter","_a","_b","ClipboardCheckFill","ClipboardFill","resolveLabel","_c","index"],"mappings":"waA6BMA,EAAuB,CAAC,CAC5B,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,KAAAC,EAAO,KACP,WAAAC,EACA,UAAAC,EACA,OAAAC,CACF,IAAM,WACJ,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACb,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,CAAA,EAAYC,EAAAA,gBAAgBb,CAAK,EAEzD,OACEc,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,KAAMA,EAAAA,QAAO,SAASZ,CAAI,EAAE,EAAGE,CAAS,EAAG,cAAaC,EAKjF,SAAA,CAAAU,MAAC,QAAK,UAAWD,EAAAA,QAAO,WAAY,IAAKJ,EACtC,SAAAZ,EACH,EAEC,CAACK,GACAY,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWF,EAAAA,GAAGC,UAAO,aAAcN,GAAYM,EAAAA,QAAO,oBAAoB,CAAC,EAC3E,QAASL,EACT,aACED,EACKR,GACDgB,EAAAA,iBAAiB,yBAAyBC,EAAAX,GAAA,YAAAA,EAAQ,YAAR,YAAAW,EAAmB,OAAQnB,CAAK,EACzEC,GACDiB,EAAAA,iBAAiB,uBAAuBE,EAAAZ,GAAA,YAAAA,EAAQ,YAAR,YAAAY,EAAmB,KAAMpB,CAAK,EAQ3E,SAAAU,QAAYW,EAAAA,mBAAA,CAAmB,cAAW,GAAC,EAAKJ,EAAAA,IAACK,EAAAA,cAAA,CAAc,cAAW,EAAA,CAAC,CAAA,CAAA,QAQ/E,OAAA,CAAK,YAAU,SAAS,UAAWN,EAAAA,QAAO,aACxC,SAAAN,EACGa,EAAAA,aACE,+BACApB,GACAqB,EAAAhB,GAAA,YAAAA,EAAQ,YAAR,YAAAgB,EAAmB,YAAA,EAErB,EAAA,CACN,CAAA,EACF,CAEJ,EAEAC,SAAkC1B,CAAS"}

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+type Props = {
+    /** Gösterilecek ve panoya kopyalanacak değer. */
+    value: string;
+    /** Kopyalama düğmesinin erişilebilir adı. */
+    copyLabel?: string;
+    /** Kopyalandıktan sonraki ad. */
+    copiedLabel?: string;
+    /** `aria-live` ile duyurulan onay cümlesi. */
+    copiedAnnouncement?: string;
+    size?: 'sm' | 'md';
+    /** Kopyalama düğmesini gizler. */
+    isReadOnly?: boolean;
+    className?: string;
+    testId?: string;
+};
+/** Kopyalanabilir teknik değer — tek dokunuşla panoya. */
+declare const CopyField: FC<Props>;
+declare const _default: typeof CopyField;
+export default _default;

package/build/components/CopyField/index.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { memo as b } from "react";
+import { ClipboardCheckFill as x, ClipboardFill as N } from "react-bootstrap-icons";
+import { cx as d } from "../../helpers/class-name.helper.js";
+import { resolveFormatter as m, resolveLabel as k } from "../../helpers/label.helper.js";
+import { useCopyFeedback as L } from "../../hooks/useCopyFeedback.js";
+import { useUi as j } from "../../theme/context.js";
+const e = {"copy":"ui-copy-Yht5s","copy--sm":"ui-copy--sm-Tjqws","copy__code":"ui-copy__code-CYlCA","copy--md":"ui-copy--md-00rhU","copy__button":"ui-copy__button-GDdH6","copy__button--done":"ui-copy__button--done-MujUR","copy__srOnly":"ui-copy__srOnly-WMTNN"};
+const A = ({
+  value: p,
+  copyLabel: s,
+  copiedLabel: a,
+  copiedAnnouncement: l,
+  size: y = "sm",
+  isReadOnly: f,
+  className: F,
+  testId: u
+}) => {
+  var t, c, n;
+  const { labels: o } = j(), { isCopied: r, copy: C, nodeRef: _ } = L(p);
+  return /* @__PURE__ */ h("span", { className: d(e.copy, e[`copy--${y}`], F), "data-testid": u, children: [
+    /* @__PURE__ */ i("span", { className: e.copy__code, ref: _, children: p }),
+    !f && /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: d(e.copy__button, r && e["copy__button--done"]),
+        onClick: C,
+        "aria-label": r ? a ?? m("CopyField.copiedLabel", (t = o == null ? void 0 : o.copyField) == null ? void 0 : t.copied, p) : s ?? m("CopyField.copyLabel", (c = o == null ? void 0 : o.copyField) == null ? void 0 : c.copy, p),
+        children: r ? /* @__PURE__ */ i(x, { "aria-hidden": !0 }) : /* @__PURE__ */ i(N, { "aria-hidden": !0 })
+      }
+    ),
+    /* @__PURE__ */ i("span", { "aria-live": "polite", className: e.copy__srOnly, children: r ? k(
+      "CopyField.copiedAnnouncement",
+      l,
+      (n = o == null ? void 0 : o.copyField) == null ? void 0 : n.announcement
+    ) : "" })
+  ] });
+}, z = /* @__PURE__ */ b(A);
+export {
+  z as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CopyField/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo } from 'react';\n\nimport { ClipboardCheckFill, ClipboardFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveFormatter, resolveLabel } from '../../helpers/label.helper';\nimport { useCopyFeedback } from '../../hooks/useCopyFeedback';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** Gösterilecek ve panoya kopyalanacak değer. */\n  value: string;\n  /** Kopyalama düğmesinin erişilebilir adı. */\n  copyLabel?: string;\n  /** Kopyalandıktan sonraki ad. */\n  copiedLabel?: string;\n  /** `aria-live` ile duyurulan onay cümlesi. */\n  copiedAnnouncement?: string;\n  size?: 'sm' | 'md';\n  /** Kopyalama düğmesini gizler. */\n  isReadOnly?: boolean;\n  className?: string;\n  testId?: string;\n};\n\n/** Kopyalanabilir teknik değer — tek dokunuşla panoya. */\nconst CopyField: FC<Props> = ({\n  value,\n  copyLabel,\n  copiedLabel,\n  copiedAnnouncement,\n  size = 'sm',\n  isReadOnly,\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const { isCopied, copy, nodeRef } = useCopyFeedback(value);\n\n  return (\n    <span className={cx(styles.copy, styles[`copy--${size}`], className)} data-testid={testId}>\n      {/*\n        `user-select: all` (CSS): tek tiklama degerin TAMAMINI secer.\n        Kullanicilar fareyle surukleyip yarim deger kopyaliyordu.\n      */}\n      <span className={styles.copy__code} ref={nodeRef}>\n        {value}\n      </span>\n\n      {!isReadOnly && (\n        <button\n          type=\"button\"\n          className={cx(styles.copy__button, isCopied && styles['copy__button--done'])}\n          onClick={copy}\n          aria-label={\n            isCopied\n              ? (copiedLabel ??\n                resolveFormatter('CopyField.copiedLabel', labels?.copyField?.copied, value))\n              : (copyLabel ??\n                resolveFormatter('CopyField.copyLabel', labels?.copyField?.copy, value))\n          }\n        >\n          {/*\n            Kopyalandi ISARETLI PANO, yalin tik degil: yalin tik \"dogru\n            deger\" diye de okunabiliyordu. Ayni gövde + tik, degisimin\n            kopyalama eylemine ait oldugunu birakiyor.\n          */}\n          {isCopied ? <ClipboardCheckFill aria-hidden /> : <ClipboardFill aria-hidden />}\n        </button>\n      )}\n\n      {/*\n        Ekran okuyucu icin: ikon degisimi gorsel bir sinyal, duyulmuyor.\n        `aria-live` yalnizca DEGISTIGINDE konusur.\n      */}\n      <span aria-live=\"polite\" className={styles.copy__srOnly}>\n        {isCopied\n          ? resolveLabel(\n              'CopyField.copiedAnnouncement',\n              copiedAnnouncement,\n              labels?.copyField?.announcement,\n            )\n          : ''}\n      </span>\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(CopyField) as typeof CopyField;\n"],"names":["CopyField","value","copyLabel","copiedLabel","copiedAnnouncement","size","isReadOnly","className","testId","labels","useUi","isCopied","copy","nodeRef","useCopyFeedback","jsxs","cx","styles","jsx","resolveFormatter","_a","_b","ClipboardCheckFill","ClipboardFill","resolveLabel","_c","index"],"mappings":";;;;;;;;;AA6BA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;;AACJ,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,EAAE,UAAAC,GAAU,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAgBb,CAAK;AAEzD,SACE,gBAAAc,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAO,MAAMA,EAAO,SAASZ,CAAI,EAAE,GAAGE,CAAS,GAAG,eAAaC,GAKjF,UAAA;AAAA,IAAA,gBAAAU,EAAC,UAAK,WAAWD,EAAO,YAAY,KAAKJ,GACtC,UAAAZ,GACH;AAAA,IAEC,CAACK,KACA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWF,EAAGC,EAAO,cAAcN,KAAYM,EAAO,oBAAoB,CAAC;AAAA,QAC3E,SAASL;AAAA,QACT,cACED,IACKR,KACDgB,EAAiB,0BAAyBC,IAAAX,KAAA,gBAAAA,EAAQ,cAAR,gBAAAW,EAAmB,QAAQnB,CAAK,IACzEC,KACDiB,EAAiB,wBAAuBE,IAAAZ,KAAA,gBAAAA,EAAQ,cAAR,gBAAAY,EAAmB,MAAMpB,CAAK;AAAA,QAQ3E,UAAAU,sBAAYW,GAAA,EAAmB,eAAW,IAAC,IAAK,gBAAAJ,EAACK,GAAA,EAAc,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAQ/E,QAAA,EAAK,aAAU,UAAS,WAAWN,EAAO,cACxC,UAAAN,IACGa;AAAA,MACE;AAAA,MACApB;AAAA,OACAqB,IAAAhB,KAAA,gBAAAA,EAAQ,cAAR,gBAAAgB,EAAmB;AAAA,IAAA,IAErB,GAAA,CACN;AAAA,EAAA,GACF;AAEJ,GAEAC,sBAAkC1B,CAAS;"}

package/build/components/CopyField/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-copy-Yht5s{display:inline-flex;align-items:center;gap:var(--ui-space-1);max-width:100%;min-width:0}.ui-copy--sm-Tjqws .ui-copy__code-CYlCA{font-family:var(--ui-font-mono);font-size:var(--ui-font-size-xs);letter-spacing:.02em;font-variant-numeric:tabular-nums}.ui-copy--md-00rhU .ui-copy__code-CYlCA{font-family:var(--ui-font-mono);font-size:var(--ui-font-size-sm);letter-spacing:.02em;font-variant-numeric:tabular-nums}.ui-copy__code-CYlCA{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;-webkit-user-select:all;user-select:all;color:inherit}.ui-copy__button-GDdH6{position:relative}.ui-copy__button-GDdH6:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-copy__button-GDdH6{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;padding:0;border:none;border-radius:var(--ui-radius-xs);background:none;color:var(--ui-text-3);font-size:var(--ui-icon-sm);cursor:pointer;transition:color var(--ui-duration-fast) var(--ui-ease-out),background-color var(--ui-duration-fast) var(--ui-ease-out)}.ui-copy__button-GDdH6:hover{color:var(--ui-text);background-color:var(--ui-surface-2)}.ui-copy__button-GDdH6:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, -1px)}@media (prefers-reduced-motion: reduce){.ui-copy__button-GDdH6{transition:none}}.ui-copy__button--done-MujUR,.ui-copy__button--done-MujUR:hover{color:var(--ui-green-accent)}.ui-copy__srOnly-WMTNN{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

package/build/components/DataTable/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),q=require("react-bootstrap-icons"),r=require("../../helpers/class-name.helper.cjs"),D=require("../../helpers/component.helper.cjs"),f=require("../../helpers/label.helper.cjs"),S=require("../../theme/context.cjs"),s={default:{"wrapper":"ui-wrapper-KXCZg","wrapper--capped":"ui-wrapper--capped-M2QUJ","table":"ui-table-LF5Ow","state":"ui-state-YPPb0","state--error":"ui-state--error-A492d","state__message":"ui-state__message-wwbIW","row--warning":"ui-row--warning-BAUN2","srOnly":"ui-srOnly-Oia8c","sort":"ui-sort-3Q6Fx","sort__arrow":"ui-sort__arrow-MITWb","sort__arrow--ascending":"ui-sort__arrow--ascending-85T5d","sort__arrow--descending":"ui-sort__arrow--descending-gs3VU","sticky":"ui-sticky-KDEvQ","bulkBar":"ui-bulkBar-62qk0"}},v=({columns:l,label:c,children:i,isLoading:o,error:b,emptyMessage:g,loadingMessage:N,hasViewportCap:_,onSort:d,bulkBar:h,className:m,testId:w})=>{var p,j;const{labels:t}=S.useUi(),y=u.Children.count(i),x=(e,n)=>a.jsx("tr",{children:a.jsx("td",{colSpan:l.length,className:r.cx(s.default.state,n&&s.default[`state--${n}`]),children:e})});return a.jsxs("div",{className:r.cx(s.default.wrapper,_&&s.default["wrapper--capped"],m),"data-testid":w,children:[h&&a.jsx("div",{className:s.default.bulkBar,children:h}),a.jsxs("table",{className:s.default.table,"aria-label":c,children:[a.jsx("thead",{children:a.jsx("tr",{children:l.map(e=>{const n=!!(e.isSortable&&d),T=e.ariaSort==="ascending"?"descending":"ascending";return a.jsx("th",{scope:"col","aria-sort":e.ariaSort,className:r.cx(e.className,e.isSticky&&s.default.sticky),children:n?a.jsxs("button",{type:"button",className:s.default.sort,onClick:()=>d==null?void 0:d(e.key,T),children:[e.label,e.srLabel&&a.jsx("span",{className:s.default.srOnly,children:e.srLabel}),a.jsx("span",{"aria-hidden":!0,className:r.cx(s.default.sort__arrow,e.ariaSort&&s.default[`sort__arrow--${e.ariaSort}`]),children:e.ariaSort==="descending"?"▾":"▴"})]}):a.jsxs(a.Fragment,{children:[e.label,e.srLabel&&a.jsx("span",{className:s.default.srOnly,children:e.srLabel})]})},e.key)})})}),a.jsx("tbody",{children:b?x(a.jsxs("span",{role:"alert",className:s.default.state__message,children:[a.jsx(q.ExclamationCircleFill,{"aria-hidden":!0}),b]}),"error"):o?x(f.resolveLabel("DataTable.loadingMessage",N,(p=t==null?void 0:t.dataTable)==null?void 0:p.loading)):y===0?x(f.resolveLabel("DataTable.emptyMessage",g,(j=t==null?void 0:t.dataTable)==null?void 0:j.empty)):i})]})]})},L=D.named(u.memo(({isWarning:l,className:c,children:i,...o})=>a.jsx("tr",{className:r.cx(l&&s.default["row--warning"],c),...o,children:i})),"DataTableRow"),k=u.memo(v);exports.DataTableRow=L;exports.default=k;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/DataTable/index.tsx"],"sourcesContent":["'use client';\n\nimport { Children, type FC, type HTMLAttributes, memo, type ReactNode } from 'react';\n\nimport { ExclamationCircleFill } 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 { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\nexport type DataTableColumn = {\n  /** Sütun kimliği (React key). */\n  key: string;\n  /** Başlık hücresinin içeriği. */\n  label?: ReactNode;\n  /** Görsel başlığı olmayan sütunun erişilebilir adı (eylem sütunu gibi). */\n  srLabel?: string;\n  /** Sıralanabilir sütunun yönü (`aria-sort`). */\n  ariaSort?: 'ascending' | 'descending';\n  /**\n   * Sütun sıralanabilir. `DataTable.onSort` ile birlikte anlamlı; ikisinden biri eksikse başlık düz\n   * metin kalır\n   */\n  isSortable?: boolean;\n  /** Sütun yatay kaydırmada YERİNDE kalır. */\n  isSticky?: boolean;\n  className?: string;\n};\n\ntype Props = {\n  columns: DataTableColumn[];\n  /**\n   * Tablonun erişilebilir adı (\"Bekleyen siparişler\").\n   * ⚠ ADSIZ TABLO EKRAN OKUYUCUDA YALNIZCA \"tablo\" DİYE OKUNUR.\n   */\n  label?: string;\n  /**\n   * Gövde satırları (` `). Ekranların özel hücreleri, bağlantıları ve satır tintleri burada yaşar;\n   * tablo yalnızca kabuğu ve durum satırlarını üstlenir.\n   */\n  children?: ReactNode;\n  /** Satır yokken gösterilen metin. */\n  emptyMessage?: string;\n  /** Yükleme sürerken gösterilen metin. */\n  loadingMessage?: string;\n  isLoading?: boolean;\n  /**\n   * Liste ÇEKİLEMEDİ. \"Yüklenemedi\" ile \"boş\" ayrı durumlardır: hata verilmişken boş mesajı asla\n   * çizilmez\n   */\n  error?: string | null;\n  /** Gövde `100dvh - <bant>` ile sınırlanır ve başlık satırı kendi kaydırma alanına yapışır. */\n  hasViewportCap?: boolean;\n  /** Sıralanabilir bir başlığa basıldığında çağrılır. */\n  onSort?: (key: string, direction: 'ascending' | 'descending') => void;\n  /** Satır seçildiğinde beliren TOPLU EYLEM şeridi. */\n  bulkBar?: ReactNode;\n  className?: string;\n  testId?: string;\n};\n\n/** Operasyon veri tablosu — durum satırlı tablo sözleşmesi. */\nconst DataTable: FC<Props> = ({\n  columns,\n  label,\n  children,\n  isLoading,\n  error,\n  emptyMessage,\n  loadingMessage,\n  hasViewportCap,\n  onSort,\n  bulkBar,\n  className,\n  testId,\n}) => {\n  /* Bosluk karari satir SAYISINDAN verilir; cagiranin ayrica `isEmpty` gecmesi gerekmez. */\n  const { labels } = useUi();\n  const rowCount = Children.count(children);\n\n  const renderStateRow = (content: ReactNode, modifier?: 'error') => (\n    <tr>\n      <td\n        colSpan={columns.length}\n        className={cx(styles.state, modifier && styles[`state--${modifier}`])}\n      >\n        {content}\n      </td>\n    </tr>\n  );\n\n  return (\n    <div\n      className={cx(styles.wrapper, hasViewportCap && styles['wrapper--capped'], className)}\n      data-testid={testId}\n    >\n      {bulkBar && <div className={styles.bulkBar}>{bulkBar}</div>}\n\n      <table className={styles.table} aria-label={label}>\n        <thead>\n          <tr>\n            {columns.map(column => {\n              const isSortable = Boolean(column.isSortable && onSort);\n              /* Ilk tikta ARTAN; ikinci tik yonu cevirir. */\n              const nextDirection = column.ariaSort === 'ascending' ? 'descending' : 'ascending';\n\n              return (\n                <th\n                  key={column.key}\n                  scope=\"col\"\n                  aria-sort={column.ariaSort}\n                  className={cx(column.className, column.isSticky && styles.sticky)}\n                >\n                  {isSortable ? (\n                    /* Siralama bir DUGME, ` `ye yazilan `onClick` degil. */\n                    <button\n                      type=\"button\"\n                      className={styles.sort}\n                      onClick={() => onSort?.(column.key, nextDirection)}\n                    >\n                      {column.label}\n                      {column.srLabel && <span className={styles.srOnly}>{column.srLabel}</span>}\n\n                      {/*\n                        Yon oku: `aria-hidden` cunku ayni bilgi `aria-sort`ta.\n                        Siralanabilir ama siralanmamis sutunda SOLUK bir cift\n                        ok duruyor — sutunun siralanabildigi ancak uzerine\n                        gelince anlasiliyordu.\n                      */}\n                      <span\n                        aria-hidden\n                        className={cx(\n                          styles.sort__arrow,\n                          column.ariaSort && styles[`sort__arrow--${column.ariaSort}`],\n                        )}\n                      >\n                        {column.ariaSort === 'descending' ? '▾' : '▴'}\n                      </span>\n                    </button>\n                  ) : (\n                    <>\n                      {column.label}\n                      {column.srLabel && <span className={styles.srOnly}>{column.srLabel}</span>}\n                    </>\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {error\n            ? renderStateRow(\n                <span role=\"alert\" className={styles.state__message}>\n                  <ExclamationCircleFill aria-hidden />\n                  {error}\n                </span>,\n                'error',\n              )\n            : isLoading\n              ? renderStateRow(\n                  resolveLabel(\n                    'DataTable.loadingMessage',\n                    loadingMessage,\n                    labels?.dataTable?.loading,\n                  ),\n                )\n              : rowCount === 0\n                ? renderStateRow(\n                    resolveLabel('DataTable.emptyMessage', emptyMessage, labels?.dataTable?.empty),\n                  )\n                : children}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\ntype RowProps = HTMLAttributes<HTMLTableRowElement> & {\n  children: ReactNode;\n  /** Satır dikkat bekleyen iş taşıyor (kritik stok, karar bekleyen talep). */\n  isWarning?: boolean;\n};\n\nexport const DataTableRow: FC<RowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ isWarning, className, children, ...rest }) => (\n    <tr className={cx(isWarning && styles['row--warning'], className)} {...rest}>\n      {children}\n    </tr>\n  )),\n  'DataTableRow',\n);\n\nexport default /*#__PURE__*/ memo(DataTable) as typeof DataTable;\n"],"names":["DataTable","columns","label","children","isLoading","error","emptyMessage","loadingMessage","hasViewportCap","onSort","bulkBar","className","testId","labels","useUi","rowCount","Children","renderStateRow","content","modifier","jsx","cx","styles","jsxs","column","isSortable","nextDirection","Fragment","ExclamationCircleFill","resolveLabel","_a","_b","DataTableRow","named","memo","isWarning","rest","index"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export type DataTableColumn = {
+    /** Sütun kimliği (React key). */
+    key: string;
+    /** Başlık hücresinin içeriği. */
+    label?: ReactNode;
+    /** Görsel başlığı olmayan sütunun erişilebilir adı (eylem sütunu gibi). */
+    srLabel?: string;
+    /** Sıralanabilir sütunun yönü (`aria-sort`). */
+    ariaSort?: 'ascending' | 'descending';
+    /**
+     * Sütun sıralanabilir. `DataTable.onSort` ile birlikte anlamlı; ikisinden biri eksikse başlık düz
+     * metin kalır
+     */
+    isSortable?: boolean;
+    /** Sütun yatay kaydırmada YERİNDE kalır. */
+    isSticky?: boolean;
+    className?: string;
+};
+type Props = {
+    columns: DataTableColumn[];
+    /**
+     * Tablonun erişilebilir adı ("Bekleyen siparişler").
+     * ⚠ ADSIZ TABLO EKRAN OKUYUCUDA YALNIZCA "tablo" DİYE OKUNUR.
+     */
+    label?: string;
+    /**
+     * Gövde satırları (` `). Ekranların özel hücreleri, bağlantıları ve satır tintleri burada yaşar;
+     * tablo yalnızca kabuğu ve durum satırlarını üstlenir.
+     */
+    children?: ReactNode;
+    /** Satır yokken gösterilen metin. */
+    emptyMessage?: string;
+    /** Yükleme sürerken gösterilen metin. */
+    loadingMessage?: string;
+    isLoading?: boolean;
+    /**
+     * Liste ÇEKİLEMEDİ. "Yüklenemedi" ile "boş" ayrı durumlardır: hata verilmişken boş mesajı asla
+     * çizilmez
+     */
+    error?: string | null;
+    /** Gövde `100dvh - <bant>` ile sınırlanır ve başlık satırı kendi kaydırma alanına yapışır. */
+    hasViewportCap?: boolean;
+    /** Sıralanabilir bir başlığa basıldığında çağrılır. */
+    onSort?: (key: string, direction: 'ascending' | 'descending') => void;
+    /** Satır seçildiğinde beliren TOPLU EYLEM şeridi. */
+    bulkBar?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+/** Operasyon veri tablosu — durum satırlı tablo sözleşmesi. */
+declare const DataTable: FC<Props>;
+type RowProps = HTMLAttributes<HTMLTableRowElement> & {
+    children: ReactNode;
+    /** Satır dikkat bekleyen iş taşıyor (kritik stok, karar bekleyen talep). */
+    isWarning?: boolean;
+};
+export declare const DataTableRow: FC<RowProps>;
+declare const _default: typeof DataTable;
+export default _default;