@mastra/playground-ui 40.0.0-alpha.3 → 40.0.0-alpha.4

package/dist/style.css

@@ -708,6 +708,10 @@
     inset-block: var(--spacing-0_5);
   }
 
+  .inset-s-1\/2 {
+    inset-inline-start: 50%;
+  }
+
   .top-0 {
     top: var(--spacing-0);
   }
@@ -812,6 +816,10 @@
     left: 50%;
   }
 
+  .left-full {
+    left: 100%;
+  }
+
   .isolate {
     isolation: isolate;
   }
@@ -828,6 +836,10 @@
     z-index: 20;
   }
 
+  .z-30 {
+    z-index: 30;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -868,6 +880,14 @@
     grid-column: 1 / -1;
   }
 
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+
   .container {
     width: 100%;
   }
@@ -1179,6 +1199,13 @@
     overflow: hidden;
   }
 
+  .line-clamp-3 {
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
   .block {
     display: block;
   }
@@ -1274,6 +1301,11 @@
     height: var(--spacing-10);
   }
 
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
+
   .h-0\.5 {
     height: var(--spacing-0_5);
   }
@@ -1522,6 +1554,10 @@
     height: var(--height-header-default);
   }
 
+  .h-max {
+    height: max-content;
+  }
+
   .h-px {
     height: 1px;
     height: var(--spacing-px);
@@ -2068,6 +2104,10 @@
     max-width: var(--spacing-24);
   }
 
+  .max-w-44 {
+    max-width: var(--spacing-44);
+  }
+
   .max-w-60 {
     max-width: var(--spacing-60);
   }
@@ -2272,6 +2312,10 @@
     transform-origin: var(--transform-origin);
   }
 
+  .origin-left {
+    transform-origin: 0;
+  }
+
   .-translate-x-1 {
     --tw-translate-x: calc(var(--spacing-1) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2334,6 +2378,13 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .scale-100 {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
   .scale-110 {
     --tw-scale-x: 110%;
     --tw-scale-y: 110%;
@@ -3549,11 +3600,17 @@
     background-color: var(--color-neutral2);
   }
 
-  .bg-neutral3 {
+  .bg-neutral3, .bg-neutral3\/60 {
     background-color: var(--color-neutral3);
   }
 
-  .bg-neutral4\/30 {
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-neutral3\/60 {
+      background-color: color-mix(in oklab, var(--color-neutral3) 60%, transparent);
+    }
+  }
+
+  .bg-neutral4, .bg-neutral4\/30 {
     background-color: var(--color-neutral4);
   }
 
@@ -3563,6 +3620,10 @@
     }
   }
 
+  .bg-neutral5 {
+    background-color: var(--color-neutral5);
+  }
+
   .bg-neutral6, .bg-neutral6\/5 {
     background-color: var(--color-neutral6);
   }
@@ -4034,6 +4095,10 @@
     padding: var(--spacing-3);
   }
 
+  .p-3\.5 {
+    padding: var(--spacing-3_5);
+  }
+
   .p-4 {
     padding: var(--spacing-4);
   }
@@ -4215,6 +4280,10 @@
     padding-top: var(--spacing-2);
   }
 
+  .pt-2\.5 {
+    padding-top: var(--spacing-2_5);
+  }
+
   .pt-3 {
     padding-top: var(--spacing-3);
   }
@@ -5084,6 +5153,16 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
+  .blur-none {
+    --tw-blur:  ;
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .blur-xs {
+    --tw-blur: blur(var(--blur-xs));
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
   .drop-shadow {
     --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
     --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
@@ -5148,12 +5227,24 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[height\,translate\,opacity\] {
+    transition-property: height, translate, opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[height\] {
     transition-property: height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[opacity\,filter\,scale\] {
+    transition-property: opacity, filter, scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[opacity\,scale\] {
     transition-property: opacity, scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -5190,6 +5281,18 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[translate\,scale\,opacity\] {
+    transition-property: translate, scale, opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-\[width\,background-color\] {
+    transition-property: width, background-color;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[width\] {
     transition-property: width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -5250,6 +5353,11 @@
     transition-duration: .3s;
   }
 
+  .duration-360 {
+    --tw-duration: .36s;
+    transition-duration: .36s;
+  }
+
   .duration-1000, .duration-\[1s\] {
     --tw-duration: 1s;
     transition-duration: 1s;
@@ -5275,6 +5383,14 @@
     transition-timing-function: var(--ease-out-custom);
   }
 
+  .will-change-\[height\,translate\,opacity\] {
+    will-change: height,translate,opacity;
+  }
+
+  .will-change-\[opacity\,filter\,scale\] {
+    will-change: opacity,filter,scale;
+  }
+
   .will-change-transform {
     will-change: transform;
   }
@@ -5306,6 +5422,14 @@
     --studio-frame-radius: 1.5rem;
   }
 
+  .\[contain-intrinsic-size\:auto_10rem\] {
+    contain-intrinsic-size: auto 10rem;
+  }
+
+  .\[content-visibility\:auto\] {
+    content-visibility: auto;
+  }
+
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -5679,6 +5803,11 @@
     inset-inline: var(--spacing-0);
   }
 
+  .before\:-inset-y-1:before {
+    content: var(--tw-content);
+    inset-block: calc(var(--spacing-1) * -1);
+  }
+
   .before\:inset-y-1:before {
     content: var(--tw-content);
     inset-block: var(--spacing-1);
@@ -5790,7 +5919,7 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .before\:content-\[\"\"\]:before {
+  .before\:content-\[\"\"\]:before, .before\:content-\[\'\'\]:before {
     --tw-content: "";
     content: var(--tw-content);
   }
@@ -6390,10 +6519,16 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .focus-visible\:ring-accent1:focus-visible {
+  .focus-visible\:ring-accent1:focus-visible, .focus-visible\:ring-accent1\/40:focus-visible {
     --tw-ring-color: var(--color-accent1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-accent1\/40:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--color-accent1) 40%, transparent);
+    }
+  }
+
   .focus-visible\:outline-hidden:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -6531,6 +6666,12 @@
     opacity: .5;
   }
 
+  @media (hover: hover) {
+    .disabled\:hover\:text-neutral3:disabled:hover {
+      color: var(--color-neutral3);
+    }
+  }
+
   :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-neutral6\/45 {
     --tw-gradient-via: var(--color-neutral6);
   }
@@ -6633,7 +6774,25 @@
     padding-left: var(--spacing-1);
   }
 
-  .aria-checked\:bg-surface3[aria-checked="true"], .aria-pressed\:bg-surface3[aria-pressed="true"] {
+  .aria-checked\:bg-surface3[aria-checked="true"] {
+    background-color: var(--color-surface3);
+  }
+
+  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+
+  .aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: .5;
+  }
+
+  @media (hover: hover) {
+    .aria-disabled\:hover\:text-neutral3[aria-disabled="true"]:hover {
+      color: var(--color-neutral3);
+    }
+  }
+
+  .aria-pressed\:bg-surface3[aria-pressed="true"] {
     background-color: var(--color-surface3);
   }
 
@@ -6727,6 +6886,52 @@
     color: var(--color-neutral5);
   }
 
+  .data-\[active\=false\]\:pointer-events-none[data-active="false"] {
+    pointer-events: none;
+  }
+
+  .data-\[active\=false\]\:scale-95[data-active="false"] {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
+  .data-\[active\=false\]\:opacity-0[data-active="false"] {
+    opacity: 0;
+  }
+
+  .data-\[active\=false\]\:duration-400[data-active="false"] {
+    --tw-duration: .4s;
+    transition-duration: .4s;
+  }
+
+  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
+    --tw-ease: cubic-bezier(.7,0,.84,0);
+    transition-timing-function: cubic-bezier(.7, 0, .84, 0);
+  }
+
+  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
+    --tw-translate-y: var(--spacing-0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[active\=true\]\:scale-100[data-active="true"] {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
+  .data-\[active\=true\]\:opacity-100[data-active="true"] {
+    opacity: 1;
+  }
+
+  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
+    --tw-ease: cubic-bezier(.23,1,.32,1);
+    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
+  }
+
   .data-\[checked\]\:translate-x-3[data-checked] {
     --tw-translate-x: var(--spacing-3);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -6808,6 +7013,15 @@
     --tw-exit-scale: .95;
   }
 
+  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
+    bottom: var(--spacing-4);
+  }
+
+  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[direction\=left\]\:left-0[data-direction="left"] {
     left: var(--spacing-0);
   }
@@ -6816,6 +7030,15 @@
     right: var(--spacing-0);
   }
 
+  .data-\[direction\=start\]\:top-4[data-direction="start"] {
+    top: var(--spacing-4);
+  }
+
+  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[disabled\]\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
@@ -7406,6 +7629,18 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:scale-100 {
+      --tw-scale-x: 100%;
+      --tw-scale-y: 100%;
+      --tw-scale-z: 100%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
+    .motion-reduce\:blur-none {
+      --tw-blur:  ;
+      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+    }
+
     .motion-reduce\:transition-none {
       transition-property: none;
     }
@@ -7704,6 +7939,11 @@
     }
   }
 
+  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .dark\:border-transparent:is(.dark *) {
     border-color: #0000;
   }
@@ -8130,6 +8370,10 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
+    rotate: 180deg;
+  }
+
   .data-\[selected\=true\]\:\[\&_svg\]\:text-neutral6[data-selected="true"] svg {
     color: var(--color-neutral6);
   }

package/dist/{tabs-tab-CaZnZdY8.js → tabs-tab-1KGOybMG.js}

@@ -1,23 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
-import { c as cn } from './cn-BakJzhuv.js';
 import { c as cva } from './index-CSm06eOE.js';
+import { c as cn } from './cn-BakJzhuv.js';
 import { X } from 'lucide-react';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CjjqIvhJ.js';
 import { transitions, focusRing } from './primitives/transitions.es.js';
 
-const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
-  return /* @__PURE__ */ jsx(
-    Tabs$1.Root,
-    {
-      defaultValue: defaultTab,
-      value,
-      onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
-      className: cn("overflow-y-auto", className),
-      children
-    }
-  );
-};
-
 const tabListVariants = cva("flex items-center relative text-ui-lg", {
   variants: {
     variant: {
@@ -67,8 +55,21 @@ const TabList = ({ children, className, variant, sticky, style }) => {
   ) });
 };
 
-const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
-  return /* @__PURE__ */ jsxs(
+const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Root,
+    {
+      defaultValue: defaultTab,
+      value,
+      onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
+      className: cn("overflow-y-auto", className),
+      children
+    }
+  );
+};
+
+const Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, className }) => {
+  const tab = /* @__PURE__ */ jsxs(
     Tabs$1.Tab,
     {
       value,
@@ -80,6 +81,8 @@ const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
         focusRing.visible,
         "hover:text-neutral4",
         "data-[active]:text-neutral5",
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3",
+        "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-neutral3",
         "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-neutral3",
         // Line variant legacy fallback — active state drawn by <Tabs.Indicator> in TabList
         "group-data-[variant=line]/tabs-list:py-2 group-data-[variant=line]/tabs-list:px-5",
@@ -113,7 +116,14 @@ const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
       ]
     }
   );
+  if (disabled && disabledTooltip) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: tab }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: disabledTooltip })
+    ] });
+  }
+  return tab;
 };
 
 export { Tab as T, TabList as a, Tabs as b };
-//# sourceMappingURL=tabs-tab-CaZnZdY8.js.map
+//# sourceMappingURL=tabs-tab-1KGOybMG.js.map

package/dist/tabs-tab-1KGOybMG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-tab-1KGOybMG.js","sources":["../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.tsx","../src/ds/components/Tabs/tabs-tab.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 { cn } from '@/lib/utils';\n\nconst tabListVariants = cva('flex items-center relative text-ui-lg', {\n  variants: {\n    variant: {\n      line: 'w-max min-w-full border-b border-border1',\n      pill: 'w-fit gap-1 rounded-full bg-surface2 p-1',\n      'pill-ghost': 'w-fit gap-1 rounded-full p-1',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n  },\n});\n\ntype TabListVariantsProps = VariantProps<typeof tabListVariants>;\ntype TabListVariantValue = NonNullable<TabListVariantsProps['variant']>;\n\n/**\n * @deprecated `line` remains the omitted fallback for backward compatibility.\n * Pass `variant=\"pill\"` or `variant=\"pill-ghost\"` for new tabs.\n */\nexport type DeprecatedLineTabListVariant = Extract<TabListVariantValue, 'line'>;\n\nexport type TabListVariant = DeprecatedLineTabListVariant | Exclude<TabListVariantValue, DeprecatedLineTabListVariant>;\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  /**\n   * Visual treatment for the tab list.\n   *\n   * Defaults to `line` only for backward compatibility. New tabs should pass\n   * `variant=\"pill\"` or `variant=\"pill-ghost\"` explicitly.\n   */\n  variant?: TabListVariant | null;\n  /**\n   * Optional inline styles applied to the underlying tab list element.\n   * To override the active tab indicator color, set the `--tab-indicator-color`\n   * CSS variable, e.g. `style={{ '--tab-indicator-color': 'var(--accent5)' } as React.CSSProperties}`.\n   */\n  style?: React.CSSProperties;\n};\n\nexport const TabList = ({ children, className, variant, sticky, style }: TabListProps) => {\n  const resolvedVariant = variant ?? 'line';\n\n  return (\n    <div className={cn('w-full overflow-x-auto', sticky && 'sticky top-0 z-10 bg-surface2')}>\n      <BaseTabs.List\n        data-variant={resolvedVariant}\n        className={cn('group/tabs-list', tabListVariants({ variant: resolvedVariant }), className)}\n        style={style}\n      >\n        {children}\n        {resolvedVariant === 'line' && (\n          <BaseTabs.Indicator\n            className={cn(\n              'absolute bottom-0 left-0 bg-[var(--tab-indicator-color,var(--neutral3))]',\n              'w-[var(--active-tab-width)] h-0.5',\n              'transition-all duration-200 ease-in-out',\n            )}\n            style={{ transform: 'translateX(var(--active-tab-left))' }}\n          />\n        )}\n        {(resolvedVariant === 'pill' || resolvedVariant === 'pill-ghost') && (\n          <BaseTabs.Indicator\n            className={cn(\n              'absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--surface4))]',\n              'w-[var(--active-tab-width)] h-[calc(100%-0.5rem)]',\n              'transition-all duration-200 ease-in-out',\n            )}\n            style={{ transform: 'translateY(-50%) translateX(var(--active-tab-left))' }}\n          />\n        )}\n      </BaseTabs.List>\n    </div>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { cn } from '@/lib/utils';\n\nexport type TabsRootProps<T extends string> = {\n  children: React.ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  className?: string;\n};\n\nexport const Tabs = <T extends string>({ children, defaultTab, value, onValueChange, className }: TabsRootProps<T>) => {\n  return (\n    <BaseTabs.Root\n      defaultValue={defaultTab}\n      value={value}\n      onValueChange={onValueChange ? next => onValueChange(next as T) : undefined}\n      className={cn('overflow-y-auto', className)}\n    >\n      {children}\n    </BaseTabs.Root>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { X } from 'lucide-react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\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  disabledTooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, className }: TabProps) => {\n  const tab = (\n    <BaseTabs.Tab\n      value={value}\n      disabled={disabled}\n      className={cn(\n        'text-ui-md font-normal text-neutral3',\n        'whitespace-nowrap shrink-0 flex items-center justify-center gap-1.5 outline-none cursor-pointer',\n        transitions.colors,\n        focusRing.visible,\n        'hover:text-neutral4',\n        'data-[active]:text-neutral5',\n        'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3',\n        'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-neutral3',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-neutral3',\n        // Line variant legacy fallback — active state drawn by <Tabs.Indicator> in TabList\n        'group-data-[variant=line]/tabs-list:py-2 group-data-[variant=line]/tabs-list:px-5',\n        'group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:border-transparent',\n        // Pill variant\n        'group-data-[variant=pill]/tabs-list:relative group-data-[variant=pill]/tabs-list:z-10',\n        'group-data-[variant=pill]/tabs-list:py-1 group-data-[variant=pill]/tabs-list:px-3',\n        'group-data-[variant=pill]/tabs-list:rounded-full',\n        // Pill-ghost variant (pill without list background)\n        'group-data-[variant=pill-ghost]/tabs-list:relative group-data-[variant=pill-ghost]/tabs-list:z-10',\n        'group-data-[variant=pill-ghost]/tabs-list:py-1 group-data-[variant=pill-ghost]/tabs-list:px-3',\n        'group-data-[variant=pill-ghost]/tabs-list:rounded-full',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n      {onClose && (\n        <button\n          type=\"button\"\n          onClick={e => {\n            e.stopPropagation();\n            onClose();\n          }}\n          className={cn('p-0.5 hover:bg-surface4 rounded', transitions.colors, 'hover:text-neutral5')}\n          aria-label=\"Close tab\"\n        >\n          <X className=\"w-3 h-3\" />\n        </button>\n      )}\n    </BaseTabs.Tab>\n  );\n\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["BaseTabs"],"mappings":"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"}

package/dist/{tabs-tab-BeUPTvaP.cjs → tabs-tab-DkeS2Iv0.cjs}

@@ -2,24 +2,12 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const tabs = require('@base-ui/react/tabs');
-const utils_cn = require('./cn-vA5sWo9W.cjs');
 const index = require('./index-C-Lt4Bx_.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
 const lucideReact = require('lucide-react');
+const tooltip = require('./tooltip-fTKN3FCp.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 
-const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    tabs.Tabs.Root,
-    {
-      defaultValue: defaultTab,
-      value,
-      onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
-      className: utils_cn.cn("overflow-y-auto", className),
-      children
-    }
-  );
-};
-
 const tabListVariants = index.cva("flex items-center relative text-ui-lg", {
   variants: {
     variant: {
@@ -69,8 +57,21 @@ const TabList = ({ children, className, variant, sticky, style }) => {
   ) });
 };
 
-const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tabs.Tabs.Root,
+    {
+      defaultValue: defaultTab,
+      value,
+      onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
+      className: utils_cn.cn("overflow-y-auto", className),
+      children
+    }
+  );
+};
+
+const Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, className }) => {
+  const tab = /* @__PURE__ */ jsxRuntime.jsxs(
     tabs.Tabs.Tab,
     {
       value,
@@ -82,6 +83,8 @@ const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
         primitives_transitions.focusRing.visible,
         "hover:text-neutral4",
         "data-[active]:text-neutral5",
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3",
+        "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-neutral3",
         "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-neutral3",
         // Line variant legacy fallback — active state drawn by <Tabs.Indicator> in TabList
         "group-data-[variant=line]/tabs-list:py-2 group-data-[variant=line]/tabs-list:px-5",
@@ -115,9 +118,16 @@ const Tab = ({ children, value, onClick, onClose, disabled, className }) => {
       ]
     }
   );
+  if (disabled && disabledTooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: tab }),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: disabledTooltip })
+    ] });
+  }
+  return tab;
 };
 
 exports.Tab = Tab;
 exports.TabList = TabList;
 exports.Tabs = Tabs;
-//# sourceMappingURL=tabs-tab-BeUPTvaP.cjs.map
+//# sourceMappingURL=tabs-tab-DkeS2Iv0.cjs.map

package/dist/tabs-tab-DkeS2Iv0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-tab-DkeS2Iv0.cjs","sources":["../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.tsx","../src/ds/components/Tabs/tabs-tab.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 { cn } from '@/lib/utils';\n\nconst tabListVariants = cva('flex items-center relative text-ui-lg', {\n  variants: {\n    variant: {\n      line: 'w-max min-w-full border-b border-border1',\n      pill: 'w-fit gap-1 rounded-full bg-surface2 p-1',\n      'pill-ghost': 'w-fit gap-1 rounded-full p-1',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n  },\n});\n\ntype TabListVariantsProps = VariantProps<typeof tabListVariants>;\ntype TabListVariantValue = NonNullable<TabListVariantsProps['variant']>;\n\n/**\n * @deprecated `line` remains the omitted fallback for backward compatibility.\n * Pass `variant=\"pill\"` or `variant=\"pill-ghost\"` for new tabs.\n */\nexport type DeprecatedLineTabListVariant = Extract<TabListVariantValue, 'line'>;\n\nexport type TabListVariant = DeprecatedLineTabListVariant | Exclude<TabListVariantValue, DeprecatedLineTabListVariant>;\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  /**\n   * Visual treatment for the tab list.\n   *\n   * Defaults to `line` only for backward compatibility. New tabs should pass\n   * `variant=\"pill\"` or `variant=\"pill-ghost\"` explicitly.\n   */\n  variant?: TabListVariant | null;\n  /**\n   * Optional inline styles applied to the underlying tab list element.\n   * To override the active tab indicator color, set the `--tab-indicator-color`\n   * CSS variable, e.g. `style={{ '--tab-indicator-color': 'var(--accent5)' } as React.CSSProperties}`.\n   */\n  style?: React.CSSProperties;\n};\n\nexport const TabList = ({ children, className, variant, sticky, style }: TabListProps) => {\n  const resolvedVariant = variant ?? 'line';\n\n  return (\n    <div className={cn('w-full overflow-x-auto', sticky && 'sticky top-0 z-10 bg-surface2')}>\n      <BaseTabs.List\n        data-variant={resolvedVariant}\n        className={cn('group/tabs-list', tabListVariants({ variant: resolvedVariant }), className)}\n        style={style}\n      >\n        {children}\n        {resolvedVariant === 'line' && (\n          <BaseTabs.Indicator\n            className={cn(\n              'absolute bottom-0 left-0 bg-[var(--tab-indicator-color,var(--neutral3))]',\n              'w-[var(--active-tab-width)] h-0.5',\n              'transition-all duration-200 ease-in-out',\n            )}\n            style={{ transform: 'translateX(var(--active-tab-left))' }}\n          />\n        )}\n        {(resolvedVariant === 'pill' || resolvedVariant === 'pill-ghost') && (\n          <BaseTabs.Indicator\n            className={cn(\n              'absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--surface4))]',\n              'w-[var(--active-tab-width)] h-[calc(100%-0.5rem)]',\n              'transition-all duration-200 ease-in-out',\n            )}\n            style={{ transform: 'translateY(-50%) translateX(var(--active-tab-left))' }}\n          />\n        )}\n      </BaseTabs.List>\n    </div>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { cn } from '@/lib/utils';\n\nexport type TabsRootProps<T extends string> = {\n  children: React.ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  className?: string;\n};\n\nexport const Tabs = <T extends string>({ children, defaultTab, value, onValueChange, className }: TabsRootProps<T>) => {\n  return (\n    <BaseTabs.Root\n      defaultValue={defaultTab}\n      value={value}\n      onValueChange={onValueChange ? next => onValueChange(next as T) : undefined}\n      className={cn('overflow-y-auto', className)}\n    >\n      {children}\n    </BaseTabs.Root>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { X } from 'lucide-react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\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  disabledTooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, className }: TabProps) => {\n  const tab = (\n    <BaseTabs.Tab\n      value={value}\n      disabled={disabled}\n      className={cn(\n        'text-ui-md font-normal text-neutral3',\n        'whitespace-nowrap shrink-0 flex items-center justify-center gap-1.5 outline-none cursor-pointer',\n        transitions.colors,\n        focusRing.visible,\n        'hover:text-neutral4',\n        'data-[active]:text-neutral5',\n        'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3',\n        'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-neutral3',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-neutral3',\n        // Line variant legacy fallback — active state drawn by <Tabs.Indicator> in TabList\n        'group-data-[variant=line]/tabs-list:py-2 group-data-[variant=line]/tabs-list:px-5',\n        'group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:border-transparent',\n        // Pill variant\n        'group-data-[variant=pill]/tabs-list:relative group-data-[variant=pill]/tabs-list:z-10',\n        'group-data-[variant=pill]/tabs-list:py-1 group-data-[variant=pill]/tabs-list:px-3',\n        'group-data-[variant=pill]/tabs-list:rounded-full',\n        // Pill-ghost variant (pill without list background)\n        'group-data-[variant=pill-ghost]/tabs-list:relative group-data-[variant=pill-ghost]/tabs-list:z-10',\n        'group-data-[variant=pill-ghost]/tabs-list:py-1 group-data-[variant=pill-ghost]/tabs-list:px-3',\n        'group-data-[variant=pill-ghost]/tabs-list:rounded-full',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n      {onClose && (\n        <button\n          type=\"button\"\n          onClick={e => {\n            e.stopPropagation();\n            onClose();\n          }}\n          className={cn('p-0.5 hover:bg-surface4 rounded', transitions.colors, 'hover:text-neutral5')}\n          aria-label=\"Close tab\"\n        >\n          <X className=\"w-3 h-3\" />\n        </button>\n      )}\n    </BaseTabs.Tab>\n  );\n\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["cva","cn","jsxs","BaseTabs","jsx","transitions","focusRing","X","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}