@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/shadcn/components/ui/tabs.js

@@ -1,40 +1,69 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { cva } from "class-variance-authority";
-import { Plus, X } from "lucide-react";
+import { ChevronDownIcon, ChevronLeft, ChevronRight, Plus, X } from "lucide-react";
+import * as React from "react";
 import { cn } from "../../lib/utils.js";
 import { Button } from "./button.js";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "./command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+// Base tabs styles
+const baseTabsStyles = cn("flex", "flex-col", "h-full");
+// Tabs add button container styles
+const tabsAddButtonContainerStyles = cn("grow", "h-full", "bg-bg-secondary", "border-l", "border-b");
+// Tabs list styles
+const tabsListStyles = cn("inline-flex", "w-fit", "items-center", "no-scrollbar");
+// Base tabs trigger styles
+const baseTabsTriggerStyles = cn(// Layout & Sizing
+"box-border", "flex-1", "h-10", "inline-flex", "items-center", "justify-center", "px-3", "whitespace-nowrap", // Spacing & Padding
+"pb-2", "pt-2.5", // Typography
+"typo-body", // Colors & States
+"cursor-pointer", "text-text-tertiary", "hover:bg-bg-secondary/60", "hover:text-text-tertiary_hover", "data-[state=active]:text-text-primary", "data-[state=active]:border-b-border-brand", "disabled:opacity-50", "disabled:pointer-events-none", // Borders
+"border-b-2", "border-b-transparent", // Focus & Accessibility
+"focus-visible:ring-2", "focus-visible:ring-utility-blue/70", "focus-visible:outline-1", // Transitions
+"transition-[color,box-shadow]", // Icons
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // Groups
+"group/tabs-trigger");
+// Tabs content styles
+const tabsContentStyles = cn("grow", "outline-none", "overflow-auto");
 const tabsVariants = cva("", {
     variants: {
         variant: {
             browser: cn(// Tabs
-            `flex-row 
-				 items-center
-				 h-10
-				 `, // TabsList
-            `**:data-[slot=tabs-list]:overflow-x-auto
-				 **:data-[slot=tabs-list]:divide-x`, // TabsTrigger
-            `**:data-[slot=tabs-trigger]:max-w-80 
-				 **:data-[slot=tabs-trigger]:min-w-40
-				 **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1
-				 **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary
-				 **:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]
-				 `)
+            "flex-row", "items-center", "h-10", // TabsList
+            "**:data-[slot=tabs-list]:overflow-x-auto", "**:data-[slot=tabs-list]:divide-x", // TabsTrigger
+            "**:data-[slot=tabs-trigger]:max-w-80", "**:data-[slot=tabs-trigger]:w-60", "**:data-[slot=tabs-trigger]:min-w-40", "**:data-[slot=tabs-trigger]:data-[state=inactive]:text-text-secondary", "**:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1", "**:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary", "**:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]"),
+            secondary: cn(// TabsList
+            "**:data-[slot=tabs-list]:h-10", "**:data-[slot=tabs-list]:bg-bg-tertiary", // TabsTrigger
+            "**:data-[slot=tabs-trigger]:h-10", "**:data-[slot=tabs-trigger]:px-3", "**:data-[slot=tabs-trigger]:pb-2", "**:data-[slot=tabs-trigger]:pt-2", "**:data-[slot=tabs-trigger]:text-text-secondary", "**:data-[slot=tabs-trigger]:hover:text-text-primary", "**:data-[slot=tabs-trigger]:data-[state=active]:border-b-2", "**:data-[slot=tabs-trigger]:data-[state=active]:border-b-border-dark", "**:data-[slot=tabs-trigger]:data-[state=active]:text-text-primary"),
+            tertiary: cn(// TabsList
+            "**:data-[slot=tabs-list]:bg-bg-secondary", "**:data-[slot=tabs-list]:border-b", "**:data-[slot=tabs-list]:border-b-border-separator", "**:data-[slot=tabs-list]:gap-2", "**:data-[slot=tabs-list]:px-4", "**:data-[slot=tabs-list]:py-2", // TabsTrigger
+            "**:data-[slot=tabs-trigger]:h-7", "**:data-[slot=tabs-trigger]:px-3", "**:data-[slot=tabs-trigger]:rounded", "**:data-[slot=tabs-trigger]:border-b-0", "**:data-[slot=tabs-trigger]:pb-2", "**:data-[slot=tabs-trigger]:pt-2", "**:data-[slot=tabs-trigger]:border", "**:data-[slot=tabs-trigger]:border-transparent", "**:data-[slot=tabs-trigger]:text-text-secondary", "**:data-[slot=tabs-trigger]:hover:text-text-primary", "**:data-[slot=tabs-trigger]:data-[state=active]:bg-bg-primary", "**:data-[slot=tabs-trigger]:data-[state=active]:border-border-secondary", "**:data-[slot=tabs-trigger]:data-[state=active]:text-text-primary")
         }
     }
 });
+// Context for variant
+const TabsVariantContext = /*#__PURE__*/ React.createContext(undefined);
 function Tabs({ className, variant, ...props }) {
-    return /*#__PURE__*/ _jsx(TabsPrimitive.Root, {
+    const tabProps = {
         "data-slot": "tabs",
-        className: cn("flex flex-col", tabsVariants({
+        className: cn(baseTabsStyles, tabsVariants({
             variant
         }), className),
-        ...props
+        ...props,
+        onValueChange: (value)=>props.onValueChange?.(value)
+    };
+    return /*#__PURE__*/ _jsx(TabsVariantContext.Provider, {
+        value: variant,
+        children: /*#__PURE__*/ _jsx(TabsPrimitive.Root, {
+            ...tabProps
+        })
     });
 }
 export function TabsAddButton(props) {
     return /*#__PURE__*/ _jsx("div", {
-        className: "grow h-full bg-bg-secondary border-l border-b",
+        className: tabsAddButtonContainerStyles,
         children: /*#__PURE__*/ _jsx(Button, {
             "data-slot": "tabs-add-button",
             variant: "link",
@@ -44,17 +73,435 @@ export function TabsAddButton(props) {
         })
     });
 }
-function TabsList({ className, ...props }) {
+function horizontalScroll(event) {
+    const mode = event.deltaMode;
+    let deltaPx = 0;
+    if (mode === 0) {
+        deltaPx = event.deltaY;
+    } else if (mode === 1) {
+        deltaPx = event.deltaY * 160;
+    } else if (mode === 2) {
+        deltaPx = event.currentTarget.clientWidth;
+    }
+    const newScrollLeft = event.currentTarget.scrollLeft + deltaPx;
+    event.currentTarget.scrollTo({
+        left: newScrollLeft,
+        behavior: "smooth"
+    });
+}
+function performHorizontalScroll(tabsListRef, direction) {
+    if (!tabsListRef.current) return;
+    const scrollAmount = 160;
+    let newScrollLeft = tabsListRef.current.scrollLeft;
+    if (direction === "left") {
+        newScrollLeft -= scrollAmount;
+        newScrollLeft -= newScrollLeft % scrollAmount;
+    } else {
+        newScrollLeft += scrollAmount;
+        const rightCoord = newScrollLeft + tabsListRef.current.clientWidth;
+        if (rightCoord % scrollAmount !== 0) {
+            newScrollLeft += scrollAmount - rightCoord % scrollAmount;
+        }
+    }
+    tabsListRef.current.scrollTo({
+        left: newScrollLeft,
+        behavior: "smooth"
+    });
+}
+function TabsList({ className, onLeftEdge, onRightEdge, onResize, onFlow, onTabChange, ...props }) {
+    const tabListRef = React.useRef(null);
+    const onLeftEdgeRef = React.useRef(onLeftEdge);
+    React.useEffect(()=>{
+        onLeftEdgeRef.current = onLeftEdge;
+    }, [
+        onLeftEdge
+    ]);
+    const onResizeRef = React.useRef(onResize);
+    React.useEffect(()=>{
+        onResizeRef.current = onResize;
+    }, [
+        onResize
+    ]);
+    const onRightEdgeRef = React.useRef(onRightEdge);
+    React.useEffect(()=>{
+        onRightEdgeRef.current = onRightEdge;
+    }, [
+        onRightEdge
+    ]);
+    const onFlowRef = React.useRef(onFlow);
+    React.useEffect(()=>{
+        onFlowRef.current = onFlow;
+    }, [
+        onFlow
+    ]);
+    const onTabChangeRef = React.useRef(onTabChange);
+    React.useEffect(()=>{
+        onTabChangeRef.current = onTabChange;
+    }, [
+        onTabChange
+    ]);
+    React.useEffect(()=>{
+        if (tabListRef.current === null) {
+            return;
+        }
+        const tabList = tabListRef.current;
+        let last = null;
+        const handleScroll = ()=>{
+            if (onLeftEdgeRef.current) {
+                const newState = tabList.scrollLeft < 1 ? "touch" : "depart";
+                if (last === null) {
+                    onLeftEdgeRef.current(newState);
+                } else {
+                    const lastState = last.scrollLeft < 1 ? "touch" : "depart";
+                    if (lastState !== newState) {
+                        onLeftEdgeRef.current(newState);
+                    }
+                }
+            }
+            if (onRightEdgeRef.current) {
+                const newState = tabList.scrollWidth - tabList.clientWidth - tabList.scrollLeft < 1 ? "touch" : "depart";
+                if (last === null) {
+                    onRightEdgeRef.current(newState);
+                } else {
+                    const lastState = last.scrollWidth - last.clientWidth - last.scrollLeft < 1 ? "touch" : "depart";
+                    if (lastState !== newState) {
+                        onRightEdgeRef.current(newState);
+                    }
+                }
+            }
+            if (onFlowRef.current) {
+                const newState = tabList.scrollWidth > tabList.clientWidth ? "overflow" : "underflow";
+                if (last === null) {
+                    onFlowRef.current(newState);
+                } else {
+                    const lastState = last.scrollWidth > last.clientWidth ? "overflow" : "underflow";
+                    if (lastState !== newState) {
+                        onFlowRef.current(newState);
+                    }
+                }
+            }
+            last = {
+                scrollLeft: tabList.scrollLeft,
+                scrollWidth: tabList.scrollWidth,
+                clientWidth: tabList.clientWidth
+            };
+        };
+        const scrollCallback = (_ev)=>handleScroll();
+        const resizeObserver = new ResizeObserver((entries)=>{
+            handleScroll();
+            if (onResizeRef.current) {
+                onResizeRef.current(entries);
+            }
+        });
+        const mutationObserver = new MutationObserver((mutationRecords)=>{
+            handleScroll();
+            if (onTabChangeRef.current) {
+                onTabChangeRef.current(mutationRecords);
+            }
+        });
+        tabList.addEventListener("scroll", scrollCallback, {
+            passive: true
+        });
+        resizeObserver.observe(tabList);
+        mutationObserver.observe(tabList, {
+            childList: true
+        });
+        return ()=>{
+            tabList.removeEventListener("scroll", scrollCallback);
+            resizeObserver.disconnect();
+            mutationObserver.disconnect();
+        };
+    }, []);
     return /*#__PURE__*/ _jsx(TabsPrimitive.List, {
         "data-slot": "tabs-list",
         className: cn("inline-flex w-fit items-center", className),
-        ...props
+        ...props,
+        ref: (element)=>{
+            tabListRef.current = element;
+            if (props.ref !== undefined && props.ref !== null) {
+                if (typeof props.ref === "function") {
+                    props.ref(element);
+                } else {
+                    props.ref.current = element;
+                }
+            }
+        }
+    });
+}
+function TabScrollLeftButton({ disabled, onClick }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "link",
+        size: "small",
+        disabled: disabled,
+        className: "h-full border-r border-b bg-bg-secondary rounded-none",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(ChevronLeft, {})
+    });
+}
+function TabScrollRightButton({ disabled, onClick }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: "link",
+        size: "small",
+        disabled: disabled,
+        className: "h-full border-l border-b bg-bg-secondary rounded-none",
+        onClick: onClick,
+        children: /*#__PURE__*/ _jsx(ChevronRight, {})
+    });
+}
+const DRAG_THRESHOLD = 5;
+function useTabReorder(onReorder) {
+    const [drag, setDrag] = React.useState(null);
+    const dragRef = React.useRef(null);
+    const pendingRef = React.useRef(false);
+    const itemsRef = React.useRef([]);
+    const handlePointerDown = React.useCallback((e, index)=>{
+        if (!onReorder || e.button !== 0) return;
+        const items = itemsRef.current;
+        const widths = items.map((el)=>el?.offsetWidth ?? 0);
+        const lefts = [];
+        let acc = 0;
+        for (const w of widths){
+            lefts.push(acc);
+            acc += w;
+        }
+        dragRef.current = {
+            index,
+            startX: e.clientX,
+            offsetX: 0,
+            currentIndex: index,
+            widths,
+            lefts
+        };
+        pendingRef.current = true;
+        e.target.setPointerCapture(e.pointerId);
+    }, [
+        onReorder
+    ]);
+    const handlePointerMove = React.useCallback((e)=>{
+        const d = dragRef.current;
+        if (!d) return;
+        const dx = e.clientX - d.startX;
+        if (pendingRef.current) {
+            if (Math.abs(dx) < DRAG_THRESHOLD) return;
+            pendingRef.current = false;
+        }
+        const draggedLeft = d.lefts[d.index] ?? 0;
+        const draggedWidth = d.widths[d.index] ?? 0;
+        const draggedRightEdge = draggedLeft + draggedWidth + dx;
+        const draggedLeftEdge = draggedLeft + dx;
+        let newIndex = d.index;
+        const TRIGGER_RATIO = 0.3;
+        for(let i = 0; i < d.lefts.length; i++){
+            if (i === d.index) continue;
+            const left = d.lefts[i] ?? 0;
+            const width = d.widths[i] ?? 0;
+            if (i > d.index) {
+                // Dragging right: trigger when right edge enters 30% of target
+                if (draggedRightEdge > left + width * TRIGGER_RATIO) newIndex = i;
+            } else {
+                // Dragging left: trigger when left edge enters 30% from right
+                if (draggedLeftEdge < left + width * (1 - TRIGGER_RATIO)) newIndex = Math.min(newIndex, i);
+            }
+        }
+        const next = {
+            ...d,
+            offsetX: dx,
+            currentIndex: newIndex
+        };
+        dragRef.current = next;
+        setDrag(next);
+    }, []);
+    const handlePointerUp = React.useCallback(()=>{
+        const d = dragRef.current;
+        if (d && !pendingRef.current && d.index !== d.currentIndex) {
+            onReorder?.(d.index, d.currentIndex);
+        }
+        dragRef.current = null;
+        pendingRef.current = false;
+        setDrag(null);
+    }, [
+        onReorder
+    ]);
+    const getTransform = React.useCallback((index)=>{
+        if (!drag || pendingRef.current) return {};
+        if (index === drag.index) {
+            return {
+                transform: `translateX(${drag.offsetX}px)`,
+                zIndex: 10,
+                position: "relative",
+                background: "var(--color-bg-primary)",
+                borderLeft: "1px solid var(--color-border-default)"
+            };
+        }
+        const from = drag.index;
+        const to = drag.currentIndex;
+        const draggedWidth = drag.widths[from] ?? 0;
+        if (from < to && index > from && index <= to) {
+            return {
+                transform: `translateX(${-draggedWidth}px)`,
+                transition: "transform 200ms ease"
+            };
+        }
+        if (from > to && index >= to && index < from) {
+            return {
+                transform: `translateX(${draggedWidth}px)`,
+                transition: "transform 200ms ease"
+            };
+        }
+        return {
+            transition: "transform 200ms ease"
+        };
+    }, [
+        drag
+    ]);
+    return {
+        drag,
+        itemsRef,
+        handlePointerDown,
+        handlePointerMove,
+        handlePointerUp,
+        getTransform
+    };
+}
+function TabsBrowserList({ className, children, onReorder, ...props }) {
+    const tabsListRef = React.useRef(null);
+    const [showScrollButtons, setShowScrollButtons] = React.useState(false);
+    const [canScrollLeft, setCanScrollLeft] = React.useState(false);
+    const [canScrollRight, setCanScrollRight] = React.useState(false);
+    const { drag, itemsRef, handlePointerDown, handlePointerMove, handlePointerUp, getTransform } = useTabReorder(onReorder);
+    const wrappedChildren = onReorder && React.Children.count(children) > 1 ? React.Children.map(children, (child, index)=>/*#__PURE__*/ _jsx("div", {
+            ref: (el)=>{
+                itemsRef.current[index] = el;
+            },
+            style: getTransform(index),
+            onPointerDown: (e)=>handlePointerDown(e, index),
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp,
+            className: cn(drag?.index === index && "cursor-grabbing"),
+            children: child
+        })) : children;
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            showScrollButtons && /*#__PURE__*/ _jsx(TabScrollLeftButton, {
+                disabled: !canScrollLeft,
+                onClick: ()=>performHorizontalScroll(tabsListRef, "left")
+            }),
+            /*#__PURE__*/ _jsx(TabsList, {
+                onLeftEdge: (edgeState)=>{
+                    if (edgeState === "touch") {
+                        setCanScrollLeft(false);
+                    } else {
+                        setCanScrollLeft(true);
+                    }
+                },
+                onRightEdge: (edgeState)=>{
+                    if (edgeState === "touch") {
+                        setCanScrollRight(false);
+                    } else {
+                        setCanScrollRight(true);
+                    }
+                },
+                onFlow: (flow)=>{
+                    if (flow === "overflow") {
+                        setShowScrollButtons(true);
+                    } else {
+                        setShowScrollButtons(false);
+                    }
+                },
+                onResize: ()=>{
+                    tabsListRef.current?.querySelector('button[data-state="active"]')?.scrollIntoView();
+                },
+                onTabChange: (entries)=>{
+                    if (entries.filter((entry)=>entry.addedNodes.length !== 0).length !== 0) {
+                        tabsListRef.current?.querySelector('button[data-state="active"]')?.scrollIntoView();
+                    }
+                },
+                "data-slot": "tabs-list",
+                className: cn(tabsListStyles, className),
+                onWheel: (event)=>horizontalScroll(event),
+                ...props,
+                ref: tabsListRef,
+                children: wrappedChildren
+            }),
+            showScrollButtons && /*#__PURE__*/ _jsx(TabScrollRightButton, {
+                disabled: !canScrollRight,
+                onClick: ()=>performHorizontalScroll(tabsListRef, "right")
+            })
+        ]
+    });
+}
+export function TabsListDropdown({ tabs, handleTabSelect, handleCloseTab }) {
+    const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+    return /*#__PURE__*/ _jsxs(Popover, {
+        open: isMenuOpen,
+        onOpenChange: setIsMenuOpen,
+        children: [
+            /*#__PURE__*/ _jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "link",
+                    className: "bg-bg-secondary h-full border-b pr-6",
+                    children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(PopoverContent, {
+                className: "w-80 p-0 mr-3",
+                align: "end",
+                children: /*#__PURE__*/ _jsxs(Command, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CommandInput, {
+                            placeholder: "Search tabs..."
+                        }),
+                        /*#__PURE__*/ _jsxs(CommandList, {
+                            children: [
+                                /*#__PURE__*/ _jsx(CommandEmpty, {
+                                    children: "Not tabs found."
+                                }),
+                                tabs.map((tab)=>/*#__PURE__*/ _jsxs(CommandItem, {
+                                        onSelect: ()=>{
+                                            handleTabSelect?.(tab.id);
+                                            setIsMenuOpen(false);
+                                        },
+                                        className: "group flex items-center justify-between",
+                                        children: [
+                                            tab.content,
+                                            tabs.length > 1 && /*#__PURE__*/ _jsx(Button, {
+                                                variant: "ghost",
+                                                size: "small",
+                                                className: "opacity-0 group-hover:opacity-100 transition-opacity p-1 ml-2",
+                                                onClick: (e)=>{
+                                                    e.stopPropagation();
+                                                    handleCloseTab?.(tab.id);
+                                                },
+                                                children: /*#__PURE__*/ _jsx(X, {
+                                                    className: "size-3"
+                                                })
+                                            })
+                                        ]
+                                    }, tab.id))
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
     });
 }
 function TabsTrigger({ className, onClose, ...props }) {
+    const variant = React.useContext(TabsVariantContext);
+    const isSecondary = variant === "secondary";
+    const isTertiary = variant === "tertiary";
     return /*#__PURE__*/ _jsxs(TabsPrimitive.Trigger, {
         "data-slot": "tabs-trigger",
-        className: cn("group/tabs-trigger", "box-border h-10 typo-body px-3 pb-2 pt-2.5 cursor-pointer text-text-tertiary data-[state=active]:text-text-primary", "data-[state=active]:border-b-border-brand border-b-2 border-b-transparent hover:text-text-tertiary-hover focus-visible:border-ring", "focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:text-muted-foreground", "inline-flex flex-1 items-center justify-center whitespace-nowrap transition-[color,box-shadow]", "focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "hover:bg-bg-secondary/60", onClose ? "justify-between" : "", className),
+        className: cn(baseTabsTriggerStyles, onClose ? "justify-between" : "justify-start", isSecondary && [
+            "body14",
+            "data-[state=active]:body14bold"
+        ], isTertiary && [
+            "typo-body",
+            "data-[state=active]:typo-label"
+        ], className),
         ...props,
         children: [
             props.children,
@@ -65,7 +512,7 @@ function TabsTrigger({ className, onClose, ...props }) {
                 },
                 variant: "link",
                 size: "small",
-                className: "p-0 ml-2",
+                className: "p-0 ml-2 opacity-0 group-hover/tabs-trigger:opacity-100 transition-opacity",
                 asChild: true,
                 children: /*#__PURE__*/ _jsx("span", {
                     children: /*#__PURE__*/ _jsx(X, {})
@@ -77,10 +524,10 @@ function TabsTrigger({ className, onClose, ...props }) {
 function TabsContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(TabsPrimitive.Content, {
         "data-slot": "tabs-content",
-        className: cn("flex-1 outline-none", className),
+        className: cn(tabsContentStyles, className),
         ...props
     });
 }
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent, TabsBrowserList };
 
 //# sourceMappingURL=tabs.js.map

package/dist/src/shadcn/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Plus, X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { Button } from \"./button\";\n\nconst tabsVariants = cva(\"\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tbrowser: cn(\n\t\t\t\t// Tabs\n\t\t\t\t`flex-row \n\t\t\t\t items-center\n\t\t\t\t h-10\n\t\t\t\t `,\n\t\t\t\t// TabsList\n\t\t\t\t`**:data-[slot=tabs-list]:overflow-x-auto\n\t\t\t\t **:data-[slot=tabs-list]:divide-x`,\n\t\t\t\t// TabsTrigger\n\t\t\t\t`**:data-[slot=tabs-trigger]:max-w-80 \n\t\t\t\t **:data-[slot=tabs-trigger]:min-w-40\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary\n\t\t\t\t **:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]\n\t\t\t\t `, // TODO: Try to implement this without using pt-[9px].\n\t\t\t),\n\t\t},\n\t},\n});\n\nfunction Tabs({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> &\n\tVariantProps<typeof tabsVariants>) {\n\treturn (\n\t\t<TabsPrimitive.Root\n\t\t\tdata-slot=\"tabs\"\n\t\t\tclassName={cn(\"flex flex-col\", tabsVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function TabsAddButton(props: React.ComponentProps<typeof Button>) {\n\treturn (\n\t\t<div className=\"grow h-full bg-bg-secondary border-l border-b\">\n\t\t\t<Button\n\t\t\t\tdata-slot=\"tabs-add-button\"\n\t\t\t\tvariant=\"link\"\n\t\t\t\tclassName=\"h-full\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Plus />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction TabsList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tdata-slot=\"tabs-list\"\n\t\t\tclassName={cn(\"inline-flex w-fit items-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction TabsTrigger({\n\tclassName,\n\tonClose,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger> & {\n\tonClose?: (value: string) => void;\n}) {\n\treturn (\n\t\t<TabsPrimitive.Trigger\n\t\t\tdata-slot=\"tabs-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/tabs-trigger\",\n\t\t\t\t\"box-border h-10 typo-body px-3 pb-2 pt-2.5 cursor-pointer text-text-tertiary data-[state=active]:text-text-primary\",\n\t\t\t\t\"data-[state=active]:border-b-border-brand border-b-2 border-b-transparent hover:text-text-tertiary-hover focus-visible:border-ring\",\n\t\t\t\t\"focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:text-muted-foreground\",\n\t\t\t\t\"inline-flex flex-1 items-center justify-center whitespace-nowrap transition-[color,box-shadow]\",\n\t\t\t\t\"focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\t\"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\t\"hover:bg-bg-secondary/60\",\n\t\t\t\tonClose ? \"justify-between\" : \"\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonClose(props.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"p-0 ml-2\"\n\t\t\t\t\tasChild\n\t\t\t\t>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<X />\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</TabsPrimitive.Trigger>\n\t);\n}\n\nfunction TabsContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n\treturn (\n\t\t<TabsPrimitive.Content\n\t\t\tdata-slot=\"tabs-content\"\n\t\t\tclassName={cn(\"flex-1 outline-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"names":["TabsPrimitive","cva","Plus","X","cn","Button","tabsVariants","variants","variant","browser","Tabs","className","props","Root","data-slot","TabsAddButton","div","TabsList","List","TabsTrigger","onClose","Trigger","children","onClick","event","stopPropagation","value","size","asChild","span","TabsContent","Content"],"mappings":";AAAA,YAAYA,mBAAmB,uBAAuB;AACtD,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,IAAI,EAAEC,CAAC,QAAQ,eAAe;AAEvC,SAASC,EAAE,QAAQ,qBAAoB;AACvC,SAASC,MAAM,QAAQ,cAAW;AAElC,MAAMC,eAAeL,IAAI,IAAI;IAC5BM,UAAU;QACTC,SAAS;YACRC,SAASL,GACR,OAAO;YACP,CAAC;;;KAGA,CAAC,EACF,WAAW;YACX,CAAC;sCACiC,CAAC,EACnC,cAAc;YACd,CAAC;;;;;KAKA,CAAC;QAEJ;IACD;AACD;AAEA,SAASM,KAAK,EACbC,SAAS,EACTH,OAAO,EACP,GAAGI,OAE8B;IACjC,qBACC,KAACZ,cAAca,IAAI;QAClBC,aAAU;QACVH,WAAWP,GAAG,iBAAiBE,aAAa;YAAEE;QAAQ,IAAIG;QACzD,GAAGC,KAAK;;AAGZ;AAEA,OAAO,SAASG,cAAcH,KAA0C;IACvE,qBACC,KAACI;QAAIL,WAAU;kBACd,cAAA,KAACN;YACAS,aAAU;YACVN,SAAQ;YACRG,WAAU;YACT,GAAGC,KAAK;sBAET,cAAA,KAACV;;;AAIL;AAEA,SAASe,SAAS,EACjBN,SAAS,EACT,GAAGC,OAC8C;IACjD,qBACC,KAACZ,cAAckB,IAAI;QAClBJ,aAAU;QACVH,WAAWP,GAAG,kCAAkCO;QAC/C,GAAGC,KAAK;;AAGZ;AAEA,SAASO,YAAY,EACpBR,SAAS,EACTS,OAAO,EACP,GAAGR,OAGH;IACA,qBACC,MAACZ,cAAcqB,OAAO;QACrBP,aAAU;QACVH,WAAWP,GACV,sBACA,sHACA,sIACA,0HACA,kGACA,qGACA,qFACA,4BACAgB,UAAU,oBAAoB,IAC9BT;QAEA,GAAGC,KAAK;;YAERA,MAAMU,QAAQ;YAEdF,yBACA,KAACf;gBACAkB,SAAS,CAACC;oBACTA,MAAMC,eAAe;oBACrBL,QAAQR,MAAMc,KAAK;gBACpB;gBACAlB,SAAQ;gBACRmB,MAAK;gBACLhB,WAAU;gBACViB,OAAO;0BAEP,cAAA,KAACC;8BACA,cAAA,KAAC1B;;;;;AAMP;AAEA,SAAS2B,YAAY,EACpBnB,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACZ,cAAc+B,OAAO;QACrBjB,aAAU;QACVH,WAAWP,GAAG,uBAAuBO;QACpC,GAAGC,KAAK;;AAGZ;AAEA,SAASF,IAAI,EAAEO,QAAQ,EAAEE,WAAW,EAAEW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n\tChevronDownIcon,\n\tChevronLeft,\n\tChevronRight,\n\tPlus,\n\tX,\n} from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { Button } from \"./button\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from \"./command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\n// Base tabs styles\nconst baseTabsStyles = cn(\"flex\", \"flex-col\", \"h-full\");\n\n// Tabs add button container styles\nconst tabsAddButtonContainerStyles = cn(\n\t\"grow\",\n\t\"h-full\",\n\t\"bg-bg-secondary\",\n\t\"border-l\",\n\t\"border-b\",\n);\n\n// Tabs list styles\nconst tabsListStyles = cn(\n\t\"inline-flex\",\n\t\"w-fit\",\n\t\"items-center\",\n\t\"no-scrollbar\",\n);\n\n// Base tabs trigger styles\nconst baseTabsTriggerStyles = cn(\n\t// Layout & Sizing\n\t\"box-border\",\n\t\"flex-1\",\n\t\"h-10\",\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t\"px-3\",\n\t\"whitespace-nowrap\",\n\t// Spacing & Padding\n\t\"pb-2\",\n\t\"pt-2.5\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors & States\n\t\"cursor-pointer\",\n\t\"text-text-tertiary\",\n\t\"hover:bg-bg-secondary/60\",\n\t\"hover:text-text-tertiary_hover\",\n\t\"data-[state=active]:text-text-primary\",\n\t\"data-[state=active]:border-b-border-brand\",\n\t\"disabled:opacity-50\",\n\t\"disabled:pointer-events-none\",\n\t// Borders\n\t\"border-b-2\",\n\t\"border-b-transparent\",\n\t// Focus & Accessibility\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t\"focus-visible:outline-1\",\n\t// Transitions\n\t\"transition-[color,box-shadow]\",\n\t// Icons\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// Groups\n\t\"group/tabs-trigger\",\n);\n\n// Tabs content styles\nconst tabsContentStyles = cn(\"grow\", \"outline-none\", \"overflow-auto\");\n\nconst tabsVariants = cva(\"\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tbrowser: cn(\n\t\t\t\t// Tabs\n\t\t\t\t\"flex-row\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"h-10\",\n\t\t\t\t// TabsList\n\t\t\t\t\"**:data-[slot=tabs-list]:overflow-x-auto\",\n\t\t\t\t\"**:data-[slot=tabs-list]:divide-x\",\n\t\t\t\t// TabsTrigger\n\t\t\t\t\"**:data-[slot=tabs-trigger]:max-w-80\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:w-60\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:min-w-40\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=inactive]:text-text-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-1\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=inactive]:border-b-border-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=inactive]:pt-[9px]\", // TODO: Try to implement this without using pt-[9px].\n\t\t\t),\n\t\t\tsecondary: cn(\n\t\t\t\t// TabsList\n\t\t\t\t\"**:data-[slot=tabs-list]:h-10\",\n\t\t\t\t\"**:data-[slot=tabs-list]:bg-bg-tertiary\",\n\t\t\t\t// TabsTrigger\n\t\t\t\t\"**:data-[slot=tabs-trigger]:h-10\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:px-3\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:pb-2\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:pt-2\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:text-text-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:hover:text-text-primary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:border-b-2\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:border-b-border-dark\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:text-text-primary\",\n\t\t\t),\n\t\t\ttertiary: cn(\n\t\t\t\t// TabsList\n\t\t\t\t\"**:data-[slot=tabs-list]:bg-bg-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-list]:border-b\",\n\t\t\t\t\"**:data-[slot=tabs-list]:border-b-border-separator\",\n\t\t\t\t\"**:data-[slot=tabs-list]:gap-2\",\n\t\t\t\t\"**:data-[slot=tabs-list]:px-4\",\n\t\t\t\t\"**:data-[slot=tabs-list]:py-2\",\n\t\t\t\t// TabsTrigger\n\t\t\t\t\"**:data-[slot=tabs-trigger]:h-7\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:px-3\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:rounded\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:border-b-0\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:pb-2\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:pt-2\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:border\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:border-transparent\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:text-text-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:hover:text-text-primary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:bg-bg-primary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:border-border-secondary\",\n\t\t\t\t\"**:data-[slot=tabs-trigger]:data-[state=active]:text-text-primary\",\n\t\t\t),\n\t\t},\n\t},\n});\n\n// Context for variant\nconst TabsVariantContext = React.createContext<\n\tVariantProps<typeof tabsVariants>[\"variant\"] | undefined\n>(undefined);\n\ntype TabsProps<T extends string> = Omit<\n\tReact.ComponentProps<typeof TabsPrimitive.Root> &\n\t\tVariantProps<typeof tabsVariants>,\n\t\"value\" | \"defaultValue\" | \"onValueChange\"\n> & {\n\tvalue?: T;\n\tdefaultValue?: T;\n\tonValueChange?: (value: T) => void;\n};\n\nfunction Tabs<T extends string = string>({\n\tclassName,\n\tvariant,\n\t...props\n}: TabsProps<T>) {\n\tconst tabProps = {\n\t\t\"data-slot\": \"tabs\",\n\t\tclassName: cn(baseTabsStyles, tabsVariants({ variant }), className),\n\t\t...props,\n\t\tonValueChange: (value: string) => props.onValueChange?.(value as T),\n\t};\n\treturn (\n\t\t<TabsVariantContext.Provider value={variant}>\n\t\t\t<TabsPrimitive.Root {...tabProps} />\n\t\t</TabsVariantContext.Provider>\n\t);\n}\n\nexport function TabsAddButton(props: React.ComponentProps<typeof Button>) {\n\treturn (\n\t\t<div className={tabsAddButtonContainerStyles}>\n\t\t\t<Button\n\t\t\t\tdata-slot=\"tabs-add-button\"\n\t\t\t\tvariant=\"link\"\n\t\t\t\tclassName=\"h-full\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Plus />\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction horizontalScroll(event: React.WheelEvent) {\n\tconst mode = event.deltaMode;\n\tlet deltaPx = 0;\n\n\tif (mode === 0) {\n\t\tdeltaPx = event.deltaY;\n\t} else if (mode === 1) {\n\t\tdeltaPx = event.deltaY * 160;\n\t} else if (mode === 2) {\n\t\tdeltaPx = event.currentTarget.clientWidth;\n\t}\n\n\tconst newScrollLeft = event.currentTarget.scrollLeft + deltaPx;\n\n\tevent.currentTarget.scrollTo({\n\t\tleft: newScrollLeft,\n\t\tbehavior: \"smooth\",\n\t});\n}\n\nfunction performHorizontalScroll(\n\ttabsListRef: React.RefObject<HTMLDivElement | null>,\n\tdirection: \"left\" | \"right\",\n) {\n\tif (!tabsListRef.current) return;\n\tconst scrollAmount = 160;\n\tlet newScrollLeft = tabsListRef.current.scrollLeft;\n\n\tif (direction === \"left\") {\n\t\tnewScrollLeft -= scrollAmount;\n\t\tnewScrollLeft -= newScrollLeft % scrollAmount;\n\t} else {\n\t\tnewScrollLeft += scrollAmount;\n\n\t\tconst rightCoord = newScrollLeft + tabsListRef.current.clientWidth;\n\n\t\tif (rightCoord % scrollAmount !== 0) {\n\t\t\tnewScrollLeft += scrollAmount - (rightCoord % scrollAmount);\n\t\t}\n\t}\n\n\ttabsListRef.current.scrollTo({\n\t\tleft: newScrollLeft,\n\t\tbehavior: \"smooth\",\n\t});\n}\n\ntype EdgeScrollPosition = \"touch\" | \"depart\";\ntype FlowType = \"overflow\" | \"underflow\";\n\ntype TabsListProps = {\n\tonLeftEdge?: (position: EdgeScrollPosition) => void;\n\tonRightEdge?: (position: EdgeScrollPosition) => void;\n\tonFlow?: (flow: FlowType) => void;\n\tonResize?: (entries: ResizeObserverEntry[]) => void;\n\tonTabChange?: (mutationRecords: MutationRecord[]) => void;\n} & React.ComponentProps<typeof TabsPrimitive.List>;\n\nfunction TabsList({\n\tclassName,\n\tonLeftEdge,\n\tonRightEdge,\n\tonResize,\n\tonFlow,\n\tonTabChange,\n\t...props\n}: TabsListProps) {\n\tconst tabListRef = React.useRef<HTMLDivElement | null>(null);\n\n\tconst onLeftEdgeRef = React.useRef(onLeftEdge);\n\tReact.useEffect(() => {\n\t\tonLeftEdgeRef.current = onLeftEdge;\n\t}, [onLeftEdge]);\n\n\tconst onResizeRef = React.useRef(onResize);\n\tReact.useEffect(() => {\n\t\tonResizeRef.current = onResize;\n\t}, [onResize]);\n\n\tconst onRightEdgeRef = React.useRef(onRightEdge);\n\tReact.useEffect(() => {\n\t\tonRightEdgeRef.current = onRightEdge;\n\t}, [onRightEdge]);\n\n\tconst onFlowRef = React.useRef(onFlow);\n\tReact.useEffect(() => {\n\t\tonFlowRef.current = onFlow;\n\t}, [onFlow]);\n\n\tconst onTabChangeRef = React.useRef(onTabChange);\n\tReact.useEffect(() => {\n\t\tonTabChangeRef.current = onTabChange;\n\t}, [onTabChange]);\n\n\tReact.useEffect(() => {\n\t\tif (tabListRef.current === null) {\n\t\t\treturn;\n\t\t}\n\t\tconst tabList = tabListRef.current;\n\n\t\tlet last: {\n\t\t\tscrollLeft: number;\n\t\t\tscrollWidth: number;\n\t\t\tclientWidth: number;\n\t\t} | null = null;\n\n\t\tconst handleScroll = () => {\n\t\t\tif (onLeftEdgeRef.current) {\n\t\t\t\tconst newState: EdgeScrollPosition =\n\t\t\t\t\ttabList.scrollLeft < 1 ? \"touch\" : \"depart\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonLeftEdgeRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState: EdgeScrollPosition =\n\t\t\t\t\t\tlast.scrollLeft < 1 ? \"touch\" : \"depart\";\n\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonLeftEdgeRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (onRightEdgeRef.current) {\n\t\t\t\tconst newState: EdgeScrollPosition =\n\t\t\t\t\ttabList.scrollWidth - tabList.clientWidth - tabList.scrollLeft < 1\n\t\t\t\t\t\t? \"touch\"\n\t\t\t\t\t\t: \"depart\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonRightEdgeRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState: EdgeScrollPosition =\n\t\t\t\t\t\tlast.scrollWidth - last.clientWidth - last.scrollLeft < 1\n\t\t\t\t\t\t\t? \"touch\"\n\t\t\t\t\t\t\t: \"depart\";\n\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonRightEdgeRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (onFlowRef.current) {\n\t\t\t\tconst newState: FlowType =\n\t\t\t\t\ttabList.scrollWidth > tabList.clientWidth ? \"overflow\" : \"underflow\";\n\n\t\t\t\tif (last === null) {\n\t\t\t\t\tonFlowRef.current(newState);\n\t\t\t\t} else {\n\t\t\t\t\tconst lastState =\n\t\t\t\t\t\tlast.scrollWidth > last.clientWidth ? \"overflow\" : \"underflow\";\n\t\t\t\t\tif (lastState !== newState) {\n\t\t\t\t\t\tonFlowRef.current(newState);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlast = {\n\t\t\t\tscrollLeft: tabList.scrollLeft,\n\t\t\t\tscrollWidth: tabList.scrollWidth,\n\t\t\t\tclientWidth: tabList.clientWidth,\n\t\t\t};\n\t\t};\n\n\t\tconst scrollCallback = (_ev: unknown) => handleScroll();\n\t\tconst resizeObserver = new ResizeObserver((entries) => {\n\t\t\thandleScroll();\n\t\t\tif (onResizeRef.current) {\n\t\t\t\tonResizeRef.current(entries);\n\t\t\t}\n\t\t});\n\t\tconst mutationObserver = new MutationObserver((mutationRecords) => {\n\t\t\thandleScroll();\n\t\t\tif (onTabChangeRef.current) {\n\t\t\t\tonTabChangeRef.current(mutationRecords);\n\t\t\t}\n\t\t});\n\n\t\ttabList.addEventListener(\"scroll\", scrollCallback, { passive: true });\n\t\tresizeObserver.observe(tabList);\n\t\tmutationObserver.observe(tabList, { childList: true });\n\n\t\treturn () => {\n\t\t\ttabList.removeEventListener(\"scroll\", scrollCallback);\n\t\t\tresizeObserver.disconnect();\n\t\t\tmutationObserver.disconnect();\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tdata-slot=\"tabs-list\"\n\t\t\tclassName={cn(\"inline-flex w-fit items-center\", className)}\n\t\t\t{...props}\n\t\t\tref={(element) => {\n\t\t\t\ttabListRef.current = element;\n\t\t\t\tif (props.ref !== undefined && props.ref !== null) {\n\t\t\t\t\tif (typeof props.ref === \"function\") {\n\t\t\t\t\t\tprops.ref(element);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprops.ref.current = element;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t);\n}\n\ntype TabScrollButtonProps = {\n\tdisabled: boolean;\n\tonClick: () => void;\n};\n\nfunction TabScrollLeftButton({\n\tdisabled,\n\tonClick,\n}: TabScrollButtonProps): React.ReactElement {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"link\"\n\t\t\tsize=\"small\"\n\t\t\tdisabled={disabled}\n\t\t\tclassName=\"h-full border-r border-b bg-bg-secondary rounded-none\"\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<ChevronLeft />\n\t\t</Button>\n\t);\n}\n\nfunction TabScrollRightButton({\n\tdisabled,\n\tonClick,\n}: TabScrollButtonProps): React.ReactElement {\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"link\"\n\t\t\tsize=\"small\"\n\t\t\tdisabled={disabled}\n\t\t\tclassName=\"h-full border-l border-b bg-bg-secondary rounded-none\"\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<ChevronRight />\n\t\t</Button>\n\t);\n}\n\ntype DragState = {\n\tindex: number;\n\tstartX: number;\n\toffsetX: number;\n\tcurrentIndex: number;\n\twidths: number[];\n\tlefts: number[];\n};\n\nconst DRAG_THRESHOLD = 5;\n\nfunction useTabReorder(\n\tonReorder: ((fromIndex: number, toIndex: number) => void) | undefined,\n) {\n\tconst [drag, setDrag] = React.useState<DragState | null>(null);\n\tconst dragRef = React.useRef<DragState | null>(null);\n\tconst pendingRef = React.useRef(false);\n\tconst itemsRef = React.useRef<(HTMLDivElement | null)[]>([]);\n\n\tconst handlePointerDown = React.useCallback(\n\t\t(e: React.PointerEvent, index: number) => {\n\t\t\tif (!onReorder || e.button !== 0) return;\n\t\t\tconst items = itemsRef.current;\n\t\t\tconst widths = items.map((el) => el?.offsetWidth ?? 0);\n\t\t\tconst lefts: number[] = [];\n\t\t\tlet acc = 0;\n\t\t\tfor (const w of widths) {\n\t\t\t\tlefts.push(acc);\n\t\t\t\tacc += w;\n\t\t\t}\n\t\t\tdragRef.current = {\n\t\t\t\tindex,\n\t\t\t\tstartX: e.clientX,\n\t\t\t\toffsetX: 0,\n\t\t\t\tcurrentIndex: index,\n\t\t\t\twidths,\n\t\t\t\tlefts,\n\t\t\t};\n\t\t\tpendingRef.current = true;\n\t\t\t(e.target as HTMLElement).setPointerCapture(e.pointerId);\n\t\t},\n\t\t[onReorder],\n\t);\n\n\tconst handlePointerMove = React.useCallback((e: React.PointerEvent) => {\n\t\tconst d = dragRef.current;\n\t\tif (!d) return;\n\t\tconst dx = e.clientX - d.startX;\n\t\tif (pendingRef.current) {\n\t\t\tif (Math.abs(dx) < DRAG_THRESHOLD) return;\n\t\t\tpendingRef.current = false;\n\t\t}\n\t\tconst draggedLeft = d.lefts[d.index] ?? 0;\n\t\tconst draggedWidth = d.widths[d.index] ?? 0;\n\t\tconst draggedRightEdge = draggedLeft + draggedWidth + dx;\n\t\tconst draggedLeftEdge = draggedLeft + dx;\n\t\tlet newIndex = d.index;\n\t\tconst TRIGGER_RATIO = 0.3;\n\t\tfor (let i = 0; i < d.lefts.length; i++) {\n\t\t\tif (i === d.index) continue;\n\t\t\tconst left = d.lefts[i] ?? 0;\n\t\t\tconst width = d.widths[i] ?? 0;\n\t\t\tif (i > d.index) {\n\t\t\t\t// Dragging right: trigger when right edge enters 30% of target\n\t\t\t\tif (draggedRightEdge > left + width * TRIGGER_RATIO) newIndex = i;\n\t\t\t} else {\n\t\t\t\t// Dragging left: trigger when left edge enters 30% from right\n\t\t\t\tif (draggedLeftEdge < left + width * (1 - TRIGGER_RATIO))\n\t\t\t\t\tnewIndex = Math.min(newIndex, i);\n\t\t\t}\n\t\t}\n\t\tconst next: DragState = { ...d, offsetX: dx, currentIndex: newIndex };\n\t\tdragRef.current = next;\n\t\tsetDrag(next);\n\t}, []);\n\n\tconst handlePointerUp = React.useCallback(() => {\n\t\tconst d = dragRef.current;\n\t\tif (d && !pendingRef.current && d.index !== d.currentIndex) {\n\t\t\tonReorder?.(d.index, d.currentIndex);\n\t\t}\n\t\tdragRef.current = null;\n\t\tpendingRef.current = false;\n\t\tsetDrag(null);\n\t}, [onReorder]);\n\n\tconst getTransform = React.useCallback(\n\t\t(index: number): React.CSSProperties => {\n\t\t\tif (!drag || pendingRef.current) return {};\n\t\t\tif (index === drag.index) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX(${drag.offsetX}px)`,\n\t\t\t\t\tzIndex: 10,\n\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\tbackground: \"var(--color-bg-primary)\",\n\t\t\t\t\tborderLeft: \"1px solid var(--color-border-default)\",\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst from = drag.index;\n\t\t\tconst to = drag.currentIndex;\n\t\t\tconst draggedWidth = drag.widths[from] ?? 0;\n\t\t\tif (from < to && index > from && index <= to) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX(${-draggedWidth}px)`,\n\t\t\t\t\ttransition: \"transform 200ms ease\",\n\t\t\t\t};\n\t\t\t}\n\t\t\tif (from > to && index >= to && index < from) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX(${draggedWidth}px)`,\n\t\t\t\t\ttransition: \"transform 200ms ease\",\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn { transition: \"transform 200ms ease\" };\n\t\t},\n\t\t[drag],\n\t);\n\n\treturn {\n\t\tdrag,\n\t\titemsRef,\n\t\thandlePointerDown,\n\t\thandlePointerMove,\n\t\thandlePointerUp,\n\t\tgetTransform,\n\t};\n}\n\nfunction TabsBrowserList({\n\tclassName,\n\tchildren,\n\tonReorder,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.List> & {\n\tonReorder?: (fromIndex: number, toIndex: number) => void;\n}) {\n\tconst tabsListRef = React.useRef<HTMLDivElement | null>(null);\n\n\tconst [showScrollButtons, setShowScrollButtons] = React.useState(false);\n\tconst [canScrollLeft, setCanScrollLeft] = React.useState(false);\n\tconst [canScrollRight, setCanScrollRight] = React.useState(false);\n\n\tconst {\n\t\tdrag,\n\t\titemsRef,\n\t\thandlePointerDown,\n\t\thandlePointerMove,\n\t\thandlePointerUp,\n\t\tgetTransform,\n\t} = useTabReorder(onReorder);\n\n\tconst wrappedChildren =\n\t\tonReorder && React.Children.count(children) > 1\n\t\t\t? React.Children.map(children, (child, index) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\titemsRef.current[index] = el;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={getTransform(index)}\n\t\t\t\t\t\tonPointerDown={(e) => handlePointerDown(e, index)}\n\t\t\t\t\t\tonPointerMove={handlePointerMove}\n\t\t\t\t\t\tonPointerUp={handlePointerUp}\n\t\t\t\t\t\tclassName={cn(drag?.index === index && \"cursor-grabbing\")}\n\t\t\t\t\t>\n\t\t\t\t\t\t{child}\n\t\t\t\t\t</div>\n\t\t\t\t))\n\t\t\t: children;\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t{showScrollButtons && (\n\t\t\t\t<TabScrollLeftButton\n\t\t\t\t\tdisabled={!canScrollLeft}\n\t\t\t\t\tonClick={() => performHorizontalScroll(tabsListRef, \"left\")}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<TabsList\n\t\t\t\tonLeftEdge={(edgeState) => {\n\t\t\t\t\tif (edgeState === \"touch\") {\n\t\t\t\t\t\tsetCanScrollLeft(false);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetCanScrollLeft(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonRightEdge={(edgeState) => {\n\t\t\t\t\tif (edgeState === \"touch\") {\n\t\t\t\t\t\tsetCanScrollRight(false);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetCanScrollRight(true);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFlow={(flow) => {\n\t\t\t\t\tif (flow === \"overflow\") {\n\t\t\t\t\t\tsetShowScrollButtons(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetShowScrollButtons(false);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonResize={() => {\n\t\t\t\t\ttabsListRef.current\n\t\t\t\t\t\t?.querySelector<HTMLButtonElement>('button[data-state=\"active\"]')\n\t\t\t\t\t\t?.scrollIntoView();\n\t\t\t\t}}\n\t\t\t\tonTabChange={(entries) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tentries.filter((entry) => entry.addedNodes.length !== 0).length !==\n\t\t\t\t\t\t0\n\t\t\t\t\t) {\n\t\t\t\t\t\ttabsListRef.current\n\t\t\t\t\t\t\t?.querySelector<HTMLButtonElement>('button[data-state=\"active\"]')\n\t\t\t\t\t\t\t?.scrollIntoView();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tdata-slot=\"tabs-list\"\n\t\t\t\tclassName={cn(tabsListStyles, className)}\n\t\t\t\tonWheel={(event) => horizontalScroll(event)}\n\t\t\t\t{...props}\n\t\t\t\tref={tabsListRef}\n\t\t\t>\n\t\t\t\t{wrappedChildren}\n\t\t\t</TabsList>\n\n\t\t\t{showScrollButtons && (\n\t\t\t\t<TabScrollRightButton\n\t\t\t\t\tdisabled={!canScrollRight}\n\t\t\t\t\tonClick={() => performHorizontalScroll(tabsListRef, \"right\")}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</React.Fragment>\n\t);\n}\n\nexport function TabsListDropdown({\n\ttabs,\n\thandleTabSelect,\n\thandleCloseTab,\n}: {\n\ttabs: { id: string; content: React.ReactNode }[];\n\thandleTabSelect?: (tabId: string) => void;\n\thandleCloseTab?: (tabId: string) => void;\n}) {\n\tconst [isMenuOpen, setIsMenuOpen] = React.useState(false);\n\treturn (\n\t\t<Popover open={isMenuOpen} onOpenChange={setIsMenuOpen}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"link\" className=\"bg-bg-secondary h-full border-b pr-6\">\n\t\t\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className=\"w-80 p-0 mr-3\" align=\"end\">\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput placeholder=\"Search tabs...\" />\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>Not tabs found.</CommandEmpty>\n\t\t\t\t\t\t{tabs.map((tab) => (\n\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\tkey={tab.id}\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\thandleTabSelect?.(tab.id);\n\t\t\t\t\t\t\t\t\tsetIsMenuOpen(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName=\"group flex items-center justify-between\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{tab.content}\n\t\t\t\t\t\t\t\t{tabs.length > 1 && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"opacity-0 group-hover:opacity-100 transition-opacity p-1 ml-2\"\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleCloseTab?.(tab.id);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<X className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n\nfunction TabsTrigger({\n\tclassName,\n\tonClose,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger> & {\n\tonClose?: (value: string) => void;\n}) {\n\tconst variant = React.useContext(TabsVariantContext);\n\tconst isSecondary = variant === \"secondary\";\n\tconst isTertiary = variant === \"tertiary\";\n\n\treturn (\n\t\t<TabsPrimitive.Trigger\n\t\t\tdata-slot=\"tabs-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\tbaseTabsTriggerStyles,\n\t\t\t\tonClose ? \"justify-between\" : \"justify-start\",\n\t\t\t\tisSecondary && [\"body14\", \"data-[state=active]:body14bold\"],\n\t\t\t\tisTertiary && [\"typo-body\", \"data-[state=active]:typo-label\"],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonClose(props.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"p-0 ml-2 opacity-0 group-hover/tabs-trigger:opacity-100 transition-opacity\"\n\t\t\t\t\tasChild\n\t\t\t\t>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<X />\n\t\t\t\t\t</span>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</TabsPrimitive.Trigger>\n\t);\n}\n\nfunction TabsContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n\treturn (\n\t\t<TabsPrimitive.Content\n\t\t\tdata-slot=\"tabs-content\"\n\t\t\tclassName={cn(tabsContentStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, TabsBrowserList };\n"],"names":["TabsPrimitive","cva","ChevronDownIcon","ChevronLeft","ChevronRight","Plus","X","React","cn","Button","Command","CommandEmpty","CommandInput","CommandItem","CommandList","Popover","PopoverContent","PopoverTrigger","baseTabsStyles","tabsAddButtonContainerStyles","tabsListStyles","baseTabsTriggerStyles","tabsContentStyles","tabsVariants","variants","variant","browser","secondary","tertiary","TabsVariantContext","createContext","undefined","Tabs","className","props","tabProps","onValueChange","value","Provider","Root","TabsAddButton","div","data-slot","horizontalScroll","event","mode","deltaMode","deltaPx","deltaY","currentTarget","clientWidth","newScrollLeft","scrollLeft","scrollTo","left","behavior","performHorizontalScroll","tabsListRef","direction","current","scrollAmount","rightCoord","TabsList","onLeftEdge","onRightEdge","onResize","onFlow","onTabChange","tabListRef","useRef","onLeftEdgeRef","useEffect","onResizeRef","onRightEdgeRef","onFlowRef","onTabChangeRef","tabList","last","handleScroll","newState","lastState","scrollWidth","scrollCallback","_ev","resizeObserver","ResizeObserver","entries","mutationObserver","MutationObserver","mutationRecords","addEventListener","passive","observe","childList","removeEventListener","disconnect","List","ref","element","TabScrollLeftButton","disabled","onClick","size","TabScrollRightButton","DRAG_THRESHOLD","useTabReorder","onReorder","drag","setDrag","useState","dragRef","pendingRef","itemsRef","handlePointerDown","useCallback","e","index","button","items","widths","map","el","offsetWidth","lefts","acc","w","push","startX","clientX","offsetX","currentIndex","target","setPointerCapture","pointerId","handlePointerMove","d","dx","Math","abs","draggedLeft","draggedWidth","draggedRightEdge","draggedLeftEdge","newIndex","TRIGGER_RATIO","i","length","width","min","next","handlePointerUp","getTransform","transform","zIndex","position","background","borderLeft","from","to","transition","TabsBrowserList","children","showScrollButtons","setShowScrollButtons","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","wrappedChildren","Children","count","child","style","onPointerDown","onPointerMove","onPointerUp","Fragment","edgeState","flow","querySelector","scrollIntoView","filter","entry","addedNodes","onWheel","TabsListDropdown","tabs","handleTabSelect","handleCloseTab","isMenuOpen","setIsMenuOpen","open","onOpenChange","asChild","align","placeholder","tab","onSelect","id","content","stopPropagation","TabsTrigger","onClose","useContext","isSecondary","isTertiary","Trigger","span","TabsContent","Content"],"mappings":"AAAA;;AACA,YAAYA,mBAAmB,uBAAuB;AACtD,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SACCC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,CAAC,QACK,eAAe;AACtB,YAAYC,WAAW,QAAQ;AAC/B,SAASC,EAAE,QAAQ,qBAAoB;AACvC,SAASC,MAAM,QAAQ,cAAW;AAClC,SACCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,WAAW,QACL,eAAY;AACnB,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,eAAY;AAEpE,mBAAmB;AACnB,MAAMC,iBAAiBV,GAAG,QAAQ,YAAY;AAE9C,mCAAmC;AACnC,MAAMW,+BAA+BX,GACpC,QACA,UACA,mBACA,YACA;AAGD,mBAAmB;AACnB,MAAMY,iBAAiBZ,GACtB,eACA,SACA,gBACA;AAGD,2BAA2B;AAC3B,MAAMa,wBAAwBb,GAC7B,kBAAkB;AAClB,cACA,UACA,QACA,eACA,gBACA,kBACA,QACA,qBACA,oBAAoB;AACpB,QACA,UACA,aAAa;AACb,aACA,kBAAkB;AAClB,kBACA,sBACA,4BACA,kCACA,yCACA,6CACA,uBACA,gCACA,UAAU;AACV,cACA,wBACA,wBAAwB;AACxB,wBACA,sCACA,2BACA,cAAc;AACd,iCACA,QAAQ;AACR,+BACA,oBACA,wCACA,SAAS;AACT;AAGD,sBAAsB;AACtB,MAAMc,oBAAoBd,GAAG,QAAQ,gBAAgB;AAErD,MAAMe,eAAetB,IAAI,IAAI;IAC5BuB,UAAU;QACTC,SAAS;YACRC,SAASlB,GACR,OAAO;YACP,YACA,gBACA,QACA,WAAW;YACX,4CACA,qCACA,cAAc;YACd,wCACA,oCACA,wCACA,yEACA,gEACA,+EACA;YAEDmB,WAAWnB,GACV,WAAW;YACX,iCACA,2CACA,cAAc;YACd,oCACA,oCACA,oCACA,oCACA,mDACA,uDACA,8DACA,wEACA;YAEDoB,UAAUpB,GACT,WAAW;YACX,4CACA,qCACA,sDACA,kCACA,iCACA,iCACA,cAAc;YACd,mCACA,oCACA,uCACA,0CA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"}