@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/chunk-QNOHFHVL.js

@@ -0,0 +1,555 @@
+"use client";
+
+import {
+  SkeletonBlock
+} from "./chunk-NPM7IDYV.js";
+import {
+  bgSolidClass,
+  textSolidContrastClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/tree/utils.ts
+function buildIndex(data) {
+  const index = /* @__PURE__ */ new Map();
+  const walk = (nodes, parentKey, level) => {
+    for (const node of nodes) {
+      index.set(node.key, { node, parentKey, level, childKeys: (node.children ?? []).map((c) => c.key) });
+      if (node.children) walk(node.children, node.key, level + 1);
+    }
+  };
+  walk(data, null, 1);
+  return index;
+}
+function isExpandable(node, lazy) {
+  if (node.children && node.children.length > 0) return true;
+  return lazy && !node.isLeaf && node.children === void 0;
+}
+function getParentKeys(index) {
+  return [...index.values()].filter((e) => e.childKeys.length > 0).map((e) => e.node.key);
+}
+function getAncestorKeys(index, key) {
+  const out = [];
+  let parent = index.get(key)?.parentKey ?? null;
+  while (parent !== null) {
+    out.push(parent);
+    parent = index.get(parent)?.parentKey ?? null;
+  }
+  return out;
+}
+function flattenVisible(data, expanded, filter) {
+  const out = [];
+  const walk = (nodes, parentKey, level) => {
+    const shown = filter ? nodes.filter((n) => filter.has(n.key)) : nodes;
+    shown.forEach((node, i) => {
+      out.push({ node, level, posinset: i + 1, setsize: shown.length, parentKey });
+      if (node.children && expanded.has(node.key)) walk(node.children, node.key, level + 1);
+    });
+  };
+  walk(data, null, 1);
+  return out;
+}
+function isCheckEligible(node) {
+  return !node.disabled && !node.disableCheckbox && node.checkable !== false;
+}
+function addDescendants(index, key, set) {
+  for (const childKey of index.get(key)?.childKeys ?? []) {
+    const child = index.get(childKey);
+    if (!child || !isCheckEligible(child.node)) continue;
+    set.add(childKey);
+    addDescendants(index, childKey, set);
+  }
+}
+function removeDescendants(index, key, set) {
+  for (const childKey of index.get(key)?.childKeys ?? []) {
+    const child = index.get(childKey);
+    if (!child || !isCheckEligible(child.node)) continue;
+    set.delete(childKey);
+    removeDescendants(index, childKey, set);
+  }
+}
+function conductUp(index, set) {
+  const half = /* @__PURE__ */ new Set();
+  const entries = [...index.values()].reverse();
+  for (const entry of entries) {
+    const eligibleChildren = entry.childKeys.map((k) => index.get(k)).filter((c) => isCheckEligible(c.node));
+    if (eligibleChildren.length === 0) continue;
+    const checkedCount = eligibleChildren.filter((c) => set.has(c.node.key)).length;
+    const anyHalf = eligibleChildren.some((c) => half.has(c.node.key));
+    if (!isCheckEligible(entry.node)) continue;
+    if (checkedCount === eligibleChildren.length) {
+      set.add(entry.node.key);
+    } else {
+      set.delete(entry.node.key);
+      if (checkedCount > 0 || anyHalf) half.add(entry.node.key);
+    }
+  }
+  const order = [...index.keys()];
+  return { checked: order.filter((k) => set.has(k)), halfChecked: order.filter((k) => half.has(k)) };
+}
+function conductCheck(keys, index) {
+  const set = /* @__PURE__ */ new Set();
+  for (const key of keys) {
+    const entry = index.get(key);
+    if (!entry) continue;
+    set.add(key);
+    if (isCheckEligible(entry.node)) addDescendants(index, key, set);
+  }
+  return conductUp(index, set);
+}
+function toggleCheck(current, key, checked, index, strict) {
+  if (strict) {
+    const next = checked ? [.../* @__PURE__ */ new Set([...current, key])] : current.filter((k) => k !== key);
+    return { checked: next, halfChecked: [] };
+  }
+  const set = new Set(current);
+  if (checked) {
+    set.add(key);
+    addDescendants(index, key, set);
+  } else {
+    set.delete(key);
+    removeDescendants(index, key, set);
+    for (const ancestor of getAncestorKeys(index, key)) {
+      if (isCheckEligible(index.get(ancestor).node)) set.delete(ancestor);
+    }
+  }
+  return conductUp(index, set);
+}
+function nodeText(node) {
+  if (node.searchText !== void 0) return node.searchText;
+  return typeof node.title === "string" || typeof node.title === "number" ? String(node.title) : "";
+}
+var normalize = (s) => s.toLocaleLowerCase("tr").replace(/ı/g, "i");
+function searchTree(index, value) {
+  const query = normalize(value.trim());
+  if (!query) return null;
+  const matches = /* @__PURE__ */ new Set();
+  const visible = /* @__PURE__ */ new Set();
+  const expand = /* @__PURE__ */ new Set();
+  for (const [key, entry] of index) {
+    if (!normalize(nodeText(entry.node)).includes(query)) continue;
+    matches.add(key);
+    visible.add(key);
+    for (const ancestor of getAncestorKeys(index, key)) {
+      visible.add(ancestor);
+      expand.add(ancestor);
+    }
+    const stack = [...entry.childKeys];
+    while (stack.length) {
+      const k = stack.pop();
+      visible.add(k);
+      stack.push(...index.get(k)?.childKeys ?? []);
+    }
+  }
+  return { matches, visible, expand };
+}
+function splitMatch(text, value) {
+  const query = normalize(value.trim());
+  if (!query) return [{ text, match: false }];
+  const lower = normalize(text);
+  const parts = [];
+  let from = 0;
+  let at = lower.indexOf(query, from);
+  while (at !== -1) {
+    if (at > from) parts.push({ text: text.slice(from, at), match: false });
+    parts.push({ text: text.slice(at, at + query.length), match: true });
+    from = at + query.length;
+    at = lower.indexOf(query, from);
+  }
+  if (from < text.length) parts.push({ text: text.slice(from), match: false });
+  return parts;
+}
+var focusTo = (entry) => entry ? { type: "focus", key: entry.node.key } : null;
+function typeahead(visible, i, key) {
+  if (key.length !== 1 || key === " ") return null;
+  const char = normalize(key);
+  for (let step = 1; step <= visible.length; step++) {
+    const candidate = visible[(i + step) % visible.length];
+    if (normalize(nodeText(candidate.node)).startsWith(char)) return focusTo(candidate);
+  }
+  return null;
+}
+function getKeyAction(visible, currentKey, key, isOpen, canExpand) {
+  const i = visible.findIndex((v) => v.node.key === currentKey);
+  const current = visible[i];
+  if (!current) return null;
+  const open = canExpand(current.node) && isOpen(current.node.key);
+  switch (key) {
+    case "ArrowDown":
+      return focusTo(visible[i + 1]);
+    case "ArrowUp":
+      return focusTo(visible[i - 1]);
+    case "Home":
+      return focusTo(visible[0]);
+    case "End":
+      return focusTo(visible[visible.length - 1]);
+    case "ArrowRight":
+      if (!canExpand(current.node)) return null;
+      if (!open) return { type: "expand", key: current.node.key };
+      return visible[i + 1]?.parentKey === current.node.key ? focusTo(visible[i + 1]) : null;
+    case "ArrowLeft":
+      if (open) return { type: "collapse", key: current.node.key };
+      return current.parentKey === null ? null : { type: "focus", key: current.parentKey };
+    case "*": {
+      const siblings = visible.filter((v) => v.parentKey === current.parentKey && canExpand(v.node) && !isOpen(v.node.key)).map((v) => v.node.key);
+      return siblings.length ? { type: "expandSiblings", keys: siblings } : null;
+    }
+    default:
+      return typeahead(visible, i, key);
+  }
+}
+
+// src/tree/Tree.tsx
+import React, { useEffect, useId, useMemo, useRef, useState } from "react";
+import { CheckIcon, ChevronRightIcon, Loader2Icon, MinusIcon } from "lucide-react";
+import { cn, useControllableState } from "@mari-ui/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function CheckboxBox({ state, disabled, onClick }) {
+  const on = state !== "unchecked";
+  return (
+    // Görsel kutu: durum treeitem'in `aria-checked`ında; tıklama fare içindir, klavyede Space.
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "aria-hidden": true,
+        onClick: disabled ? void 0 : onClick,
+        className: cn(
+          "mr-1 flex size-4 shrink-0 items-center justify-center rounded-sm border transition-colors",
+          on ? cn("border-transparent", bgSolidClass.primary, textSolidContrastClass.primary) : "border-mari-input bg-mari-surface",
+          disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+        ),
+        children: [
+          state === "checked" && /* @__PURE__ */ jsx(CheckIcon, { size: 12, strokeWidth: 3.5 }),
+          state === "mixed" && /* @__PURE__ */ jsx(MinusIcon, { size: 12, strokeWidth: 3.5 })
+        ]
+      }
+    )
+  );
+}
+function Title({ node, searchValue, titleRender }) {
+  if (titleRender) return /* @__PURE__ */ jsx(Fragment, { children: titleRender(node) });
+  if (!searchValue || typeof node.title !== "string") return /* @__PURE__ */ jsx(Fragment, { children: node.title });
+  return /* @__PURE__ */ jsx(Fragment, { children: splitMatch(node.title, searchValue).map(
+    (part, i) => part.match ? (
+      // Parçalar sabit sırada, yeniden sıralanmaz.
+      /* @__PURE__ */ jsx("mark", { className: "rounded-sm bg-mari-warning-subtle text-inherit", children: part.text }, i)
+    ) : /* @__PURE__ */ jsx(React.Fragment, { children: part.text }, i)
+  ) });
+}
+function treeitemAria({ entry, focused, open, expandable, loading, selected, selectable, checkState, skeleton }) {
+  if (skeleton) return {};
+  let checked;
+  if (checkState === "mixed") checked = "mixed";
+  else if (checkState) checked = checkState === "checked";
+  return {
+    role: "treeitem",
+    tabIndex: focused ? 0 : -1,
+    "aria-level": entry.level,
+    "aria-posinset": entry.posinset,
+    "aria-setsize": entry.setsize,
+    "aria-expanded": expandable ? open : void 0,
+    "aria-selected": selectable ? selected : void 0,
+    "aria-checked": checked,
+    "aria-disabled": entry.node.disabled || void 0,
+    "aria-busy": loading || void 0
+  };
+}
+function Switcher({ open, expandable, loading, skeleton, onToggle }) {
+  let icon = null;
+  if (loading) icon = /* @__PURE__ */ jsx(Loader2Icon, { size: 14, className: "animate-spin text-mari-muted motion-reduce:animate-none" });
+  else if (expandable && skeleton) icon = /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("size-3 rounded-sm") });
+  else if (expandable)
+    icon = /* @__PURE__ */ jsx(ChevronRightIcon, { size: 14, className: cn("text-mari-muted transition-transform duration-150 motion-reduce:transition-none", open && "rotate-90") });
+  return (
+    // Fare için açma düğmesi; klavyede ←/→ (görsel, aria-hidden).
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        onClick: (e) => {
+          e.stopPropagation();
+          if (expandable) onToggle();
+        },
+        className: cn("mr-1 flex h-6 w-6 shrink-0 items-center justify-center self-center rounded-md", expandable && "cursor-pointer hover:bg-mari-surface-alt"),
+        children: icon
+      }
+    )
+  );
+}
+function Indent({ level, showLine }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: level - 1 }, (_, i) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "relative w-6 shrink-0",
+        // Kılavuz çizgisi satır aralığını da (py) kapsar → çizgiler kesintisiz.
+        showLine && "before:absolute before:-inset-y-0.5 before:left-1/2 before:border-l before:border-mari-border pointer-coarse:before:-inset-y-2.5"
+      )
+    },
+    i
+  )) });
+}
+function Row(props) {
+  const { entry, id, selected, checkState, showLine, blockNode, skeleton } = props;
+  const { node, level } = entry;
+  const disabled = Boolean(node.disabled);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...treeitemAria(props),
+      id,
+      "data-key": node.key,
+      onFocus: props.onFocus,
+      className: "group relative flex items-stretch py-0.5 text-mari-foreground outline-none pointer-coarse:py-2.5",
+      children: [
+        /* @__PURE__ */ jsx(Indent, { level, showLine }),
+        /* @__PURE__ */ jsx(Switcher, { open: props.open, expandable: props.expandable, loading: props.loading, skeleton, onToggle: props.onToggle }),
+        checkState && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: skeleton ? /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("mr-1 size-4 rounded-sm") }) : /* @__PURE__ */ jsx(
+          CheckboxBox,
+          {
+            state: checkState,
+            disabled: disabled || Boolean(node.disableCheckbox),
+            onClick: (e) => {
+              e.stopPropagation();
+              props.onCheck();
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            onClick: disabled ? void 0 : props.onActivate,
+            onDoubleClick: disabled ? void 0 : props.onDoubleActivate,
+            className: cn(
+              "flex min-h-6 min-w-0 items-center gap-1.5 self-center rounded-md px-2 leading-6 transition-colors",
+              blockNode && "flex-1",
+              disabled ? "cursor-not-allowed text-mari-muted" : "cursor-pointer",
+              selected ? "bg-mari-primary-subtle" : !disabled && "hover:bg-mari-surface-alt",
+              "group-focus-visible:outline-2 group-focus-visible:outline-offset-0 group-focus-visible:outline-mari-ring"
+            ),
+            children: [
+              node.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("flex shrink-0 items-center [&_svg]:size-4", !disabled && "text-mari-muted", skeleton && "invisible"), children: node.icon }),
+              skeleton ? /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("rounded-sm leading-4"), children: typeof node.title === "string" ? node.title : "\u2026\u2026\u2026\u2026" }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: /* @__PURE__ */ jsx(Title, { node, searchValue: props.searchValue, titleRender: props.titleRender }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var PLACEHOLDER_LEVELS = [1, 2, 2, 2, 1, 1];
+function Placeholders() {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, "data-skeleton": "", className: "flex flex-col", children: PLACEHOLDER_LEVELS.map((level, i) => /* @__PURE__ */ jsxs("div", { className: "flex h-7 items-center gap-1 pointer-coarse:h-11", style: { paddingInlineStart: `${(level - 1) * 1.5}rem` }, children: [
+    /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "1rem", height: "0.75rem", radius: "sm", className: "mx-1" }),
+    /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: `${40 + i * 23 % 50}%`, height: "0.875rem", radius: "sm" })
+  ] }, i)) });
+}
+function resolveActiveKey(focusKey, visible, index, selected) {
+  const visibleKeys = new Set(visible.map((v) => v.node.key));
+  let key = focusKey;
+  while (key !== null && !visibleKeys.has(key)) key = index.get(key)?.parentKey ?? null;
+  return key ?? selected.find((k) => visibleKeys.has(k)) ?? visible[0]?.node.key ?? null;
+}
+function getCheckState(key, checked, half) {
+  if (checked.has(key)) return "checked";
+  return half.has(key) ? "mixed" : "unchecked";
+}
+function useTreeState(props) {
+  const { treeData, checkStrictly = false } = props;
+  const index = useMemo(() => buildIndex(treeData), [treeData]);
+  const [expanded, setExpanded] = useControllableState({
+    value: props.expandedKeys,
+    defaultValue: props.defaultExpandAll ? getParentKeys(buildIndex(treeData)) : props.defaultExpandedKeys ?? []
+  });
+  const [selected, setSelected] = useControllableState({ value: props.selectedKeys, defaultValue: props.defaultSelectedKeys ?? [] });
+  const [rawChecked, setRawChecked] = useControllableState({ value: props.checkedKeys, defaultValue: props.defaultCheckedKeys ?? [] });
+  const checkInfo = useMemo(() => checkStrictly ? { checked: rawChecked, halfChecked: [] } : conductCheck(rawChecked, index), [rawChecked, index, checkStrictly]);
+  const search = useMemo(() => props.searchValue ? searchTree(index, props.searchValue) : null, [index, props.searchValue]);
+  const expandedSet = useMemo(() => /* @__PURE__ */ new Set([...expanded, ...search?.expand ?? []]), [expanded, search]);
+  const visible = useMemo(() => flattenVisible(treeData, expandedSet, search?.visible), [treeData, expandedSet, search]);
+  return { index, expanded, setExpanded, selected, setSelected, checkInfo, setRawChecked, expandedSet, visible };
+}
+function Tree(props) {
+  const {
+    selectable = true,
+    multiple = false,
+    checkable = false,
+    checkStrictly = false,
+    loadData,
+    expandAction = false,
+    showLine = false,
+    blockNode = false,
+    searchValue,
+    titleRender,
+    notFoundContent = "Sonu\xE7 bulunamad\u0131",
+    className,
+    skeleton = false
+  } = props;
+  const baseId = useId();
+  const state = useTreeState(props);
+  const { index, visible, expandedSet } = state;
+  const [loadingKeys, setLoadingKeys] = useState(/* @__PURE__ */ new Set());
+  const [focusKey, setFocusKey] = useState(null);
+  const moveFocus = useRef(false);
+  const lazy = Boolean(loadData);
+  const canExpand = (node) => isExpandable(node, lazy);
+  const domId = (key) => `${baseId}-${key}`;
+  const activeKey = resolveActiveKey(focusKey, visible, index, state.selected);
+  useEffect(() => {
+    if (!moveFocus.current || !activeKey) return;
+    moveFocus.current = false;
+    document.getElementById(domId(activeKey))?.focus();
+  }, [activeKey]);
+  const focusNode = (key) => {
+    moveFocus.current = true;
+    setFocusKey(key);
+  };
+  const setOpen = (node, open) => {
+    const next = open ? [.../* @__PURE__ */ new Set([...state.expanded, node.key])] : state.expanded.filter((k) => k !== node.key);
+    state.setExpanded(next);
+    props.onExpand?.(next, { node, expanded: open });
+    if (open && loadData && node.children === void 0 && !node.isLeaf && !loadingKeys.has(node.key)) {
+      setLoadingKeys((s) => new Set(s).add(node.key));
+      loadData(node).catch(() => state.setExpanded(state.expanded.filter((k) => k !== node.key))).finally(
+        () => setLoadingKeys((s) => {
+          const n = new Set(s);
+          n.delete(node.key);
+          return n;
+        })
+      );
+    }
+  };
+  const toggleOpen = (node) => setOpen(node, !expandedSet.has(node.key));
+  const nodeSelectable = (node) => selectable && node.selectable !== false && !node.disabled;
+  const nodeCheckable = (node) => checkable && node.checkable !== false;
+  const select = (node) => {
+    if (!nodeSelectable(node)) return;
+    const isSelected = state.selected.includes(node.key);
+    let next;
+    if (multiple) next = isSelected ? state.selected.filter((k) => k !== node.key) : [...state.selected, node.key];
+    else next = isSelected ? [] : [node.key];
+    state.setSelected(next);
+    props.onSelect?.(next, { node, selected: !isSelected });
+  };
+  const check = (node) => {
+    if (!nodeCheckable(node) || node.disabled || node.disableCheckbox) return;
+    const checked = !state.checkInfo.checked.includes(node.key);
+    const info = toggleCheck(state.checkInfo.checked, node.key, checked, index, checkStrictly);
+    state.setRawChecked(info.checked);
+    props.onCheck?.(info.checked, { node, checked, halfCheckedKeys: info.halfChecked });
+  };
+  const activate = (node) => {
+    if (nodeSelectable(node)) select(node);
+    else if (nodeCheckable(node)) check(node);
+    if (expandAction === "click" && canExpand(node)) toggleOpen(node);
+  };
+  const onKeyDown = (event) => {
+    const currentKey = event.target.closest("[role=treeitem]")?.dataset.key ?? activeKey;
+    const node = currentKey ? index.get(currentKey)?.node : void 0;
+    if (!currentKey || !node) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      if (event.key === " " && nodeCheckable(node)) check(node);
+      else if (!node.disabled) activate(node);
+      return;
+    }
+    const action = getKeyAction(visible, currentKey, event.key, (k) => expandedSet.has(k), canExpand);
+    if (!action) return;
+    event.preventDefault();
+    if (action.type === "focus") focusNode(action.key);
+    else if (action.type === "expand") setOpen(node, true);
+    else if (action.type === "collapse") setOpen(node, false);
+    else {
+      const next = [.../* @__PURE__ */ new Set([...state.expanded, ...action.keys])];
+      state.setExpanded(next);
+      props.onExpand?.(next, { node, expanded: true });
+    }
+  };
+  const checkedSet = new Set(state.checkInfo.checked);
+  const halfSet = new Set(state.checkInfo.halfChecked);
+  if (skeleton && props.treeData.length === 0) return /* @__PURE__ */ jsx(Placeholders, {});
+  if (visible.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cn("px-2 py-3 text-sm text-mari-muted", className), children: searchValue ? notFoundContent : null });
+  }
+  return (
+    // Tuşlar treeitem'lerden kabarcıklanır (APG: odak treeitem'de).
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: skeleton ? void 0 : "tree",
+        "aria-label": skeleton ? void 0 : props["aria-label"],
+        "aria-labelledby": skeleton ? void 0 : props["aria-labelledby"],
+        "aria-multiselectable": !skeleton && selectable && multiple ? true : void 0,
+        "aria-hidden": skeleton || void 0,
+        "aria-busy": skeleton || void 0,
+        "data-skeleton": skeleton ? "" : void 0,
+        onKeyDown: skeleton ? void 0 : onKeyDown,
+        className: cn("flex flex-col text-sm", skeleton && "pointer-events-none select-none", className),
+        children: visible.map((entry) => {
+          const { node } = entry;
+          const checkState = nodeCheckable(node) ? getCheckState(node.key, checkedSet, halfSet) : null;
+          return /* @__PURE__ */ jsx(
+            Row,
+            {
+              entry,
+              id: domId(node.key),
+              focused: node.key === activeKey,
+              open: expandedSet.has(node.key),
+              expandable: canExpand(node),
+              loading: loadingKeys.has(node.key),
+              selected: state.selected.includes(node.key),
+              selectable: selectable && node.selectable !== false,
+              checkState,
+              showLine,
+              blockNode,
+              searchValue,
+              titleRender,
+              skeleton,
+              onToggle: () => {
+                focusNode(node.key);
+                toggleOpen(node);
+              },
+              onCheck: () => {
+                focusNode(node.key);
+                check(node);
+              },
+              onActivate: () => {
+                focusNode(node.key);
+                activate(node);
+              },
+              onDoubleActivate: () => {
+                if (expandAction === "doubleClick" && canExpand(node)) toggleOpen(node);
+              },
+              onFocus: () => setFocusKey(node.key)
+            },
+            node.key
+          );
+        })
+      }
+    )
+  );
+}
+
+export {
+  buildIndex,
+  isExpandable,
+  getParentKeys,
+  getAncestorKeys,
+  flattenVisible,
+  isCheckEligible,
+  conductCheck,
+  toggleCheck,
+  nodeText,
+  searchTree,
+  splitMatch,
+  getKeyAction,
+  CheckboxBox,
+  Title,
+  Switcher,
+  Indent,
+  Tree
+};
+//# sourceMappingURL=chunk-QNOHFHVL.js.map

package/dist/chunk-QNOHFHVL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree/utils.ts","../src/tree/Tree.tsx"],"sourcesContent":["import type { TreeCheckInfo, TreeNode } from \"./types\";\n\n/**\n * Faz 16.3 — Tree'nin saf mantığı (DOM/React yok). TreeSelect (16.4) aynı\n * fonksiyonları kullanacak: indeks, görünür düğümler, işaret yayılımı, arama.\n */\n\nexport interface TreeEntry {\n  node: TreeNode;\n  parentKey: string | null;\n  /** 1 tabanlı derinlik (`aria-level`). */\n  level: number;\n  childKeys: string[];\n}\n\nexport type TreeIndex = Map<string, TreeEntry>;\n\n/** DFS sırasıyla (Map ekleme sırası korunur) anahtar → konum. */\nexport function buildIndex(data: TreeNode[]): TreeIndex {\n  const index: TreeIndex = new Map();\n  const walk = (nodes: TreeNode[], parentKey: string | null, level: number) => {\n    for (const node of nodes) {\n      index.set(node.key, { node, parentKey, level, childKeys: (node.children ?? []).map((c) => c.key) });\n      if (node.children) walk(node.children, node.key, level + 1);\n    }\n  };\n  walk(data, null, 1);\n  return index;\n}\n\n/** Çocuğu olan (ya da tembel yüklenecek) düğüm açılabilir. */\nexport function isExpandable(node: TreeNode, lazy: boolean): boolean {\n  if (node.children && node.children.length > 0) return true;\n  return lazy && !node.isLeaf && node.children === undefined;\n}\n\n/** `defaultExpandAll` için: çocuğu olan tüm düğümler. */\nexport function getParentKeys(index: TreeIndex): string[] {\n  return [...index.values()].filter((e) => e.childKeys.length > 0).map((e) => e.node.key);\n}\n\nexport function getAncestorKeys(index: TreeIndex, key: string): string[] {\n  const out: string[] = [];\n  let parent = index.get(key)?.parentKey ?? null;\n  while (parent !== null) {\n    out.push(parent);\n    parent = index.get(parent)?.parentKey ?? null;\n  }\n  return out;\n}\n\nexport interface VisibleNode {\n  node: TreeNode;\n  level: number;\n  /** Görünür kardeşler arasındaki sıra ve sayı (`aria-posinset`/`aria-setsize`). */\n  posinset: number;\n  setsize: number;\n  parentKey: string | null;\n}\n\n/** Açık düğümlere göre ekranda görünen düğümler, sırasıyla. `filter` verilirse yalnız onlar. */\nexport function flattenVisible(data: TreeNode[], expanded: ReadonlySet<string>, filter?: ReadonlySet<string>): VisibleNode[] {\n  const out: VisibleNode[] = [];\n  const walk = (nodes: TreeNode[], parentKey: string | null, level: number) => {\n    const shown = filter ? nodes.filter((n) => filter.has(n.key)) : nodes;\n    shown.forEach((node, i) => {\n      out.push({ node, level, posinset: i + 1, setsize: shown.length, parentKey });\n      if (node.children && expanded.has(node.key)) walk(node.children, node.key, level + 1);\n    });\n  };\n  walk(data, null, 1);\n  return out;\n}\n\n/* ─────────────────────────── İşaret yayılımı ─────────────────────────── */\n\n/** Devre dışı / onay kutusu kapalı düğümler yayılıma katılmaz (ant ile aynı). */\nexport function isCheckEligible(node: TreeNode): boolean {\n  return !node.disabled && !node.disableCheckbox && node.checkable !== false;\n}\n\nfunction addDescendants(index: TreeIndex, key: string, set: Set<string>) {\n  for (const childKey of index.get(key)?.childKeys ?? []) {\n    const child = index.get(childKey);\n    if (!child || !isCheckEligible(child.node)) continue;\n    set.add(childKey);\n    addDescendants(index, childKey, set);\n  }\n}\n\n/** Devre dışı düğümlerin (ve altlarının) işaret durumuna dokunulmaz. */\nfunction removeDescendants(index: TreeIndex, key: string, set: Set<string>) {\n  for (const childKey of index.get(key)?.childKeys ?? []) {\n    const child = index.get(childKey);\n    if (!child || !isCheckEligible(child.node)) continue;\n    set.delete(childKey);\n    removeDescendants(index, childKey, set);\n  }\n}\n\n/** Alttan üste: uygun çocuklarının hepsi işaretliyse işaretli, bazısıysa kısmi. */\nfunction conductUp(index: TreeIndex, set: Set<string>): TreeCheckInfo {\n  const half = new Set<string>();\n  const entries = [...index.values()].reverse(); // çocuklar ebeveynden önce\n  for (const entry of entries) {\n    const eligibleChildren = entry.childKeys.map((k) => index.get(k)!).filter((c) => isCheckEligible(c.node));\n    if (eligibleChildren.length === 0) continue;\n    const checkedCount = eligibleChildren.filter((c) => set.has(c.node.key)).length;\n    const anyHalf = eligibleChildren.some((c) => half.has(c.node.key));\n    if (!isCheckEligible(entry.node)) continue;\n    if (checkedCount === eligibleChildren.length) {\n      set.add(entry.node.key);\n    } else {\n      set.delete(entry.node.key);\n      if (checkedCount > 0 || anyHalf) half.add(entry.node.key);\n    }\n  }\n  const order = [...index.keys()];\n  return { checked: order.filter((k) => set.has(k)), halfChecked: order.filter((k) => half.has(k)) };\n}\n\n/** Dışarıdan gelen işaretleri tutarlı hâle getirir: işaretli üstün altı işaretlenir, üstler hesaplanır. */\nexport function conductCheck(keys: readonly string[], index: TreeIndex): TreeCheckInfo {\n  const set = new Set<string>();\n  for (const key of keys) {\n    const entry = index.get(key);\n    if (!entry) continue;\n    set.add(key);\n    if (isCheckEligible(entry.node)) addDescendants(index, key, set);\n  }\n  return conductUp(index, set);\n}\n\n/** Bir düğümü işaretle/kaldır. `strict`te yayılım yok. */\nexport function toggleCheck(current: readonly string[], key: string, checked: boolean, index: TreeIndex, strict: boolean): TreeCheckInfo {\n  if (strict) {\n    const next = checked ? [...new Set([...current, key])] : current.filter((k) => k !== key);\n    return { checked: next, halfChecked: [] };\n  }\n  const set = new Set(current);\n  if (checked) {\n    set.add(key);\n    addDescendants(index, key, set);\n  } else {\n    set.delete(key);\n    removeDescendants(index, key, set);\n    for (const ancestor of getAncestorKeys(index, key)) {\n      if (isCheckEligible(index.get(ancestor)!.node)) set.delete(ancestor);\n    }\n  }\n  return conductUp(index, set);\n}\n\n/* ─────────────────────────── Arama ─────────────────────────── */\n\nexport function nodeText(node: TreeNode): string {\n  if (node.searchText !== undefined) return node.searchText;\n  return typeof node.title === \"string\" || typeof node.title === \"number\" ? String(node.title) : \"\";\n}\n\n/**\n * Arama için harf katlama. `toLocaleLowerCase(\"tr\")` Latin \"I\"yı \"ı\" yapar\n * (\"API\" → \"apı\") ve \"api.ts\"yi bulamaz; en-US ise \"İ\"yi iki karaktere böler.\n * tr ile küçültüp ı→i katlanır: \"API\", \"İstanbul\", \"ılık\" hepsi bulunur, uzunluk değişmez.\n */\nconst normalize = (s: string) => s.toLocaleLowerCase(\"tr\").replace(/ı/g, \"i\");\n\nexport interface TreeSearchResult {\n  /** Eşleşen düğümler. */\n  matches: Set<string>;\n  /** Gösterilecekler: eşleşenler, ataları ve eşleşen düğümlerin alt ağaçları. */\n  visible: Set<string>;\n  /** Kendiliğinden açılacaklar: eşleşenlerin ataları. */\n  expand: Set<string>;\n}\n\nexport function searchTree(index: TreeIndex, value: string): TreeSearchResult | null {\n  const query = normalize(value.trim());\n  if (!query) return null;\n  const matches = new Set<string>();\n  const visible = new Set<string>();\n  const expand = new Set<string>();\n  for (const [key, entry] of index) {\n    if (!normalize(nodeText(entry.node)).includes(query)) continue;\n    matches.add(key);\n    visible.add(key);\n    for (const ancestor of getAncestorKeys(index, key)) {\n      visible.add(ancestor);\n      expand.add(ancestor);\n    }\n    const stack = [...entry.childKeys];\n    while (stack.length) {\n      const k = stack.pop()!;\n      visible.add(k);\n      stack.push(...(index.get(k)?.childKeys ?? []));\n    }\n  }\n  return { matches, visible, expand };\n}\n\n/** Metni eşleşen/eşleşmeyen parçalara böler (Türkçe harf duyarsız, orijinal harfler korunur). */\nexport function splitMatch(text: string, value: string): { text: string; match: boolean }[] {\n  const query = normalize(value.trim());\n  if (!query) return [{ text, match: false }];\n  const lower = normalize(text);\n  // `toLocaleLowerCase(\"tr\")` uzunluğu değiştirmez (İ→i tek karakter), indeksler aynı kalır.\n  const parts: { text: string; match: boolean }[] = [];\n  let from = 0;\n  let at = lower.indexOf(query, from);\n  while (at !== -1) {\n    if (at > from) parts.push({ text: text.slice(from, at), match: false });\n    parts.push({ text: text.slice(at, at + query.length), match: true });\n    from = at + query.length;\n    at = lower.indexOf(query, from);\n  }\n  if (from < text.length) parts.push({ text: text.slice(from), match: false });\n  return parts;\n}\n\n/* ─────────────────────────── Klavye ─────────────────────────── */\n\nexport type TreeKeyAction =\n  | { type: \"focus\"; key: string }\n  | { type: \"expand\"; key: string }\n  | { type: \"collapse\"; key: string }\n  | { type: \"expandSiblings\"; keys: string[] }\n  | null;\n\n/**\n * WAI-ARIA APG Tree View tuşları: ↑/↓ görünür düğümler, → aç ya da ilk\n * çocuğa in, ← kapa ya da ebeveyne çık, Home/End, `*` kardeşleri aç, harf ile\n * ada göre atla. Enter/Space bileşende (seçim/işaret) ele alınır.\n */\nconst focusTo = (entry: VisibleNode | undefined): TreeKeyAction => (entry ? { type: \"focus\", key: entry.node.key } : null);\n\n/** Harfle atlama: bulunduğu düğümden sonra, adı o harfle başlayan ilk görünür düğüm (döngülü). */\nfunction typeahead(visible: VisibleNode[], i: number, key: string): TreeKeyAction {\n  if (key.length !== 1 || key === \" \") return null;\n  const char = normalize(key);\n  for (let step = 1; step <= visible.length; step++) {\n    const candidate = visible[(i + step) % visible.length]!;\n    if (normalize(nodeText(candidate.node)).startsWith(char)) return focusTo(candidate);\n  }\n  return null;\n}\n\nexport function getKeyAction(\n  visible: VisibleNode[],\n  currentKey: string,\n  key: string,\n  isOpen: (k: string) => boolean,\n  canExpand: (node: TreeNode) => boolean\n): TreeKeyAction {\n  const i = visible.findIndex((v) => v.node.key === currentKey);\n  const current = visible[i];\n  if (!current) return null;\n  const open = canExpand(current.node) && isOpen(current.node.key);\n  switch (key) {\n    case \"ArrowDown\":\n      return focusTo(visible[i + 1]);\n    case \"ArrowUp\":\n      return focusTo(visible[i - 1]);\n    case \"Home\":\n      return focusTo(visible[0]);\n    case \"End\":\n      return focusTo(visible[visible.length - 1]);\n    case \"ArrowRight\":\n      if (!canExpand(current.node)) return null;\n      if (!open) return { type: \"expand\", key: current.node.key };\n      return visible[i + 1]?.parentKey === current.node.key ? focusTo(visible[i + 1]) : null;\n    case \"ArrowLeft\":\n      if (open) return { type: \"collapse\", key: current.node.key };\n      return current.parentKey === null ? null : { type: \"focus\", key: current.parentKey };\n    case \"*\": {\n      const siblings = visible.filter((v) => v.parentKey === current.parentKey && canExpand(v.node) && !isOpen(v.node.key)).map((v) => v.node.key);\n      return siblings.length ? { type: \"expandSiblings\", keys: siblings } : null;\n    }\n    default:\n      return typeahead(visible, i, key);\n  }\n}\n","\"use client\";\n\nimport React, { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { CheckIcon, ChevronRightIcon, Loader2Icon, MinusIcon } from \"lucide-react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { bgSolidClass, textSolidContrastClass } from \"../lib/colorClasses\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { TreeNode, TreeProps } from \"./types\";\nimport {\n  buildIndex,\n  conductCheck,\n  flattenVisible,\n  getKeyAction,\n  getParentKeys,\n  isExpandable,\n  searchTree,\n  splitMatch,\n  toggleCheck,\n  type TreeIndex,\n  type VisibleNode,\n} from \"./utils\";\n\nexport type { TreeProps, TreeNode };\n\nexport type CheckState = \"checked\" | \"mixed\" | \"unchecked\";\n\n/** TreeSelect de kullanır (aynı görsel kutu). */\nexport function CheckboxBox({ state, disabled, onClick }: Readonly<{ state: CheckState; disabled: boolean; onClick: (e: React.MouseEvent) => void }>) {\n  const on = state !== \"unchecked\";\n  return (\n    // Görsel kutu: durum treeitem'in `aria-checked`ında; tıklama fare içindir, klavyede Space.\n    <span\n      aria-hidden\n      onClick={disabled ? undefined : onClick}\n      className={cn(\n        \"mr-1 flex size-4 shrink-0 items-center justify-center rounded-sm border transition-colors\",\n        on ? cn(\"border-transparent\", bgSolidClass.primary, textSolidContrastClass.primary) : \"border-mari-input bg-mari-surface\",\n        disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\"\n      )}\n    >\n      {state === \"checked\" && <CheckIcon size={12} strokeWidth={3.5} />}\n      {state === \"mixed\" && <MinusIcon size={12} strokeWidth={3.5} />}\n    </span>\n  );\n}\n\n/** Başlık + arama vurgusu — TreeSelect de kullanır. */\nexport function Title({ node, searchValue, titleRender }: Readonly<{ node: TreeNode; searchValue?: string; titleRender?: Exclude<TreeProps[\"titleRender\"], undefined> }>) {\n  if (titleRender) return <>{titleRender(node)}</>;\n  if (!searchValue || typeof node.title !== \"string\") return <>{node.title}</>;\n  return (\n    <>\n      {splitMatch(node.title, searchValue).map((part, i) =>\n        part.match ? (\n          // Parçalar sabit sırada, yeniden sıralanmaz.\n          <mark key={i} className=\"rounded-sm bg-mari-warning-subtle text-inherit\">\n            {part.text}\n          </mark>\n        ) : (\n          <React.Fragment key={i}>{part.text}</React.Fragment>\n        )\n      )}\n    </>\n  );\n}\n\ninterface RowProps {\n  entry: VisibleNode;\n  id: string;\n  focused: boolean;\n  open: boolean;\n  expandable: boolean;\n  loading: boolean;\n  selected: boolean;\n  selectable: boolean;\n  checkState: CheckState | null;\n  showLine: boolean;\n  blockNode: boolean;\n  searchValue?: string;\n  titleRender?: Exclude<TreeProps[\"titleRender\"], undefined>;\n  onToggle: () => void;\n  onCheck: () => void;\n  onActivate: () => void;\n  onDoubleActivate: () => void;\n  onFocus: () => void;\n  skeleton: boolean;\n}\n\n/** treeitem ARIA özellikleri; iskelette hiçbiri (satır erişilebilirlik ağacında değil). */\nfunction treeitemAria({ entry, focused, open, expandable, loading, selected, selectable, checkState, skeleton }: RowProps) {\n  if (skeleton) return {};\n  let checked: boolean | \"mixed\" | undefined;\n  if (checkState === \"mixed\") checked = \"mixed\";\n  else if (checkState) checked = checkState === \"checked\";\n  return {\n    role: \"treeitem\",\n    tabIndex: focused ? 0 : -1,\n    \"aria-level\": entry.level,\n    \"aria-posinset\": entry.posinset,\n    \"aria-setsize\": entry.setsize,\n    \"aria-expanded\": expandable ? open : undefined,\n    \"aria-selected\": selectable ? selected : undefined,\n    \"aria-checked\": checked,\n    \"aria-disabled\": entry.node.disabled || undefined,\n    \"aria-busy\": loading || undefined,\n  } as const;\n}\n\nexport function Switcher({ open, expandable, loading, skeleton, onToggle }: Readonly<Pick<RowProps, \"open\" | \"expandable\" | \"loading\" | \"skeleton\" | \"onToggle\">>) {\n  let icon: React.ReactNode = null;\n  if (loading) icon = <Loader2Icon size={14} className=\"animate-spin text-mari-muted motion-reduce:animate-none\" />;\n  else if (expandable && skeleton) icon = <span {...skeletonBoxProps(\"size-3 rounded-sm\")} />;\n  else if (expandable)\n    icon = <ChevronRightIcon size={14} className={cn(\"text-mari-muted transition-transform duration-150 motion-reduce:transition-none\", open && \"rotate-90\")} />;\n  return (\n    // Fare için açma düğmesi; klavyede ←/→ (görsel, aria-hidden).\n    <span\n      aria-hidden\n      onClick={(e) => {\n        e.stopPropagation();\n        if (expandable) onToggle();\n      }}\n      className={cn(\"mr-1 flex h-6 w-6 shrink-0 items-center justify-center self-center rounded-md\", expandable && \"cursor-pointer hover:bg-mari-surface-alt\")}\n    >\n      {icon}\n    </span>\n  );\n}\n\nexport function Indent({ level, showLine }: Readonly<{ level: number; showLine: boolean }>) {\n  return (\n    <>\n      {Array.from({ length: level - 1 }, (_, i) => (\n        <span\n          // Girinti birimleri konumsal, sabit.\n          key={i}\n          aria-hidden\n          className={cn(\n            \"relative w-6 shrink-0\",\n            // Kılavuz çizgisi satır aralığını da (py) kapsar → çizgiler kesintisiz.\n            showLine && \"before:absolute before:-inset-y-0.5 before:left-1/2 before:border-l before:border-mari-border pointer-coarse:before:-inset-y-2.5\"\n          )}\n        />\n      ))}\n    </>\n  );\n}\n\nfunction Row(props: Readonly<RowProps>) {\n  const { entry, id, selected, checkState, showLine, blockNode, skeleton } = props;\n  const { node, level } = entry;\n  const disabled = Boolean(node.disabled);\n\n  return (\n    <div\n      {...treeitemAria(props)}\n      id={id}\n      data-key={node.key}\n      onFocus={props.onFocus}\n      className=\"group relative flex items-stretch py-0.5 text-mari-foreground outline-none pointer-coarse:py-2.5\"\n    >\n      <Indent level={level} showLine={showLine} />\n      <Switcher open={props.open} expandable={props.expandable} loading={props.loading} skeleton={skeleton} onToggle={props.onToggle} />\n      {checkState && (\n        <span className=\"flex items-center\">\n          {skeleton ? (\n            <span {...skeletonBoxProps(\"mr-1 size-4 rounded-sm\")} />\n          ) : (\n            <CheckboxBox\n              state={checkState}\n              disabled={disabled || Boolean(node.disableCheckbox)}\n              onClick={(e) => {\n                e.stopPropagation();\n                props.onCheck();\n              }}\n            />\n          )}\n        </span>\n      )}\n      {/* Klavye karşılığı ağacın onKeyDown'unda (Enter/Space) — odak treeitem'de. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n      <span\n        onClick={disabled ? undefined : props.onActivate}\n        onDoubleClick={disabled ? undefined : props.onDoubleActivate}\n        className={cn(\n          \"flex min-h-6 min-w-0 items-center gap-1.5 self-center rounded-md px-2 leading-6 transition-colors\",\n          blockNode && \"flex-1\",\n          disabled ? \"cursor-not-allowed text-mari-muted\" : \"cursor-pointer\",\n          selected ? \"bg-mari-primary-subtle\" : !disabled && \"hover:bg-mari-surface-alt\",\n          \"group-focus-visible:outline-2 group-focus-visible:outline-offset-0 group-focus-visible:outline-mari-ring\"\n        )}\n      >\n        {node.icon && (\n          <span aria-hidden className={cn(\"flex shrink-0 items-center [&_svg]:size-4\", !disabled && \"text-mari-muted\", skeleton && \"invisible\")}>\n            {node.icon}\n          </span>\n        )}\n        {skeleton ? (\n          <span {...skeletonBoxProps(\"rounded-sm leading-4\")}>{typeof node.title === \"string\" ? node.title : \"…………\"}</span>\n        ) : (\n          <span className=\"min-w-0 break-words\">\n            <Title node={node} searchValue={props.searchValue} titleRender={props.titleRender} />\n          </span>\n        )}\n      </span>\n    </div>\n  );\n}\n\nconst PLACEHOLDER_LEVELS = [1, 2, 2, 2, 1, 1];\n\nfunction Placeholders() {\n  return (\n    <div aria-hidden data-skeleton=\"\" className=\"flex flex-col\">\n      {PLACEHOLDER_LEVELS.map((level, i) => (\n        <div key={i} className=\"flex h-7 items-center gap-1 pointer-coarse:h-11\" style={{ paddingInlineStart: `${(level - 1) * 1.5}rem` }}>\n          <SkeletonBlock active width=\"1rem\" height=\"0.75rem\" radius=\"sm\" className=\"mx-1\" />\n          <SkeletonBlock active width={`${40 + ((i * 23) % 50)}%`} height=\"0.875rem\" radius=\"sm\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Tab durağı olan düğüm. Odaklı düğüm görünmez olduysa (ebeveyni kapandı,\n * arama) en yakın görünür atası; hiç odak yoksa ilk görünür seçili, o da yoksa ilk düğüm.\n */\nfunction resolveActiveKey(focusKey: string | null, visible: VisibleNode[], index: TreeIndex, selected: string[]): string | null {\n  const visibleKeys = new Set(visible.map((v) => v.node.key));\n  let key = focusKey;\n  while (key !== null && !visibleKeys.has(key)) key = index.get(key)?.parentKey ?? null;\n  return key ?? selected.find((k) => visibleKeys.has(k)) ?? visible[0]?.node.key ?? null;\n}\n\nfunction getCheckState(key: string, checked: ReadonlySet<string>, half: ReadonlySet<string>): CheckState {\n  if (checked.has(key)) return \"checked\";\n  return half.has(key) ? \"mixed\" : \"unchecked\";\n}\n\nfunction useTreeState(props: TreeProps) {\n  const { treeData, checkStrictly = false } = props;\n  const index = useMemo(() => buildIndex(treeData), [treeData]);\n  const [expanded, setExpanded] = useControllableState<string[]>({\n    value: props.expandedKeys,\n    defaultValue: props.defaultExpandAll ? getParentKeys(buildIndex(treeData)) : (props.defaultExpandedKeys ?? []),\n  });\n  const [selected, setSelected] = useControllableState<string[]>({ value: props.selectedKeys, defaultValue: props.defaultSelectedKeys ?? [] });\n  const [rawChecked, setRawChecked] = useControllableState<string[]>({ value: props.checkedKeys, defaultValue: props.defaultCheckedKeys ?? [] });\n  const checkInfo = useMemo(() => (checkStrictly ? { checked: rawChecked, halfChecked: [] } : conductCheck(rawChecked, index)), [rawChecked, index, checkStrictly]);\n  const search = useMemo(() => (props.searchValue ? searchTree(index, props.searchValue) : null), [index, props.searchValue]);\n  const expandedSet = useMemo(() => new Set([...expanded, ...(search?.expand ?? [])]), [expanded, search]);\n  const visible = useMemo(() => flattenVisible(treeData, expandedSet, search?.visible), [treeData, expandedSet, search]);\n  return { index, expanded, setExpanded, selected, setSelected, checkInfo, setRawChecked, expandedSet, visible };\n}\n\n/**\n * Faz 16.3 — yapı ant.design Tree'den (açma düğmesi, onay kutuları + üst/alt\n * yayılım + kısmi durum, `checkStrictly`, tekli/çoklu seçim, tembel yükleme,\n * kılavuz çizgileri, `blockNode`, arama + vurgu, `titleRender`), görünüm kendi\n * token'larımızdan. Düz (flat) çizim: görünür düğümler tek dizi — klavye ve\n * iskelet bunun üzerinde çalışır. Saf mantık `utils.ts`te (TreeSelect de kullanır).\n *\n * Erişilebilirlik (WAI-ARIA APG Tree View): `role=\"tree\"` + `treeitem`\n * (`aria-level`/`aria-posinset`/`aria-setsize`, açılabilirse `aria-expanded`,\n * seçilebilirse `aria-selected`, işaretlenebilirse `aria-checked` true/false/\n * mixed). Tek Tab durağı (roving tabindex). ↑/↓, →/←, Home/End, `*`, harfle\n * atlama; Enter seçer, Space (onay kutulu ağaçta) işaretler. Dokunmatikte\n * satırlar 44px.\n */\nexport function Tree(props: Readonly<TreeProps>) {\n  const {\n    selectable = true,\n    multiple = false,\n    checkable = false,\n    checkStrictly = false,\n    loadData,\n    expandAction = false,\n    showLine = false,\n    blockNode = false,\n    searchValue,\n    titleRender,\n    notFoundContent = \"Sonuç bulunamadı\",\n    className,\n    skeleton = false,\n  } = props;\n  const baseId = useId();\n  const state = useTreeState(props);\n  const { index, visible, expandedSet } = state;\n  const [loadingKeys, setLoadingKeys] = useState<ReadonlySet<string>>(new Set());\n  const [focusKey, setFocusKey] = useState<string | null>(null);\n  const moveFocus = useRef(false);\n\n  const lazy = Boolean(loadData);\n  const canExpand = (node: TreeNode) => isExpandable(node, lazy);\n  const domId = (key: string) => `${baseId}-${key}`;\n\n  const activeKey = resolveActiveKey(focusKey, visible, index, state.selected);\n\n  useEffect(() => {\n    if (!moveFocus.current || !activeKey) return;\n    moveFocus.current = false;\n    document.getElementById(domId(activeKey))?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeKey]);\n\n  const focusNode = (key: string) => {\n    moveFocus.current = true;\n    setFocusKey(key);\n  };\n\n  const setOpen = (node: TreeNode, open: boolean) => {\n    const next = open ? [...new Set([...state.expanded, node.key])] : state.expanded.filter((k) => k !== node.key);\n    state.setExpanded(next);\n    props.onExpand?.(next, { node, expanded: open });\n    if (open && loadData && node.children === undefined && !node.isLeaf && !loadingKeys.has(node.key)) {\n      setLoadingKeys((s) => new Set(s).add(node.key));\n      loadData(node)\n        .catch(() => state.setExpanded(state.expanded.filter((k) => k !== node.key)))\n        .finally(() =>\n          setLoadingKeys((s) => {\n            const n = new Set(s);\n            n.delete(node.key);\n            return n;\n          })\n        );\n    }\n  };\n\n  const toggleOpen = (node: TreeNode) => setOpen(node, !expandedSet.has(node.key));\n\n  const nodeSelectable = (node: TreeNode) => selectable && node.selectable !== false && !node.disabled;\n  const nodeCheckable = (node: TreeNode) => checkable && node.checkable !== false;\n\n  const select = (node: TreeNode) => {\n    if (!nodeSelectable(node)) return;\n    const isSelected = state.selected.includes(node.key);\n    let next: string[];\n    if (multiple) next = isSelected ? state.selected.filter((k) => k !== node.key) : [...state.selected, node.key];\n    else next = isSelected ? [] : [node.key];\n    state.setSelected(next);\n    props.onSelect?.(next, { node, selected: !isSelected });\n  };\n\n  const check = (node: TreeNode) => {\n    if (!nodeCheckable(node) || node.disabled || node.disableCheckbox) return;\n    const checked = !state.checkInfo.checked.includes(node.key);\n    const info = toggleCheck(state.checkInfo.checked, node.key, checked, index, checkStrictly);\n    state.setRawChecked(info.checked);\n    props.onCheck?.(info.checked, { node, checked, halfCheckedKeys: info.halfChecked });\n  };\n\n  const activate = (node: TreeNode) => {\n    if (nodeSelectable(node)) select(node);\n    else if (nodeCheckable(node)) check(node);\n    if (expandAction === \"click\" && canExpand(node)) toggleOpen(node);\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    // Durumdaki odak değil, olayın geldiği düğüm: odak ve tuş aynı karede gelirse state henüz güncellenmemiş olabilir.\n    const currentKey = (event.target as HTMLElement).closest<HTMLElement>(\"[role=treeitem]\")?.dataset.key ?? activeKey;\n    const node = currentKey ? index.get(currentKey)?.node : undefined;\n    if (!currentKey || !node) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      if (event.key === \" \" && nodeCheckable(node)) check(node);\n      else if (!node.disabled) activate(node);\n      return;\n    }\n    const action = getKeyAction(visible, currentKey, event.key, (k) => expandedSet.has(k), canExpand);\n    if (!action) return;\n    event.preventDefault();\n    if (action.type === \"focus\") focusNode(action.key);\n    else if (action.type === \"expand\") setOpen(node, true);\n    else if (action.type === \"collapse\") setOpen(node, false);\n    else {\n      const next = [...new Set([...state.expanded, ...action.keys])];\n      state.setExpanded(next);\n      props.onExpand?.(next, { node, expanded: true });\n    }\n  };\n\n  const checkedSet = new Set(state.checkInfo.checked);\n  const halfSet = new Set(state.checkInfo.halfChecked);\n\n  if (skeleton && props.treeData.length === 0) return <Placeholders />;\n  if (visible.length === 0) {\n    return <div className={cn(\"px-2 py-3 text-sm text-mari-muted\", className)}>{searchValue ? notFoundContent : null}</div>;\n  }\n\n  return (\n    // Tuşlar treeitem'lerden kabarcıklanır (APG: odak treeitem'de).\n    <div\n      role={skeleton ? undefined : \"tree\"}\n      aria-label={skeleton ? undefined : props[\"aria-label\"]}\n      aria-labelledby={skeleton ? undefined : props[\"aria-labelledby\"]}\n      aria-multiselectable={!skeleton && selectable && multiple ? true : undefined}\n      aria-hidden={skeleton || undefined}\n      aria-busy={skeleton || undefined}\n      data-skeleton={skeleton ? \"\" : undefined}\n      onKeyDown={skeleton ? undefined : onKeyDown}\n      className={cn(\"flex flex-col text-sm\", skeleton && \"pointer-events-none select-none\", className)}\n    >\n      {visible.map((entry) => {\n        const { node } = entry;\n        const checkState = nodeCheckable(node) ? getCheckState(node.key, checkedSet, halfSet) : null;\n        return (\n          <Row\n            key={node.key}\n            entry={entry}\n            id={domId(node.key)}\n            focused={node.key === activeKey}\n            open={expandedSet.has(node.key)}\n            expandable={canExpand(node)}\n            loading={loadingKeys.has(node.key)}\n            selected={state.selected.includes(node.key)}\n            selectable={selectable && node.selectable !== false}\n            checkState={checkState}\n            showLine={showLine}\n            blockNode={blockNode}\n            searchValue={searchValue}\n            titleRender={titleRender}\n            skeleton={skeleton}\n            onToggle={() => {\n              focusNode(node.key);\n              toggleOpen(node);\n            }}\n            onCheck={() => {\n              focusNode(node.key);\n              check(node);\n            }}\n            onActivate={() => {\n              focusNode(node.key);\n              activate(node);\n            }}\n            onDoubleActivate={() => {\n              if (expandAction === \"doubleClick\" && canExpand(node)) toggleOpen(node);\n            }}\n            onFocus={() => setFocusKey(node.key)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBO,SAAS,WAAW,MAA6B;AACtD,QAAM,QAAmB,oBAAI,IAAI;AACjC,QAAM,OAAO,CAAC,OAAmB,WAA0B,UAAkB;AAC3E,eAAW,QAAQ,OAAO;AACxB,YAAM,IAAI,KAAK,KAAK,EAAE,MAAM,WAAW,OAAO,YAAY,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC;AAClG,UAAI,KAAK,SAAU,MAAK,KAAK,UAAU,KAAK,KAAK,QAAQ,CAAC;AAAA,IAC5D;AAAA,EACF;AACA,OAAK,MAAM,MAAM,CAAC;AAClB,SAAO;AACT;AAGO,SAAS,aAAa,MAAgB,MAAwB;AACnE,MAAI,KAAK,YAAY,KAAK,SAAS,SAAS,EAAG,QAAO;AACtD,SAAO,QAAQ,CAAC,KAAK,UAAU,KAAK,aAAa;AACnD;AAGO,SAAS,cAAc,OAA4B;AACxD,SAAO,CAAC,GAAG,MAAM,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,UAAU,SAAS,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG;AACxF;AAEO,SAAS,gBAAgB,OAAkB,KAAuB;AACvE,QAAM,MAAgB,CAAC;AACvB,MAAI,SAAS,MAAM,IAAI,GAAG,GAAG,aAAa;AAC1C,SAAO,WAAW,MAAM;AACtB,QAAI,KAAK,MAAM;AACf,aAAS,MAAM,IAAI,MAAM,GAAG,aAAa;AAAA,EAC3C;AACA,SAAO;AACT;AAYO,SAAS,eAAe,MAAkB,UAA+B,QAA6C;AAC3H,QAAM,MAAqB,CAAC;AAC5B,QAAM,OAAO,CAAC,OAAmB,WAA0B,UAAkB;AAC3E,UAAM,QAAQ,SAAS,MAAM,OAAO,CAAC,MAAM,OAAO,IAAI,EAAE,GAAG,CAAC,IAAI;AAChE,UAAM,QAAQ,CAAC,MAAM,MAAM;AACzB,UAAI,KAAK,EAAE,MAAM,OAAO,UAAU,IAAI,GAAG,SAAS,MAAM,QAAQ,UAAU,CAAC;AAC3E,UAAI,KAAK,YAAY,SAAS,IAAI,KAAK,GAAG,EAAG,MAAK,KAAK,UAAU,KAAK,KAAK,QAAQ,CAAC;AAAA,IACtF,CAAC;AAAA,EACH;AACA,OAAK,MAAM,MAAM,CAAC;AAClB,SAAO;AACT;AAKO,SAAS,gBAAgB,MAAyB;AACvD,SAAO,CAAC,KAAK,YAAY,CAAC,KAAK,mBAAmB,KAAK,cAAc;AACvE;AAEA,SAAS,eAAe,OAAkB,KAAa,KAAkB;AACvE,aAAW,YAAY,MAAM,IAAI,GAAG,GAAG,aAAa,CAAC,GAAG;AACtD,UAAM,QAAQ,MAAM,IAAI,QAAQ;AAChC,QAAI,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAAI,EAAG;AAC5C,QAAI,IAAI,QAAQ;AAChB,mBAAe,OAAO,UAAU,GAAG;AAAA,EACrC;AACF;AAGA,SAAS,kBAAkB,OAAkB,KAAa,KAAkB;AAC1E,aAAW,YAAY,MAAM,IAAI,GAAG,GAAG,aAAa,CAAC,GAAG;AACtD,UAAM,QAAQ,MAAM,IAAI,QAAQ;AAChC,QAAI,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAAI,EAAG;AAC5C,QAAI,OAAO,QAAQ;AACnB,sBAAkB,OAAO,UAAU,GAAG;AAAA,EACxC;AACF;AAGA,SAAS,UAAU,OAAkB,KAAiC;AACpE,QAAM,OAAO,oBAAI,IAAY;AAC7B,QAAM,UAAU,CAAC,GAAG,MAAM,OAAO,CAAC,EAAE,QAAQ;AAC5C,aAAW,SAAS,SAAS;AAC3B,UAAM,mBAAmB,MAAM,UAAU,IAAI,CAAC,MAAM,MAAM,IAAI,CAAC,CAAE,EAAE,OAAO,CAAC,MAAM,gBAAgB,EAAE,IAAI,CAAC;AACxG,QAAI,iBAAiB,WAAW,EAAG;AACnC,UAAM,eAAe,iBAAiB,OAAO,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE;AACzE,UAAM,UAAU,iBAAiB,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,KAAK,GAAG,CAAC;AACjE,QAAI,CAAC,gBAAgB,MAAM,IAAI,EAAG;AAClC,QAAI,iBAAiB,iBAAiB,QAAQ;AAC5C,UAAI,IAAI,MAAM,KAAK,GAAG;AAAA,IACxB,OAAO;AACL,UAAI,OAAO,MAAM,KAAK,GAAG;AACzB,UAAI,eAAe,KAAK,QAAS,MAAK,IAAI,MAAM,KAAK,GAAG;AAAA,IAC1D;AAAA,EACF;AACA,QAAM,QAAQ,CAAC,GAAG,MAAM,KAAK,CAAC;AAC9B,SAAO,EAAE,SAAS,MAAM,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,GAAG,aAAa,MAAM,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,EAAE;AACnG;AAGO,SAAS,aAAa,MAAyB,OAAiC;AACrF,QAAM,MAAM,oBAAI,IAAY;AAC5B,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,MAAM,IAAI,GAAG;AAC3B,QAAI,CAAC,MAAO;AACZ,QAAI,IAAI,GAAG;AACX,QAAI,gBAAgB,MAAM,IAAI,EAAG,gBAAe,OAAO,KAAK,GAAG;AAAA,EACjE;AACA,SAAO,UAAU,OAAO,GAAG;AAC7B;AAGO,SAAS,YAAY,SAA4B,KAAa,SAAkB,OAAkB,QAAgC;AACvI,MAAI,QAAQ;AACV,UAAM,OAAO,UAAU,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,IAAI,QAAQ,OAAO,CAAC,MAAM,MAAM,GAAG;AACxF,WAAO,EAAE,SAAS,MAAM,aAAa,CAAC,EAAE;AAAA,EAC1C;AACA,QAAM,MAAM,IAAI,IAAI,OAAO;AAC3B,MAAI,SAAS;AACX,QAAI,IAAI,GAAG;AACX,mBAAe,OAAO,KAAK,GAAG;AAAA,EAChC,OAAO;AACL,QAAI,OAAO,GAAG;AACd,sBAAkB,OAAO,KAAK,GAAG;AACjC,eAAW,YAAY,gBAAgB,OAAO,GAAG,GAAG;AAClD,UAAI,gBAAgB,MAAM,IAAI,QAAQ,EAAG,IAAI,EAAG,KAAI,OAAO,QAAQ;AAAA,IACrE;AAAA,EACF;AACA,SAAO,UAAU,OAAO,GAAG;AAC7B;AAIO,SAAS,SAAS,MAAwB;AAC/C,MAAI,KAAK,eAAe,OAAW,QAAO,KAAK;AAC/C,SAAO,OAAO,KAAK,UAAU,YAAY,OAAO,KAAK,UAAU,WAAW,OAAO,KAAK,KAAK,IAAI;AACjG;AAOA,IAAM,YAAY,CAAC,MAAc,EAAE,kBAAkB,IAAI,EAAE,QAAQ,MAAM,GAAG;AAWrE,SAAS,WAAW,OAAkB,OAAwC;AACnF,QAAM,QAAQ,UAAU,MAAM,KAAK,CAAC;AACpC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAU,oBAAI,IAAY;AAChC,QAAM,UAAU,oBAAI,IAAY;AAChC,QAAM,SAAS,oBAAI,IAAY;AAC/B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO;AAChC,QAAI,CAAC,UAAU,SAAS,MAAM,IAAI,CAAC,EAAE,SAAS,KAAK,EAAG;AACtD,YAAQ,IAAI,GAAG;AACf,YAAQ,IAAI,GAAG;AACf,eAAW,YAAY,gBAAgB,OAAO,GAAG,GAAG;AAClD,cAAQ,IAAI,QAAQ;AACpB,aAAO,IAAI,QAAQ;AAAA,IACrB;AACA,UAAM,QAAQ,CAAC,GAAG,MAAM,SAAS;AACjC,WAAO,MAAM,QAAQ;AACnB,YAAM,IAAI,MAAM,IAAI;AACpB,cAAQ,IAAI,CAAC;AACb,YAAM,KAAK,GAAI,MAAM,IAAI,CAAC,GAAG,aAAa,CAAC,CAAE;AAAA,IAC/C;AAAA,EACF;AACA,SAAO,EAAE,SAAS,SAAS,OAAO;AACpC;AAGO,SAAS,WAAW,MAAc,OAAmD;AAC1F,QAAM,QAAQ,UAAU,MAAM,KAAK,CAAC;AACpC,MAAI,CAAC,MAAO,QAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;AAC1C,QAAM,QAAQ,UAAU,IAAI;AAE5B,QAAM,QAA4C,CAAC;AACnD,MAAI,OAAO;AACX,MAAI,KAAK,MAAM,QAAQ,OAAO,IAAI;AAClC,SAAO,OAAO,IAAI;AAChB,QAAI,KAAK,KAAM,OAAM,KAAK,EAAE,MAAM,KAAK,MAAM,MAAM,EAAE,GAAG,OAAO,MAAM,CAAC;AACtE,UAAM,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,KAAK,MAAM,MAAM,GAAG,OAAO,KAAK,CAAC;AACnE,WAAO,KAAK,MAAM;AAClB,SAAK,MAAM,QAAQ,OAAO,IAAI;AAAA,EAChC;AACA,MAAI,OAAO,KAAK,OAAQ,OAAM,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,GAAG,OAAO,MAAM,CAAC;AAC3E,SAAO;AACT;AAgBA,IAAM,UAAU,CAAC,UAAmD,QAAQ,EAAE,MAAM,SAAS,KAAK,MAAM,KAAK,IAAI,IAAI;AAGrH,SAAS,UAAU,SAAwB,GAAW,KAA4B;AAChF,MAAI,IAAI,WAAW,KAAK,QAAQ,IAAK,QAAO;AAC5C,QAAM,OAAO,UAAU,GAAG;AAC1B,WAAS,OAAO,GAAG,QAAQ,QAAQ,QAAQ,QAAQ;AACjD,UAAM,YAAY,SAAS,IAAI,QAAQ,QAAQ,MAAM;AACrD,QAAI,UAAU,SAAS,UAAU,IAAI,CAAC,EAAE,WAAW,IAAI,EAAG,QAAO,QAAQ,SAAS;AAAA,EACpF;AACA,SAAO;AACT;AAEO,SAAS,aACd,SACA,YACA,KACA,QACA,WACe;AACf,QAAM,IAAI,QAAQ,UAAU,CAAC,MAAM,EAAE,KAAK,QAAQ,UAAU;AAC5D,QAAM,UAAU,QAAQ,CAAC;AACzB,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,OAAO,UAAU,QAAQ,IAAI,KAAK,OAAO,QAAQ,KAAK,GAAG;AAC/D,UAAQ,KAAK;AAAA,IACX,KAAK;AACH,aAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;AAAA,IAC/B,KAAK;AACH,aAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;AAAA,IAC/B,KAAK;AACH,aAAO,QAAQ,QAAQ,CAAC,CAAC;AAAA,IAC3B,KAAK;AACH,aAAO,QAAQ,QAAQ,QAAQ,SAAS,CAAC,CAAC;AAAA,IAC5C,KAAK;AACH,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAG,QAAO;AACrC,UAAI,CAAC,KAAM,QAAO,EAAE,MAAM,UAAU,KAAK,QAAQ,KAAK,IAAI;AAC1D,aAAO,QAAQ,IAAI,CAAC,GAAG,cAAc,QAAQ,KAAK,MAAM,QAAQ,QAAQ,IAAI,CAAC,CAAC,IAAI;AAAA,IACpF,KAAK;AACH,UAAI,KAAM,QAAO,EAAE,MAAM,YAAY,KAAK,QAAQ,KAAK,IAAI;AAC3D,aAAO,QAAQ,cAAc,OAAO,OAAO,EAAE,MAAM,SAAS,KAAK,QAAQ,UAAU;AAAA,IACrF,KAAK,KAAK;AACR,YAAM,WAAW,QAAQ,OAAO,CAAC,MAAM,EAAE,cAAc,QAAQ,aAAa,UAAU,EAAE,IAAI,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG;AAC3I,aAAO,SAAS,SAAS,EAAE,MAAM,kBAAkB,MAAM,SAAS,IAAI;AAAA,IACxE;AAAA,IACA;AACE,aAAO,UAAU,SAAS,GAAG,GAAG;AAAA,EACpC;AACF;;;ACtRA,OAAO,SAAS,WAAW,OAAO,SAAS,QAAQ,gBAAgB;AACnE,SAAS,WAAW,kBAAkB,aAAa,iBAAiB;AACpE,SAAS,IAAI,4BAA4B;AA4BrC,SAiBsB,UARI,KAT1B;AAJG,SAAS,YAAY,EAAE,OAAO,UAAU,QAAQ,GAA+F;AACpJ,QAAM,KAAK,UAAU;AACrB;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,SAAS,WAAW,SAAY;AAAA,QAChC,WAAW;AAAA,UACT;AAAA,UACA,KAAK,GAAG,sBAAsB,aAAa,SAAS,uBAAuB,OAAO,IAAI;AAAA,UACtF,WAAW,kCAAkC;AAAA,QAC/C;AAAA,QAEC;AAAA,oBAAU,aAAa,oBAAC,aAAU,MAAM,IAAI,aAAa,KAAK;AAAA,UAC9D,UAAU,WAAW,oBAAC,aAAU,MAAM,IAAI,aAAa,KAAK;AAAA;AAAA;AAAA,IAC/D;AAAA;AAEJ;AAGO,SAAS,MAAM,EAAE,MAAM,aAAa,YAAY,GAAmH;AACxK,MAAI,YAAa,QAAO,gCAAG,sBAAY,IAAI,GAAE;AAC7C,MAAI,CAAC,eAAe,OAAO,KAAK,UAAU,SAAU,QAAO,gCAAG,eAAK,OAAM;AACzE,SACE,gCACG,qBAAW,KAAK,OAAO,WAAW,EAAE;AAAA,IAAI,CAAC,MAAM,MAC9C,KAAK;AAAA;AAAA,MAEH,oBAAC,UAAa,WAAU,kDACrB,eAAK,QADG,CAEX;AAAA,QAEA,oBAAC,MAAM,UAAN,EAAwB,eAAK,QAAT,CAAc;AAAA,EAEvC,GACF;AAEJ;AAyBA,SAAS,aAAa,EAAE,OAAO,SAAS,MAAM,YAAY,SAAS,UAAU,YAAY,YAAY,SAAS,GAAa;AACzH,MAAI,SAAU,QAAO,CAAC;AACtB,MAAI;AACJ,MAAI,eAAe,QAAS,WAAU;AAAA,WAC7B,WAAY,WAAU,eAAe;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,UAAU,IAAI;AAAA,IACxB,cAAc,MAAM;AAAA,IACpB,iBAAiB,MAAM;AAAA,IACvB,gBAAgB,MAAM;AAAA,IACtB,iBAAiB,aAAa,OAAO;AAAA,IACrC,iBAAiB,aAAa,WAAW;AAAA,IACzC,gBAAgB;AAAA,IAChB,iBAAiB,MAAM,KAAK,YAAY;AAAA,IACxC,aAAa,WAAW;AAAA,EAC1B;AACF;AAEO,SAAS,SAAS,EAAE,MAAM,YAAY,SAAS,UAAU,SAAS,GAA0F;AACjK,MAAI,OAAwB;AAC5B,MAAI,QAAS,QAAO,oBAAC,eAAY,MAAM,IAAI,WAAU,2DAA0D;AAAA,WACtG,cAAc,SAAU,QAAO,oBAAC,UAAM,GAAG,iBAAiB,mBAAmB,GAAG;AAAA,WAChF;AACP,WAAO,oBAAC,oBAAiB,MAAM,IAAI,WAAW,GAAG,mFAAmF,QAAQ,WAAW,GAAG;AAC5J;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,WAAY,UAAS;AAAA,QAC3B;AAAA,QACA,WAAW,GAAG,iFAAiF,cAAc,0CAA0C;AAAA,QAEtJ;AAAA;AAAA,IACH;AAAA;AAEJ;AAEO,SAAS,OAAO,EAAE,OAAO,SAAS,GAAmD;AAC1F,SACE,gCACG,gBAAM,KAAK,EAAE,QAAQ,QAAQ,EAAE,GAAG,CAAC,GAAG,MACrC;AAAA,IAAC;AAAA;AAAA,MAGC,eAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA;AAAA,QAEA,YAAY;AAAA,MACd;AAAA;AAAA,IANK;AAAA,EAOP,CACD,GACH;AAEJ;AAEA,SAAS,IAAI,OAA2B;AACtC,QAAM,EAAE,OAAO,IAAI,UAAU,YAAY,UAAU,WAAW,SAAS,IAAI;AAC3E,QAAM,EAAE,MAAM,MAAM,IAAI;AACxB,QAAM,WAAW,QAAQ,KAAK,QAAQ;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,aAAa,KAAK;AAAA,MACtB;AAAA,MACA,YAAU,KAAK;AAAA,MACf,SAAS,MAAM;AAAA,MACf,WAAU;AAAA,MAEV;AAAA,4BAAC,UAAO,OAAc,UAAoB;AAAA,QAC1C,oBAAC,YAAS,MAAM,MAAM,MAAM,YAAY,MAAM,YAAY,SAAS,MAAM,SAAS,UAAoB,UAAU,MAAM,UAAU;AAAA,QAC/H,cACC,oBAAC,UAAK,WAAU,qBACb,qBACC,oBAAC,UAAM,GAAG,iBAAiB,wBAAwB,GAAG,IAEtD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,YAAY,QAAQ,KAAK,eAAe;AAAA,YAClD,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAClB,oBAAM,QAAQ;AAAA,YAChB;AAAA;AAAA,QACF,GAEJ;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,WAAW,SAAY,MAAM;AAAA,YACtC,eAAe,WAAW,SAAY,MAAM;AAAA,YAC5C,WAAW;AAAA,cACT;AAAA,cACA,aAAa;AAAA,cACb,WAAW,uCAAuC;AAAA,cAClD,WAAW,2BAA2B,CAAC,YAAY;AAAA,cACnD;AAAA,YACF;AAAA,YAEC;AAAA,mBAAK,QACJ,oBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,6CAA6C,CAAC,YAAY,mBAAmB,YAAY,WAAW,GACjI,eAAK,MACR;AAAA,cAED,WACC,oBAAC,UAAM,GAAG,iBAAiB,sBAAsB,GAAI,iBAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,4BAAO,IAE1G,oBAAC,UAAK,WAAU,uBACd,8BAAC,SAAM,MAAY,aAAa,MAAM,aAAa,aAAa,MAAM,aAAa,GACrF;AAAA;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,qBAAqB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE5C,SAAS,eAAe;AACtB,SACE,oBAAC,SAAI,eAAW,MAAC,iBAAc,IAAG,WAAU,iBACzC,6BAAmB,IAAI,CAAC,OAAO,MAC9B,qBAAC,SAAY,WAAU,mDAAkD,OAAO,EAAE,oBAAoB,IAAI,QAAQ,KAAK,GAAG,MAAM,GAC9H;AAAA,wBAAC,iBAAc,QAAM,MAAC,OAAM,QAAO,QAAO,WAAU,QAAO,MAAK,WAAU,QAAO;AAAA,IACjF,oBAAC,iBAAc,QAAM,MAAC,OAAO,GAAG,KAAO,IAAI,KAAM,EAAG,KAAK,QAAO,YAAW,QAAO,MAAK;AAAA,OAF/E,CAGV,CACD,GACH;AAEJ;AAMA,SAAS,iBAAiB,UAAyB,SAAwB,OAAkB,UAAmC;AAC9H,QAAM,cAAc,IAAI,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC;AAC1D,MAAI,MAAM;AACV,SAAO,QAAQ,QAAQ,CAAC,YAAY,IAAI,GAAG,EAAG,OAAM,MAAM,IAAI,GAAG,GAAG,aAAa;AACjF,SAAO,OAAO,SAAS,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,CAAC,KAAK,QAAQ,CAAC,GAAG,KAAK,OAAO;AACpF;AAEA,SAAS,cAAc,KAAa,SAA8B,MAAuC;AACvG,MAAI,QAAQ,IAAI,GAAG,EAAG,QAAO;AAC7B,SAAO,KAAK,IAAI,GAAG,IAAI,UAAU;AACnC;AAEA,SAAS,aAAa,OAAkB;AACtC,QAAM,EAAE,UAAU,gBAAgB,MAAM,IAAI;AAC5C,QAAM,QAAQ,QAAQ,MAAM,WAAW,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA+B;AAAA,IAC7D,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,mBAAmB,cAAc,WAAW,QAAQ,CAAC,IAAK,MAAM,uBAAuB,CAAC;AAAA,EAC9G,CAAC;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA+B,EAAE,OAAO,MAAM,cAAc,cAAc,MAAM,uBAAuB,CAAC,EAAE,CAAC;AAC3I,QAAM,CAAC,YAAY,aAAa,IAAI,qBAA+B,EAAE,OAAO,MAAM,aAAa,cAAc,MAAM,sBAAsB,CAAC,EAAE,CAAC;AAC7I,QAAM,YAAY,QAAQ,MAAO,gBAAgB,EAAE,SAAS,YAAY,aAAa,CAAC,EAAE,IAAI,aAAa,YAAY,KAAK,GAAI,CAAC,YAAY,OAAO,aAAa,CAAC;AAChK,QAAM,SAAS,QAAQ,MAAO,MAAM,cAAc,WAAW,OAAO,MAAM,WAAW,IAAI,MAAO,CAAC,OAAO,MAAM,WAAW,CAAC;AAC1H,QAAM,cAAc,QAAQ,MAAM,oBAAI,IAAI,CAAC,GAAG,UAAU,GAAI,QAAQ,UAAU,CAAC,CAAE,CAAC,GAAG,CAAC,UAAU,MAAM,CAAC;AACvG,QAAM,UAAU,QAAQ,MAAM,eAAe,UAAU,aAAa,QAAQ,OAAO,GAAG,CAAC,UAAU,aAAa,MAAM,CAAC;AACrH,SAAO,EAAE,OAAO,UAAU,aAAa,UAAU,aAAa,WAAW,eAAe,aAAa,QAAQ;AAC/G;AAgBO,SAAS,KAAK,OAA4B;AAC/C,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,IACf,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,EACb,IAAI;AACJ,QAAM,SAAS,MAAM;AACrB,QAAM,QAAQ,aAAa,KAAK;AAChC,QAAM,EAAE,OAAO,SAAS,YAAY,IAAI;AACxC,QAAM,CAAC,aAAa,cAAc,IAAI,SAA8B,oBAAI,IAAI,CAAC;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,QAAM,YAAY,OAAO,KAAK;AAE9B,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,YAAY,CAAC,SAAmB,aAAa,MAAM,IAAI;AAC7D,QAAM,QAAQ,CAAC,QAAgB,GAAG,MAAM,IAAI,GAAG;AAE/C,QAAM,YAAY,iBAAiB,UAAU,SAAS,OAAO,MAAM,QAAQ;AAE3E,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,WAAW,CAAC,UAAW;AACtC,cAAU,UAAU;AACpB,aAAS,eAAe,MAAM,SAAS,CAAC,GAAG,MAAM;AAAA,EAEnD,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,YAAY,CAAC,QAAgB;AACjC,cAAU,UAAU;AACpB,gBAAY,GAAG;AAAA,EACjB;AAEA,QAAM,UAAU,CAAC,MAAgB,SAAkB;AACjD,UAAM,OAAO,OAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,MAAM,UAAU,KAAK,GAAG,CAAC,CAAC,IAAI,MAAM,SAAS,OAAO,CAAC,MAAM,MAAM,KAAK,GAAG;AAC7G,UAAM,YAAY,IAAI;AACtB,UAAM,WAAW,MAAM,EAAE,MAAM,UAAU,KAAK,CAAC;AAC/C,QAAI,QAAQ,YAAY,KAAK,aAAa,UAAa,CAAC,KAAK,UAAU,CAAC,YAAY,IAAI,KAAK,GAAG,GAAG;AACjG,qBAAe,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC;AAC9C,eAAS,IAAI,EACV,MAAM,MAAM,MAAM,YAAY,MAAM,SAAS,OAAO,CAAC,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,EAC3E;AAAA,QAAQ,MACP,eAAe,CAAC,MAAM;AACpB,gBAAM,IAAI,IAAI,IAAI,CAAC;AACnB,YAAE,OAAO,KAAK,GAAG;AACjB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACJ;AAAA,EACF;AAEA,QAAM,aAAa,CAAC,SAAmB,QAAQ,MAAM,CAAC,YAAY,IAAI,KAAK,GAAG,CAAC;AAE/E,QAAM,iBAAiB,CAAC,SAAmB,cAAc,KAAK,eAAe,SAAS,CAAC,KAAK;AAC5F,QAAM,gBAAgB,CAAC,SAAmB,aAAa,KAAK,cAAc;AAE1E,QAAM,SAAS,CAAC,SAAmB;AACjC,QAAI,CAAC,eAAe,IAAI,EAAG;AAC3B,UAAM,aAAa,MAAM,SAAS,SAAS,KAAK,GAAG;AACnD,QAAI;AACJ,QAAI,SAAU,QAAO,aAAa,MAAM,SAAS,OAAO,CAAC,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,MAAM,UAAU,KAAK,GAAG;AAAA,QACxG,QAAO,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG;AACvC,UAAM,YAAY,IAAI;AACtB,UAAM,WAAW,MAAM,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC;AAAA,EACxD;AAEA,QAAM,QAAQ,CAAC,SAAmB;AAChC,QAAI,CAAC,cAAc,IAAI,KAAK,KAAK,YAAY,KAAK,gBAAiB;AACnE,UAAM,UAAU,CAAC,MAAM,UAAU,QAAQ,SAAS,KAAK,GAAG;AAC1D,UAAM,OAAO,YAAY,MAAM,UAAU,SAAS,KAAK,KAAK,SAAS,OAAO,aAAa;AACzF,UAAM,cAAc,KAAK,OAAO;AAChC,UAAM,UAAU,KAAK,SAAS,EAAE,MAAM,SAAS,iBAAiB,KAAK,YAAY,CAAC;AAAA,EACpF;AAEA,QAAM,WAAW,CAAC,SAAmB;AACnC,QAAI,eAAe,IAAI,EAAG,QAAO,IAAI;AAAA,aAC5B,cAAc,IAAI,EAAG,OAAM,IAAI;AACxC,QAAI,iBAAiB,WAAW,UAAU,IAAI,EAAG,YAAW,IAAI;AAAA,EAClE;AAEA,QAAM,YAAY,CAAC,UAA+B;AAEhD,UAAM,aAAc,MAAM,OAAuB,QAAqB,iBAAiB,GAAG,QAAQ,OAAO;AACzG,UAAM,OAAO,aAAa,MAAM,IAAI,UAAU,GAAG,OAAO;AACxD,QAAI,CAAC,cAAc,CAAC,KAAM;AAC1B,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,eAAe;AACrB,UAAI,MAAM,QAAQ,OAAO,cAAc,IAAI,EAAG,OAAM,IAAI;AAAA,eAC/C,CAAC,KAAK,SAAU,UAAS,IAAI;AACtC;AAAA,IACF;AACA,UAAM,SAAS,aAAa,SAAS,YAAY,MAAM,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,GAAG,SAAS;AAChG,QAAI,CAAC,OAAQ;AACb,UAAM,eAAe;AACrB,QAAI,OAAO,SAAS,QAAS,WAAU,OAAO,GAAG;AAAA,aACxC,OAAO,SAAS,SAAU,SAAQ,MAAM,IAAI;AAAA,aAC5C,OAAO,SAAS,WAAY,SAAQ,MAAM,KAAK;AAAA,SACnD;AACH,YAAM,OAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,CAAC;AAC7D,YAAM,YAAY,IAAI;AACtB,YAAM,WAAW,MAAM,EAAE,MAAM,UAAU,KAAK,CAAC;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,aAAa,IAAI,IAAI,MAAM,UAAU,OAAO;AAClD,QAAM,UAAU,IAAI,IAAI,MAAM,UAAU,WAAW;AAEnD,MAAI,YAAY,MAAM,SAAS,WAAW,EAAG,QAAO,oBAAC,gBAAa;AAClE,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,oBAAC,SAAI,WAAW,GAAG,qCAAqC,SAAS,GAAI,wBAAc,kBAAkB,MAAK;AAAA,EACnH;AAEA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW,SAAY;AAAA,QAC7B,cAAY,WAAW,SAAY,MAAM,YAAY;AAAA,QACrD,mBAAiB,WAAW,SAAY,MAAM,iBAAiB;AAAA,QAC/D,wBAAsB,CAAC,YAAY,cAAc,WAAW,OAAO;AAAA,QACnE,eAAa,YAAY;AAAA,QACzB,aAAW,YAAY;AAAA,QACvB,iBAAe,WAAW,KAAK;AAAA,QAC/B,WAAW,WAAW,SAAY;AAAA,QAClC,WAAW,GAAG,yBAAyB,YAAY,mCAAmC,SAAS;AAAA,QAE9F,kBAAQ,IAAI,CAAC,UAAU;AACtB,gBAAM,EAAE,KAAK,IAAI;AACjB,gBAAM,aAAa,cAAc,IAAI,IAAI,cAAc,KAAK,KAAK,YAAY,OAAO,IAAI;AACxF,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,IAAI,MAAM,KAAK,GAAG;AAAA,cAClB,SAAS,KAAK,QAAQ;AAAA,cACtB,MAAM,YAAY,IAAI,KAAK,GAAG;AAAA,cAC9B,YAAY,UAAU,IAAI;AAAA,cAC1B,SAAS,YAAY,IAAI,KAAK,GAAG;AAAA,cACjC,UAAU,MAAM,SAAS,SAAS,KAAK,GAAG;AAAA,cAC1C,YAAY,cAAc,KAAK,eAAe;AAAA,cAC9C;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,UAAU,MAAM;AACd,0BAAU,KAAK,GAAG;AAClB,2BAAW,IAAI;AAAA,cACjB;AAAA,cACA,SAAS,MAAM;AACb,0BAAU,KAAK,GAAG;AAClB,sBAAM,IAAI;AAAA,cACZ;AAAA,cACA,YAAY,MAAM;AAChB,0BAAU,KAAK,GAAG;AAClB,yBAAS,IAAI;AAAA,cACf;AAAA,cACA,kBAAkB,MAAM;AACtB,oBAAI,iBAAiB,iBAAiB,UAAU,IAAI,EAAG,YAAW,IAAI;AAAA,cACxE;AAAA,cACA,SAAS,MAAM,YAAY,KAAK,GAAG;AAAA;AAAA,YA9B9B,KAAK;AAAA,UA+BZ;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA;AAEJ;","names":[]}