@thangnqdev/ui 0.1.2 → 0.2.1

package/dist/{chunk-LWFRUJRU.js → chunk-4MS6ZHFQ.js}

@@ -1,9 +1,9 @@
-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 { FocusTrap } from './chunk-ZEDXARXW.js';
+import { Portal } from './chunk-ADO3SVUA.js';
+import { Kbd } from './chunk-I5O2WCGF.js';
+import { Button } from './chunk-I2FQBMVW.js';
+import { __export, cn } from './chunk-2YJBW4E2.js';
+import { createContext, useContext, forwardRef, useId, useState, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronRight, ChevronLeft, MoreHorizontal, Check, Search } from 'lucide-react';
 
@@ -38,29 +38,114 @@ function useTabs() {
   return context;
 }
 var Tabs = forwardRef(
-  ({ defaultValue = "", value: controlledValue, onValueChange, variant = "pills", className, children, ...props }, ref) => {
+  ({
+    defaultValue = "",
+    value: controlledValue,
+    onValueChange,
+    variant = "pills",
+    orientation = "horizontal",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const baseId = useId();
     const [selectedTab, setSelectedTab] = useState(defaultValue);
     const activeTab = controlledValue !== void 0 ? controlledValue : selectedTab;
+    const tabRegistryRef = useRef(
+      /* @__PURE__ */ new Map()
+    );
+    const registerTab = (value, disabled, element) => {
+      tabRegistryRef.current.set(value, { disabled, element });
+    };
+    const unregisterTab = (value) => {
+      tabRegistryRef.current.delete(value);
+    };
     const handleTabChange = (val) => {
-      setSelectedTab(val);
+      if (!controlledValue) {
+        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 }) });
+    return /* @__PURE__ */ jsx(
+      TabsContext.Provider,
+      {
+        value: {
+          activeTab,
+          setActiveTab: handleTabChange,
+          variant,
+          orientation,
+          baseId,
+          registerTab,
+          unregisterTab
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            className: cn(
+              "w-full flex space-y-4",
+              orientation === "vertical" ? "flex-row space-y-0 space-x-6" : "flex-col",
+              className
+            ),
+            ...props,
+            children
+          }
+        )
+      }
+    );
   }
 );
 Tabs.displayName = "Tabs";
 var TabsList = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { variant } = useTabs();
+  ({ className, children, onKeyDown, ...props }, ref) => {
+    const { variant, orientation, activeTab, setActiveTab } = useTabs();
+    const listRef = useRef(null);
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      const tabs = Array.from(
+        listRef.current?.querySelectorAll('[role="tab"]:not([disabled])') || []
+      );
+      if (tabs.length === 0) return;
+      const currentIndex = tabs.findIndex((tab) => tab.getAttribute("aria-selected") === "true");
+      let nextIndex = -1;
+      const isPrev = orientation === "horizontal" && e.key === "ArrowLeft" || orientation === "vertical" && e.key === "ArrowUp";
+      const isNext = orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown";
+      if (isNext) {
+        e.preventDefault();
+        nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % tabs.length;
+      } else if (isPrev) {
+        e.preventDefault();
+        nextIndex = currentIndex === -1 ? tabs.length - 1 : (currentIndex - 1 + tabs.length) % tabs.length;
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        nextIndex = 0;
+      } else if (e.key === "End") {
+        e.preventDefault();
+        nextIndex = tabs.length - 1;
+      }
+      if (nextIndex !== -1 && tabs[nextIndex]) {
+        const nextTab = tabs[nextIndex];
+        nextTab.focus();
+        nextTab.click();
+      }
+    };
     return /* @__PURE__ */ jsx(
       "div",
       {
-        ref,
+        ref: (node) => {
+          listRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
         role: "tablist",
+        "aria-orientation": orientation,
+        onKeyDown: handleKeyDown,
         className: cn(
-          "inline-flex items-center",
+          "inline-flex",
+          orientation === "vertical" ? "flex-col items-stretch gap-1" : "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 === "line" && (orientation === "vertical" ? "border-r border-[var(--ui-border-default)] pr-2" : "border-b border-[var(--ui-border-default)] gap-6"),
           variant === "enclosed" && "border-b border-[var(--ui-border-default)] gap-1",
           className
         ),
@@ -72,17 +157,35 @@ var TabsList = forwardRef(
 );
 TabsList.displayName = "TabsList";
 var TabsTrigger = forwardRef(
-  ({ className, value, children, ...props }, ref) => {
-    const { activeTab, setActiveTab, variant } = useTabs();
+  ({ className, value, disabled = false, children, id, onClick, ...props }, ref) => {
+    const { activeTab, setActiveTab, variant, baseId, registerTab, unregisterTab } = useTabs();
     const isActive = activeTab === value;
+    const triggerId = id || `tab-${baseId}-${value}`;
+    const panelId = `panel-${baseId}-${value}`;
+    const innerRef = useRef(null);
+    useEffect(() => {
+      registerTab(value, Boolean(disabled), innerRef.current);
+      return () => unregisterTab(value);
+    }, [value, disabled, registerTab, unregisterTab]);
     return /* @__PURE__ */ jsx(
       "button",
       {
-        ref,
+        ref: (node) => {
+          innerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        id: triggerId,
         role: "tab",
         type: "button",
+        disabled,
         "aria-selected": isActive,
-        onClick: () => setActiveTab(value),
+        "aria-controls": panelId,
+        tabIndex: isActive ? 0 : -1,
+        onClick: (e) => {
+          onClick?.(e);
+          if (!disabled) 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)]",
@@ -101,16 +204,24 @@ var TabsTrigger = forwardRef(
 );
 TabsTrigger.displayName = "TabsTrigger";
 var TabsContent = forwardRef(
-  ({ className, value, children, ...props }, ref) => {
-    const { activeTab } = useTabs();
-    if (activeTab !== value) return null;
+  ({ className, value, children, id, ...props }, ref) => {
+    const { activeTab, baseId } = useTabs();
+    const isActive = activeTab === value;
+    if (!isActive) return null;
+    const panelId = id || `panel-${baseId}-${value}`;
+    const triggerId = `tab-${baseId}-${value}`;
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
+        id: panelId,
         role: "tabpanel",
+        "aria-labelledby": triggerId,
         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),
+        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
       }
@@ -338,12 +449,13 @@ function useDropdown() {
 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 }) });
+  const triggerRef = useRef(null);
+  const menuId = useId();
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: { isOpen, setIsOpen, triggerRect, setTriggerRect, triggerRef, menuId }, 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);
+  ({ children, onClick, onKeyDown, ...props }, ref) => {
+    const { isOpen, setIsOpen, setTriggerRect, triggerRef, menuId } = useDropdown();
     const handleClick = (e) => {
       if (triggerRef.current) {
         setTriggerRect(triggerRef.current.getBoundingClientRect());
@@ -351,39 +463,110 @@ var DropdownMenuTrigger = forwardRef(
       setIsOpen(!isOpen);
       onClick?.(e);
     };
-    return /* @__PURE__ */ jsx("div", { ref: triggerRef, onClick: handleClick, className: "inline-flex cursor-pointer", ...props, children });
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        if (triggerRef.current) {
+          setTriggerRect(triggerRef.current.getBoundingClientRect());
+        }
+        setIsOpen(true);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: (node) => {
+          triggerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        "aria-haspopup": "menu",
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? `menu-${menuId}` : void 0,
+        className: "inline-flex cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] rounded-[var(--ui-radius-sm)]",
+        ...props,
+        children
+      }
+    );
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 var DropdownMenuContent = forwardRef(
   ({ className, align = "start", children, ...props }, ref) => {
-    const { isOpen, setIsOpen, triggerRect } = useDropdown();
+    const { isOpen, setIsOpen, triggerRect, triggerRef, menuId } = useDropdown();
     const menuRef = useRef(null);
     useEffect(() => {
+      if (!isOpen) return;
+      const timer = setTimeout(() => {
+        const firstItem = menuRef.current?.querySelector('[role="menuitem"]:not([disabled])');
+        firstItem?.focus();
+      }, 10);
       const handleOutside = (e) => {
-        if (menuRef.current && !menuRef.current.contains(e.target)) {
+        if (menuRef.current && !menuRef.current.contains(e.target) && !triggerRef.current?.contains(e.target)) {
           setIsOpen(false);
         }
       };
-      if (isOpen) {
-        document.addEventListener("mousedown", handleOutside);
-      }
-      return () => document.removeEventListener("mousedown", handleOutside);
-    }, [isOpen, setIsOpen]);
+      const handleKeyDown = (e) => {
+        if (!menuRef.current) return;
+        const items = Array.from(
+          menuRef.current.querySelectorAll('[role="menuitem"]:not([disabled])')
+        );
+        if (items.length === 0) return;
+        const currentIndex = items.indexOf(document.activeElement);
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;
+          items[nextIndex]?.focus();
+        } else if (e.key === "ArrowUp") {
+          e.preventDefault();
+          const prevIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length;
+          items[prevIndex]?.focus();
+        } else if (e.key === "Home") {
+          e.preventDefault();
+          items[0]?.focus();
+        } else if (e.key === "End") {
+          e.preventDefault();
+          items[items.length - 1]?.focus();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          setIsOpen(false);
+          triggerRef.current?.focus();
+        }
+      };
+      document.addEventListener("mousedown", handleOutside);
+      window.addEventListener("keydown", handleKeyDown);
+      return () => {
+        clearTimeout(timer);
+        document.removeEventListener("mousedown", handleOutside);
+        window.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [isOpen, setIsOpen, triggerRef]);
     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,
+        ref: (node) => {
+          menuRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        id: `menu-${menuId}`,
+        role: "menu",
+        tabIndex: -1,
         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",
+          "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 focus:outline-none",
           align === "end" && "-translate-x-full",
           className
         ),
@@ -401,14 +584,15 @@ var DropdownMenuItem = forwardRef(
       "button",
       {
         ref,
+        role: "menuitem",
         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)]",
+          "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)] focus: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)] focus:bg-[var(--ui-error-subtle)]",
           className
         ),
         ...props,
@@ -424,7 +608,7 @@ var DropdownMenuItem = forwardRef(
 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 });
+    return /* @__PURE__ */ jsx("div", { ref, role: "separator", className: cn("-mx-1 my-1 h-px bg-[var(--ui-border-subtle)]", className), ...props });
   }
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
@@ -533,5 +717,5 @@ function CommandPalette({
 }
 
 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
+//# sourceMappingURL=chunk-4MS6ZHFQ.js.map
+//# sourceMappingURL=chunk-4MS6ZHFQ.js.map

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

package/dist/{chunk-2OXZK6IP.js → chunk-77KTYOMQ.js}

@@ -1,4 +1,4 @@
-import { __export, cn } from './chunk-4S6L5V7X.js';
+import { __export, cn } from './chunk-2YJBW4E2.js';
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -510,5 +510,5 @@ var ScrollArea = forwardRef(
 ScrollArea.displayName = "ScrollArea";
 
 export { AspectRatio, Container, Divider, Flex, Grid, GridItem, HStack, PageHeader, PageLayout, PageSidebar, ScrollArea, Section, Spacer, Stack, VStack, containerVariants, dividerVariants, flexVariants, gridItemVariants, gridVariants, layout_exports, sectionVariants, stackVariants };
-//# sourceMappingURL=chunk-2OXZK6IP.js.map
-//# sourceMappingURL=chunk-2OXZK6IP.js.map
+//# sourceMappingURL=chunk-77KTYOMQ.js.map
+//# sourceMappingURL=chunk-77KTYOMQ.js.map

package/dist/chunk-77KTYOMQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/index.ts","../src/layout/Container.tsx","../src/layout/Section.tsx","../src/layout/Stack.tsx","../src/layout/Grid.tsx","../src/layout/Flex.tsx","../src/layout/Divider.tsx","../src/layout/Spacer.tsx","../src/layout/AspectRatio.tsx","../src/layout/PageLayout.tsx","../src/layout/ScrollArea.tsx"],"names":["cva","forwardRef","jsx","jsxs"],"mappings":"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","file":"chunk-77KTYOMQ.js","sourcesContent":["export * from './Container';\nexport * from './Section';\nexport * from './Stack';\nexport * from './Grid';\nexport * from './Flex';\nexport * from './Divider';\nexport * from './Spacer';\nexport * from './AspectRatio';\nexport * from './PageLayout';\nexport * from './ScrollArea';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const containerVariants = cva('w-full mx-auto', {\n  variants: {\n    size: {\n      sm: 'max-w-screen-sm',\n      md: 'max-w-screen-md',\n      lg: 'max-w-screen-lg',\n      xl: 'max-w-screen-xl',\n      '2xl': 'max-w-screen-2xl',\n      fluid: 'max-w-full',\n    },\n    padding: {\n      none: 'px-0',\n      sm: 'px-4',\n      md: 'px-6',\n      lg: 'px-8 sm:px-12',\n    },\n    centered: {\n      true: 'flex flex-col items-center justify-center',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    size: 'xl',\n    padding: 'md',\n    centered: false,\n  },\n});\n\nexport interface ContainerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof containerVariants> {\n  as?: React.ElementType;\n}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, padding, centered, as: Component = 'div', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(containerVariants({ size, padding, centered }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nContainer.displayName = 'Container';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const sectionVariants = cva('w-full relative', {\n  variants: {\n    spacing: {\n      none: 'py-0',\n      sm: 'py-6 md:py-8',\n      md: 'py-12 md:py-16',\n      lg: 'py-16 md:py-24',\n      xl: 'py-24 md:py-32',\n    },\n    variant: {\n      default: 'bg-transparent text-[var(--ui-text-primary)]',\n      subtle: 'bg-[var(--ui-bg-secondary)] text-[var(--ui-text-primary)]',\n      surface: 'bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)]',\n      muted: 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)]',\n    },\n  },\n  defaultVariants: {\n    spacing: 'md',\n    variant: 'default',\n  },\n});\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof sectionVariants> {\n  as?: React.ElementType;\n}\n\nexport const Section = forwardRef<HTMLElement, SectionProps>(\n  ({ className, spacing, variant, as: Component = 'section', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(sectionVariants({ spacing, variant }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nSection.displayName = 'Section';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const stackVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      'row-reverse': 'flex-row-reverse',\n      column: 'flex-col',\n      'column-reverse': 'flex-col-reverse',\n    },\n    gap: {\n      0: 'gap-0',\n      1: 'gap-1',\n      2: 'gap-2',\n      3: 'gap-3',\n      4: 'gap-4',\n      5: 'gap-5',\n      6: 'gap-6',\n      8: 'gap-8',\n      10: 'gap-10',\n      12: 'gap-12',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    gap: 4,\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'nowrap',\n  },\n});\n\nexport interface StackProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof stackVariants> {\n  as?: React.ElementType;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  ({ className, direction, gap, align, justify, wrap, as: Component = 'div', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(stackVariants({ direction, gap, align, justify, wrap }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nStack.displayName = 'Stack';\n\nexport const HStack = forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  ({ align = 'center', ...props }, ref) => {\n    return <Stack ref={ref} direction=\"row\" align={align} {...props} />;\n  }\n);\nHStack.displayName = 'HStack';\n\nexport const VStack = forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  ({ align = 'stretch', ...props }, ref) => {\n    return <Stack ref={ref} direction=\"column\" align={align} {...props} />;\n  }\n);\nVStack.displayName = 'VStack';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const gridVariants = cva('grid', {\n  variants: {\n    cols: {\n      1: 'grid-cols-1',\n      2: 'grid-cols-1 sm:grid-cols-2',\n      3: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3',\n      4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n      5: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5',\n      6: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',\n      12: 'grid-cols-12',\n    },\n    gap: {\n      0: 'gap-0',\n      1: 'gap-1',\n      2: 'gap-2',\n      3: 'gap-3',\n      4: 'gap-4',\n      5: 'gap-5',\n      6: 'gap-6',\n      8: 'gap-8',\n      10: 'gap-10',\n      12: 'gap-12',\n    },\n    flow: {\n      row: 'grid-flow-row',\n      col: 'grid-flow-col',\n      dense: 'grid-flow-dense',\n      'row-dense': 'grid-flow-row-dense',\n      'col-dense': 'grid-flow-col-dense',\n    },\n  },\n  defaultVariants: {\n    cols: 1,\n    gap: 4,\n    flow: 'row',\n  },\n});\n\nexport interface GridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridVariants> {\n  as?: React.ElementType;\n}\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ className, cols, gap, flow, as: Component = 'div', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(gridVariants({ cols, gap, flow }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nGrid.displayName = 'Grid';\n\nexport const gridItemVariants = cva('', {\n  variants: {\n    colSpan: {\n      1: 'col-span-1',\n      2: 'col-span-2',\n      3: 'col-span-3',\n      4: 'col-span-4',\n      5: 'col-span-5',\n      6: 'col-span-6',\n      7: 'col-span-7',\n      8: 'col-span-8',\n      9: 'col-span-9',\n      10: 'col-span-10',\n      11: 'col-span-11',\n      12: 'col-span-12',\n      full: 'col-span-full',\n    },\n    rowSpan: {\n      1: 'row-span-1',\n      2: 'row-span-2',\n      3: 'row-span-3',\n      4: 'row-span-4',\n      5: 'row-span-5',\n      6: 'row-span-6',\n      full: 'row-span-full',\n    },\n    colStart: {\n      1: 'col-start-1',\n      2: 'col-start-2',\n      3: 'col-start-3',\n      4: 'col-start-4',\n      5: 'col-start-5',\n      6: 'col-start-6',\n      auto: 'col-start-auto',\n    },\n  },\n  defaultVariants: {\n    colSpan: 1,\n  },\n});\n\nexport interface GridItemProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridItemVariants> {\n  as?: React.ElementType;\n}\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  ({ className, colSpan, rowSpan, colStart, as: Component = 'div', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(gridItemVariants({ colSpan, rowSpan, colStart }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nGridItem.displayName = 'GridItem';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const flexVariants = cva('flex', {\n  variants: {\n    direction: {\n      row: 'flex-row',\n      'row-reverse': 'flex-row-reverse',\n      column: 'flex-col',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n    gap: {\n      0: 'gap-0',\n      1: 'gap-1',\n      2: 'gap-2',\n      3: 'gap-3',\n      4: 'gap-4',\n      5: 'gap-5',\n      6: 'gap-6',\n      8: 'gap-8',\n      10: 'gap-10',\n      12: 'gap-12',\n    },\n    inline: {\n      true: 'inline-flex',\n      false: 'flex',\n    },\n  },\n  defaultVariants: {\n    direction: 'row',\n    align: 'stretch',\n    justify: 'start',\n    wrap: 'nowrap',\n    inline: false,\n  },\n});\n\nexport interface FlexProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof flexVariants> {\n  as?: React.ElementType;\n}\n\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(\n  ({ className, direction, align, justify, wrap, gap, inline, as: Component = 'div', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(flexVariants({ direction, align, justify, wrap, gap, inline }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nFlex.displayName = 'Flex';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const dividerVariants = cva('border-0 flex-shrink-0', {\n  variants: {\n    orientation: {\n      horizontal: 'w-full h-px border-t border-[var(--ui-border-subtle)] my-4',\n      vertical: 'h-full w-px border-l border-[var(--ui-border-subtle)] mx-4 inline-block align-middle self-stretch',\n    },\n    variant: {\n      solid: 'border-solid',\n      dashed: 'border-dashed',\n      dotted: 'border-dotted',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n  },\n});\n\nexport interface DividerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof dividerVariants> {\n  label?: React.ReactNode;\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  ({ className, orientation = 'horizontal', variant, label, children, ...props }, ref) => {\n    const content = label || children;\n\n    if (orientation === 'horizontal' && content) {\n      return (\n        <div\n          ref={ref}\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className={cn('flex items-center w-full my-4 text-xs font-medium text-[var(--ui-text-muted)]', className)}\n          {...props}\n        >\n          <div className={cn('flex-grow border-t border-[var(--ui-border-subtle)]', dividerVariants({ variant }))} />\n          <span className=\"px-3 select-none\">{content}</span>\n          <div className={cn('flex-grow border-t border-[var(--ui-border-subtle)]', dividerVariants({ variant }))} />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={orientation || 'horizontal'}\n        className={cn(dividerVariants({ orientation, variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nDivider.displayName = 'Divider';\n","import React, { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {\n  x?: number | string;\n  y?: number | string;\n}\n\nexport const Spacer = forwardRef<HTMLDivElement, SpacerProps>(\n  ({ className, x, y, style, ...props }, ref) => {\n    const spacingStyle: React.CSSProperties = {\n      ...style,\n      ...(x !== undefined && {\n        width: typeof x === 'number' ? `${x * 0.25}rem` : x,\n        minWidth: typeof x === 'number' ? `${x * 0.25}rem` : x,\n      }),\n      ...(y !== undefined && {\n        height: typeof y === 'number' ? `${y * 0.25}rem` : y,\n        minHeight: typeof y === 'number' ? `${y * 0.25}rem` : y,\n      }),\n      ...(x === undefined && y === undefined && {\n        flex: '1 1 0%',\n      }),\n    };\n\n    return <div ref={ref} aria-hidden=\"true\" style={spacingStyle} className={cn('pointer-events-none', className)} {...props} />;\n  }\n);\n\nSpacer.displayName = 'Spacer';\n","import React, { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n  ratio?: number | `${number}/${number}`;\n  children: React.ReactNode;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ className, ratio = 16 / 9, style, children, ...props }, ref) => {\n    const computedRatio =\n      typeof ratio === 'string'\n        ? ratio\n            .split('/')\n            .map(Number)\n            .reduce((w, h) => (h ? w / h : 1))\n        : ratio;\n\n    return (\n      <div\n        ref={ref}\n        style={{\n          ...style,\n          position: 'relative',\n          width: '100%',\n          paddingBottom: `${(1 / computedRatio) * 100}%`,\n        }}\n        className={cn('overflow-hidden', className)}\n        {...props}\n      >\n        <div className=\"absolute inset-0 w-full h-full [&>img]:object-cover [&>video]:object-cover [&>img]:w-full [&>img]:h-full [&>video]:w-full [&>video]:h-full\">\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nAspectRatio.displayName = 'AspectRatio';\n","import React, { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface PageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  sidebar?: React.ReactNode;\n  footer?: React.ReactNode;\n  sidebarWidth?: string;\n  sidebarCollapsed?: boolean;\n}\n\nexport const PageLayout = forwardRef<HTMLDivElement, PageLayoutProps>(\n  ({ className, header, sidebar, footer, children, sidebarWidth = '16rem', sidebarCollapsed = false, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn('min-h-screen flex flex-col bg-[var(--ui-bg-primary)] text-[var(--ui-text-primary)]', className)} {...props}>\n        {header && <header className=\"sticky top-0 z-30 w-full border-b border-[var(--ui-border-subtle)] bg-[var(--ui-bg-surface)] backdrop-blur-md\">{header}</header>}\n        \n        <div className=\"flex-1 flex w-full\">\n          {sidebar && (\n            <aside\n              style={{ width: sidebarCollapsed ? '4rem' : sidebarWidth }}\n              className=\"hidden md:flex flex-col flex-shrink-0 border-r border-[var(--ui-border-subtle)] bg-[var(--ui-bg-secondary)] transition-[width] duration-200\"\n            >\n              {sidebar}\n            </aside>\n          )}\n\n          <main className=\"flex-1 flex flex-col min-w-0 overflow-y-auto\">\n            <div className=\"flex-1 p-4 md:p-6 lg:p-8\">{children}</div>\n            {footer && <footer className=\"border-t border-[var(--ui-border-subtle)] bg-[var(--ui-bg-surface)] p-4 md:p-6\">{footer}</footer>}\n          </main>\n        </div>\n      </div>\n    );\n  }\n);\nPageLayout.displayName = 'PageLayout';\n\nexport const PageHeader = forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div ref={ref as any} className={cn('flex items-center justify-between h-16 px-4 md:px-6 w-full', className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\nPageHeader.displayName = 'PageHeader';\n\nexport const PageSidebar = forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div ref={ref as any} className={cn('flex flex-col h-full p-4 overflow-y-auto', className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\nPageSidebar.displayName = 'PageSidebar';\n","import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  maxHeight?: string | number;\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  hideScrollbar?: boolean;\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      maxHeight = '100%',\n      orientation = 'vertical',\n      hideScrollbar = false,\n      children,\n      className,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        style={{ maxHeight, ...style }}\n        className={cn(\n          'relative w-full overflow-auto',\n          orientation === 'vertical' && 'overflow-y-auto overflow-x-hidden',\n          orientation === 'horizontal' && 'overflow-x-auto overflow-y-hidden',\n          orientation === 'both' && 'overflow-auto',\n          hideScrollbar && '[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden',\n          !hideScrollbar && '[scrollbar-width:thin] [scrollbar-color:rgba(150,150,160,0.3)_transparent]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nScrollArea.displayName = 'ScrollArea';\n"]}

package/dist/{chunk-IABPUCAQ.js → chunk-ADO3SVUA.js}

@@ -15,5 +15,5 @@ function Portal({ children, container }) {
 }
 
 export { Portal };
-//# sourceMappingURL=chunk-IABPUCAQ.js.map
-//# sourceMappingURL=chunk-IABPUCAQ.js.map
+//# sourceMappingURL=chunk-ADO3SVUA.js.map
+//# sourceMappingURL=chunk-ADO3SVUA.js.map

package/dist/chunk-ADO3SVUA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlays/Portal.tsx"],"names":[],"mappings":";;;;AAQO,SAAS,MAAA,CAAO,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgB;AAC3D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,OAAO,MAAM,WAAW,KAAK,CAAA;AAAA,EAC/B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,SAAS,SAAA,KAAc,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA,CAAA;AAC/E,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,OAAO,YAAA,CAAa,UAAU,MAAM,CAAA;AACtC","file":"chunk-ADO3SVUA.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children: React.ReactNode;\n  container?: Element | null;\n}\n\nexport function Portal({ children, container }: PortalProps) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n    return () => setMounted(false);\n  }, []);\n\n  if (!mounted) return null;\n\n  const target = container || (typeof document !== 'undefined' ? document.body : null);\n  if (!target) return null;\n\n  return createPortal(children, target);\n}\n"]}