@handijit/ui 0.0.0-stage → 2.0.0

package/build/components/Combobox/index.js

@@ -0,0 +1,302 @@
+"use client";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { memo as ve, useId as ye, useRef as w, useState as H, useMemo as Ne, useEffect as C, useCallback as te } from "react";
+import { createPortal as Le } from "react-dom";
+import { Search as we, CaretDownFill as Ce, XLg as Ie, CheckLg as Ee } from "react-bootstrap-icons";
+import { SHEET_MEDIA_QUERY as Me } from "../../constants/breakpoint.constants.js";
+import { cx as I } from "../../helpers/class-name.helper.js";
+import { resolveLabel as $ } from "../../helpers/label.helper.js";
+import { matchesSearch as re } from "../../helpers/text.helper.js";
+import De from "../../hooks/useAsyncSearch.js";
+import Re from "../../hooks/useListboxNavigation.js";
+import Se from "../../hooks/usePortalSurface.js";
+import $e from "../../hooks/usePositioning.js";
+import Oe from "../../hooks/useVirtualList.js";
+import { useUi as Pe } from "../../theme/context.js";
+import Ae from "../BottomSheet/index.js";
+import Te from "../Spinner/index.js";
+import { VIRTUAL_THRESHOLD as ke, OPTION_HEIGHT as ae, SEARCH_DEBOUNCE_MS as He } from "../../constants/combobox.constants.js";
+const o = {"combobox":"ui-combobox-NtZoV","combobox__trigger":"ui-combobox__trigger-2riRR","combobox__trigger--empty":"ui-combobox__trigger--empty-RxwCq","combobox__trigger--open":"ui-combobox__trigger--open-rw1ZS","combobox__trigger--invalid":"ui-combobox__trigger--invalid-iZgiN","combobox__trigger--clearable":"ui-combobox__trigger--clearable-shq9I","combobox__chevron":"ui-combobox__chevron-g-QzQ","combobox__leadingIcon":"ui-combobox__leadingIcon-it2xz","combobox__value":"ui-combobox__value-acDlr","combobox__clear":"ui-combobox__clear-EXOsc","combobox__chevron--open":"ui-combobox__chevron--open-9kj1j","combobox__panel":"ui-combobox__panel-srBxl","combobox__search":"ui-combobox__search-THjer","combobox__searchIcon":"ui-combobox__searchIcon-vr4Bg","combobox__searchInput":"ui-combobox__searchInput-JPp5h","combobox__list":"ui-combobox__list-p-eCs","combobox__list--sheet":"ui-combobox__list--sheet-r3MzB","combobox__option":"ui-combobox__option-CLWh-","combobox__option--active":"ui-combobox__option--active--75Vq","combobox__option--selected":"ui-combobox__option--selected-DVFGy","combobox__option--disabled":"ui-combobox__option--disabled-e6VjI","combobox__optionText":"ui-combobox__optionText-Zm0D6","combobox__optionLabel":"ui-combobox__optionLabel-WvT4W","combobox__optionDescription":"ui-combobox__optionDescription-8OEzi","combobox__check":"ui-combobox__check-MKlLz","combobox__empty":"ui-combobox__empty-mZwBq","combobox__srName":"ui-combobox__srName-9PNXF"};
+const Ke = ({
+  options: _,
+  value: f,
+  onChange: K,
+  labels: d,
+  isSearchHidden: U,
+  onSearch: O,
+  isLoading: B,
+  isDisabled: g,
+  isClearable: V,
+  icon: j,
+  id: ne,
+  required: se,
+  className: ie,
+  testId: le,
+  "aria-describedby": ce,
+  "aria-invalid": q
+}) => {
+  const { labels: r } = Pe(), v = {
+    get search() {
+      var e;
+      return $(
+        "Combobox.searchPlaceholder",
+        d.searchPlaceholder,
+        (e = r == null ? void 0 : r.combobox) == null ? void 0 : e.searchPlaceholder
+      );
+    },
+    get empty() {
+      var e;
+      return $(
+        "Combobox.emptyMessage",
+        d.emptyMessage,
+        (e = r == null ? void 0 : r.combobox) == null ? void 0 : e.emptyMessage
+      );
+    },
+    get loading() {
+      var e;
+      return $(
+        "Combobox.loadingMessage",
+        d.loadingMessage,
+        (e = r == null ? void 0 : r.combobox) == null ? void 0 : e.loadingMessage
+      );
+    },
+    get clear() {
+      var e;
+      return $("Combobox.clearLabel", d.clearLabel, (e = r == null ? void 0 : r.combobox) == null ? void 0 : e.clearLabel);
+    }
+  }, de = ye(), c = ne ?? de, P = `${c}-listbox`, z = w(null), E = w(null), M = w(null), Q = w(null), [i, F] = H(null), a = i !== null, [y, A] = H(""), [me, D] = H(null), n = Ne(() => {
+    if (O || y.trim() === "") return _;
+    const e = y.trim();
+    return _.filter(
+      (l) => re(l.label, e) || (l.description ? re(l.description, e) : !1)
+    );
+  }, [_, y, O]), h = _.find((e) => e.value === f) ?? null;
+  C(() => {
+    h ? D(h.label) : f === null && D(null);
+  }, [h, f]);
+  const N = (h == null ? void 0 : h.label) ?? me;
+  De(y, a, O, He);
+  const x = te(() => {
+    F(null), A("");
+  }, []), G = te(() => {
+    g || (F(window.matchMedia(Me).matches ? "sheet" : "popover"), A(""));
+  }, [g]);
+  C(() => {
+    if (i !== "popover") return;
+    const e = (l) => {
+      var S, m;
+      const s = l.target;
+      (S = z.current) != null && S.contains(s) || (m = M.current) != null && m.contains(s) || x();
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [i, x]), C(() => {
+    var e;
+    i === "popover" && ((e = Q.current) == null || e.focus({ preventScroll: !0 }));
+  }, [i]);
+  const W = (e) => {
+    e.isDisabled || (D(e.label), K(e.value), x());
+  }, X = w(!1);
+  C(() => {
+    var e;
+    X.current && !a && ((e = E.current) == null || e.focus()), X.current = a;
+  }, [a]);
+  const T = $e(E, M, {
+    side: "bottom",
+    align: "start",
+    isOpen: a && i === "popover"
+  }), R = Se(i === "popover", E, M), { activeIndex: L, setActiveIndex: Y, listRef: be, handleKeyDown: J } = Re({
+    count: n.length,
+    isOpen: a,
+    initialIndex: Math.max(
+      _.findIndex((e) => e.value === f),
+      0
+    ),
+    onSelect: (e) => {
+      const l = n[e];
+      l && W(l);
+    },
+    /* Odagi geri vermek kapanisi izleyen etkinin isi (bkz. `wasOpenRef`). */
+    onClose: x
+  }), ue = n.some((e) => !!e.description), b = i === "popover" && !ue && n.length > ke, { scrollRef: pe, range: u, scrollToIndex: Z } = Oe(n.length, {
+    rowHeight: ae,
+    isEnabled: b
+  });
+  C(() => {
+    b && Z(L);
+  }, [L, b, Z]);
+  const he = (e) => {
+    be.current = e, pe.current = e;
+  }, xe = J, _e = (e) => {
+    if (U) {
+      if (!a) {
+        ["ArrowDown", "ArrowUp", "Enter", " "].includes(e.key) && (e.preventDefault(), G());
+        return;
+      }
+      J(e);
+    }
+  }, fe = () => {
+    K(null), D(null);
+  }, ee = U ? null : /* @__PURE__ */ p("div", { className: o.combobox__search, children: [
+    /* @__PURE__ */ t(we, { "aria-hidden": !0, className: o.combobox__searchIcon }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: Q,
+        type: "text",
+        className: o.combobox__searchInput,
+        value: y,
+        placeholder: v.search,
+        autoComplete: "off",
+        "aria-autocomplete": "list",
+        "aria-controls": P,
+        "aria-activedescendant": n[L] ? `${c}-option-${L}` : void 0,
+        "aria-label": v.search,
+        onChange: (e) => {
+          A(e.target.value), Y(0);
+        },
+        onKeyDown: xe
+      }
+    ),
+    B && /* @__PURE__ */ t(Te, { size: "sm", label: "" })
+  ] }), oe = (e) => {
+    const l = n.slice(u.start, u.end);
+    return /* @__PURE__ */ p(
+      "ul",
+      {
+        ref: he,
+        id: P,
+        role: "listbox",
+        className: I(o.combobox__list, e && o["combobox__list--sheet"]),
+        children: [
+          b && u.offset > 0 && /* @__PURE__ */ t("li", { "aria-hidden": !0, style: { height: u.offset } }),
+          l.map((s, S) => {
+            const m = u.start + S, ge = m === L, k = s.value === f;
+            return (
+              /* ⚠ `role="option"` ` `NIN KENDISINDE. */
+              /* @__PURE__ */ p(
+                "li",
+                {
+                  id: `${c}-option-${m}`,
+                  role: "option",
+                  "data-index": m,
+                  "aria-setsize": b ? n.length : void 0,
+                  "aria-posinset": b ? m + 1 : void 0,
+                  "aria-selected": k,
+                  "aria-disabled": s.isDisabled,
+                  className: I(
+                    o.combobox__option,
+                    ge && o["combobox__option--active"],
+                    k && o["combobox__option--selected"],
+                    s.isDisabled && o["combobox__option--disabled"]
+                  ),
+                  onMouseEnter: () => Y(m),
+                  onClick: () => W(s),
+                  children: [
+                    /* @__PURE__ */ p("span", { className: o.combobox__optionText, children: [
+                      /* @__PURE__ */ t("span", { className: o.combobox__optionLabel, children: s.label }),
+                      s.description && /* @__PURE__ */ t("span", { className: o.combobox__optionDescription, children: s.description })
+                    ] }),
+                    k && /* @__PURE__ */ t(Ee, { "aria-hidden": !0, className: o.combobox__check })
+                  ]
+                },
+                s.value
+              )
+            );
+          }),
+          b && u.end < n.length && /* @__PURE__ */ t("li", { "aria-hidden": !0, style: { height: (n.length - u.end) * ae } }),
+          n.length === 0 && /* @__PURE__ */ t("li", { className: o.combobox__empty, children: B ? v.loading : v.empty })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ p("div", { ref: z, className: I(o.combobox, ie), "data-testid": le, children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        ref: E,
+        id: c,
+        type: "button",
+        className: I(
+          o.combobox__trigger,
+          !N && o["combobox__trigger--empty"],
+          a && o["combobox__trigger--open"],
+          q && o["combobox__trigger--invalid"],
+          V && N && !g && o["combobox__trigger--clearable"]
+        ),
+        disabled: g,
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": a,
+        "aria-controls": P,
+        "aria-labelledby": N ? `${c}-name ${c}-value` : `${c}-name`,
+        "aria-describedby": ce,
+        "aria-invalid": q || void 0,
+        "aria-required": se || void 0,
+        onClick: () => a ? x() : G(),
+        onKeyDown: _e,
+        children: [
+          j && /* @__PURE__ */ t("span", { className: o.combobox__leadingIcon, "aria-hidden": !0, children: j }),
+          /* @__PURE__ */ t("span", { id: `${c}-name`, className: o.combobox__srName, children: d.placeholder }),
+          /* @__PURE__ */ t("span", { id: `${c}-value`, className: o.combobox__value, children: N ?? d.placeholder }),
+          /* @__PURE__ */ t(
+            Ce,
+            {
+              "aria-hidden": !0,
+              className: I(o.combobox__chevron, a && o["combobox__chevron--open"])
+            }
+          )
+        ]
+      }
+    ),
+    V && N && !g && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: o.combobox__clear,
+        "aria-label": v.clear,
+        onClick: fe,
+        children: /* @__PURE__ */ t(Ie, { "aria-hidden": !0 })
+      }
+    ),
+    i === "popover" && R.container && Le(
+      /* @__PURE__ */ p(
+        "div",
+        {
+          ref: M,
+          className: o.combobox__panel,
+          ...R.attributes,
+          style: {
+            ...T.style,
+            ...R.style,
+            /*
+             * Panel tetikleyiciyle AYNI genislikte: sabit konum + portal onu kapsayicidan
+             * kopardigi icin genislik artik miras alinmiyor.
+             */
+            width: T.anchorWidth || void 0,
+            /* Ilk karede olcu yok; yanlis yerde bir kare parlamasin. */
+            visibility: T.isPositioned ? void 0 : "hidden"
+          },
+          children: [
+            ee,
+            oe(!1)
+          ]
+        }
+      ),
+      R.container
+    ),
+    i === "sheet" && /* @__PURE__ */ t(
+      Ae,
+      {
+        title: d.placeholder,
+        closeLabel: d.closeLabel ?? (r == null ? void 0 : r.close),
+        onClose: x,
+        toolbar: ee ?? void 0,
+        children: oe(!0)
+      }
+    )
+  ] });
+}, ao = /* @__PURE__ */ ve(Ke);
+export {
+  ao as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Combobox/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type KeyboardEvent,\n  memo,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\nimport { CaretDownFill, CheckLg, Search, XLg } from 'react-bootstrap-icons';\n\nimport { SHEET_MEDIA_QUERY } from '../../constants/breakpoint.constants';\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { matchesSearch } from '../../helpers/text.helper';\nimport useAsyncSearch from '../../hooks/useAsyncSearch';\nimport useListboxNavigation from '../../hooks/useListboxNavigation';\nimport usePortalSurface from '../../hooks/usePortalSurface';\nimport usePositioning from '../../hooks/usePositioning';\nimport useVirtualList from '../../hooks/useVirtualList';\nimport { useUi } from '../../theme/context';\nimport BottomSheet from '../BottomSheet';\nimport Spinner from '../Spinner';\n\nimport {\n  OPTION_HEIGHT,\n  SEARCH_DEBOUNCE_MS,\n  VIRTUAL_THRESHOLD,\n} from '../../constants/combobox.constants';\nimport { ComboboxOption, ComboboxProps } from '../../types/combobox.type';\n\nimport styles from './index.module.scss';\n\n/*\n * Tipler `types/`e tasindi ama BURADAN da disa aciliyor: cagiranlar (uygulamalar ve testler)\n * `@handijit/ui/components/Combobox` yolundan aliyordu…\n */\nexport type { ComboboxLabels, ComboboxOption, ComboboxProps } from '../../types/combobox.type';\n\n/** Aranabilir seçim kutusu. */\nconst Combobox = <T extends string>({\n  options,\n  value,\n  onChange,\n  labels,\n  isSearchHidden,\n  onSearch,\n  isLoading,\n  isDisabled,\n  isClearable,\n  icon,\n  id,\n  required,\n  className,\n  testId,\n  'aria-describedby': describedBy,\n  'aria-invalid': isInvalid,\n}: ComboboxProps<T>) => {\n  const { labels: config } = useUi();\n\n  /* Metinler TEMBEL cozulur: cizilmeyen bir ogenin metnini istemek yanlis alarm uretiyordu */\n  const text = {\n    get search() {\n      return resolveLabel(\n        'Combobox.searchPlaceholder',\n        labels.searchPlaceholder,\n        config?.combobox?.searchPlaceholder,\n      );\n    },\n    get empty() {\n      return resolveLabel(\n        'Combobox.emptyMessage',\n        labels.emptyMessage,\n        config?.combobox?.emptyMessage,\n      );\n    },\n    get loading() {\n      return resolveLabel(\n        'Combobox.loadingMessage',\n        labels.loadingMessage,\n        config?.combobox?.loadingMessage,\n      );\n    },\n    get clear() {\n      return resolveLabel('Combobox.clearLabel', labels.clearLabel, config?.combobox?.clearLabel);\n    },\n  };\n\n  const generatedId = useId();\n  const baseId = id ?? generatedId;\n  const listboxId = `${baseId}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /*\n   * Panel NEREDE acilir: masaustunde tetikleyicinin altinda, dar ekranda ekranin dibinde bir alt\n   * sayfada.\n   */\n  const [openMode, setOpenMode] = useState<'popover' | 'sheet' | null>(null);\n  const isOpen = openMode !== null;\n  const [query, setQuery] = useState('');\n\n  // Sunucu araması sırasında seçili kayıt listeden düşebilir; etiketi hatırlarız ki tetikleyici yer\n  // tutucuya dönmesin.\n  const [cachedLabel, setCachedLabel] = useState<string | null>(null);\n\n  const visibleOptions = useMemo(() => {\n    // Sunucu araması: gelen liste zaten filtrelidir, tekrar filtrelenmez.\n    if (onSearch || query.trim() === '') return options;\n\n    const needle = query.trim();\n    return options.filter(\n      option =>\n        matchesSearch(option.label, needle) ||\n        (option.description ? matchesSearch(option.description, needle) : false),\n    );\n  }, [options, query, onSearch]);\n\n  const selectedOption = options.find(option => option.value === value) ?? null;\n\n  useEffect(() => {\n    if (selectedOption) setCachedLabel(selectedOption.label);\n    else if (value === null) setCachedLabel(null);\n  }, [selectedOption, value]);\n\n  const displayLabel = selectedOption?.label ?? cachedLabel;\n\n  useAsyncSearch(query, isOpen, onSearch, SEARCH_DEBOUNCE_MS);\n\n  const close = useCallback(() => {\n    setOpenMode(null);\n    setQuery('');\n  }, []);\n\n  const open = useCallback(() => {\n    if (isDisabled) return;\n    /* A sheet only on a narrow TOUCH screen; a desktop window gets the dropdown at any width. */\n    setOpenMode(window.matchMedia(SHEET_MEDIA_QUERY).matches ? 'sheet' : 'popover');\n    /*\n     * Panel acilinca etkin secenek SECILI olan olur (kancanin `initialIndex`i); kullanici listeyi\n     * bastan taramak zorunda kalmaz.\n     */\n    setQuery('');\n  }, [isDisabled]);\n\n  /*\n   * Disari tiklamada kapanir. `mousedown` kullanilir: `click` beklerken kullanici surukleyerek\n   * secim yaparsa panel kapanmiyordu.\n   * ⚠ PANEL ARTIK KOKUN ICINDE DEGIL — portallandi. `rootRef` tek basina bakilsaydi panelin ICINE\n   * yapilan `mousedown` \"disari\" sayilir ve panel…\n   */\n  useEffect(() => {\n    if (openMode !== 'popover') return;\n\n    const handlePointerDown = (event: globalThis.MouseEvent) => {\n      const target = event.target as Node;\n      if (rootRef.current?.contains(target) || panelRef.current?.contains(target)) return;\n      close();\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n    return () => document.removeEventListener('mousedown', handlePointerDown);\n  }, [openMode, close]);\n\n  /* Odak arama kutusuna YALNIZCA masaustu panelinde verilir. */\n  useEffect(() => {\n    if (openMode === 'popover') inputRef.current?.focus({ preventScroll: true });\n  }, [openMode]);\n\n  const selectOption = (option: ComboboxOption<T>) => {\n    if (option.isDisabled) return;\n    setCachedLabel(option.label);\n    onChange(option.value);\n    close();\n  };\n\n  /* Kapaninca odak TETIKLEYICIYE doner. */\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (wasOpenRef.current && !isOpen) triggerRef.current?.focus();\n    wasOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  /* KLAVYE MODELI `useListboxNavigation`da — `Select`le AYNI kanca. */\n  /* PANEL SABIT KONUMLU, MUTLAK DEGIL — gerekce SCSS'te (`.combobox__panel`). */\n  const positioning = usePositioning(triggerRef, panelRef, {\n    side: 'bottom',\n    align: 'start',\n    isOpen: isOpen && openMode === 'popover',\n  });\n\n  /*\n   * Panel BODY'e (ya da icinde bulundugu acik `<dialog>`a) portallanir; gerekce\n   * `hooks/usePortalSurface.ts`.\n   */\n  const portal = usePortalSurface(openMode === 'popover', triggerRef, panelRef);\n\n  const { activeIndex, setActiveIndex, listRef, handleKeyDown } =\n    useListboxNavigation<HTMLUListElement>({\n      count: visibleOptions.length,\n      isOpen,\n      initialIndex: Math.max(\n        options.findIndex(option => option.value === value),\n        0,\n      ),\n      onSelect: index => {\n        const option = visibleOptions[index];\n        if (option) selectOption(option);\n      },\n      /* Odagi geri vermek kapanisi izleyen etkinin isi (bkz. `wasOpenRef`). */\n      onClose: close,\n    });\n\n  /* SANALLASTIRMA — ve UC kosulu birden. */\n  const hasDescriptions = visibleOptions.some(option => Boolean(option.description));\n  const isVirtual =\n    openMode === 'popover' && !hasDescriptions && visibleOptions.length > VIRTUAL_THRESHOLD;\n\n  const { scrollRef, range, scrollToIndex } = useVirtualList(visibleOptions.length, {\n    rowHeight: OPTION_HEIGHT,\n    isEnabled: isVirtual,\n  });\n\n  /* Etkin secenek CIZILMEMIS olabilir: `scrollIntoView` o satirda calismaz. */\n  useEffect(() => {\n    if (isVirtual) scrollToIndex(activeIndex);\n  }, [activeIndex, isVirtual, scrollToIndex]);\n\n  /*\n   * Iki kanca da AYNI ` `e baglanir: biri etkin secenegi gorunur tutuyor, digeri kaydirmayi\n   * olcuyor.\n   */\n  const attachList = (node: HTMLUListElement | null) => {\n    listRef.current = node;\n    scrollRef.current = node;\n  };\n\n  const handleInputKeyDown = handleKeyDown;\n\n  /*\n   * Olculen ariza: `handleKeyDown` YALNIZCA arama girdisine bagliydi\n   * (`onKeyDown={handleInputKeyDown}`) ve `isSearchHidden` iken o girdi hic cizilmiyor.\n   * ⚠ ARAMA KUTUSU GIZLIYKEN KLAVYE SOZLESMESI TETIKLEYICIYE GECER.\n   */\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    /* Arama kutusu VARSA sozlesme oradadir; tetikleyici yalnizca acar. */\n    if (!isSearchHidden) return;\n\n    if (!isOpen) {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault();\n        open();\n      }\n      return;\n    }\n\n    handleKeyDown(event);\n  };\n\n  const clearSelection = () => {\n    onChange(null);\n    setCachedLabel(null);\n  };\n\n  /* Arama ve liste IKI YERDE ayni: masaustu panelinde ve alt sayfada. */\n  const search = isSearchHidden ? null : (\n    <div className={styles.combobox__search}>\n      <Search aria-hidden className={styles.combobox__searchIcon} />\n      {/*\n       * 6.0: arama kutusu bir METİN KUTUSU; `role=\"combobox\"` TETİKLEYİCİDEDİR. İki combobox\n       * (tetikleyici + kutu) ekran okuyucuda iki ayrı denetim sayılıyordu. `aria-autocomplete`,\n       * `aria-controls` ve `aria-activedescendant` textbox rolünde geçerli (ARIA 1.2).\n       */}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        className={styles.combobox__searchInput}\n        value={query}\n        placeholder={text.search}\n        autoComplete=\"off\"\n        aria-autocomplete=\"list\"\n        aria-controls={listboxId}\n        aria-activedescendant={\n          visibleOptions[activeIndex] ? `${baseId}-option-${activeIndex}` : undefined\n        }\n        aria-label={text.search}\n        onChange={event => {\n          setQuery(event.target.value);\n          setActiveIndex(0);\n        }}\n        onKeyDown={handleInputKeyDown}\n      />\n      {isLoading && <Spinner size=\"sm\" label=\"\" />}\n    </div>\n  );\n\n  const renderList = (isSheet: boolean) => {\n    /* Cizilen dilim. */\n    const slice = visibleOptions.slice(range.start, range.end);\n\n    return (\n      <ul\n        ref={attachList}\n        id={listboxId}\n        role=\"listbox\"\n        className={cx(styles.combobox__list, isSheet && styles['combobox__list--sheet'])}\n      >\n        {/*\n        Kaydirma cubugu GERCEK boyda olmali: cizilmeyen satirlarin yeri\n        korunmazsa 1121 ogelik bir liste 16 satirlik bir cubuk gosterir ve\n        kullanici listenin bittigini sanardi. Yukseklik ust ve alt bosluklara\n        boluniyor — tek bir mutlak konumlu kutu kullanmak `<ul>`in cocuk\n        sozlesmesini bozardi (`role=\"listbox\"` yalnizca `option` bekler).\n      */}\n        {isVirtual && range.offset > 0 && <li aria-hidden style={{ height: range.offset }} />}\n\n        {slice.map((option, sliceIndex) => {\n          const index = range.start + sliceIndex;\n          const isActive = index === activeIndex;\n          const isChosen = option.value === value;\n\n          return (\n            /* ⚠ `role=\"option\"` ` `NIN KENDISINDE. */\n            <li\n              key={option.value}\n              id={`${baseId}-option-${index}`}\n              role=\"option\"\n              data-index={index}\n              /* EKRAN OKUYUCU GERCEK SAYIYI DUYMALI. */\n              aria-setsize={isVirtual ? visibleOptions.length : undefined}\n              aria-posinset={isVirtual ? index + 1 : undefined}\n              aria-selected={isChosen}\n              aria-disabled={option.isDisabled}\n              className={cx(\n                styles.combobox__option,\n                isActive && styles['combobox__option--active'],\n                isChosen && styles['combobox__option--selected'],\n                option.isDisabled && styles['combobox__option--disabled'],\n              )}\n              // Fare imleci seçeneğin üstündeyken etkin seçenek de oraya taşınır; iki ayrı vurgu\n              // kullanıcıyı şaşırtıyordu.\n              onMouseEnter={() => setActiveIndex(index)}\n              onClick={() => selectOption(option)}\n            >\n              <span className={styles.combobox__optionText}>\n                <span className={styles.combobox__optionLabel}>{option.label}</span>\n                {option.description && (\n                  <span className={styles.combobox__optionDescription}>{option.description}</span>\n                )}\n              </span>\n\n              {isChosen && <CheckLg aria-hidden className={styles.combobox__check} />}\n            </li>\n          );\n        })}\n\n        {isVirtual && range.end < visibleOptions.length && (\n          <li aria-hidden style={{ height: (visibleOptions.length - range.end) * OPTION_HEIGHT }} />\n        )}\n\n        {visibleOptions.length === 0 && (\n          <li className={styles.combobox__empty}>{isLoading ? text.loading : text.empty}</li>\n        )}\n      </ul>\n    );\n  };\n\n  return (\n    <div ref={rootRef} className={cx(styles.combobox, className)} data-testid={testId}>\n      <button\n        ref={triggerRef}\n        id={baseId}\n        type=\"button\"\n        className={cx(\n          styles.combobox__trigger,\n          !displayLabel && styles['combobox__trigger--empty'],\n          isOpen && styles['combobox__trigger--open'],\n          isInvalid && styles['combobox__trigger--invalid'],\n          isClearable && displayLabel && !isDisabled && styles['combobox__trigger--clearable'],\n        )}\n        disabled={isDisabled}\n        /*\n         * 6.0: tetikleyici `role=\"combobox\"` (`Select` ile aynı): kapalıyken de \"açılır seçim\"\n         * olarak duyurulur, `aria-expanded` durumu, `aria-controls` listeyi gösterir (kapalıyken\n         * hedef DOM'da yok — `aria-expanded=\"false\"` ile geçerli) ve `aria-invalid` bu rolde\n         * TANIMLI olduğu için hata artık doğrudan yazılır. Düğme rolünde `aria-invalid` tanımsızdı\n         * ve eksen taraması form hatasında ilk hatalı alana odaklanamıyordu (handijit.com D-12).\n         */\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={listboxId}\n        /*\n         * Yerine `aria-labelledby`: once kontrolun ADI (gorunmez span), sonra DEGERI.\n         * ⚠ `aria-label` KULLANILMAZ — SECILI DEGERI MASKELIYORDU. `aria-label` elemanin ICERIGININ\n         * yerine gecer\n         */\n        aria-labelledby={displayLabel ? `${baseId}-name ${baseId}-value` : `${baseId}-name`}\n        aria-describedby={describedBy}\n        aria-invalid={isInvalid || undefined}\n        /* Tetikleyici bir `<button>`; yerel `required` yok, karsiligi bu. */\n        aria-required={required || undefined}\n        onClick={() => (isOpen ? close() : open())}\n        onKeyDown={handleTriggerKeyDown}\n      >\n        {icon && (\n          <span className={styles.combobox__leadingIcon} aria-hidden>\n            {icon}\n          </span>\n        )}\n\n        {/* Kontrolün adı — yalnızca erişilebilirlik ağacında. */}\n        <span id={`${baseId}-name`} className={styles.combobox__srName}>\n          {labels.placeholder}\n        </span>\n\n        <span id={`${baseId}-value`} className={styles.combobox__value}>\n          {displayLabel ?? labels.placeholder}\n        </span>\n\n        {/* Dolu caret — gerekcesi `Select` ile ayni. */}\n        <CaretDownFill\n          aria-hidden\n          className={cx(styles.combobox__chevron, isOpen && styles['combobox__chevron--open'])}\n        />\n      </button>\n\n      {/*\n        TEMİZLEME DÜĞMESİ TETİKLEYİCİNİN İÇİNDE DEĞİL, KARDEŞİ.\n\n        Önce `<button>`ın içinde `role=\"button\" tabIndex={0}` taşıyan bir\n        `<span>` olarak duruyordu; dosyadaki yorum \"DOM'da kardeş\" diyordu ama\n        kod öyle değildi. Eksen taraması bunu `nested-interactive` olarak\n        bildirdi ve sonucu somut: iç içe etkileşimli öğede ekran okuyucular\n        yalnızca dıştaki düğmeyi duyurur, içteki çarpıya klavyeyle ulaşılsa bile\n        adı okunmaz — yani \"seçimi temizle\" eylemi destek teknolojisi\n        kullanıcısı için YOK. Kardeş olarak çizilip tetikleyicinin üzerine\n        konumlandırılıyor; görsel yer aynı, ağaçtaki yeri doğru.\n      */}\n      {isClearable && displayLabel && !isDisabled && (\n        <button\n          type=\"button\"\n          className={styles.combobox__clear}\n          aria-label={text.clear}\n          onClick={clearSelection}\n        >\n          <XLg aria-hidden />\n        </button>\n      )}\n\n      {/* Masaüstü: tetikleyiciye yapışan panel — DOM'da kökün değil portalın içinde. */}\n      {openMode === 'popover' &&\n        portal.container &&\n        createPortal(\n          <div\n            ref={panelRef}\n            className={styles.combobox__panel}\n            {...portal.attributes}\n            style={{\n              ...positioning.style,\n              ...portal.style,\n              /*\n               * Panel tetikleyiciyle AYNI genislikte: sabit konum + portal onu kapsayicidan\n               * kopardigi icin genislik artik miras alinmiyor.\n               */\n              width: positioning.anchorWidth || undefined,\n              /* Ilk karede olcu yok; yanlis yerde bir kare parlamasin. */\n              visibility: positioning.isPositioned ? undefined : 'hidden',\n            }}\n          >\n            {search}\n            {renderList(false)}\n          </div>,\n          portal.container,\n        )}\n\n      {/*\n        Dar ekran: alt sayfa. Yapışkan panel telefonda klavye açılınca sıkışıyor\n        ve uzun listenin alt ucu ekranın dışında kalıyordu; arama kutusu da\n        tetikleyiciyle klavyenin arasına hapsoluyordu. Arama `toolbar`\n        yuvasında: başlığın altında sabit kalır, liste altında kayar.\n      */}\n      {openMode === 'sheet' && (\n        <BottomSheet\n          title={labels.placeholder}\n          closeLabel={labels.closeLabel ?? config?.close}\n          onClose={close}\n          toolbar={search ?? undefined}\n        >\n          {renderList(true)}\n        </BottomSheet>\n      )}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Combobox) as typeof Combobox;\n"],"names":["Combobox","options","value","onChange","labels","isSearchHidden","onSearch","isLoading","isDisabled","isClearable","icon","id","required","className","testId","describedBy","isInvalid","config","useUi","text","resolveLabel","_a","generatedId","useId","baseId","listboxId","rootRef","useRef","triggerRef","panelRef","inputRef","openMode","setOpenMode","useState","isOpen","query","setQuery","cachedLabel","setCachedLabel","visibleOptions","useMemo","needle","option","matchesSearch","selectedOption","useEffect","displayLabel","useAsyncSearch","SEARCH_DEBOUNCE_MS","close","useCallback","open","SHEET_MEDIA_QUERY","handlePointerDown","event","target","_b","selectOption","wasOpenRef","positioning","usePositioning","portal","usePortalSurface","activeIndex","setActiveIndex","listRef","handleKeyDown","useListboxNavigation","index","hasDescriptions","isVirtual","VIRTUAL_THRESHOLD","scrollRef","range","scrollToIndex","useVirtualList","OPTION_HEIGHT","attachList","node","handleInputKeyDown","handleTriggerKeyDown","clearSelection","search","styles","jsx","Search","Spinner","renderList","isSheet","slice","jsxs","cx","sliceIndex","isActive","isChosen","CheckLg","CaretDownFill","XLg","createPortal","BottomSheet"],"mappings":"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"}

package/build/components/Combobox/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-combobox-NtZoV{position:relative;width:100%}.ui-combobox__trigger-2riRR{width:100%;font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);line-height:var(--hd-type-h4-line-height);color:var(--hd-text);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border-strong);border-radius:var(--hd-radius-sm);padding:var(--hd-space-2) var(--hd-space-3);min-height:40px}@media (max-width: 640px){.ui-combobox__trigger-2riRR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-combobox__trigger-2riRR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-combobox__trigger-2riRR{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-combobox__trigger-2riRR::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-combobox__trigger-2riRR:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-combobox__trigger-2riRR:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-combobox__trigger-2riRR:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-combobox__trigger-2riRR:disabled{color:GrayText;border-color:GrayText}}.ui-combobox__trigger-2riRR[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-combobox__trigger-2riRR[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-danger-solid) 28%,transparent)}@media (prefers-reduced-motion: reduce){.ui-combobox__trigger-2riRR{transition:none}}.ui-combobox__trigger-2riRR{display:flex;align-items:center;gap:var(--hd-space-2);text-align:start;cursor:pointer;padding-inline-end:var(--hd-space-3)}.ui-combobox__trigger--empty-RxwCq{color:var(--hd-text-3)}.ui-combobox__trigger--open-rw1ZS{border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-combobox__trigger--invalid-iZgiN{border-color:var(--hd-danger-solid)}.ui-combobox__trigger--clearable-shq9I .ui-combobox__chevron-g-QzQ{margin-inline-start:calc(22px + var(--hd-space-2))}.ui-combobox__leadingIcon-it2xz{display:inline-flex;color:var(--hd-text-2);flex-shrink:0;font-size:18px}.ui-combobox__value-acDlr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.ui-combobox__clear-EXOsc{position:relative}.ui-combobox__clear-EXOsc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-combobox__clear-EXOsc{position:absolute;inset-inline-end:calc(var(--hd-space-3) + 16px + var(--hd-space-2));top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:none;border-radius:var(--hd-radius-pill);color:var(--hd-text-2);font-size:16px;flex-shrink:0;cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-combobox__clear-EXOsc:hover{background-color:color-mix(in srgb,var(--hd-text) 8%,transparent);color:var(--hd-text)}.ui-combobox__clear-EXOsc:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 1px)}@media (prefers-reduced-motion: reduce){.ui-combobox__clear-EXOsc{transition:none}}.ui-combobox__chevron-g-QzQ{color:var(--hd-text-2);font-size:16px;flex-shrink:0;pointer-events:none;transition:transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-combobox__chevron--open-9kj1j{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.ui-combobox__chevron-g-QzQ{transition:none}}.ui-combobox__panel-srBxl{z-index:var(--hd-z-popover);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md);box-shadow:var(--hd-shadow-2);overflow:hidden;animation:var(--ui-anim-fade-in-up) var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-combobox__panel-srBxl{animation:none}}.ui-combobox__search-THjer{display:flex;align-items:center;gap:var(--hd-space-2);padding:var(--hd-space-2) var(--hd-space-3);border-bottom:1px solid var(--hd-border);background-color:var(--hd-bg-overlay)}dialog .ui-combobox__search-THjer{padding:var(--hd-space-1) var(--hd-space-2);border-bottom:none}.ui-combobox__searchIcon-vr4Bg{color:var(--hd-text-2);font-size:18px;flex-shrink:0}.ui-combobox__searchInput-JPp5h{flex:1;min-width:0;border:none;background:none;font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);color:var(--hd-text);padding-block:var(--hd-space-2)}@media (hover: none) and (pointer: coarse){.ui-combobox__searchInput-JPp5h{font-size:max(16px,var(--hd-type-body-size))}}.ui-combobox__searchInput-JPp5h::placeholder{color:var(--hd-text-3)}.ui-combobox__searchInput-JPp5h:focus{outline:none}.ui-combobox__list-p-eCs{position:relative;max-height:280px;overflow-y:auto;padding:var(--hd-space-1);margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-combobox__list-p-eCs::-webkit-scrollbar{width:8px;height:8px}.ui-combobox__list-p-eCs::-webkit-scrollbar-track{background:transparent}.ui-combobox__list-p-eCs::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-combobox__list-p-eCs::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-combobox__list--sheet-r3MzB{max-height:none;overflow:visible;padding:0}.ui-combobox__list--sheet-r3MzB .ui-combobox__option-CLWh-{min-height:48px;font-size:var(--hd-type-body-size)}.ui-combobox__option-CLWh-{display:flex;align-items:center;gap:var(--hd-space-2);padding:var(--hd-space-2) var(--hd-space-3);border-radius:var(--hd-radius-xs);cursor:pointer;font-size:var(--hd-type-small-size);color:var(--hd-text);min-height:40px}.ui-combobox__option--active--75Vq{background-color:color-mix(in srgb,var(--hd-text) 8%,transparent)}.ui-combobox__option--selected-DVFGy{font-weight:var(--hd-font-weight-semibold)}.ui-combobox__option--disabled-e6VjI{color:var(--hd-text-3);cursor:not-allowed}.ui-combobox__optionText-Zm0D6{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.ui-combobox__optionLabel-WvT4W{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ui-combobox__optionDescription-8OEzi{font-family:var(--hd-font-mono);font-size:var(--hd-type-caption-size);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--hd-text-2)}.ui-combobox__check-MKlLz{color:var(--hd-text);font-size:18px;flex-shrink:0}.ui-combobox__empty-mZwBq{padding:var(--hd-space-5) var(--hd-space-3);text-align:center;font-size:var(--hd-type-small-size);color:var(--hd-text-2)}.ui-combobox__srName-9PNXF{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

package/build/components/CommandPalette/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"),n=require("react"),C=require("react-bootstrap-icons"),E=require("../../helpers/class-name.helper.cjs"),P=require("../../helpers/scroll.helper.cjs"),A=require("../../helpers/component.helper.cjs"),b=require("../../helpers/focus.helper.cjs"),I=require("../../helpers/text.helper.cjs"),F=require("../../hooks/useScrollLock.cjs"),T=require("../Kbd/index.cjs"),s={default:{"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"}},B=({isOpen:f,onClose:u,items:v,label:k,searchPlaceholder:w,emptyMessage:M,hotkey:g,onOpen:_,className:R,testId:K})=>{const y=n.useId(),N=`${y}-listbox`,p=n.useRef(null),q=n.useRef(null),m=n.useRef(null),j=n.useRef(null),[x,D]=n.useState(""),[c,o]=n.useState(0),i=n.useMemo(()=>{if(x.trim()==="")return v;const e=x.trim();return v.filter(t=>I.matchesSearch(t.label,e)||(t.description?I.matchesSearch(t.description,e):!1))},[v,x]);F.default(f),n.useEffect(()=>{var h;const e=p.current;if(!e)return;if(!f){e.open&&e.close();return}const t=b.captureFocus();e.open||e.showModal(),(h=q.current)==null||h.focus({preventScroll:!0}),D(""),o(0);const{token:r,pop:d}=b.pushModal();return m.current=r,()=>{e.open&&e.close(),d(),m.current=null,t();const l=j.current;j.current=null,l==null||l()}},[f]),n.useEffect(()=>{if(!g)return;const e=g.toLowerCase().split("+"),t=e.at(-1),r=l=>e.includes(l),d=/Mac|iPhone|iPad/.test(navigator.platform),h=l=>{const $=d?l.metaKey:l.ctrlKey;if(l.key.toLowerCase()===t&&!(r("mod")!==$||r("shift")!==l.shiftKey||r("alt")!==l.altKey)){if(f){l.preventDefault(),u();return}b.hasOpenSurface()||(l.preventDefault(),_==null||_())}};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[g,f,u,_]),n.useEffect(()=>{const e=p.current;if(!e)return;const t=r=>{r.preventDefault(),!(m.current&&!b.isTopModal(m.current))&&u()};return e.addEventListener("cancel",t),()=>e.removeEventListener("cancel",t)},[u]),n.useEffect(()=>{var e;P.scrollIntoViewIfPossible((e=p.current)==null?void 0:e.querySelector(`[data-index="${c}"]`),{block:"nearest"})},[c]);const S=e=>{j.current=e.onSelect,u()},L=e=>{const t=i.length-1;switch(e.key){case"ArrowDown":e.preventDefault(),o(r=>r>=t?0:r+1);break;case"ArrowUp":e.preventDefault(),o(r=>r<=0?t:r-1);break;case"Home":e.preventDefault(),o(0);break;case"End":e.preventDefault(),o(t);break;case"Enter":{e.preventDefault();const r=i[c];r&&S(r);break}}};return a.jsxs("dialog",{ref:p,className:E.cx(s.default.palette,R),"aria-label":k,"data-testid":K,onClick:e=>e.target===p.current&&u(),children:[a.jsxs("div",{className:s.default.palette__search,children:[a.jsx(C.Search,{"aria-hidden":!0,className:s.default.palette__searchIcon}),a.jsx("input",{ref:q,type:"text",role:"combobox",className:s.default.palette__input,value:x,placeholder:w,"aria-label":w,autoComplete:"off","aria-autocomplete":"list","aria-expanded":!0,"aria-controls":N,"aria-activedescendant":i[c]?`${y}-option-${c}`:void 0,onChange:e=>{D(e.target.value),o(0)},onKeyDown:L})]}),a.jsxs("ul",{id:N,role:"listbox","aria-label":k,className:s.default.palette__list,children:[i.map((e,t)=>{var d;const r=e.group!==void 0&&e.group!==((d=i[t-1])==null?void 0:d.group);return a.jsxs("li",{role:"presentation",children:[r&&a.jsx("span",{className:s.default.palette__group,"aria-hidden":!0,children:e.group}),a.jsxs("div",{id:`${y}-option-${t}`,role:"option","data-index":t,"aria-selected":t===c,className:E.cx(s.default.palette__item,t===c&&s.default["palette__item--active"]),onMouseEnter:()=>o(t),onClick:()=>S(e),children:[e.icon&&a.jsx("span",{className:s.default.palette__icon,"aria-hidden":!0,children:e.icon}),a.jsxs("span",{className:s.default.palette__text,children:[a.jsx("span",{className:s.default.palette__label,children:e.label}),e.description&&a.jsx("span",{className:s.default.palette__description,children:e.description})]}),e.shortcut&&a.jsx(T.default,{keys:[e.shortcut],className:s.default.palette__shortcut,"aria-hidden":!0})]})]},e.id)}),i.length===0&&a.jsx("li",{role:"presentation",className:s.default.palette__empty,children:M})]})]})},G=n.memo(A.named(B,"CommandPalette"));exports.default=G;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/index.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export type CommandItem = {
+    id: string;
+    label: string;
+    /** Ayırt edici ikincil satır — bir komutun nereye götürdüğü. */
+    description?: string;
+    /** Gruplama başlığı ("Gezinme", "Eylemler"). */
+    group?: string;
+    icon?: ReactNode;
+    /** Kısayol ipucu ("⌘K"). */
+    shortcut?: string;
+    onSelect: () => void;
+};
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    items: CommandItem[];
+    /** Pencerenin erişilebilir adı ("Komut paleti"). */
+    label: string;
+    /** Arama kutusunun yer tutucusu ve erişilebilir adı. */
+    searchPlaceholder: string;
+    /** Sonuç yokken yazılan metin. */
+    emptyMessage: string;
+    /**
+     * Paleti açıp kapatan kısayol: `'mod+k'` (`mod` macOS'ta ⌘, diğerlerinde Ctrl), `'shift+/'`.
+     * Başka bir kipsel yüzey açıkken yok sayılır. `onOpen` ile birlikte verilir.
+     */
+    hotkey?: string;
+    /** Kısayol basıldığında, palet kapalıyken. */
+    onOpen?: () => void;
+    className?: string;
+    testId?: string;
+};
+/** Komut paleti — klavyeyle her şeye ulaşma. */
+declare const CommandPalette: ({ isOpen, onClose, items, label, searchPlaceholder, emptyMessage, hotkey, onOpen, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof CommandPalette;
+export default _default;