@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/tabs-tab-CYTZevdV.js

@@ -1,349 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as cva } from "./dist-BhWtUEhi.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { controlHeight } from "./primitives/control-size.es.js";
-import { controlStateColorTransition, focusRing, transitions } from "./primitives/transitions.es.js";
-import { o as buttonVariants } from "./Button-CLXTbAY8.js";
-import { quietTextHover } from "./primitives/typography.es.js";
-import { t as DropdownMenu } from "./dropdown-menu-B4jY3J9e.js";
-import { Fragment, createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, X } from "lucide-react";
-import { Tabs } from "@base-ui/react/tabs";
-import './tabs-tab.css';// src/ds/components/Tabs/tabs-context.ts
-var TabsContext = createContext(null);
-var TabListContext = createContext(null);
-// src/ds/components/Tabs/tabs-list.tsx
-var tabListVariants = cva("relative flex items-center text-body", {
-	variants: { variant: {
-		pill: "w-fit gap-1 rounded-full bg-fill-subtle p-1",
-		"pill-ghost": "w-fit gap-0.5 rounded-full"
-	} },
-	defaultVariants: { variant: "pill" }
-});
-/** The active pill sits inside the track's inset: 2px on the rung-sized track, 4px when contained. */
-function indicatorHeightClass(variant, contained) {
-	if (variant !== "pill") return "h-full";
-	return contained ? "h-[calc(100%-0.5rem)]" : "h-[calc(100%-0.25rem)]";
-}
-var TabList = ({ children, className, variant, size = "md", sticky, style }) => {
-	const resolvedVariant = variant ?? "pill";
-	const tabs = useContext(TabsContext);
-	const scrollRef = useRef(null);
-	const closeRefs = useRef(/* @__PURE__ */ new Map());
-	const tabPositions = useRef(/* @__PURE__ */ new Map());
-	const selectedValue = useRef(tabs?.value);
-	const [available, setAvailable] = useState(null);
-	const [measurements, setMeasurements] = useState([]);
-	const register = useCallback((tab) => {
-		setMeasurements((previous) => {
-			const existing = previous.find((item) => item.value === tab.value);
-			if (existing && existing.element === tab.element && existing.width === tab.width && existing.label === tab.label && existing.disabled === tab.disabled && existing.onClick === tab.onClick && existing.onClose === tab.onClose) return previous;
-			return (existing ? previous.map((item) => item.value === tab.value ? tab : item) : [...previous, tab]).sort((a, b) => {
-				if (a.element === b.element) return 0;
-				return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-			});
-		});
-	}, []);
-	const unregister = useCallback((value) => setMeasurements((previous) => previous.filter((tab) => tab.value !== value)), []);
-	const contained = tabs?.appearance === "contained";
-	const pillTrack = resolvedVariant === "pill" && !contained;
-	const indicatorHeight = indicatorHeightClass(resolvedVariant, contained);
-	useLayoutEffect(() => {
-		const viewport = scrollRef.current;
-		if (!viewport || !contained) return;
-		const measure = () => setAvailable(viewport.clientWidth);
-		measure();
-		if (!("ResizeObserver" in globalThis)) return;
-		const observer = new ResizeObserver(measure);
-		observer.observe(viewport);
-		return () => observer.disconnect();
-	}, [contained]);
-	const gap = contained ? 4 : 0;
-	const frameReserve = contained ? 30 : 0;
-	const hiddenValues = useMemo(() => {
-		const hidden = /* @__PURE__ */ new Set();
-		if (!contained || available === null) return hidden;
-		if (measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0) + frameReserve <= available) return hidden;
-		let remaining = available - frameReserve - 48;
-		const active = measurements.find((tab) => tab.value === tabs?.value);
-		if (active) remaining -= active.width + gap;
-		let full = false;
-		for (const tab of measurements) {
-			if (tab === active) continue;
-			if (full || tab.width + gap > remaining) {
-				full = true;
-				hidden.add(tab.value);
-			} else remaining -= tab.width + gap;
-		}
-		return hidden;
-	}, [
-		contained,
-		available,
-		measurements,
-		gap,
-		frameReserve,
-		tabs?.value
-	]);
-	const hiddenTabs = measurements.filter((tab) => hiddenValues.has(tab.value));
-	const overflowX = measurements.filter((tab) => !hiddenValues.has(tab.value)).reduce((sum, tab) => sum + tab.width + gap, contained ? 4 : 0);
-	const visibleClosableTabs = measurements.filter((tab) => !hiddenValues.has(tab.value) && tab.onClose);
-	const listContext = useMemo(() => ({
-		variant: resolvedVariant,
-		size,
-		hiddenValues,
-		register,
-		unregister
-	}), [
-		resolvedVariant,
-		size,
-		hiddenValues,
-		register,
-		unregister
-	]);
-	useLayoutEffect(() => {
-		const nextPositions = new Map(tabPositions.current);
-		const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-		for (const tab of measurements) {
-			if (hiddenValues.has(tab.value)) continue;
-			const left = tab.element.offsetLeft;
-			const previousLeft = tabPositions.current.get(tab.value);
-			const close = closeRefs.current.get(tab.value);
-			if (close) {
-				close.style.left = `${left}px`;
-				close.style.top = `${tab.element.offsetTop}px`;
-				close.style.width = `${tab.element.offsetWidth}px`;
-				close.style.height = `${tab.element.offsetHeight}px`;
-			}
-			const delta = previousLeft === void 0 ? 0 : previousLeft - left;
-			const shouldAnimate = tab.value !== tabs?.value && Math.abs(delta) <= 32;
-			if (!reduceMotion && shouldAnimate && delta !== 0 && "animate" in tab.element) tab.element.animate([{ transform: `translateX(${delta}px)` }, { transform: "translateX(0)" }], {
-				duration: 180,
-				easing: "cubic-bezier(0.32, 0.72, 0, 1)"
-			});
-			nextPositions.set(tab.value, left);
-		}
-		for (const value of nextPositions.keys()) if (!measurements.some((tab) => tab.value === value)) nextPositions.delete(value);
-		tabPositions.current = nextPositions;
-	}, [
-		hiddenValues,
-		measurements,
-		tabs?.value
-	]);
-	useLayoutEffect(() => {
-		const previousValue = selectedValue.current;
-		selectedValue.current = tabs?.value;
-		const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-		if (!contained || previousValue === tabs?.value || reduceMotion) return;
-		const indicator = scrollRef.current?.querySelector("[data-slot=\"tabs-indicator\"]");
-		if (!indicator || !("animate" in indicator)) return;
-		indicator.animate([{
-			opacity: .72,
-			scale: "0.97"
-		}, {
-			opacity: 1,
-			scale: "1"
-		}], {
-			duration: 140,
-			easing: "cubic-bezier(0.32, 0.72, 0, 1)"
-		});
-	}, [contained, tabs?.value]);
-	return /* @__PURE__ */ jsx(TabListContext.Provider, {
-		value: listContext,
-		children: /* @__PURE__ */ jsx(TooltipProvider, {
-			delay: 200,
-			children: /* @__PURE__ */ jsxs("div", {
-				ref: scrollRef,
-				"data-slot": "tabs-list-scroll",
-				className: cn("relative w-full overflow-x-auto", sticky && "sticky top-0 z-10 bg-background"),
-				children: [
-					/* @__PURE__ */ jsxs(Tabs.List, {
-						"data-slot": "tabs-list",
-						"data-overflow": hiddenTabs.length > 0 || void 0,
-						"data-variant": resolvedVariant,
-						"data-size": size,
-						className: cn("group/tabs-list", tabListVariants({ variant: resolvedVariant }), pillTrack && cn(controlHeight[size], "items-stretch p-0.5"), className),
-						style,
-						children: [children, /* @__PURE__ */ jsx(Tabs.Indicator, {
-							className: cn("absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--fill-hover))]", indicatorHeight, "w-[var(--active-tab-width)]", "transition-[width,transform] duration-200 ease-in-out motion-reduce:transition-none"),
-							"data-slot": "tabs-indicator",
-							style: { transform: "translateY(var(--tabs-indicator-y, -50%)) translateX(var(--active-tab-left))" }
-						})]
-					}),
-					/* @__PURE__ */ jsx("div", {
-						"data-slot": "tabs-close-actions",
-						children: visibleClosableTabs.map((tab) => /* @__PURE__ */ jsx("div", {
-							ref: (element) => {
-								if (element) closeRefs.current.set(tab.value, element);
-								else closeRefs.current.delete(tab.value);
-							},
-							"data-slot": "tab-close-item",
-							"data-visible": tabs?.value === tab.value || void 0,
-							children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
-								render: /* @__PURE__ */ jsx("button", {
-									type: "button",
-									tabIndex: tabs?.value === tab.value ? 0 : -1,
-									"data-slot": "tab-close",
-									onClick: tab.onClose,
-									className: cn("rounded p-0.5 hover:bg-fill-hover hover:text-destructive-foreground", transitions.colors)
-								}),
-								children: [/* @__PURE__ */ jsxs("span", {
-									className: "sr-only",
-									children: ["Close ", tab.label]
-								}), /* @__PURE__ */ jsx(X, {
-									"aria-hidden": "true",
-									className: "size-3"
-								})]
-							}), /* @__PURE__ */ jsxs(TooltipContent, { children: ["Close ", tab.label] })] })
-						}, tab.value))
-					}),
-					hiddenTabs.length > 0 && /* @__PURE__ */ jsx("div", {
-						"data-slot": "tabs-overflow",
-						style: { transform: `translateX(${overflowX}px)` },
-						className: "tabs-overflow",
-						children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenu.Trigger, {
-							"aria-label": `${hiddenTabs.length} more tabs`,
-							variant: "ghost",
-							size: "sm",
-							className: "tabular-nums",
-							children: [
-								"+",
-								hiddenTabs.length,
-								/* @__PURE__ */ jsx(ChevronDown, {
-									"aria-hidden": "true",
-									className: "size-3"
-								})
-							]
-						}), /* @__PURE__ */ jsx(DropdownMenu.Content, { children: hiddenTabs.map((tab, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenu.Item, {
-							"data-slot": "tabs-overflow-tab",
-							disabled: tab.disabled,
-							className: tab.onClose ? "pr-9" : void 0,
-							style: { gridArea: `${index + 1} / 1` },
-							onClick: () => {
-								tabs?.select(tab.value);
-								tab.onClick?.();
-							},
-							children: tab.label
-						}), tab.onClose ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
-							render: /* @__PURE__ */ jsx(DropdownMenu.Item, {
-								"data-slot": "tabs-overflow-close",
-								className: "pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0 hover:text-destructive-foreground data-[highlighted]:text-destructive-foreground",
-								style: { gridArea: `${index + 1} / 1` },
-								onClick: tab.onClose
-							}),
-							children: [/* @__PURE__ */ jsxs("span", {
-								className: "sr-only",
-								children: ["Close ", tab.label]
-							}), /* @__PURE__ */ jsx(X, {
-								"aria-hidden": "true",
-								className: "size-3"
-							})]
-						}), /* @__PURE__ */ jsxs(TooltipContent, {
-							side: "right",
-							children: ["Close ", tab.label]
-						})] }) : null] }, tab.value)) })] })
-					})
-				]
-			})
-		})
-	});
-};
-// src/ds/components/Tabs/tabs-root.tsx
-var Tabs$1 = ({ children, defaultTab, value, onValueChange, appearance = "default", frame = "inset", className, ...props }) => {
-	const [uncontrolledValue, setUncontrolledValue] = useState(defaultTab);
-	const selectedValue = value ?? uncontrolledValue;
-	const select = (next) => {
-		setUncontrolledValue(next);
-		onValueChange?.(next);
-	};
-	return /* @__PURE__ */ jsx(TabsContext.Provider, {
-		value: {
-			appearance,
-			value: selectedValue,
-			select
-		},
-		children: /* @__PURE__ */ jsx(Tabs.Root, {
-			defaultValue: defaultTab,
-			value: selectedValue,
-			onValueChange: select,
-			"data-slot": "tabs",
-			"data-appearance": appearance,
-			"data-frame": frame,
-			className: cn("group/tabs", appearance === "default" ? "overflow-y-auto" : "w-full min-w-0", className),
-			...props,
-			children
-		})
-	});
-};
-// src/ds/components/Tabs/tabs-tab.tsx
-var Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, tooltip, attention = false, className }) => {
-	const list = useContext(TabListContext);
-	const ref = useRef(null);
-	const register = list?.register;
-	const unregister = list?.unregister;
-	const overflowed = list?.hiddenValues.has(value) ?? false;
-	useEffect(() => {
-		const element = ref.current;
-		if (!element || !register) return;
-		const measure = () => register({
-			value,
-			label: children,
-			disabled: disabled ?? false,
-			width: element.getBoundingClientRect().width,
-			element,
-			onClick,
-			onClose
-		});
-		measure();
-		if (!("ResizeObserver" in globalThis)) return;
-		const observer = new ResizeObserver(measure);
-		observer.observe(element);
-		return () => observer.disconnect();
-	}, [
-		register,
-		value,
-		children,
-		disabled,
-		onClick,
-		onClose
-	]);
-	useEffect(() => () => unregister?.(value), [unregister, value]);
-	const size = list?.size ?? "md";
-	const tabClassName = list?.variant === "pill-ghost" ? cn(buttonVariants({
-		variant: "ghost",
-		size
-	}), "relative z-10 whitespace-nowrap", "data-[active]:text-foreground", "aria-disabled:cursor-not-allowed aria-disabled:opacity-50", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", className) : cn("text-label", quietTextHover, attention && "relative", "flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none", controlStateColorTransition, focusRing, "data-[active]:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground", "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground", className);
-	const tab = /* @__PURE__ */ jsxs(Tabs.Tab, {
-		ref,
-		render: /* @__PURE__ */ jsx("div", {}),
-		nativeButton: false,
-		"data-overflowed": overflowed || void 0,
-		"aria-hidden": overflowed || void 0,
-		value,
-		disabled: disabled || overflowed,
-		"data-slot": "tab",
-		"data-base-ui-swipe-ignore": "",
-		"data-closable": onClose ? "" : void 0,
-		className: tabClassName,
-		onClick,
-		children: [children, attention && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			"data-slot": "tab-attention"
-		}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: " Needs attention"
-		})] })]
-	});
-	if (disabled && disabledTooltip) return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		render: /* @__PURE__ */ jsx("span", {
-			tabIndex: 0,
-			className: "inline-flex"
-		}),
-		children: tab
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: disabledTooltip })] });
-	if (tooltip && !disabled) return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: tab }), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] });
-	return tab;
-};
-export { TabsContext as i, Tabs$1 as n, TabList as r, Tab as t };
-
-//# sourceMappingURL=tabs-tab-CYTZevdV.js.map

package/dist/tabs-tab-CYTZevdV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-tab-CYTZevdV.js","names":["BaseTabs","Tabs","BaseTabs","BaseTabs","_Fragment"],"sources":["../src/ds/components/Tabs/tabs-context.ts","../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.tsx","../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type TabMeasurement = {\n  value: string;\n  label: ReactNode;\n  disabled: boolean;\n  width: number;\n  element: HTMLElement;\n  onClick?: () => void;\n  onClose?: () => void;\n};\n\nexport const TabsContext = createContext<{\n  appearance: 'default' | 'contained';\n  value: string;\n  select(value: string): void;\n} | null>(null);\n\nexport const TabListContext = createContext<{\n  variant: 'line' | 'pill' | 'pill-ghost';\n  size: 'sm' | 'md';\n  hiddenValues: ReadonlySet<string>;\n  register(tab: TabMeasurement): void;\n  unregister(value: string): void;\n} | null>(null);\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown, X } from 'lucide-react';\nimport { Fragment, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { DropdownMenu } from '../DropdownMenu/dropdown-menu';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext, TabsContext } from './tabs-context';\nimport type { TabMeasurement } from './tabs-context';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst tabListVariants = cva('relative flex items-center text-body', {\n  variants: {\n    variant: {\n      pill: 'w-fit gap-1 rounded-full bg-fill-subtle p-1',\n      'pill-ghost': 'w-fit gap-0.5 rounded-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'pill',\n  },\n});\n\ntype TabListVariantsProps = VariantProps<typeof tabListVariants>;\n\nexport type TabListVariant = NonNullable<TabListVariantsProps['variant']>;\n\n/** The shared control rung: a list of a size lines up with a Button or Input of that size. */\nexport type TabListSize = 'sm' | 'md';\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  size?: TabListSize;\n  variant?: TabListVariant | null;\n  style?: React.CSSProperties;\n};\n\n/** The active pill sits inside the track's inset: 2px on the rung-sized track, 4px when contained. */\nfunction indicatorHeightClass(variant: TabListVariant, contained: boolean) {\n  if (variant !== 'pill') return 'h-full';\n  return contained ? 'h-[calc(100%-0.5rem)]' : 'h-[calc(100%-0.25rem)]';\n}\n\nexport const TabList = ({ children, className, variant, size = 'md', sticky, style }: TabListProps) => {\n  const resolvedVariant = variant ?? 'pill';\n  const tabs = useContext(TabsContext);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const closeRefs = useRef(new Map<string, HTMLDivElement>());\n  const tabPositions = useRef(new Map<string, number>());\n  const selectedValue = useRef(tabs?.value);\n  const [available, setAvailable] = useState<number | null>(null);\n  const [measurements, setMeasurements] = useState<TabMeasurement[]>([]);\n  const register = useCallback((tab: TabMeasurement) => {\n    setMeasurements(previous => {\n      const existing = previous.find(item => item.value === tab.value);\n      if (\n        existing &&\n        existing.element === tab.element &&\n        existing.width === tab.width &&\n        existing.label === tab.label &&\n        existing.disabled === tab.disabled &&\n        existing.onClick === tab.onClick &&\n        existing.onClose === tab.onClose\n      )\n        return previous;\n      const next = existing ? previous.map(item => (item.value === tab.value ? tab : item)) : [...previous, tab];\n      return next.sort((a, b) => {\n        if (a.element === b.element) return 0;\n        return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n      });\n    });\n  }, []);\n  const unregister = useCallback(\n    (value: string) => setMeasurements(previous => previous.filter(tab => tab.value !== value)),\n    [],\n  );\n  const contained = tabs?.appearance === 'contained';\n  const pillTrack = resolvedVariant === 'pill' && !contained;\n  const indicatorHeight = indicatorHeightClass(resolvedVariant, contained);\n  useLayoutEffect(() => {\n    const viewport = scrollRef.current;\n    if (!viewport || !contained) return;\n    const measure = () => setAvailable(viewport.clientWidth);\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(viewport);\n    return () => observer.disconnect();\n  }, [contained]);\n  const gap = contained ? 4 : 0;\n  const frameReserve = contained ? 30 : 0;\n  const hiddenValues = useMemo(() => {\n    const hidden = new Set<string>();\n    if (!contained || available === null) return hidden;\n    const tabTotal = measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0);\n    if (tabTotal + frameReserve <= available) return hidden;\n    let remaining = available - frameReserve - 48;\n    const active = measurements.find(tab => tab.value === tabs?.value);\n    if (active) remaining -= active.width + gap;\n    let full = false;\n    for (const tab of measurements) {\n      if (tab === active) continue;\n      if (full || tab.width + gap > remaining) {\n        full = true;\n        hidden.add(tab.value);\n      } else remaining -= tab.width + gap;\n    }\n    return hidden;\n  }, [contained, available, measurements, gap, frameReserve, tabs?.value]);\n  const hiddenTabs = measurements.filter(tab => hiddenValues.has(tab.value));\n  const overflowX = measurements\n    .filter(tab => !hiddenValues.has(tab.value))\n    .reduce((sum, tab) => sum + tab.width + gap, contained ? 4 : 0);\n  const visibleClosableTabs = measurements.filter(tab => !hiddenValues.has(tab.value) && tab.onClose);\n  const listContext = useMemo(\n    () => ({ variant: resolvedVariant, size, hiddenValues, register, unregister }),\n    [resolvedVariant, size, hiddenValues, register, unregister],\n  );\n  useLayoutEffect(() => {\n    const nextPositions = new Map(tabPositions.current);\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    for (const tab of measurements) {\n      if (hiddenValues.has(tab.value)) continue;\n      const left = tab.element.offsetLeft;\n      const previousLeft = tabPositions.current.get(tab.value);\n      const close = closeRefs.current.get(tab.value);\n      if (close) {\n        close.style.left = `${left}px`;\n        close.style.top = `${tab.element.offsetTop}px`;\n        close.style.width = `${tab.element.offsetWidth}px`;\n        close.style.height = `${tab.element.offsetHeight}px`;\n      }\n      const delta = previousLeft === undefined ? 0 : previousLeft - left;\n      const shouldAnimate = tab.value !== tabs?.value && Math.abs(delta) <= 32;\n      if (!reduceMotion && shouldAnimate && delta !== 0 && 'animate' in tab.element) {\n        tab.element.animate([{ transform: `translateX(${delta}px)` }, { transform: 'translateX(0)' }], {\n          duration: 180,\n          easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n        });\n      }\n      nextPositions.set(tab.value, left);\n    }\n    for (const value of nextPositions.keys()) {\n      if (!measurements.some(tab => tab.value === value)) nextPositions.delete(value);\n    }\n    tabPositions.current = nextPositions;\n  }, [hiddenValues, measurements, tabs?.value]);\n  useLayoutEffect(() => {\n    const previousValue = selectedValue.current;\n    selectedValue.current = tabs?.value;\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    if (!contained || previousValue === tabs?.value || reduceMotion) return;\n    const indicator = scrollRef.current?.querySelector<HTMLElement>('[data-slot=\"tabs-indicator\"]');\n    if (!indicator || !('animate' in indicator)) return;\n    indicator.animate(\n      [\n        { opacity: 0.72, scale: '0.97' },\n        { opacity: 1, scale: '1' },\n      ],\n      {\n        duration: 140,\n        easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n      },\n    );\n  }, [contained, tabs?.value]);\n\n  return (\n    <TabListContext.Provider value={listContext}>\n      <TooltipProvider delay={200}>\n        <div\n          ref={scrollRef}\n          data-slot=\"tabs-list-scroll\"\n          className={cn('relative w-full overflow-x-auto', sticky && 'sticky top-0 z-10 bg-background')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\n            data-variant={resolvedVariant}\n            data-size={size}\n            className={cn(\n              'group/tabs-list',\n              tabListVariants({ variant: resolvedVariant }),\n              // A filled pill track is the control: its outer box takes the rung (like SegmentedControl),\n              // and the tabs fill it inside the 2px inset.\n              pillTrack && cn(controlHeight[size], 'items-stretch p-0.5'),\n              className,\n            )}\n            style={style}\n          >\n            {children}\n            <BaseTabs.Indicator\n              className={cn(\n                'absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--fill-hover))]',\n                indicatorHeight,\n                'w-[var(--active-tab-width)]',\n                'transition-[width,transform] duration-200 ease-in-out motion-reduce:transition-none',\n              )}\n              data-slot=\"tabs-indicator\"\n              style={{ transform: 'translateY(var(--tabs-indicator-y, -50%)) translateX(var(--active-tab-left))' }}\n            />\n          </BaseTabs.List>\n          <div data-slot=\"tabs-close-actions\">\n            {visibleClosableTabs.map(tab => (\n              <div\n                key={tab.value}\n                ref={element => {\n                  if (element) closeRefs.current.set(tab.value, element);\n                  else closeRefs.current.delete(tab.value);\n                }}\n                data-slot=\"tab-close-item\"\n                data-visible={tabs?.value === tab.value || undefined}\n              >\n                <Tooltip>\n                  <TooltipTrigger\n                    render={\n                      <button\n                        type=\"button\"\n                        tabIndex={tabs?.value === tab.value ? 0 : -1}\n                        data-slot=\"tab-close\"\n                        onClick={tab.onClose}\n                        className={cn(\n                          'rounded p-0.5 hover:bg-fill-hover hover:text-destructive-foreground',\n                          transitions.colors,\n                        )}\n                      />\n                    }\n                  >\n                    <span className=\"sr-only\">Close {tab.label}</span>\n                    <X aria-hidden=\"true\" className=\"size-3\" />\n                  </TooltipTrigger>\n                  <TooltipContent>Close {tab.label}</TooltipContent>\n                </Tooltip>\n              </div>\n            ))}\n          </div>\n          {hiddenTabs.length > 0 && (\n            <div\n              data-slot=\"tabs-overflow\"\n              style={{ transform: `translateX(${overflowX}px)` }}\n              className=\"tabs-overflow\"\n            >\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  aria-label={`${hiddenTabs.length} more tabs`}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"tabular-nums\"\n                >\n                  +{hiddenTabs.length}\n                  <ChevronDown aria-hidden=\"true\" className=\"size-3\" />\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {hiddenTabs.map((tab, index) => (\n                    <Fragment key={tab.value}>\n                      <DropdownMenu.Item\n                        data-slot=\"tabs-overflow-tab\"\n                        disabled={tab.disabled}\n                        className={tab.onClose ? 'pr-9' : undefined}\n                        style={{ gridArea: `${index + 1} / 1` }}\n                        onClick={() => {\n                          tabs?.select(tab.value);\n                          tab.onClick?.();\n                        }}\n                      >\n                        {tab.label}\n                      </DropdownMenu.Item>\n                      {tab.onClose ? (\n                        <Tooltip>\n                          <TooltipTrigger\n                            render={\n                              <DropdownMenu.Item\n                                data-slot=\"tabs-overflow-close\"\n                                className=\"pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0 hover:text-destructive-foreground data-[highlighted]:text-destructive-foreground\"\n                                style={{ gridArea: `${index + 1} / 1` }}\n                                onClick={tab.onClose}\n                              />\n                            }\n                          >\n                            <span className=\"sr-only\">Close {tab.label}</span>\n                            <X aria-hidden=\"true\" className=\"size-3\" />\n                          </TooltipTrigger>\n                          <TooltipContent side=\"right\">Close {tab.label}</TooltipContent>\n                        </Tooltip>\n                      ) : null}\n                    </Fragment>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </div>\n          )}\n        </div>\n      </TooltipProvider>\n    </TabListContext.Provider>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { TabsContext } from './tabs-context';\nimport './tabs.css';\nimport { cn } from '@/lib/utils';\n\nexport type TabsRootProps<T extends string> = Omit<\n  ComponentProps<'div'>,\n  'children' | 'defaultValue' | 'value' | 'onChange'\n> & {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  appearance?: 'default' | 'contained';\n  frame?: 'inset';\n  className?: string;\n};\n\nexport const Tabs = <T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  appearance = 'default',\n  frame = 'inset',\n  className,\n  ...props\n}: TabsRootProps<T>) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultTab);\n  const selectedValue = value ?? uncontrolledValue;\n  const select = (next: T) => {\n    setUncontrolledValue(next);\n    onValueChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ appearance, value: selectedValue, select }}>\n      <BaseTabs.Root\n        defaultValue={defaultTab}\n        value={selectedValue}\n        onValueChange={select}\n        data-slot=\"tabs\"\n        data-appearance={appearance}\n        data-frame={frame}\n        className={cn('group/tabs', appearance === 'default' ? 'overflow-y-auto' : 'w-full min-w-0', className)}\n        {...props}\n      >\n        {children}\n      </BaseTabs.Root>\n    </TabsContext.Provider>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TabProps = {\n  children: React.ReactNode;\n  value: string;\n  onClick?: () => void;\n  onClose?: () => void;\n  disabled?: boolean;\n  attention?: boolean;\n  disabledTooltip?: React.ReactNode;\n  /** Tooltip shown on hover and keyboard focus of an enabled tab (e.g. when its label is collapsed to an icon). */\n  tooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\n  tooltip,\n  attention = false,\n  className,\n}: TabProps) => {\n  const list = useContext(TabListContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const register = list?.register;\n  const unregister = list?.unregister;\n  const overflowed = list?.hiddenValues.has(value) ?? false;\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !register) return;\n    const measure = () =>\n      register({\n        value,\n        label: children,\n        disabled: disabled ?? false,\n        width: element.getBoundingClientRect().width,\n        element,\n        onClick,\n        onClose,\n      });\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [register, value, children, disabled, onClick, onClose]);\n  useEffect(() => () => unregister?.(value), [unregister, value]);\n  // The tab renders as a <div>, so the recipe's `disabled:` pseudo never matches; mirror it on the\n  // aria/data attributes Base UI sets.\n  const size = list?.size ?? 'md';\n  const tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          // A ghost tab is the control itself: the button box at the list's rung.\n          buttonVariants({ variant: 'ghost', size }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-label',\n          quietTextHover,\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\n          controlStateColorTransition,\n          focusRing,\n          'data-[active]:text-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground',\n          className,\n        );\n  const tab = (\n    <BaseTabs.Tab\n      ref={ref}\n      render={<div />}\n      nativeButton={false}\n      data-overflowed={overflowed || undefined}\n      aria-hidden={overflowed || undefined}\n      value={value}\n      disabled={disabled || overflowed}\n      data-slot=\"tab\"\n      // Base UI's drawer and toast swipe skips buttons but not a `div` tab: without this, pressing a\n      // tab inside a drawer starts a swipe and the click never reaches the tab.\n      data-base-ui-swipe-ignore=\"\"\n      data-closable={onClose ? '' : undefined}\n      className={tabClassName}\n      onClick={onClick}\n    >\n      {children}\n      {attention && (\n        <>\n          <span aria-hidden=\"true\" data-slot=\"tab-attention\" />\n          <span className=\"sr-only\"> Needs attention</span>\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<span tabIndex={0} className=\"inline-flex\" />}>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  if (tooltip && !disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={tab} />\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"mappings":"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"}