@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/tree-CjUNJlMa.cjs

@@ -0,0 +1,492 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const collapsible = require('./collapsible-CCV0eLl-.cjs');
+const lucideReact = require('lucide-react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const TreeContext = React__namespace.createContext(null);
+function TreeProvider({ children, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeContext.Provider, { value, children });
+}
+function useTreeContext() {
+  return React__namespace.useContext(TreeContext);
+}
+const TreeFolderContext = React__namespace.createContext(null);
+function TreeFolderProvider({ children, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeFolderContext.Provider, { value, children });
+}
+function useTreeFolderContext() {
+  return React__namespace.useContext(TreeFolderContext);
+}
+const TreeDepthContext = React__namespace.createContext(0);
+function TreeDepthProvider({ children, depth }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TreeDepthContext.Provider, { value: depth, children });
+}
+function useTreeDepth() {
+  return React__namespace.useContext(TreeDepthContext);
+}
+
+const TreeFile = React__namespace.forwardRef(({ id, className, children }, ref) => {
+  const treeCtx = useTreeContext();
+  const depth = useTreeDepth();
+  const isSelected = id != null && treeCtx?.selectedId === id;
+  const handleClick = (e) => {
+    treeCtx?.focusItem?.(e.currentTarget);
+    if (id != null && treeCtx?.onSelect) {
+      treeCtx.onSelect(id);
+    }
+  };
+  const handleFocus = (e) => {
+    treeCtx?.focusItem?.(e.currentTarget, { focus: false });
+  };
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === " ") && id != null && treeCtx?.onSelect) {
+      e.preventDefault();
+      treeCtx.onSelect(id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      role: "treeitem",
+      "aria-level": depth + 1,
+      "aria-selected": isSelected || void 0,
+      "data-tree-item-kind": "file",
+      "data-tree-item-id": id,
+      tabIndex: -1,
+      className: utils_cn.cn(
+        "group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1",
+        primitives_transitions.transitions.colors,
+        "outline-hidden hover:bg-surface4 focus-visible:outline-hidden focus-visible:bg-surface4 focus-visible:text-neutral6",
+        isSelected && "bg-surface4 text-neutral6",
+        className
+      ),
+      style: { paddingLeft: depth * 12 + 18 },
+      onClick: handleClick,
+      onFocus: handleFocus,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  );
+});
+TreeFile.displayName = "Tree.File";
+
+const TreeFolder = React__namespace.forwardRef(
+  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {
+    const treeCtx = useTreeContext();
+    const depth = useTreeDepth();
+    const [internalOpen, setInternalOpen] = React__namespace.useState(defaultOpen ?? false);
+    const [isFocused, setIsFocused] = React__namespace.useState(false);
+    const isOpen = open ?? internalOpen;
+    const handleOpenChange = React__namespace.useCallback(
+      (nextOpen) => {
+        setInternalOpen(nextOpen);
+        onOpenChange?.(nextOpen);
+      },
+      [onOpenChange]
+    );
+    const handleFocus = React__namespace.useCallback(
+      (e) => {
+        if (e.target !== e.currentTarget) {
+          setIsFocused(false);
+          return;
+        }
+        setIsFocused(true);
+        treeCtx?.focusItem?.(e.currentTarget, { focus: false });
+      },
+      [treeCtx]
+    );
+    const handleBlur = React__namespace.useCallback(() => {
+      setIsFocused(false);
+    }, []);
+    const folderContextValue = React__namespace.useMemo(() => ({ isFocused }), [isFocused]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        ref,
+        role: "treeitem",
+        "aria-expanded": isOpen,
+        "aria-level": depth + 1,
+        "data-tree-item-kind": "folder",
+        "data-tree-item-id": id,
+        tabIndex: -1,
+        className: utils_cn.cn("flex flex-col outline-hidden", className),
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        children: /* @__PURE__ */ jsxRuntime.jsx(TreeFolderProvider, { value: folderContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible, { open: isOpen, onOpenChange: handleOpenChange, children }) })
+      }
+    );
+  }
+);
+TreeFolder.displayName = "Tree.Folder";
+
+const TreeFolderContent = React__namespace.forwardRef(
+  ({ className, children }, ref) => {
+    const depth = useTreeDepth();
+    return /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { ref, className: utils_cn.cn(className), children: /* @__PURE__ */ jsxRuntime.jsx(TreeDepthProvider, { depth: depth + 1, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", className: "flex flex-col", children }) }) });
+  }
+);
+TreeFolderContent.displayName = "Tree.FolderContent";
+
+const TreeFolderTrigger = React__namespace.forwardRef(
+  ({ className, children, actions }, ref) => {
+    const treeCtx = useTreeContext();
+    const folderCtx = useTreeFolderContext();
+    const depth = useTreeDepth();
+    const focusFolderItem = React__namespace.useCallback(
+      (target, options) => {
+        const item = target.closest('[data-tree-item-kind="folder"]');
+        if (item) {
+          treeCtx?.focusItem?.(item, options);
+        }
+      },
+      [treeCtx]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-tree-folder-row": "true",
+        className: utils_cn.cn(
+          "group flex h-7 min-w-0 w-full items-center rounded-sm hover:bg-surface4",
+          primitives_transitions.transitions.colors,
+          folderCtx?.isFocused && "bg-surface4 text-neutral6",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            collapsible.CollapsibleTrigger,
+            {
+              "data-tree-folder-trigger": "true",
+              tabIndex: -1,
+              className: "flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden focus-visible:ring-0",
+              style: { paddingLeft: depth * 12 },
+              onMouseDown: (e) => {
+                e.preventDefault();
+                focusFolderItem(e.currentTarget);
+              },
+              onFocus: (e) => {
+                focusFolderItem(e.currentTarget, { focus: false });
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "size-3 shrink-0 text-neutral3" }),
+                children
+              ]
+            }
+          ),
+          actions && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 pr-1", onClick: (e) => e.stopPropagation(), children: actions })
+        ]
+      }
+    );
+  }
+);
+TreeFolderTrigger.displayName = "Tree.FolderTrigger";
+
+const TreeIcon = React__namespace.forwardRef(({ className, children }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: utils_cn.cn("flex shrink-0 items-center [&>svg]:size-3.5", className), children }));
+TreeIcon.displayName = "Tree.Icon";
+
+const TreeInput = React__namespace.forwardRef(
+  ({ type, onSubmit, onCancel, defaultValue = "", placeholder, autoFocus = true, className }, ref) => {
+    const depth = useTreeDepth();
+    const inputRef = React__namespace.useRef(null);
+    const submittedRef = React__namespace.useRef(false);
+    const handleSubmit = React__namespace.useCallback(
+      (value) => {
+        if (submittedRef.current) return;
+        const trimmed = value.trim();
+        if (trimmed) {
+          submittedRef.current = true;
+          onSubmit(trimmed);
+        } else {
+          onCancel?.();
+        }
+      },
+      [onSubmit, onCancel]
+    );
+    const handleKeyDown = React__namespace.useCallback(
+      (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          handleSubmit(e.currentTarget.value);
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          onCancel?.();
+        }
+      },
+      [handleSubmit, onCancel]
+    );
+    const handleBlur = React__namespace.useCallback(
+      (e) => {
+        handleSubmit(e.currentTarget.value);
+      },
+      [handleSubmit]
+    );
+    const handleFocus = React__namespace.useCallback((e) => {
+      e.currentTarget.select();
+    }, []);
+    const Icon = type === "folder" ? lucideReact.Folder : lucideReact.File;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        ref,
+        role: "treeitem",
+        "aria-level": depth + 1,
+        "data-tree-item-kind": "input",
+        className: utils_cn.cn(
+          "group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1",
+          primitives_transitions.transitions.colors,
+          "focus-within:outline-hidden focus-within:bg-surface4 focus-within:text-neutral6",
+          className
+        ),
+        style: { paddingLeft: depth * 12 + 18 },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center [&>svg]:size-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "text-neutral3" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              defaultValue,
+              placeholder,
+              autoFocus,
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              onFocus: handleFocus,
+              className: "min-w-0 flex-1 border-none bg-transparent text-xs text-neutral5 outline-hidden placeholder:text-neutral3"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TreeInput.displayName = "Tree.Input";
+
+const TreeLabel = React__namespace.forwardRef(({ className, children }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: utils_cn.cn("truncate text-neutral5", className), children }));
+TreeLabel.displayName = "Tree.Label";
+
+const TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind="folder"], [data-tree-item-kind="file"]';
+const TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger="true"]';
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? React__namespace.useEffect : React__namespace.useLayoutEffect;
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+function getTreeItems(root) {
+  return Array.from(root.querySelectorAll(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(
+    (item) => item.getAttribute("role") === "treeitem"
+  );
+}
+function setTabStops(items, focusableItem) {
+  for (const item of items) {
+    item.tabIndex = item === focusableItem ? 0 : -1;
+  }
+}
+function syncTreeItemSetMetadata(root) {
+  const groups = [root, ...Array.from(root.querySelectorAll('[role="group"]'))];
+  for (const group of groups) {
+    const items = Array.from(group.children).filter(
+      (child) => child instanceof HTMLElement && child.getAttribute("role") === "treeitem" && child.hasAttribute("data-tree-item-kind")
+    );
+    items.forEach((item, index) => {
+      item.setAttribute("aria-posinset", String(index + 1));
+      item.setAttribute("aria-setsize", String(items.length));
+    });
+  }
+}
+function findSelectedItem(items, selectedId) {
+  if (!selectedId) return null;
+  return items.find((item) => item.dataset.treeItemId === selectedId) ?? null;
+}
+function getActiveTreeItem(root, items) {
+  const activeElement = root.ownerDocument.activeElement;
+  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;
+  const activeItem = activeElement.closest(TREE_FOCUSABLE_ITEM_SELECTOR);
+  return activeItem && items.includes(activeItem) ? activeItem : null;
+}
+function getClosestTreeItem(root, target) {
+  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;
+  const item = target.closest(TREE_FOCUSABLE_ITEM_SELECTOR);
+  return item?.getAttribute("role") === "treeitem" ? item : null;
+}
+function focusTreeItem(root, item, options = {}) {
+  const items = getTreeItems(root);
+  if (!items.includes(item)) return;
+  setTabStops(items, item);
+  if (options.focus !== false) {
+    item.focus();
+  }
+}
+function syncTreeTabStops(root, selectedId) {
+  const items = getTreeItems(root);
+  syncTreeItemSetMetadata(root);
+  if (items.length === 0) return;
+  const activeItem = getActiveTreeItem(root, items);
+  const selectedItem = findSelectedItem(items, selectedId);
+  setTabStops(items, activeItem ?? selectedItem ?? items[0]);
+}
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.dataset.treeFolderTrigger === "true") return false;
+  if (target.isContentEditable) return true;
+  return !!target.closest('input, textarea, select, button, [contenteditable="true"]');
+}
+function getFolderTrigger(item) {
+  return item.querySelector(TREE_FOLDER_TRIGGER_SELECTOR);
+}
+function getParentTreeItem(item) {
+  const parentGroup = item.parentElement?.closest('[role="group"]');
+  return parentGroup?.closest(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;
+}
+function activateTreeItem(item) {
+  const trigger = getFolderTrigger(item);
+  if (trigger) {
+    trigger.click();
+  } else {
+    item.click();
+  }
+}
+const TreeRoot = React__namespace.forwardRef(
+  ({ selectedId, onSelect, className, children }, ref) => {
+    const rootRef = React__namespace.useRef(null);
+    const handleRootRef = React__namespace.useCallback(
+      (node) => {
+        rootRef.current = node;
+        assignRef(ref, node);
+      },
+      [ref]
+    );
+    const focusItem = React__namespace.useCallback((item, options) => {
+      const root = rootRef.current;
+      if (!root) return;
+      focusTreeItem(root, item, options);
+    }, []);
+    const handleKeyDown = React__namespace.useCallback((event) => {
+      if (event.defaultPrevented || isEditableTarget(event.target)) return;
+      const root = rootRef.current;
+      if (!root) return;
+      const items = getTreeItems(root);
+      const currentItem = getClosestTreeItem(root, event.target) ?? getActiveTreeItem(root, items) ?? items.find((item) => item.tabIndex === 0);
+      if (!currentItem) return;
+      const currentIndex = items.indexOf(currentItem);
+      if (currentIndex < 0) return;
+      let nextItem = null;
+      let handled = true;
+      switch (event.key) {
+        case "ArrowDown":
+          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;
+          break;
+        case "ArrowUp":
+          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;
+          break;
+        case "Home":
+          nextItem = items[0] ?? null;
+          break;
+        case "End":
+          nextItem = items[items.length - 1] ?? null;
+          break;
+        case "ArrowRight": {
+          const trigger = getFolderTrigger(currentItem);
+          if (trigger && currentItem.getAttribute("aria-expanded") !== "true") {
+            trigger.click();
+            nextItem = currentItem;
+          } else {
+            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          const trigger = getFolderTrigger(currentItem);
+          if (trigger && currentItem.getAttribute("aria-expanded") === "true") {
+            trigger.click();
+            nextItem = currentItem;
+          } else {
+            nextItem = getParentTreeItem(currentItem);
+          }
+          break;
+        }
+        case "Enter":
+        case " ":
+        case "Spacebar":
+          activateTreeItem(currentItem);
+          nextItem = currentItem;
+          break;
+        default:
+          handled = false;
+      }
+      if (!handled) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (nextItem) {
+        focusTreeItem(root, nextItem);
+      }
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+      const root = rootRef.current;
+      if (!root) return;
+      syncTreeTabStops(root, selectedId);
+    }, [children, selectedId]);
+    React__namespace.useEffect(() => {
+      const root = rootRef.current;
+      if (!root || typeof MutationObserver === "undefined") return;
+      const observer = new MutationObserver(() => {
+        syncTreeTabStops(root, selectedId);
+      });
+      observer.observe(root, { childList: true, subtree: true });
+      return () => {
+        observer.disconnect();
+      };
+    }, [selectedId]);
+    const contextValue = React__namespace.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);
+    return /* @__PURE__ */ jsxRuntime.jsx(TreeProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(TreeDepthProvider, { depth: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        ref: handleRootRef,
+        role: "tree",
+        className: utils_cn.cn("flex flex-col text-xs", className),
+        onKeyDown: handleKeyDown,
+        children
+      }
+    ) }) });
+  }
+);
+TreeRoot.displayName = "Tree";
+
+const Tree = Object.assign(TreeRoot, {
+  Folder: TreeFolder,
+  FolderTrigger: TreeFolderTrigger,
+  FolderContent: TreeFolderContent,
+  File: TreeFile,
+  Icon: TreeIcon,
+  Label: TreeLabel,
+  Input: TreeInput
+});
+
+exports.Tree = Tree;
+//# sourceMappingURL=tree-CjUNJlMa.cjs.map

package/dist/tree-CjUNJlMa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-CjUNJlMa.cjs","sources":["../src/ds/components/Tree/tree-context.tsx","../src/ds/components/Tree/tree-file.tsx","../src/ds/components/Tree/tree-folder.tsx","../src/ds/components/Tree/tree-folder-content.tsx","../src/ds/components/Tree/tree-folder-trigger.tsx","../src/ds/components/Tree/tree-icon.tsx","../src/ds/components/Tree/tree-input.tsx","../src/ds/components/Tree/tree-label.tsx","../src/ds/components/Tree/tree-root.tsx","../src/ds/components/Tree/tree.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface TreeContextValue {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  focusItem?: (item: HTMLElement, options?: { focus?: boolean }) => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\nexport function TreeProvider({ children, value }: { children: React.ReactNode; value: TreeContextValue }) {\n  return <TreeContext.Provider value={value}>{children}</TreeContext.Provider>;\n}\n\nexport function useTreeContext(): TreeContextValue | null {\n  return React.useContext(TreeContext);\n}\n\nexport interface TreeFolderContextValue {\n  isFocused: boolean;\n}\n\nconst TreeFolderContext = React.createContext<TreeFolderContextValue | null>(null);\n\nexport function TreeFolderProvider({ children, value }: { children: React.ReactNode; value: TreeFolderContextValue }) {\n  return <TreeFolderContext.Provider value={value}>{children}</TreeFolderContext.Provider>;\n}\n\nexport function useTreeFolderContext(): TreeFolderContextValue | null {\n  return React.useContext(TreeFolderContext);\n}\n\nconst TreeDepthContext = React.createContext<number>(0);\n\nexport function TreeDepthProvider({ children, depth }: { children: React.ReactNode; depth: number }) {\n  return <TreeDepthContext.Provider value={depth}>{children}</TreeDepthContext.Provider>;\n}\n\nexport function useTreeDepth(): number {\n  return React.useContext(TreeDepthContext);\n}\n","import * as React from 'react';\nimport { useTreeContext, useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFileProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFile = React.forwardRef<HTMLLIElement, TreeFileProps>(({ id, className, children }, ref) => {\n  const treeCtx = useTreeContext();\n  const depth = useTreeDepth();\n  const isSelected = id != null && treeCtx?.selectedId === id;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget);\n    if (id != null && treeCtx?.onSelect) {\n      treeCtx.onSelect(id);\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === 'Enter' || e.key === ' ') && id != null && treeCtx?.onSelect) {\n      e.preventDefault();\n      treeCtx.onSelect(id);\n    }\n  };\n\n  return (\n    <li\n      ref={ref}\n      role=\"treeitem\"\n      aria-level={depth + 1}\n      aria-selected={isSelected || undefined}\n      data-tree-item-kind=\"file\"\n      data-tree-item-id={id}\n      tabIndex={-1}\n      className={cn(\n        'group flex h-7 min-w-0 cursor-pointer items-center gap-1.5 rounded-sm px-1',\n        transitions.colors,\n        'outline-hidden hover:bg-surface4 focus-visible:outline-hidden focus-visible:bg-surface4 focus-visible:text-neutral6',\n        isSelected && 'bg-surface4 text-neutral6',\n        className,\n      )}\n      // +18 offsets past the chevron (size-3 = 12px) + flex gap (gap-1.5 = 6px) that folders have\n      style={{ paddingLeft: depth * 12 + 18 }}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </li>\n  );\n});\nTreeFile.displayName = 'Tree.File';\n","import * as React from 'react';\nimport { TreeFolderProvider, useTreeContext, useTreeDepth } from './tree-context';\nimport { Collapsible } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderProps {\n  id?: string;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolder = React.forwardRef<HTMLLIElement, TreeFolderProps>(\n  ({ id, defaultOpen, open, onOpenChange, className, children }, ref) => {\n    const treeCtx = useTreeContext();\n    const depth = useTreeDepth();\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const isOpen = open ?? internalOpen;\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        setInternalOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n      },\n      [onOpenChange],\n    );\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLLIElement>) => {\n        if (e.target !== e.currentTarget) {\n          setIsFocused(false);\n          return;\n        }\n\n        setIsFocused(true);\n        treeCtx?.focusItem?.(e.currentTarget, { focus: false });\n      },\n      [treeCtx],\n    );\n\n    const handleBlur = React.useCallback(() => {\n      setIsFocused(false);\n    }, []);\n\n    const folderContextValue = React.useMemo(() => ({ isFocused }), [isFocused]);\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-expanded={isOpen}\n        aria-level={depth + 1}\n        data-tree-item-kind=\"folder\"\n        data-tree-item-id={id}\n        tabIndex={-1}\n        className={cn('flex flex-col outline-hidden', className)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        <TreeFolderProvider value={folderContextValue}>\n          <Collapsible open={isOpen} onOpenChange={handleOpenChange}>\n            {children}\n          </Collapsible>\n        </TreeFolderProvider>\n      </li>\n    );\n  },\n);\nTreeFolder.displayName = 'Tree.Folder';\n","import * as React from 'react';\nimport { useTreeDepth, TreeDepthProvider } from './tree-context';\nimport { CollapsibleContent } from '@/ds/components/Collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderContentProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeFolderContent = React.forwardRef<HTMLDivElement, TreeFolderContentProps>(\n  ({ className, children }, ref) => {\n    const depth = useTreeDepth();\n\n    return (\n      <CollapsibleContent ref={ref} className={cn(className)}>\n        <TreeDepthProvider depth={depth + 1}>\n          <ul role=\"group\" className=\"flex flex-col\">\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </CollapsibleContent>\n    );\n  },\n);\nTreeFolderContent.displayName = 'Tree.FolderContent';\n","import { ChevronRight } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeContext, useTreeDepth, useTreeFolderContext } from './tree-context';\nimport { CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeFolderTriggerProps {\n  className?: string;\n  children: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nexport const TreeFolderTrigger = React.forwardRef<HTMLDivElement, TreeFolderTriggerProps>(\n  ({ className, children, actions }, ref) => {\n    const treeCtx = useTreeContext();\n    const folderCtx = useTreeFolderContext();\n    const depth = useTreeDepth();\n\n    const focusFolderItem = React.useCallback(\n      (target: HTMLElement, options?: { focus?: boolean }) => {\n        const item = target.closest<HTMLElement>('[data-tree-item-kind=\"folder\"]');\n        if (item) {\n          treeCtx?.focusItem?.(item, options);\n        }\n      },\n      [treeCtx],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-tree-folder-row=\"true\"\n        className={cn(\n          'group flex h-7 min-w-0 w-full items-center rounded-sm hover:bg-surface4',\n          transitions.colors,\n          folderCtx?.isFocused && 'bg-surface4 text-neutral6',\n          className,\n        )}\n      >\n        <CollapsibleTrigger\n          data-tree-folder-trigger=\"true\"\n          tabIndex={-1}\n          className=\"flex h-7 min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-sm px-1 outline-hidden focus-visible:outline-hidden focus-visible:ring-0\"\n          style={{ paddingLeft: depth * 12 }}\n          onMouseDown={e => {\n            e.preventDefault();\n            focusFolderItem(e.currentTarget);\n          }}\n          onFocus={e => {\n            focusFolderItem(e.currentTarget, { focus: false });\n          }}\n        >\n          <ChevronRight aria-hidden=\"true\" className=\"size-3 shrink-0 text-neutral3\" />\n          {children}\n        </CollapsibleTrigger>\n        {actions && (\n          <span className=\"shrink-0 pr-1\" onClick={e => e.stopPropagation()}>\n            {actions}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nTreeFolderTrigger.displayName = 'Tree.FolderTrigger';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeIconProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeIcon = React.forwardRef<HTMLSpanElement, TreeIconProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('flex shrink-0 items-center [&>svg]:size-3.5', className)}>\n    {children}\n  </span>\n));\nTreeIcon.displayName = 'Tree.Icon';\n","import { File, Folder } from 'lucide-react';\nimport * as React from 'react';\nimport { useTreeDepth } from './tree-context';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeInputProps {\n  type: 'file' | 'folder';\n  onSubmit: (name: string) => void;\n  onCancel?: () => void;\n  defaultValue?: string;\n  placeholder?: string;\n  autoFocus?: boolean;\n  className?: string;\n}\n\nexport const TreeInput = React.forwardRef<HTMLLIElement, TreeInputProps>(\n  ({ type, onSubmit, onCancel, defaultValue = '', placeholder, autoFocus = true, className }, ref) => {\n    const depth = useTreeDepth();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const submittedRef = React.useRef(false);\n\n    const handleSubmit = React.useCallback(\n      (value: string) => {\n        if (submittedRef.current) return;\n        const trimmed = value.trim();\n        if (trimmed) {\n          submittedRef.current = true;\n          onSubmit(trimmed);\n        } else {\n          onCancel?.();\n        }\n      },\n      [onSubmit, onCancel],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          handleSubmit(e.currentTarget.value);\n        } else if (e.key === 'Escape') {\n          e.preventDefault();\n          onCancel?.();\n        }\n      },\n      [handleSubmit, onCancel],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        handleSubmit(e.currentTarget.value);\n      },\n      [handleSubmit],\n    );\n\n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLInputElement>) => {\n      e.currentTarget.select();\n    }, []);\n\n    const Icon = type === 'folder' ? Folder : File;\n\n    return (\n      <li\n        ref={ref}\n        role=\"treeitem\"\n        aria-level={depth + 1}\n        data-tree-item-kind=\"input\"\n        className={cn(\n          'group flex h-7 min-w-0 items-center gap-1.5 rounded-sm px-1',\n          transitions.colors,\n          'focus-within:outline-hidden focus-within:bg-surface4 focus-within:text-neutral6',\n          className,\n        )}\n        style={{ paddingLeft: depth * 12 + 18 }}\n      >\n        <span className=\"flex shrink-0 items-center [&>svg]:size-3.5\">\n          <Icon className=\"text-neutral3\" />\n        </span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          defaultValue={defaultValue}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          onFocus={handleFocus}\n          className=\"min-w-0 flex-1 border-none bg-transparent text-xs text-neutral5 outline-hidden placeholder:text-neutral3\"\n        />\n      </li>\n    );\n  },\n);\nTreeInput.displayName = 'Tree.Input';\n","import * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TreeLabelProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const TreeLabel = React.forwardRef<HTMLSpanElement, TreeLabelProps>(({ className, children }, ref) => (\n  <span ref={ref} className={cn('truncate text-neutral5', className)}>\n    {children}\n  </span>\n));\nTreeLabel.displayName = 'Tree.Label';\n","import * as React from 'react';\nimport { TreeProvider, TreeDepthProvider } from './tree-context';\nimport { cn } from '@/lib/utils';\n\nconst TREE_FOCUSABLE_ITEM_SELECTOR = '[data-tree-item-kind=\"folder\"], [data-tree-item-kind=\"file\"]';\nconst TREE_FOLDER_TRIGGER_SELECTOR = '[data-tree-folder-trigger=\"true\"]';\n\nexport interface TreeRootProps {\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nfunction getTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR)).filter(\n    item => item.getAttribute('role') === 'treeitem',\n  );\n}\n\nfunction setTabStops(items: HTMLElement[], focusableItem: HTMLElement) {\n  for (const item of items) {\n    item.tabIndex = item === focusableItem ? 0 : -1;\n  }\n}\n\nfunction syncTreeItemSetMetadata(root: HTMLElement) {\n  const groups = [root, ...Array.from(root.querySelectorAll<HTMLElement>('[role=\"group\"]'))];\n\n  for (const group of groups) {\n    const items = Array.from(group.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLElement &&\n        child.getAttribute('role') === 'treeitem' &&\n        child.hasAttribute('data-tree-item-kind'),\n    );\n\n    items.forEach((item, index) => {\n      item.setAttribute('aria-posinset', String(index + 1));\n      item.setAttribute('aria-setsize', String(items.length));\n    });\n  }\n}\n\nfunction findSelectedItem(items: HTMLElement[], selectedId: string | undefined): HTMLElement | null {\n  if (!selectedId) return null;\n  return items.find(item => item.dataset.treeItemId === selectedId) ?? null;\n}\n\nfunction getActiveTreeItem(root: HTMLElement, items: HTMLElement[]): HTMLElement | null {\n  const activeElement = root.ownerDocument.activeElement;\n  if (!(activeElement instanceof HTMLElement) || !root.contains(activeElement)) return null;\n\n  const activeItem = activeElement.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return activeItem && items.includes(activeItem) ? activeItem : null;\n}\n\nfunction getClosestTreeItem(root: HTMLElement, target: EventTarget | null): HTMLElement | null {\n  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;\n  const item = target.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR);\n  return item?.getAttribute('role') === 'treeitem' ? item : null;\n}\n\nfunction focusTreeItem(root: HTMLElement, item: HTMLElement, options: { focus?: boolean } = {}) {\n  const items = getTreeItems(root);\n  if (!items.includes(item)) return;\n\n  setTabStops(items, item);\n  if (options.focus !== false) {\n    item.focus();\n  }\n}\n\nfunction syncTreeTabStops(root: HTMLElement, selectedId: string | undefined) {\n  const items = getTreeItems(root);\n  syncTreeItemSetMetadata(root);\n\n  if (items.length === 0) return;\n\n  const activeItem = getActiveTreeItem(root, items);\n  const selectedItem = findSelectedItem(items, selectedId);\n  setTabStops(items, activeItem ?? selectedItem ?? items[0]);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.dataset.treeFolderTrigger === 'true') return false;\n  if (target.isContentEditable) return true;\n\n  return !!target.closest('input, textarea, select, button, [contenteditable=\"true\"]');\n}\n\nfunction getFolderTrigger(item: HTMLElement): HTMLButtonElement | null {\n  return item.querySelector<HTMLButtonElement>(TREE_FOLDER_TRIGGER_SELECTOR);\n}\n\nfunction getParentTreeItem(item: HTMLElement): HTMLElement | null {\n  const parentGroup = item.parentElement?.closest('[role=\"group\"]');\n  return parentGroup?.closest<HTMLElement>(TREE_FOCUSABLE_ITEM_SELECTOR) ?? null;\n}\n\nfunction activateTreeItem(item: HTMLElement) {\n  const trigger = getFolderTrigger(item);\n  if (trigger) {\n    trigger.click();\n  } else {\n    item.click();\n  }\n}\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeRootProps>(\n  ({ selectedId, onSelect, className, children }, ref) => {\n    const rootRef = React.useRef<HTMLUListElement | null>(null);\n\n    const handleRootRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        rootRef.current = node;\n        assignRef(ref, node);\n      },\n      [ref],\n    );\n\n    const focusItem = React.useCallback((item: HTMLElement, options?: { focus?: boolean }) => {\n      const root = rootRef.current;\n      if (!root) return;\n      focusTreeItem(root, item, options);\n    }, []);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (event.defaultPrevented || isEditableTarget(event.target)) return;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const items = getTreeItems(root);\n      const currentItem =\n        getClosestTreeItem(root, event.target) ??\n        getActiveTreeItem(root, items) ??\n        items.find(item => item.tabIndex === 0);\n      if (!currentItem) return;\n\n      const currentIndex = items.indexOf(currentItem);\n      if (currentIndex < 0) return;\n\n      let nextItem: HTMLElement | null = null;\n      let handled = true;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          break;\n        case 'ArrowUp':\n          nextItem = items[Math.max(currentIndex - 1, 0)] ?? null;\n          break;\n        case 'Home':\n          nextItem = items[0] ?? null;\n          break;\n        case 'End':\n          nextItem = items[items.length - 1] ?? null;\n          break;\n        case 'ArrowRight': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') !== 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = items[Math.min(currentIndex + 1, items.length - 1)] ?? null;\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const trigger = getFolderTrigger(currentItem);\n          if (trigger && currentItem.getAttribute('aria-expanded') === 'true') {\n            trigger.click();\n            nextItem = currentItem;\n          } else {\n            nextItem = getParentTreeItem(currentItem);\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar':\n          activateTreeItem(currentItem);\n          nextItem = currentItem;\n          break;\n        default:\n          handled = false;\n      }\n\n      if (!handled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (nextItem) {\n        focusTreeItem(root, nextItem);\n      }\n    }, []);\n\n    useIsomorphicLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n      syncTreeTabStops(root, selectedId);\n    }, [children, selectedId]);\n\n    React.useEffect(() => {\n      const root = rootRef.current;\n      if (!root || typeof MutationObserver === 'undefined') return;\n\n      const observer = new MutationObserver(() => {\n        syncTreeTabStops(root, selectedId);\n      });\n      observer.observe(root, { childList: true, subtree: true });\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [selectedId]);\n\n    const contextValue = React.useMemo(() => ({ selectedId, onSelect, focusItem }), [selectedId, onSelect, focusItem]);\n\n    return (\n      <TreeProvider value={contextValue}>\n        <TreeDepthProvider depth={0}>\n          <ul\n            ref={handleRootRef}\n            role=\"tree\"\n            className={cn('flex flex-col text-xs', className)}\n            onKeyDown={handleKeyDown}\n          >\n            {children}\n          </ul>\n        </TreeDepthProvider>\n      </TreeProvider>\n    );\n  },\n);\nTreeRoot.displayName = 'Tree';\n","import { TreeFile } from './tree-file';\nimport { TreeFolder } from './tree-folder';\nimport { TreeFolderContent } from './tree-folder-content';\nimport { TreeFolderTrigger } from './tree-folder-trigger';\nimport { TreeIcon } from './tree-icon';\nimport { TreeInput } from './tree-input';\nimport { TreeLabel } from './tree-label';\nimport { TreeRoot } from './tree-root';\n\nexport const Tree = Object.assign(TreeRoot, {\n  Folder: TreeFolder,\n  FolderTrigger: TreeFolderTrigger,\n  FolderContent: TreeFolderContent,\n  File: TreeFile,\n  Icon: TreeIcon,\n  Label: TreeLabel,\n  Input: TreeInput,\n});\n"],"names":["React","jsx","cn","transitions","Collapsible","CollapsibleContent","jsxs","CollapsibleTrigger","ChevronRight","Folder","File"],"mappings":"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"}

package/dist/truncate-9TKOzqxZ.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { C as CopyButton } from './copy-button-CJjjhHKN.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CjjqIvhJ.js';
+import { T as Txt } from './Txt-p33XTnu8.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+function Truncate({
+  children,
+  untilChar,
+  charCount,
+  copy,
+  withTooltip = true,
+  className,
+  as = "span",
+  ...txtProps
+}) {
+  const fullText = children;
+  let truncatedText = fullText;
+  let isTruncated = false;
+  if (untilChar !== void 0) {
+    const index = fullText.indexOf(untilChar);
+    if (index !== -1) {
+      truncatedText = fullText.slice(0, index);
+      isTruncated = true;
+    }
+  } else if (charCount !== void 0 && fullText.length > charCount) {
+    truncatedText = fullText.slice(0, charCount);
+    isTruncated = true;
+  }
+  if (!isTruncated) {
+    return /* @__PURE__ */ jsx(Txt, { as, className, ...txtProps, children: fullText });
+  }
+  const truncatedContent = /* @__PURE__ */ jsxs(Txt, { as: "span", className: "cursor-default", variant: txtProps.variant, font: txtProps.font, children: [
+    truncatedText,
+    "..."
+  ] });
+  return /* @__PURE__ */ jsxs(Txt, { as, className: cn("group inline-flex items-center gap-1", className), ...txtProps, children: [
+    withTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: truncatedContent }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: fullText })
+    ] }) : truncatedContent,
+    copy && /* @__PURE__ */ jsx(CopyButton, { content: fullText, className: "opacity-0 group-hover:opacity-100 transition-opacity" })
+  ] });
+}
+
+export { Truncate as T };
+//# sourceMappingURL=truncate-9TKOzqxZ.js.map

package/dist/truncate-9TKOzqxZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-9TKOzqxZ.js","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,2BACG,GAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAQ,SAAA,EAAW,GAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,wBACE,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1C,GAAA,CAAC,kBAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}