@thangnqdev/ui 0.1.0

package/dist/chunk-LWFRUJRU.js

@@ -0,0 +1,537 @@
+import { FocusTrap } from './chunk-LBUBXUYQ.js';
+import { Portal } from './chunk-IABPUCAQ.js';
+import { Kbd } from './chunk-EU2LPUYP.js';
+import { Button } from './chunk-66VWUJEI.js';
+import { __export, cn } from './chunk-4S6L5V7X.js';
+import { createContext, useContext, forwardRef, useState, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRight, ChevronLeft, MoreHorizontal, Check, Search } from 'lucide-react';
+
+// src/navigation/index.ts
+var navigation_exports = {};
+__export(navigation_exports, {
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  CommandPalette: () => CommandPalette,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Pagination: () => Pagination,
+  Stepper: () => Stepper,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  useDropdown: () => useDropdown,
+  useTabs: () => useTabs
+});
+var TabsContext = createContext(null);
+function useTabs() {
+  const context = useContext(TabsContext);
+  if (!context) throw new Error("Tabs compound components must be used within <Tabs />");
+  return context;
+}
+var Tabs = forwardRef(
+  ({ defaultValue = "", value: controlledValue, onValueChange, variant = "pills", className, children, ...props }, ref) => {
+    const [selectedTab, setSelectedTab] = useState(defaultValue);
+    const activeTab = controlledValue !== void 0 ? controlledValue : selectedTab;
+    const handleTabChange = (val) => {
+      setSelectedTab(val);
+      onValueChange?.(val);
+    };
+    return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { activeTab, setActiveTab: handleTabChange, variant }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("w-full flex flex-col space-y-4", className), ...props, children }) });
+  }
+);
+Tabs.displayName = "Tabs";
+var TabsList = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { variant } = useTabs();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tablist",
+        className: cn(
+          "inline-flex items-center",
+          variant === "pills" && "p-1 rounded-[var(--ui-radius-lg)] bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)] gap-1",
+          variant === "line" && "border-b border-[var(--ui-border-default)] gap-6",
+          variant === "enclosed" && "border-b border-[var(--ui-border-default)] gap-1",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsList.displayName = "TabsList";
+var TabsTrigger = forwardRef(
+  ({ className, value, children, ...props }, ref) => {
+    const { activeTab, setActiveTab, variant } = useTabs();
+    const isActive = activeTab === value;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        role: "tab",
+        type: "button",
+        "aria-selected": isActive,
+        onClick: () => setActiveTab(value),
+        className: cn(
+          "inline-flex items-center justify-center font-medium text-sm transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer",
+          variant === "pills" && "px-3.5 py-1.5 rounded-[var(--ui-radius-md)] text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)]",
+          variant === "pills" && isActive && "bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] font-semibold shadow-sm",
+          variant === "line" && "pb-3 pt-2 text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] border-b-2 border-transparent -mb-[1px]",
+          variant === "line" && isActive && "border-[var(--ui-primary)] text-[var(--ui-primary)] font-semibold",
+          variant === "enclosed" && "px-4 py-2 rounded-t-[var(--ui-radius-md)] border border-transparent text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] -mb-[1px]",
+          variant === "enclosed" && isActive && "bg-[var(--ui-bg-surface)] border-[var(--ui-border-default)] border-b-transparent text-[var(--ui-text-primary)] font-semibold",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = forwardRef(
+  ({ className, value, children, ...props }, ref) => {
+    const { activeTab } = useTabs();
+    if (activeTab !== value) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tabpanel",
+        tabIndex: 0,
+        className: cn("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] animate-in fade-in duration-150", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+TabsContent.displayName = "TabsContent";
+var Breadcrumb = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("flex items-center text-sm", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 sm:gap-2", children }) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbItem = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props, children });
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = forwardRef(
+  ({ className, as: Component = "a", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn("text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] transition-colors font-medium", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-semibold text-[var(--ui-text-primary)]", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("li", { ref, role: "presentation", "aria-hidden": "true", className: cn("text-[var(--ui-text-muted)] opacity-60", className), ...props, children: children || /* @__PURE__ */ jsx(ChevronRight, { className: "w-3.5 h-3.5" }) });
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var Pagination = forwardRef(
+  ({ className, currentPage, totalPages, onPageChange, siblingCount = 1, ...props }, ref) => {
+    const generatePages = () => {
+      const totalPageNumbers = siblingCount * 2 + 5;
+      if (totalPages <= totalPageNumbers) {
+        return Array.from({ length: totalPages }, (_, i) => i + 1);
+      }
+      const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+      const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+      const shouldShowLeftDots = leftSiblingIndex > 2;
+      const shouldShowRightDots = rightSiblingIndex < totalPages - 2;
+      if (!shouldShowLeftDots && shouldShowRightDots) {
+        const leftItemCount = 3 + 2 * siblingCount;
+        const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);
+        return [...leftRange, "DOTS", totalPages];
+      }
+      if (shouldShowLeftDots && !shouldShowRightDots) {
+        const rightItemCount = 3 + 2 * siblingCount;
+        const rightRange = Array.from(
+          { length: rightItemCount },
+          (_, i) => totalPages - rightItemCount + i + 1
+        );
+        return [1, "DOTS", ...rightRange];
+      }
+      if (shouldShowLeftDots && shouldShowRightDots) {
+        const middleRange = Array.from(
+          { length: rightSiblingIndex - leftSiblingIndex + 1 },
+          (_, i) => leftSiblingIndex + i
+        );
+        return [1, "DOTS", ...middleRange, "DOTS", totalPages];
+      }
+      return [];
+    };
+    const pages = generatePages();
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "Pagination",
+        className: cn("flex items-center justify-center gap-1.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: currentPage <= 1,
+              onClick: () => onPageChange(currentPage - 1),
+              "aria-label": "Go to previous page",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" })
+            }
+          ),
+          pages.map((p, index) => {
+            if (p === "DOTS") {
+              return /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-8 h-8 text-[var(--ui-text-muted)]", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4" }) }, `dots-${index}`);
+            }
+            const pageNum = Number(p);
+            const isActive = pageNum === currentPage;
+            return /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: isActive ? "primary" : "ghost",
+                size: "sm",
+                "aria-current": isActive ? "page" : void 0,
+                onClick: () => onPageChange(pageNum),
+                className: "w-8 h-8 p-0 text-xs font-semibold",
+                children: pageNum
+              },
+              pageNum
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: currentPage >= totalPages,
+              onClick: () => onPageChange(currentPage + 1),
+              "aria-label": "Go to next page",
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+var Stepper = forwardRef(
+  ({ className, steps, currentStep, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "Progress Stepper",
+        className: cn(
+          "flex",
+          orientation === "horizontal" ? "flex-row items-center w-full justify-between" : "flex-col space-y-6",
+          className
+        ),
+        ...props,
+        children: steps.map((step, index) => {
+          const isCompleted = index < currentStep;
+          const isActive = index === currentStep;
+          const isPending = index > currentStep;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center",
+                orientation === "horizontal" ? "flex-1 last:flex-none" : "flex-row items-start"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "flex items-center justify-center w-8 h-8 rounded-full text-xs font-bold transition-colors flex-shrink-0",
+                        isCompleted && "bg-[var(--ui-primary)] text-[var(--ui-primary-fg)]",
+                        isActive && "border-2 border-[var(--ui-primary)] text-[var(--ui-primary)] bg-[var(--ui-bg-surface)] ring-4 ring-[var(--ui-primary)]/20",
+                        isPending && "border border-[var(--ui-border-default)] text-[var(--ui-text-muted)] bg-[var(--ui-bg-tertiary)]"
+                      ),
+                      children: isCompleted ? /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 stroke-[3]" }) : index + 1
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "text-xs font-semibold",
+                          isActive ? "text-[var(--ui-text-primary)]" : "text-[var(--ui-text-muted)]"
+                        ),
+                        children: step.title
+                      }
+                    ),
+                    step.description && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[var(--ui-text-muted)] opacity-80", children: step.description })
+                  ] })
+                ] }),
+                orientation === "horizontal" && index < steps.length - 1 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex-1 h-0.5 mx-4 transition-colors",
+                      isCompleted ? "bg-[var(--ui-primary)]" : "bg-[var(--ui-border-subtle)]"
+                    )
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+var DropdownContext = createContext(null);
+function useDropdown() {
+  const context = useContext(DropdownContext);
+  if (!context) throw new Error("DropdownMenu components must be used within <DropdownMenu />");
+  return context;
+}
+function DropdownMenu({ children }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [triggerRect, setTriggerRect] = useState(null);
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: { isOpen, setIsOpen, triggerRect, setTriggerRect }, children: /* @__PURE__ */ jsx("div", { className: "relative inline-block text-left", children }) });
+}
+var DropdownMenuTrigger = forwardRef(
+  ({ children, onClick, ...props }, ref) => {
+    const { isOpen, setIsOpen, setTriggerRect } = useDropdown();
+    const triggerRef = useRef(null);
+    const handleClick = (e) => {
+      if (triggerRef.current) {
+        setTriggerRect(triggerRef.current.getBoundingClientRect());
+      }
+      setIsOpen(!isOpen);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleClick, className: "inline-flex cursor-pointer", ...props, children });
+  }
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+var DropdownMenuContent = forwardRef(
+  ({ className, align = "start", children, ...props }, ref) => {
+    const { isOpen, setIsOpen, triggerRect } = useDropdown();
+    const menuRef = useRef(null);
+    useEffect(() => {
+      const handleOutside = (e) => {
+        if (menuRef.current && !menuRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      if (isOpen) {
+        document.addEventListener("mousedown", handleOutside);
+      }
+      return () => document.removeEventListener("mousedown", handleOutside);
+    }, [isOpen, setIsOpen]);
+    if (!isOpen || !triggerRect) return null;
+    const top = triggerRect.bottom + window.scrollY + 6;
+    const left = align === "end" ? triggerRect.right + window.scrollX : triggerRect.left + window.scrollX;
+    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: menuRef,
+        style: {
+          position: "absolute",
+          top: `${top}px`,
+          left: `${left}px`
+        },
+        className: cn(
+          "z-50 min-w-[12rem] overflow-hidden rounded-[var(--ui-radius-lg)] border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)] p-1 text-[var(--ui-text-primary)] shadow-xl animate-in fade-in zoom-in-95",
+          align === "end" && "-translate-x-full",
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = forwardRef(
+  ({ className, icon, shortcut, destructive = false, children, onClick, ...props }, ref) => {
+    const { setIsOpen } = useDropdown();
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: (e) => {
+          onClick?.(e);
+          setIsOpen(false);
+        },
+        className: cn(
+          "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2.5 py-1.5 text-xs font-medium outline-none transition-colors hover:bg-[var(--ui-bg-tertiary)] disabled:pointer-events-none disabled:opacity-50 text-left",
+          destructive && "text-[var(--ui-error)] hover:bg-[var(--ui-error-subtle)]",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-current", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children }),
+          shortcut && /* @__PURE__ */ jsx("span", { className: "ml-auto text-[10px] text-[var(--ui-text-muted)] tracking-widest", children: shortcut })
+        ]
+      }
+    );
+  }
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuSeparator = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("-mx-1 my-1 h-px bg-[var(--ui-border-subtle)]", className), ...props });
+  }
+);
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+var DropdownMenuLabel = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("px-2.5 py-1.5 text-[11px] font-semibold text-[var(--ui-text-muted)] uppercase tracking-wider", className), ...props, children });
+  }
+);
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+function CommandPalette({
+  isOpen,
+  onClose,
+  items,
+  placeholder = "Type a command or search..."
+}) {
+  const [query, setQuery] = useState("");
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const filteredItems = items.filter(
+    (item) => item.title.toLowerCase().includes(query.toLowerCase()) || item.category?.toLowerCase().includes(query.toLowerCase())
+  );
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [query]);
+  useEffect(() => {
+    if (!isOpen) {
+      setQuery("");
+      setSelectedIndex(0);
+      return;
+    }
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setSelectedIndex((prev) => prev < filteredItems.length - 1 ? prev + 1 : 0);
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setSelectedIndex((prev) => prev > 0 ? prev - 1 : filteredItems.length - 1);
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        if (filteredItems[selectedIndex]) {
+          filteredItems[selectedIndex].onSelect();
+          onClose();
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, filteredItems, selectedIndex, onClose]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(FocusTrap, { active: isOpen, children: /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-start justify-center pt-20 p-4 sm:p-6", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        onClick: onClose,
+        className: "fixed inset-0 bg-[var(--ui-bg-overlay)] backdrop-blur-sm transition-opacity animate-in fade-in duration-200"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-xl rounded-[var(--ui-radius-xl)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-2xl overflow-hidden z-10 animate-in zoom-in-95 duration-150", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center px-4 py-3 border-b border-[var(--ui-border-subtle)] gap-3", children: [
+        /* @__PURE__ */ jsx(Search, { className: "w-5 h-5 text-[var(--ui-text-muted)]" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            autoFocus: true,
+            placeholder,
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            className: "flex-1 bg-transparent text-sm text-[var(--ui-text-primary)] placeholder:text-[var(--ui-text-muted)] focus:outline-none"
+          }
+        ),
+        /* @__PURE__ */ jsx(Kbd, { children: "ESC" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto p-2", children: filteredItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-8 text-center text-xs text-[var(--ui-text-muted)]", children: [
+        'No commands found matching "',
+        query,
+        '".'
+      ] }) : filteredItems.map((item, idx) => {
+        const isSelected = idx === selectedIndex;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => {
+              item.onSelect();
+              onClose();
+            },
+            onMouseEnter: () => setSelectedIndex(idx),
+            className: cn(
+              "flex items-center gap-3 px-3 py-2.5 rounded-[var(--ui-radius-md)] cursor-pointer text-xs font-medium transition-colors",
+              isSelected ? "bg-[var(--ui-primary)] text-[var(--ui-primary-fg)]" : "text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]"
+            ),
+            children: [
+              item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.icon }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.title }),
+              item.category && /* @__PURE__ */ jsx("span", { className: cn("text-[10px] uppercase font-semibold tracking-wider opacity-70", isSelected ? "text-white" : "text-[var(--ui-text-muted)]"), children: item.category }),
+              item.shortcut && /* @__PURE__ */ jsx(Kbd, { children: item.shortcut })
+            ]
+          },
+          item.id
+        );
+      }) })
+    ] })
+  ] }) }) });
+}
+
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, CommandPalette, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Pagination, Stepper, Tabs, TabsContent, TabsList, TabsTrigger, navigation_exports, useDropdown, useTabs };
+//# sourceMappingURL=chunk-LWFRUJRU.js.map
+//# sourceMappingURL=chunk-LWFRUJRU.js.map

package/dist/chunk-LWFRUJRU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation/index.ts","../src/navigation/Tabs.tsx","../src/navigation/Breadcrumb.tsx","../src/navigation/Pagination.tsx","../src/navigation/Stepper.tsx","../src/navigation/DropdownMenu.tsx","../src/navigation/CommandPalette.tsx"],"names":["forwardRef","jsx","ChevronRight","jsxs","createContext","useContext","useState","useEffect"],"mappings":"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","file":"chunk-LWFRUJRU.js","sourcesContent":["export * from './Tabs';\r\nexport * from './Breadcrumb';\r\nexport * from './Pagination';\r\nexport * from './Stepper';\r\nexport * from './DropdownMenu';\r\nexport * from './CommandPalette';\r\n","import React, { createContext, useContext, useState, forwardRef } from 'react';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface TabsContextType {\r\n  activeTab: string;\r\n  setActiveTab: (tab: string) => void;\r\n  variant?: 'pills' | 'line' | 'enclosed';\r\n}\r\n\r\nconst TabsContext = createContext<TabsContextType | null>(null);\r\n\r\nexport function useTabs() {\r\n  const context = useContext(TabsContext);\r\n  if (!context) throw new Error('Tabs compound components must be used within <Tabs />');\r\n  return context;\r\n}\r\n\r\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  defaultValue?: string;\r\n  value?: string;\r\n  onValueChange?: (value: string) => void;\r\n  variant?: 'pills' | 'line' | 'enclosed';\r\n}\r\n\r\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\r\n  ({ defaultValue = '', value: controlledValue, onValueChange, variant = 'pills', className, children, ...props }, ref) => {\r\n    const [selectedTab, setSelectedTab] = useState(defaultValue);\r\n    const activeTab = controlledValue !== undefined ? controlledValue : selectedTab;\r\n\r\n    const handleTabChange = (val: string) => {\r\n      setSelectedTab(val);\r\n      onValueChange?.(val);\r\n    };\r\n\r\n    return (\r\n      <TabsContext.Provider value={{ activeTab, setActiveTab: handleTabChange, variant }}>\r\n        <div ref={ref} className={cn('w-full flex flex-col space-y-4', className)} {...props}>\r\n          {children}\r\n        </div>\r\n      </TabsContext.Provider>\r\n    );\r\n  }\r\n);\r\nTabs.displayName = 'Tabs';\r\n\r\nexport const TabsList = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    const { variant } = useTabs();\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"tablist\"\r\n        className={cn(\r\n          'inline-flex items-center',\r\n          variant === 'pills' && 'p-1 rounded-[var(--ui-radius-lg)] bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)] gap-1',\r\n          variant === 'line' && 'border-b border-[var(--ui-border-default)] gap-6',\r\n          variant === 'enclosed' && 'border-b border-[var(--ui-border-default)] gap-1',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nTabsList.displayName = 'TabsList';\r\n\r\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  value: string;\r\n}\r\n\r\nexport const TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\r\n  ({ className, value, children, ...props }, ref) => {\r\n    const { activeTab, setActiveTab, variant } = useTabs();\r\n    const isActive = activeTab === value;\r\n\r\n    return (\r\n      <button\r\n        ref={ref}\r\n        role=\"tab\"\r\n        type=\"button\"\r\n        aria-selected={isActive}\r\n        onClick={() => setActiveTab(value)}\r\n        className={cn(\r\n          'inline-flex items-center justify-center font-medium text-sm transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer',\r\n          variant === 'pills' &&\r\n            'px-3.5 py-1.5 rounded-[var(--ui-radius-md)] text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)]',\r\n          variant === 'pills' && isActive &&\r\n            'bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] font-semibold shadow-sm',\r\n          variant === 'line' &&\r\n            'pb-3 pt-2 text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] border-b-2 border-transparent -mb-[1px]',\r\n          variant === 'line' && isActive &&\r\n            'border-[var(--ui-primary)] text-[var(--ui-primary)] font-semibold',\r\n          variant === 'enclosed' &&\r\n            'px-4 py-2 rounded-t-[var(--ui-radius-md)] border border-transparent text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] -mb-[1px]',\r\n          variant === 'enclosed' && isActive &&\r\n            'bg-[var(--ui-bg-surface)] border-[var(--ui-border-default)] border-b-transparent text-[var(--ui-text-primary)] font-semibold',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </button>\r\n    );\r\n  }\r\n);\r\nTabsTrigger.displayName = 'TabsTrigger';\r\n\r\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  value: string;\r\n}\r\n\r\nexport const TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\r\n  ({ className, value, children, ...props }, ref) => {\r\n    const { activeTab } = useTabs();\r\n    if (activeTab !== value) return null;\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"tabpanel\"\r\n        tabIndex={0}\r\n        className={cn('focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] animate-in fade-in duration-150', className)}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nTabsContent.displayName = 'TabsContent';\r\n","import React, { forwardRef } from 'react';\r\nimport { ChevronRight } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const Breadcrumb = forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    return (\r\n      <nav ref={ref} aria-label=\"Breadcrumb\" className={cn('flex items-center text-sm', className)} {...props}>\r\n        <ol className=\"flex items-center gap-1.5 sm:gap-2\">{children}</ol>\r\n      </nav>\r\n    );\r\n  }\r\n);\r\nBreadcrumb.displayName = 'Breadcrumb';\r\n\r\nexport const BreadcrumbItem = forwardRef<HTMLLIElement, React.LiHTMLAttributes<HTMLLIElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    return (\r\n      <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props}>\r\n        {children}\r\n      </li>\r\n    );\r\n  }\r\n);\r\nBreadcrumbItem.displayName = 'BreadcrumbItem';\r\n\r\nexport interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  as?: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbLink = forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\r\n  ({ className, as: Component = 'a', children, ...props }, ref) => {\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={cn('text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] transition-colors font-medium', className)}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\nBreadcrumbLink.displayName = 'BreadcrumbLink';\r\n\r\nexport const BreadcrumbPage = forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    return (\r\n      <span\r\n        ref={ref}\r\n        role=\"link\"\r\n        aria-disabled=\"true\"\r\n        aria-current=\"page\"\r\n        className={cn('font-semibold text-[var(--ui-text-primary)]', className)}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n);\r\nBreadcrumbPage.displayName = 'BreadcrumbPage';\r\n\r\nexport const BreadcrumbSeparator = forwardRef<HTMLLIElement, React.LiHTMLAttributes<HTMLLIElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    return (\r\n      <li ref={ref} role=\"presentation\" aria-hidden=\"true\" className={cn('text-[var(--ui-text-muted)] opacity-60', className)} {...props}>\r\n        {children || <ChevronRight className=\"w-3.5 h-3.5\" />}\r\n      </li>\r\n    );\r\n  }\r\n);\r\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\r\n","import React, { forwardRef } from 'react';\r\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\r\nimport { Button } from '../buttons/Button';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\r\n  currentPage: number;\r\n  totalPages: number;\r\n  onPageChange: (page: number) => void;\r\n  siblingCount?: number;\r\n}\r\n\r\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\r\n  ({ className, currentPage, totalPages, onPageChange, siblingCount = 1, ...props }, ref) => {\r\n    const generatePages = () => {\r\n      const totalPageNumbers = siblingCount * 2 + 5;\r\n\r\n      if (totalPages <= totalPageNumbers) {\r\n        return Array.from({ length: totalPages }, (_, i) => i + 1);\r\n      }\r\n\r\n      const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\r\n      const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\r\n\r\n      const shouldShowLeftDots = leftSiblingIndex > 2;\r\n      const shouldShowRightDots = rightSiblingIndex < totalPages - 2;\r\n\r\n      if (!shouldShowLeftDots && shouldShowRightDots) {\r\n        const leftItemCount = 3 + 2 * siblingCount;\r\n        const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);\r\n        return [...leftRange, 'DOTS', totalPages];\r\n      }\r\n\r\n      if (shouldShowLeftDots && !shouldShowRightDots) {\r\n        const rightItemCount = 3 + 2 * siblingCount;\r\n        const rightRange = Array.from(\r\n          { length: rightItemCount },\r\n          (_, i) => totalPages - rightItemCount + i + 1\r\n        );\r\n        return [1, 'DOTS', ...rightRange];\r\n      }\r\n\r\n      if (shouldShowLeftDots && shouldShowRightDots) {\r\n        const middleRange = Array.from(\r\n          { length: rightSiblingIndex - leftSiblingIndex + 1 },\r\n          (_, i) => leftSiblingIndex + i\r\n        );\r\n        return [1, 'DOTS', ...middleRange, 'DOTS', totalPages];\r\n      }\r\n\r\n      return [];\r\n    };\r\n\r\n    const pages = generatePages();\r\n\r\n    return (\r\n      <nav\r\n        ref={ref}\r\n        role=\"navigation\"\r\n        aria-label=\"Pagination\"\r\n        className={cn('flex items-center justify-center gap-1.5', className)}\r\n        {...props}\r\n      >\r\n        <Button\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          disabled={currentPage <= 1}\r\n          onClick={() => onPageChange(currentPage - 1)}\r\n          aria-label=\"Go to previous page\"\r\n        >\r\n          <ChevronLeft className=\"w-4 h-4\" />\r\n        </Button>\r\n\r\n        {pages.map((p, index) => {\r\n          if (p === 'DOTS') {\r\n            return (\r\n              <span key={`dots-${index}`} className=\"flex items-center justify-center w-8 h-8 text-[var(--ui-text-muted)]\">\r\n                <MoreHorizontal className=\"w-4 h-4\" />\r\n              </span>\r\n            );\r\n          }\r\n\r\n          const pageNum = Number(p);\r\n          const isActive = pageNum === currentPage;\r\n\r\n          return (\r\n            <Button\r\n              key={pageNum}\r\n              variant={isActive ? 'primary' : 'ghost'}\r\n              size=\"sm\"\r\n              aria-current={isActive ? 'page' : undefined}\r\n              onClick={() => onPageChange(pageNum)}\r\n              className=\"w-8 h-8 p-0 text-xs font-semibold\"\r\n            >\r\n              {pageNum}\r\n            </Button>\r\n          );\r\n        })}\r\n\r\n        <Button\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          disabled={currentPage >= totalPages}\r\n          onClick={() => onPageChange(currentPage + 1)}\r\n          aria-label=\"Go to next page\"\r\n        >\r\n          <ChevronRight className=\"w-4 h-4\" />\r\n        </Button>\r\n      </nav>\r\n    );\r\n  }\r\n);\r\n\r\nPagination.displayName = 'Pagination';\r\n","import React, { forwardRef } from 'react';\r\nimport { Check } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface StepItem {\r\n  title: string;\r\n  description?: string;\r\n}\r\n\r\nexport interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  steps: StepItem[];\r\n  currentStep: number;\r\n  orientation?: 'horizontal' | 'vertical';\r\n}\r\n\r\nexport const Stepper = forwardRef<HTMLDivElement, StepperProps>(\r\n  ({ className, steps, currentStep, orientation = 'horizontal', ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"navigation\"\r\n        aria-label=\"Progress Stepper\"\r\n        className={cn(\r\n          'flex',\r\n          orientation === 'horizontal'\r\n            ? 'flex-row items-center w-full justify-between'\r\n            : 'flex-col space-y-6',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {steps.map((step, index) => {\r\n          const isCompleted = index < currentStep;\r\n          const isActive = index === currentStep;\r\n          const isPending = index > currentStep;\r\n\r\n          return (\r\n            <div\r\n              key={index}\r\n              className={cn(\r\n                'flex items-center',\r\n                orientation === 'horizontal' ? 'flex-1 last:flex-none' : 'flex-row items-start'\r\n              )}\r\n            >\r\n              <div className=\"flex items-center gap-3\">\r\n                {/* Step indicator circle */}\r\n                <div\r\n                  className={cn(\r\n                    'flex items-center justify-center w-8 h-8 rounded-full text-xs font-bold transition-colors flex-shrink-0',\r\n                    isCompleted && 'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)]',\r\n                    isActive && 'border-2 border-[var(--ui-primary)] text-[var(--ui-primary)] bg-[var(--ui-bg-surface)] ring-4 ring-[var(--ui-primary)]/20',\r\n                    isPending && 'border border-[var(--ui-border-default)] text-[var(--ui-text-muted)] bg-[var(--ui-bg-tertiary)]'\r\n                  )}\r\n                >\r\n                  {isCompleted ? <Check className=\"w-4 h-4 stroke-[3]\" /> : index + 1}\r\n                </div>\r\n\r\n                {/* Step details */}\r\n                <div className=\"flex flex-col\">\r\n                  <span\r\n                    className={cn(\r\n                      'text-xs font-semibold',\r\n                      isActive ? 'text-[var(--ui-text-primary)]' : 'text-[var(--ui-text-muted)]'\r\n                    )}\r\n                  >\r\n                    {step.title}\r\n                  </span>\r\n                  {step.description && (\r\n                    <span className=\"text-[11px] text-[var(--ui-text-muted)] opacity-80\">\r\n                      {step.description}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              </div>\r\n\r\n              {/* Connecting line */}\r\n              {orientation === 'horizontal' && index < steps.length - 1 && (\r\n                <div\r\n                  className={cn(\r\n                    'flex-1 h-0.5 mx-4 transition-colors',\r\n                    isCompleted ? 'bg-[var(--ui-primary)]' : 'bg-[var(--ui-border-subtle)]'\r\n                  )}\r\n                />\r\n              )}\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nStepper.displayName = 'Stepper';\r\n","import React, { createContext, useContext, useState, useRef, useEffect, forwardRef } from 'react';\r\nimport { Portal } from '../overlays/Portal';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface DropdownContextType {\r\n  isOpen: boolean;\r\n  setIsOpen: (val: boolean) => void;\r\n  triggerRect: DOMRect | null;\r\n  setTriggerRect: (rect: DOMRect | null) => void;\r\n}\r\n\r\nconst DropdownContext = createContext<DropdownContextType | null>(null);\r\n\r\nexport function useDropdown() {\r\n  const context = useContext(DropdownContext);\r\n  if (!context) throw new Error('DropdownMenu components must be used within <DropdownMenu />');\r\n  return context;\r\n}\r\n\r\nexport interface DropdownMenuProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport function DropdownMenu({ children }: DropdownMenuProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [triggerRect, setTriggerRect] = useState<DOMRect | null>(null);\r\n\r\n  return (\r\n    <DropdownContext.Provider value={{ isOpen, setIsOpen, triggerRect, setTriggerRect }}>\r\n      <div className=\"relative inline-block text-left\">{children}</div>\r\n    </DropdownContext.Provider>\r\n  );\r\n}\r\n\r\nexport const DropdownMenuTrigger = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ children, onClick, ...props }, ref) => {\r\n    const { isOpen, setIsOpen, setTriggerRect } = useDropdown();\r\n    const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n      if (triggerRef.current) {\r\n        setTriggerRect(triggerRef.current.getBoundingClientRect());\r\n      }\r\n      setIsOpen(!isOpen);\r\n      onClick?.(e);\r\n    };\r\n\r\n    return (\r\n      <div ref={triggerRef} onClick={handleClick} className=\"inline-flex cursor-pointer\" {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\r\n\r\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  align?: 'start' | 'end';\r\n}\r\n\r\nexport const DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuContentProps>(\r\n  ({ className, align = 'start', children, ...props }, ref) => {\r\n    const { isOpen, setIsOpen, triggerRect } = useDropdown();\r\n    const menuRef = useRef<HTMLDivElement>(null);\r\n\r\n    useEffect(() => {\r\n      const handleOutside = (e: MouseEvent) => {\r\n        if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\r\n          setIsOpen(false);\r\n        }\r\n      };\r\n      if (isOpen) {\r\n        document.addEventListener('mousedown', handleOutside);\r\n      }\r\n      return () => document.removeEventListener('mousedown', handleOutside);\r\n    }, [isOpen, setIsOpen]);\r\n\r\n    if (!isOpen || !triggerRect) return null;\r\n\r\n    const top = triggerRect.bottom + window.scrollY + 6;\r\n    const left =\r\n      align === 'end'\r\n        ? triggerRect.right + window.scrollX\r\n        : triggerRect.left + window.scrollX;\r\n\r\n    return (\r\n      <Portal>\r\n        <div\r\n          ref={menuRef}\r\n          style={{\r\n            position: 'absolute',\r\n            top: `${top}px`,\r\n            left: `${left}px`,\r\n          }}\r\n          className={cn(\r\n            'z-50 min-w-[12rem] overflow-hidden rounded-[var(--ui-radius-lg)] border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)] p-1 text-[var(--ui-text-primary)] shadow-xl animate-in fade-in zoom-in-95',\r\n            align === 'end' && '-translate-x-full',\r\n            className\r\n          )}\r\n          {...props}\r\n        >\r\n          {children}\r\n        </div>\r\n      </Portal>\r\n    );\r\n  }\r\n);\r\nDropdownMenuContent.displayName = 'DropdownMenuContent';\r\n\r\nexport interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  icon?: React.ReactNode;\r\n  shortcut?: string;\r\n  destructive?: boolean;\r\n}\r\n\r\nexport const DropdownMenuItem = forwardRef<HTMLButtonElement, DropdownMenuItemProps>(\r\n  ({ className, icon, shortcut, destructive = false, children, onClick, ...props }, ref) => {\r\n    const { setIsOpen } = useDropdown();\r\n\r\n    return (\r\n      <button\r\n        ref={ref}\r\n        type=\"button\"\r\n        onClick={(e) => {\r\n          onClick?.(e);\r\n          setIsOpen(false);\r\n        }}\r\n        className={cn(\r\n          'relative flex w-full cursor-pointer select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2.5 py-1.5 text-xs font-medium outline-none transition-colors hover:bg-[var(--ui-bg-tertiary)] disabled:pointer-events-none disabled:opacity-50 text-left',\r\n          destructive && 'text-[var(--ui-error)] hover:bg-[var(--ui-error-subtle)]',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {icon && <span className=\"flex-shrink-0 text-current\">{icon}</span>}\r\n        <span className=\"flex-1 truncate\">{children}</span>\r\n        {shortcut && <span className=\"ml-auto text-[10px] text-[var(--ui-text-muted)] tracking-widest\">{shortcut}</span>}\r\n      </button>\r\n    );\r\n  }\r\n);\r\nDropdownMenuItem.displayName = 'DropdownMenuItem';\r\n\r\nexport const DropdownMenuSeparator = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ className, ...props }, ref) => {\r\n    return <div ref={ref} className={cn('-mx-1 my-1 h-px bg-[var(--ui-border-subtle)]', className)} {...props} />;\r\n  }\r\n);\r\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\r\n\r\nexport const DropdownMenuLabel = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n  ({ className, children, ...props }, ref) => {\r\n    return (\r\n      <div ref={ref} className={cn('px-2.5 py-1.5 text-[11px] font-semibold text-[var(--ui-text-muted)] uppercase tracking-wider', className)} {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { Search } from 'lucide-react';\r\nimport { Portal } from '../overlays/Portal';\r\nimport { FocusTrap } from '../overlays/FocusTrap';\r\nimport { Kbd } from '../typography/Kbd';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface CommandItem {\r\n  id: string;\r\n  title: string;\r\n  category?: string;\r\n  icon?: React.ReactNode;\r\n  shortcut?: string;\r\n  onSelect: () => void;\r\n}\r\n\r\nexport interface CommandPaletteProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  items: CommandItem[];\r\n  placeholder?: string;\r\n}\r\n\r\nexport function CommandPalette({\r\n  isOpen,\r\n  onClose,\r\n  items,\r\n  placeholder = 'Type a command or search...',\r\n}: CommandPaletteProps) {\r\n  const [query, setQuery] = useState('');\r\n  const [selectedIndex, setSelectedIndex] = useState(0);\r\n\r\n  const filteredItems = items.filter((item) =>\r\n    item.title.toLowerCase().includes(query.toLowerCase()) ||\r\n    item.category?.toLowerCase().includes(query.toLowerCase())\r\n  );\r\n\r\n  useEffect(() => {\r\n    setSelectedIndex(0);\r\n  }, [query]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setQuery('');\r\n      setSelectedIndex(0);\r\n      return;\r\n    }\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        onClose();\r\n      } else if (e.key === 'ArrowDown') {\r\n        e.preventDefault();\r\n        setSelectedIndex((prev) => (prev < filteredItems.length - 1 ? prev + 1 : 0));\r\n      } else if (e.key === 'ArrowUp') {\r\n        e.preventDefault();\r\n        setSelectedIndex((prev) => (prev > 0 ? prev - 1 : filteredItems.length - 1));\r\n      } else if (e.key === 'Enter') {\r\n        e.preventDefault();\r\n        if (filteredItems[selectedIndex]) {\r\n          filteredItems[selectedIndex].onSelect();\r\n          onClose();\r\n        }\r\n      }\r\n    };\r\n\r\n    window.addEventListener('keydown', handleKeyDown);\r\n    return () => window.removeEventListener('keydown', handleKeyDown);\r\n  }, [isOpen, filteredItems, selectedIndex, onClose]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <Portal>\r\n      <FocusTrap active={isOpen}>\r\n        <div className=\"fixed inset-0 z-50 flex items-start justify-center pt-20 p-4 sm:p-6\">\r\n          {/* Backdrop */}\r\n          <div\r\n            aria-hidden=\"true\"\r\n            onClick={onClose}\r\n            className=\"fixed inset-0 bg-[var(--ui-bg-overlay)] backdrop-blur-sm transition-opacity animate-in fade-in duration-200\"\r\n          />\r\n\r\n          {/* Palette Box */}\r\n          <div className=\"relative w-full max-w-xl rounded-[var(--ui-radius-xl)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-2xl overflow-hidden z-10 animate-in zoom-in-95 duration-150\">\r\n            {/* Search Bar */}\r\n            <div className=\"flex items-center px-4 py-3 border-b border-[var(--ui-border-subtle)] gap-3\">\r\n              <Search className=\"w-5 h-5 text-[var(--ui-text-muted)]\" />\r\n              <input\r\n                type=\"text\"\r\n                autoFocus\r\n                placeholder={placeholder}\r\n                value={query}\r\n                onChange={(e) => setQuery(e.target.value)}\r\n                className=\"flex-1 bg-transparent text-sm text-[var(--ui-text-primary)] placeholder:text-[var(--ui-text-muted)] focus:outline-none\"\r\n              />\r\n              <Kbd>ESC</Kbd>\r\n            </div>\r\n\r\n            {/* List items */}\r\n            <div className=\"max-h-80 overflow-y-auto p-2\">\r\n              {filteredItems.length === 0 ? (\r\n                <div className=\"py-8 text-center text-xs text-[var(--ui-text-muted)]\">\r\n                  No commands found matching \"{query}\".\r\n                </div>\r\n              ) : (\r\n                filteredItems.map((item, idx) => {\r\n                  const isSelected = idx === selectedIndex;\r\n                  return (\r\n                    <div\r\n                      key={item.id}\r\n                      onClick={() => {\r\n                        item.onSelect();\r\n                        onClose();\r\n                      }}\r\n                      onMouseEnter={() => setSelectedIndex(idx)}\r\n                      className={cn(\r\n                        'flex items-center gap-3 px-3 py-2.5 rounded-[var(--ui-radius-md)] cursor-pointer text-xs font-medium transition-colors',\r\n                        isSelected\r\n                          ? 'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)]'\r\n                          : 'text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]'\r\n                      )}\r\n                    >\r\n                      {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\r\n                      <span className=\"flex-1 truncate\">{item.title}</span>\r\n                      {item.category && (\r\n                        <span className={cn('text-[10px] uppercase font-semibold tracking-wider opacity-70', isSelected ? 'text-white' : 'text-[var(--ui-text-muted)]')}>\r\n                          {item.category}\r\n                        </span>\r\n                      )}\r\n                      {item.shortcut && <Kbd>{item.shortcut}</Kbd>}\r\n                    </div>\r\n                  );\r\n                })\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </FocusTrap>\r\n    </Portal>\r\n  );\r\n}\r\n"]}