@mastra/playground-ui 60.2.1-alpha.0 → 61.0.0-alpha.2

package/dist/tabs-root-lrZZ3KwH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-root-lrZZ3KwH.js","sources":["../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.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 { 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\nexport type TabListSize = 'sm' | 'md';\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  /** Control height of each tab; `sm` lines up with `size=\"sm\"` buttons (e.g. inside a `DataPanel.Header`). */\n  size?: TabListSize;\n  /** `pill` sits the selected tab on a track; `pill-ghost` drops the track. */\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(--info-indicator)' } as React.CSSProperties}`.\n   */\n  style?: React.CSSProperties;\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  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 = tabs?.frame === 'inset' ? 4 : 0;\n  const frameReserve = tabs?.frame === 'inset' ? 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, tabs?.frame === 'inset' ? 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 || tabs?.frame !== 'inset' || 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?.frame, 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('group/tabs-list', tabListVariants({ variant: resolvedVariant }), className)}\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                resolvedVariant === 'pill' ? 'h-[calc(100%-0.5rem)]' : 'h-full',\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","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?: 'stroke' | '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 = 'stroke',\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, frame, 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"],"names":["BaseTabs"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-tab-BmIBFifi.cjs","sources":["../src/ds/components/Tabs/tabs-context.ts","../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  frame: 'stroke' | 'inset';\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 { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\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  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\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          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          // `sm` mirrors the `sm` button box so tabs sit level with sibling `size=\"sm\"` controls.\n          size === 'sm' ? controlSizeClasses.sm : '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      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  return tab;\n};\n"],"names":["createContext","useContext","useRef","useEffect","cn","buttonVariants","controlSizeClasses","quietTextHover","controlStateColorTransition","focusRing","jsxs","BaseTabs","Fragment","jsx","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/tabs-tab-DoPSW-1s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-tab-DoPSW-1s.js","sources":["../src/ds/components/Tabs/tabs-context.ts","../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  frame: 'stroke' | 'inset';\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 { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\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  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\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          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          // `sm` mirrors the `sm` button box so tabs sit level with sibling `size=\"sm\"` controls.\n          size === 'sm' ? controlSizeClasses.sm : '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      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  return tab;\n};\n"],"names":["BaseTabs"],"mappings":"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"}

package/dist/use-collapsible-box-CCvsF_a9.js

@@ -1,54 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useLayoutEffect, useState } from 'react';
-import { c as cn } from './cn-65Adrsfj.js';
-
-function CollapsibleBox({ state, children, className, style, ...props }) {
-  const { collapsedHeight, isExpanded, isClipped, setClipped } = state;
-  const contentRef = useRef(null);
-  useLayoutEffect(() => {
-    const element = contentRef.current;
-    if (!element) return;
-    const measure = () => setClipped(element.scrollHeight > collapsedHeight);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [collapsedHeight, setClipped]);
-  const showClipHint = !isExpanded && isClipped;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "collapsible-box",
-      ...showClipHint ? { "data-clipped": "" } : {},
-      className: cn(
-        "relative min-w-0",
-        !isExpanded && "overflow-hidden",
-        showClipHint && "mask-b-from-60% mask-b-to-100%",
-        className
-      ),
-      style: isExpanded ? style : { ...style, maxHeight: collapsedHeight },
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { ref: contentRef, children })
-    }
-  );
-}
-
-const DEFAULT_COLLAPSED_HEIGHT = 220;
-function useCollapsibleBox({
-  collapsedHeight = DEFAULT_COLLAPSED_HEIGHT
-} = {}) {
-  const [isExpanded, setExpanded] = useState(false);
-  const [isClipped, setClipped] = useState(false);
-  return {
-    collapsedHeight,
-    isExpanded,
-    isClipped,
-    setClipped,
-    setExpanded,
-    toggleExpanded: () => setExpanded((current) => !current)
-  };
-}
-
-export { CollapsibleBox as C, DEFAULT_COLLAPSED_HEIGHT as D, useCollapsibleBox as u };
-//# sourceMappingURL=use-collapsible-box-CCvsF_a9.js.map

package/dist/use-collapsible-box-CCvsF_a9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-collapsible-box-CCvsF_a9.js","sources":["../src/ds/components/CollapsibleBox/collapsible-box.tsx","../src/ds/components/CollapsibleBox/use-collapsible-box.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react';\nimport type { ComponentProps } from 'react';\nimport type { CollapsibleBoxState } from './use-collapsible-box';\nimport { cn } from '@/lib/utils';\n\nexport interface CollapsibleBoxProps extends ComponentProps<'div'> {\n  state: CollapsibleBoxState;\n}\n\n/**\n * Clips its content to `state.collapsedHeight` and fades the bottom when it overflows.\n * The overflow is measured on the rendered content, so it tracks resizes and late content.\n */\nexport function CollapsibleBox({ state, children, className, style, ...props }: CollapsibleBoxProps) {\n  const { collapsedHeight, isExpanded, isClipped, setClipped } = state;\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const element = contentRef.current;\n    if (!element) return;\n\n    const measure = () => setClipped(element.scrollHeight > collapsedHeight);\n    measure();\n\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [collapsedHeight, setClipped]);\n\n  const showClipHint = !isExpanded && isClipped;\n\n  return (\n    <div\n      data-slot=\"collapsible-box\"\n      // The hint masks the content itself, so it reads correctly on any background.\n      {...(showClipHint ? { 'data-clipped': '' } : {})}\n      className={cn(\n        'relative min-w-0',\n        !isExpanded && 'overflow-hidden',\n        showClipHint && 'mask-b-from-60% mask-b-to-100%',\n        className,\n      )}\n      style={isExpanded ? style : { ...style, maxHeight: collapsedHeight }}\n      {...props}\n    >\n      <div ref={contentRef}>{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport const DEFAULT_COLLAPSED_HEIGHT = 220;\n\nexport interface CollapsibleBoxState {\n  collapsedHeight: number;\n  isExpanded: boolean;\n  /** Whether the rendered content overflows the collapsed height (measured, not estimated). */\n  isClipped: boolean;\n  setClipped: (clipped: boolean) => void;\n  setExpanded: (expanded: boolean) => void;\n  toggleExpanded: () => void;\n}\n\n/** State for a `CollapsibleBox`. Keep it next to your own expand control, which can live anywhere. */\nexport function useCollapsibleBox({\n  collapsedHeight = DEFAULT_COLLAPSED_HEIGHT,\n}: { collapsedHeight?: number } = {}): CollapsibleBoxState {\n  const [isExpanded, setExpanded] = useState(false);\n  const [isClipped, setClipped] = useState(false);\n\n  return {\n    collapsedHeight,\n    isExpanded,\n    isClipped,\n    setClipped,\n    setExpanded,\n    toggleExpanded: () => setExpanded(current => !current),\n  };\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,KAAA,EAAO,GAAG,OAAM,EAAwB;AACnG,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,SAAA,EAAW,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAE9C,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,OAAA,GAAU,MAAM,UAAA,CAAW,OAAA,CAAQ,eAAe,eAAe,CAAA;AACvE,IAAA,OAAA,EAAQ;AAER,IAAA,IAAI,OAAO,mBAAmB,WAAA,EAAa;AAC3C,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,OAAO,CAAA;AAC3C,IAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AACxB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,eAAA,EAAiB,UAAU,CAAC,CAAA;AAEhC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,IAAc,SAAA;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MAET,GAAI,YAAA,GAAe,EAAE,cAAA,EAAgB,EAAA,KAAO,EAAC;AAAA,MAC9C,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,CAAC,UAAA,IAAc,iBAAA;AAAA,QACf,YAAA,IAAgB,gCAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACA,OAAO,UAAA,GAAa,KAAA,GAAQ,EAAE,GAAG,KAAA,EAAO,WAAW,eAAA,EAAgB;AAAA,MAClE,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAA,EAAa,QAAA,EAAS;AAAA;AAAA,GAClC;AAEJ;;AC/CO,MAAM,wBAAA,GAA2B;AAajC,SAAS,iBAAA,CAAkB;AAAA,EAChC,eAAA,GAAkB;AACpB,CAAA,GAAkC,EAAC,EAAwB;AACzD,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,OAAO;AAAA,IACL,eAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA,EAAgB,MAAM,WAAA,CAAY,CAAA,OAAA,KAAW,CAAC,OAAO;AAAA,GACvD;AACF;;;;"}

package/dist/use-collapsible-box-CbQOkokQ.cjs

@@ -1,58 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-
-function CollapsibleBox({ state, children, className, style, ...props }) {
-  const { collapsedHeight, isExpanded, isClipped, setClipped } = state;
-  const contentRef = React.useRef(null);
-  React.useLayoutEffect(() => {
-    const element = contentRef.current;
-    if (!element) return;
-    const measure = () => setClipped(element.scrollHeight > collapsedHeight);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [collapsedHeight, setClipped]);
-  const showClipHint = !isExpanded && isClipped;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "collapsible-box",
-      ...showClipHint ? { "data-clipped": "" } : {},
-      className: utils_cn.cn(
-        "relative min-w-0",
-        !isExpanded && "overflow-hidden",
-        showClipHint && "mask-b-from-60% mask-b-to-100%",
-        className
-      ),
-      style: isExpanded ? style : { ...style, maxHeight: collapsedHeight },
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, children })
-    }
-  );
-}
-
-const DEFAULT_COLLAPSED_HEIGHT = 220;
-function useCollapsibleBox({
-  collapsedHeight = DEFAULT_COLLAPSED_HEIGHT
-} = {}) {
-  const [isExpanded, setExpanded] = React.useState(false);
-  const [isClipped, setClipped] = React.useState(false);
-  return {
-    collapsedHeight,
-    isExpanded,
-    isClipped,
-    setClipped,
-    setExpanded,
-    toggleExpanded: () => setExpanded((current) => !current)
-  };
-}
-
-exports.CollapsibleBox = CollapsibleBox;
-exports.DEFAULT_COLLAPSED_HEIGHT = DEFAULT_COLLAPSED_HEIGHT;
-exports.useCollapsibleBox = useCollapsibleBox;
-//# sourceMappingURL=use-collapsible-box-CbQOkokQ.cjs.map

package/dist/use-collapsible-box-CbQOkokQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-collapsible-box-CbQOkokQ.cjs","sources":["../src/ds/components/CollapsibleBox/collapsible-box.tsx","../src/ds/components/CollapsibleBox/use-collapsible-box.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react';\nimport type { ComponentProps } from 'react';\nimport type { CollapsibleBoxState } from './use-collapsible-box';\nimport { cn } from '@/lib/utils';\n\nexport interface CollapsibleBoxProps extends ComponentProps<'div'> {\n  state: CollapsibleBoxState;\n}\n\n/**\n * Clips its content to `state.collapsedHeight` and fades the bottom when it overflows.\n * The overflow is measured on the rendered content, so it tracks resizes and late content.\n */\nexport function CollapsibleBox({ state, children, className, style, ...props }: CollapsibleBoxProps) {\n  const { collapsedHeight, isExpanded, isClipped, setClipped } = state;\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const element = contentRef.current;\n    if (!element) return;\n\n    const measure = () => setClipped(element.scrollHeight > collapsedHeight);\n    measure();\n\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [collapsedHeight, setClipped]);\n\n  const showClipHint = !isExpanded && isClipped;\n\n  return (\n    <div\n      data-slot=\"collapsible-box\"\n      // The hint masks the content itself, so it reads correctly on any background.\n      {...(showClipHint ? { 'data-clipped': '' } : {})}\n      className={cn(\n        'relative min-w-0',\n        !isExpanded && 'overflow-hidden',\n        showClipHint && 'mask-b-from-60% mask-b-to-100%',\n        className,\n      )}\n      style={isExpanded ? style : { ...style, maxHeight: collapsedHeight }}\n      {...props}\n    >\n      <div ref={contentRef}>{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport const DEFAULT_COLLAPSED_HEIGHT = 220;\n\nexport interface CollapsibleBoxState {\n  collapsedHeight: number;\n  isExpanded: boolean;\n  /** Whether the rendered content overflows the collapsed height (measured, not estimated). */\n  isClipped: boolean;\n  setClipped: (clipped: boolean) => void;\n  setExpanded: (expanded: boolean) => void;\n  toggleExpanded: () => void;\n}\n\n/** State for a `CollapsibleBox`. Keep it next to your own expand control, which can live anywhere. */\nexport function useCollapsibleBox({\n  collapsedHeight = DEFAULT_COLLAPSED_HEIGHT,\n}: { collapsedHeight?: number } = {}): CollapsibleBoxState {\n  const [isExpanded, setExpanded] = useState(false);\n  const [isClipped, setClipped] = useState(false);\n\n  return {\n    collapsedHeight,\n    isExpanded,\n    isClipped,\n    setClipped,\n    setExpanded,\n    toggleExpanded: () => setExpanded(current => !current),\n  };\n}\n"],"names":["useRef","useLayoutEffect","jsx","cn","useState"],"mappings":";;;;;;AAaO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,KAAA,EAAO,GAAG,OAAM,EAAwB;AACnG,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,SAAA,EAAW,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,UAAA,GAAaA,aAAuB,IAAI,CAAA;AAE9C,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,OAAA,GAAU,MAAM,UAAA,CAAW,OAAA,CAAQ,eAAe,eAAe,CAAA;AACvE,IAAA,OAAA,EAAQ;AAER,IAAA,IAAI,OAAO,mBAAmB,WAAA,EAAa;AAC3C,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,OAAO,CAAA;AAC3C,IAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AACxB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,eAAA,EAAiB,UAAU,CAAC,CAAA;AAEhC,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,IAAc,SAAA;AAEpC,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MAET,GAAI,YAAA,GAAe,EAAE,cAAA,EAAgB,EAAA,KAAO,EAAC;AAAA,MAC9C,SAAA,EAAWC,WAAA;AAAA,QACT,kBAAA;AAAA,QACA,CAAC,UAAA,IAAc,iBAAA;AAAA,QACf,YAAA,IAAgB,gCAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACA,OAAO,UAAA,GAAa,KAAA,GAAQ,EAAE,GAAG,KAAA,EAAO,WAAW,eAAA,EAAgB;AAAA,MAClE,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAA,EAAa,QAAA,EAAS;AAAA;AAAA,GAClC;AAEJ;;AC/CO,MAAM,wBAAA,GAA2B;AAajC,SAAS,iBAAA,CAAkB;AAAA,EAChC,eAAA,GAAkB;AACpB,CAAA,GAAkC,EAAC,EAAwB;AACzD,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAIE,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE9C,EAAA,OAAO;AAAA,IACL,eAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA,EAAgB,MAAM,WAAA,CAAY,CAAA,OAAA,KAAW,CAAC,OAAO;AAAA,GACvD;AACF;;;;;;"}