@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

package/dist/tabs-list-BeWntzEw.cjs

@@ -1,299 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const tabs = require('@base-ui/react/tabs');
-const index = require('./index-C-fBJhpb.cjs');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
-const tooltip = require('./tooltip-DIZ5oqjV.cjs');
-const tabsContext = require('./tabs-context-pnspPkI-.cjs');
-const primitives_controlSize = require('./primitives/control-size.cjs.js');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-
-const tabListVariants = index.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"
-  }
-});
-function indicatorHeightClass(variant, contained) {
-  if (variant !== "pill") return "h-full";
-  return contained ? "h-[calc(100%-0.5rem)]" : "h-[calc(100%-0.25rem)]";
-}
-const TabList = ({ children, className, variant, size = "md", sticky, style }) => {
-  const resolvedVariant = variant ?? "pill";
-  const tabs$1 = React.useContext(tabsContext.TabsContext);
-  const scrollRef = React.useRef(null);
-  const closeRefs = React.useRef(/* @__PURE__ */ new Map());
-  const tabPositions = React.useRef(/* @__PURE__ */ new Map());
-  const selectedValue = React.useRef(tabs$1?.value);
-  const [available, setAvailable] = React.useState(null);
-  const [measurements, setMeasurements] = React.useState([]);
-  const register = React.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;
-      const next = existing ? previous.map((item) => item.value === tab.value ? tab : item) : [...previous, tab];
-      return next.sort((a, b) => {
-        if (a.element === b.element) return 0;
-        return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-      });
-    });
-  }, []);
-  const unregister = React.useCallback(
-    (value) => setMeasurements((previous) => previous.filter((tab) => tab.value !== value)),
-    []
-  );
-  const contained = tabs$1?.appearance === "contained";
-  const pillTrack = resolvedVariant === "pill" && !contained;
-  const indicatorHeight = indicatorHeightClass(resolvedVariant, contained);
-  React.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 = React.useMemo(() => {
-    const hidden = /* @__PURE__ */ new Set();
-    if (!contained || available === null) return hidden;
-    const tabTotal = measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0);
-    if (tabTotal + frameReserve <= available) return hidden;
-    let remaining = available - frameReserve - 48;
-    const active = measurements.find((tab) => tab.value === tabs$1?.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$1?.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 = React.useMemo(
-    () => ({ variant: resolvedVariant, size, hiddenValues, register, unregister }),
-    [resolvedVariant, size, hiddenValues, register, unregister]
-  );
-  React.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$1?.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$1?.value]);
-  React.useLayoutEffect(() => {
-    const previousValue = selectedValue.current;
-    selectedValue.current = tabs$1?.value;
-    const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-    if (!contained || previousValue === tabs$1?.value || reduceMotion) return;
-    const indicator = scrollRef.current?.querySelector('[data-slot="tabs-indicator"]');
-    if (!indicator || !("animate" in indicator)) return;
-    indicator.animate(
-      [
-        { opacity: 0.72, scale: "0.97" },
-        { opacity: 1, scale: "1" }
-      ],
-      {
-        duration: 140,
-        easing: "cubic-bezier(0.32, 0.72, 0, 1)"
-      }
-    );
-  }, [contained, tabs$1?.value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(tabsContext.TabListContext.Provider, { value: listContext, children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delay: 200, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: scrollRef,
-      "data-slot": "tabs-list-scroll",
-      className: utils_cn.cn("relative w-full overflow-x-auto", sticky && "sticky top-0 z-10 bg-background"),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          tabs.Tabs.List,
-          {
-            "data-slot": "tabs-list",
-            "data-overflow": hiddenTabs.length > 0 || void 0,
-            "data-variant": resolvedVariant,
-            "data-size": size,
-            className: utils_cn.cn(
-              "group/tabs-list",
-              tabListVariants({ variant: resolvedVariant }),
-              // A filled pill track is the control: its outer box takes the rung (like SegmentedControl),
-              // and the tabs fill it inside the 2px inset.
-              pillTrack && utils_cn.cn(primitives_controlSize.controlHeight[size], "items-stretch p-0.5"),
-              className
-            ),
-            style,
-            children: [
-              children,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                tabs.Tabs.Indicator,
-                {
-                  className: utils_cn.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__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-close-actions", children: visibleClosableTabs.map((tab) => /* @__PURE__ */ jsxRuntime.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$1?.value === tab.value || void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                tooltip.TooltipTrigger,
-                {
-                  render: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      tabIndex: tabs$1?.value === tab.value ? 0 : -1,
-                      "data-slot": "tab-close",
-                      onClick: tab.onClose,
-                      className: utils_cn.cn(
-                        "rounded p-0.5 hover:bg-fill-hover hover:text-destructive-foreground",
-                        primitives_transitions.transitions.colors
-                      )
-                    }
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
-                      "Close ",
-                      tab.label
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "size-3" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { children: [
-                "Close ",
-                tab.label
-              ] })
-            ] })
-          },
-          tab.value
-        )) }),
-        hiddenTabs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "data-slot": "tabs-overflow",
-            style: { transform: `translateX(${overflowX}px)` },
-            className: "tabs-overflow",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                dropdownMenu.DropdownMenu.Trigger,
-                {
-                  "aria-label": `${hiddenTabs.length} more tabs`,
-                  variant: "ghost",
-                  size: "sm",
-                  className: "tabular-nums",
-                  children: [
-                    "+",
-                    hiddenTabs.length,
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: "size-3" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Content, { className: "grid", children: hiddenTabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  dropdownMenu.DropdownMenu.Item,
-                  {
-                    "data-slot": "tabs-overflow-tab",
-                    disabled: tab.disabled,
-                    className: tab.onClose ? "pr-9" : void 0,
-                    style: { gridArea: `${index + 1} / 1` },
-                    onClick: () => {
-                      tabs$1?.select(tab.value);
-                      tab.onClick?.();
-                    },
-                    children: tab.label
-                  }
-                ),
-                tab.onClose ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    tooltip.TooltipTrigger,
-                    {
-                      render: /* @__PURE__ */ jsxRuntime.jsx(
-                        dropdownMenu.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__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
-                          "Close ",
-                          tab.label
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "size-3" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "right", children: [
-                    "Close ",
-                    tab.label
-                  ] })
-                ] }) : null
-              ] }, tab.value)) })
-            ] })
-          }
-        )
-      ]
-    }
-  ) }) });
-};
-
-exports.TabList = TabList;
-//# sourceMappingURL=tabs-list-BeWntzEw.cjs.map

package/dist/tabs-list-BeWntzEw.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-list-BeWntzEw.cjs","sources":["../src/ds/components/Tabs/tabs-list.tsx"],"sourcesContent":["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 className=\"grid\">\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"],"names":["cva","tabs","useContext","TabsContext","useRef","useState","useCallback","useLayoutEffect","useMemo","jsx","TabListContext","TooltipProvider","jsxs","cn","BaseTabs","controlHeight","Tooltip","TooltipTrigger","transitions","X","TooltipContent","DropdownMenu","ChevronDown","Fragment"],"mappings":"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"}

package/dist/tabs-list-DoSX2xLL.js

@@ -1,297 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Tabs } from '@base-ui/react/tabs';
-import { c as cva } from './index-Dubp6Qv4.js';
-import { X, ChevronDown } from 'lucide-react';
-import { useContext, useRef, useState, useCallback, useLayoutEffect, useMemo, Fragment } from 'react';
-import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
-import { T as TabsContext, a as TabListContext } from './tabs-context-Cbuw7i0u.js';
-import { controlHeight } from './primitives/control-size.es.js';
-import { transitions } from './primitives/transitions.es.js';
-import { c as cn } from './cn-65Adrsfj.js';
-
-const 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"
-  }
-});
-function indicatorHeightClass(variant, contained) {
-  if (variant !== "pill") return "h-full";
-  return contained ? "h-[calc(100%-0.5rem)]" : "h-[calc(100%-0.25rem)]";
-}
-const 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;
-      const next = existing ? previous.map((item) => item.value === tab.value ? tab : item) : [...previous, tab];
-      return next.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;
-    const tabTotal = measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0);
-    if (tabTotal + 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: 0.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 }),
-              // A filled pill track is the control: its outer box takes the rung (like SegmentedControl),
-              // and the tabs fill it inside the 2px inset.
-              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, { className: "grid", 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)) })
-            ] })
-          }
-        )
-      ]
-    }
-  ) }) });
-};
-
-export { TabList as T };
-//# sourceMappingURL=tabs-list-DoSX2xLL.js.map