@mastra/playground-ui 55.0.0-alpha.5 → 55.0.0

package/dist/switch-BROLIeGF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BROLIeGF.cjs","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-neutral6/[0.14] p-0.5 outline-hidden',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-neutral6/[0.18]',\n          'active:bg-neutral6/[0.22]',\n          'focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55 focus-visible:outline-solid',\n          'data-[checked]:bg-neutral6/[0.92]',\n          'data-[checked]:hover:bg-neutral6',\n          'data-[checked]:active:bg-neutral5',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-neutral6/[0.16] data-[disabled]:hover:bg-neutral6/[0.16]',\n          'data-[disabled]:data-[checked]:bg-neutral6/[0.3] data-[disabled]:data-[checked]:hover:bg-neutral6/[0.3]',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-neutral6',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-surface1 data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-surface1/80 data-[disabled]:data-[unchecked]:bg-neutral6/[0.42]',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-surface1',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-neutral6')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-neutral6 opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["React","jsx","jsxs","SwitchPrimitive","cn","Fragment"],"mappings":"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"}

package/dist/{tabs-content-Bf28p8Au.cjs → tabs-content-CV7YrtD1.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-require('./focus.css');const jsxRuntime = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const tabs = require('@base-ui/react/tabs');
 const React = require('react');
 const tabsContext = require('./tabs-context-pnspPkI-.cjs');
-;/* empty css                 */
+const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DnbTIGXa.cjs');
 
 const TabContent = ({ children, value, flush = false, keepMounted = false, className }) => {
@@ -21,11 +21,11 @@ const TabContent = ({ children, value, flush = false, keepMounted = false, class
       keepMounted,
       "data-slot": "tabs-content",
       "data-flush": flush || void 0,
-      className: utils_cn.cn("ds-focus ds-focus-line grid overflow-y-auto py-2", className),
+      className: utils_cn.cn("ring-offset-background grid overflow-y-auto py-2", primitives_transitions.focusRing.visible, className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs-content-body", className: "contents", children: !keepMounted || selected || visited ? children : null })
     }
   );
 };
 
 exports.TabContent = TabContent;
-//# sourceMappingURL=tabs-content-Bf28p8Au.cjs.map
+//# sourceMappingURL=tabs-content-CV7YrtD1.cjs.map

package/dist/tabs-content-CV7YrtD1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-content-CV7YrtD1.cjs","sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn('ring-offset-background grid overflow-y-auto py-2', focusRing.visible, className)}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"names":["tabs","useContext","TabsContext","useState","useEffect","jsx","BaseTabs","cn","focusRing"],"mappings":";;;;;;;;;AAcO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,KAAA,EAAO,QAAQ,KAAA,EAAO,WAAA,GAAc,KAAA,EAAO,SAAA,EAAU,KAAuB;AACjH,EAAA,MAAMA,MAAA,GAAOC,iBAAWC,uBAAW,CAAA;AACnC,EAAA,MAAM,QAAA,GAAWF,QAAM,KAAA,KAAU,KAAA;AACjC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIG,eAAS,QAAQ,CAAA;AAC/C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAA,IAAe,QAAA,EAAU,UAAA,CAAW,IAAI,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAC1B,EAAA,uBACEC,cAAA;AAAA,IAACC,SAAA,CAAS,KAAA;AAAA,IAAT;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,cAAY,KAAA,IAAS,MAAA;AAAA,MACrB,SAAA,EAAWC,WAAA,CAAG,kDAAA,EAAoDC,gCAAA,CAAU,SAAS,SAAS,CAAA;AAAA,MAE9F,QAAA,kBAAAH,cAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,SAAA,EAAU,UAAA,EAC1C,QAAA,EAAA,CAAC,WAAA,IAAe,QAAA,IAAY,OAAA,GAAU,QAAA,GAAW,IAAA,EACpD;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{tabs-content-vrO_NM42.js → tabs-content-CW6RtAEV.js}

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Tabs } from '@base-ui/react/tabs';
 import { useContext, useState, useEffect } from 'react';
 import { a as TabsContext } from './tabs-context-BknR9-GX.js';
-import './focus.css';/* empty css               */
+import { focusRing } from './primitives/transitions.es.js';
 import { c as cn } from './cn-ByEbywDh.js';
 
 const TabContent = ({ children, value, flush = false, keepMounted = false, className }) => {
@@ -19,11 +19,11 @@ const TabContent = ({ children, value, flush = false, keepMounted = false, class
       keepMounted,
       "data-slot": "tabs-content",
       "data-flush": flush || void 0,
-      className: cn("ds-focus ds-focus-line grid overflow-y-auto py-2", className),
+      className: cn("ring-offset-background grid overflow-y-auto py-2", focusRing.visible, className),
       children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs-content-body", className: "contents", children: !keepMounted || selected || visited ? children : null })
     }
   );
 };
 
 export { TabContent as T };
-//# sourceMappingURL=tabs-content-vrO_NM42.js.map
+//# sourceMappingURL=tabs-content-CW6RtAEV.js.map

package/dist/tabs-content-CW6RtAEV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-content-CW6RtAEV.js","sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn('ring-offset-background grid overflow-y-auto py-2', focusRing.visible, className)}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"names":["BaseTabs"],"mappings":";;;;;;;AAcO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,KAAA,EAAO,QAAQ,KAAA,EAAO,WAAA,GAAc,KAAA,EAAO,SAAA,EAAU,KAAuB;AACjH,EAAA,MAAM,IAAA,GAAO,WAAW,WAAW,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,MAAM,KAAA,KAAU,KAAA;AACjC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,QAAQ,CAAA;AAC/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAA,IAAe,QAAA,EAAU,UAAA,CAAW,IAAI,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAC1B,EAAA,uBACE,GAAA;AAAA,IAACA,IAAA,CAAS,KAAA;AAAA,IAAT;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,cAAY,KAAA,IAAS,MAAA;AAAA,MACrB,SAAA,EAAW,EAAA,CAAG,kDAAA,EAAoD,SAAA,CAAU,SAAS,SAAS,CAAA;AAAA,MAE9F,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,SAAA,EAAU,UAAA,EAC1C,QAAA,EAAA,CAAC,WAAA,IAAe,QAAA,IAAY,OAAA,GAAU,QAAA,GAAW,IAAA,EACpD;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/{tabs-root-B4G-ywup.js → tabs-root-BAy8m6GO.js}

@@ -3,7 +3,7 @@ import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import { c as cva } from './index-CZvpHqka.js';
 import { X, ChevronDown } from 'lucide-react';
 import { useContext, useRef, useState, useCallback, useLayoutEffect, useMemo, Fragment } from 'react';
-import { D as DropdownMenu } from './dropdown-menu-GAD50kMK.js';
+import { D as DropdownMenu } from './dropdown-menu-C853KwJJ.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-Vj_jjcxE.js';
 import { a as TabsContext, T as TabListContext } from './tabs-context-BknR9-GX.js';
 import { transitions } from './primitives/transitions.es.js';
@@ -321,4 +321,4 @@ const Tabs = ({
 };
 
 export { TabList as T, Tabs as a };
-//# sourceMappingURL=tabs-root-B4G-ywup.js.map
+//# sourceMappingURL=tabs-root-BAy8m6GO.js.map

package/dist/{tabs-root-B4G-ywup.js.map → tabs-root-BAy8m6GO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-root-B4G-ywup.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-ui-md', {\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-0.5 rounded-full',\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  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, hiddenValues, register, unregister }),\n    [resolvedVariant, 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-surface2')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\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                  'h-0.5 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: '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                  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            )}\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('rounded p-0.5 hover:bg-surface4 hover:text-accent2', transitions.colors)}\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=\"xs\"\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=\"hover:text-accent2 data-[highlighted]:text-accent2 pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0\"\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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"}
+{"version":3,"file":"tabs-root-BAy8m6GO.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-ui-md', {\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-0.5 rounded-full',\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  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, hiddenValues, register, unregister }),\n    [resolvedVariant, 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-surface2')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\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                  'h-0.5 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: '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                  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            )}\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('rounded p-0.5 hover:bg-surface4 hover:text-accent2', transitions.colors)}\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=\"xs\"\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=\"hover:text-accent2 data-[highlighted]:text-accent2 pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0\"\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-root-BAJYWOrk.cjs → tabs-root-Dw7gHsnZ.cjs}

@@ -5,7 +5,7 @@ const tabs = require('@base-ui/react/tabs');
 const index = require('./index-BxcigDwC.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const dropdownMenu = require('./dropdown-menu-Bj9vR0Md.cjs');
+const dropdownMenu = require('./dropdown-menu-Bfh5ROWe.cjs');
 const tooltip = require('./tooltip-BsSNtmxl.cjs');
 const tabsContext = require('./tabs-context-pnspPkI-.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
@@ -324,4 +324,4 @@ const Tabs = ({
 
 exports.TabList = TabList;
 exports.Tabs = Tabs;
-//# sourceMappingURL=tabs-root-BAJYWOrk.cjs.map
+//# sourceMappingURL=tabs-root-Dw7gHsnZ.cjs.map

package/dist/{tabs-root-BAJYWOrk.cjs.map → tabs-root-Dw7gHsnZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-root-BAJYWOrk.cjs","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-ui-md', {\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-0.5 rounded-full',\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  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, hiddenValues, register, unregister }),\n    [resolvedVariant, 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-surface2')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\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                  'h-0.5 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: '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                  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            )}\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('rounded p-0.5 hover:bg-surface4 hover:text-accent2', transitions.colors)}\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=\"xs\"\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=\"hover:text-accent2 data-[highlighted]:text-accent2 pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0\"\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":["cva","tabs","useContext","TabsContext","useRef","useState","useCallback","useLayoutEffect","useMemo","jsx","TabListContext","TooltipProvider","jsxs","cn","BaseTabs","Tooltip","TooltipTrigger","transitions","X","TooltipContent","DropdownMenu","ChevronDown","Fragment"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,eAAA,GAAkBA,UAAI,uCAAA,EAAyC;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,0CAAA;AAAA,MACN,IAAA,EAAM,0CAAA;AAAA,MACN,YAAA,EAAc;AAAA;AAChB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAgCM,MAAM,OAAA,GAAU,CAAC,EAAE,QAAA,EAAU,WAAW,OAAA,EAAS,MAAA,EAAQ,OAAM,KAAoB;AACxF,EAAA,MAAM,kBAAkB,OAAA,IAAW,MAAA;AACnC,EAAA,MAAMC,MAAA,GAAOC,iBAAWC,uBAAW,CAAA;AACnC,EAAA,MAAM,SAAA,GAAYC,aAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,SAAA,GAAYA,YAAA,iBAAO,IAAI,GAAA,EAA6B,CAAA;AAC1D,EAAA,MAAM,YAAA,GAAeA,YAAA,iBAAO,IAAI,GAAA,EAAqB,CAAA;AACrD,EAAA,MAAM,aAAA,GAAgBA,YAAA,CAAOH,MAAA,EAAM,KAAK,CAAA;AACxC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAII,eAAwB,IAAI,CAAA;AAC9D,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAAA,CAA2B,EAAE,CAAA;AACrE,EAAA,MAAM,QAAA,GAAWC,iBAAA,CAAY,CAAC,GAAA,KAAwB;AACpD,IAAA,eAAA,CAAgB,CAAA,QAAA,KAAY;AAC1B,MAAA,MAAM,WAAW,QAAA,CAAS,IAAA,CAAK,UAAQ,IAAA,CAAK,KAAA,KAAU,IAAI,KAAK,CAAA;AAC/D,MAAA,IACE,QAAA,IACA,SAAS,OAAA,KAAY,GAAA,CAAI,WACzB,QAAA,CAAS,KAAA,KAAU,GAAA,CAAI,KAAA,IACvB,QAAA,CAAS,KAAA,KAAU,IAAI,KAAA,IACvB,QAAA,CAAS,QAAA,KAAa,GAAA,CAAI,QAAA,IAC1B,QAAA,CAAS,YAAY,GAAA,CAAI,OAAA,IACzB,QAAA,CAAS,OAAA,KAAY,GAAA,CAAI,OAAA;AAEzB,QAAA,OAAO,QAAA;AACT,MAAA,MAAM,IAAA,GAAO,QAAA,GAAW,QAAA,CAAS,GAAA,CAAI,UAAS,IAAA,CAAK,KAAA,KAAU,GAAA,CAAI,KAAA,GAAQ,MAAM,IAAK,CAAA,GAAI,CAAC,GAAG,UAAU,GAAG,CAAA;AACzG,MAAA,OAAO,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM;AACzB,QAAA,IAAI,CAAA,CAAE,OAAA,KAAY,CAAA,CAAE,OAAA,EAAS,OAAO,CAAA;AACpC,QAAA,OAAO,CAAA,CAAE,QAAQ,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA,GAAI,IAAA,CAAK,8BAA8B,EAAA,GAAK,CAAA;AAAA,MAChG,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,UAAA,GAAaA,iBAAA;AAAA,IACjB,CAAC,KAAA,KAAkB,eAAA,CAAgB,CAAA,QAAA,KAAY,QAAA,CAAS,OAAO,CAAA,GAAA,KAAO,GAAA,CAAI,KAAA,KAAU,KAAK,CAAC,CAAA;AAAA,IAC1F;AAAC,GACH;AACA,EAAA,MAAM,SAAA,GAAYL,QAAM,UAAA,KAAe,WAAA;AACvC,EAAAM,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,WAAW,SAAA,CAAU,OAAA;AAC3B,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,SAAA,EAAW;AAC7B,IAAA,MAAM,OAAA,GAAU,MAAM,YAAA,CAAa,QAAA,CAAS,WAAW,CAAA;AACvD,IAAA,OAAA,EAAQ;AACR,IAAA,IAAI,EAAE,oBAAoB,UAAA,CAAA,EAAa;AACvC,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,OAAO,CAAA;AAC3C,IAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AACzB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AACd,EAAA,MAAM,GAAA,GAAMN,MAAA,EAAM,KAAA,KAAU,OAAA,GAAU,CAAA,GAAI,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAeA,MAAA,EAAM,KAAA,KAAU,OAAA,GAAU,EAAA,GAAK,CAAA;AACpD,EAAA,MAAM,YAAA,GAAeO,cAAQ,MAAM;AACjC,IAAA,MAAM,MAAA,uBAAa,GAAA,EAAY;AAC/B,IAAA,IAAI,CAAC,SAAA,IAAa,SAAA,KAAc,IAAA,EAAM,OAAO,MAAA;AAC7C,IAAA,MAAM,WAAW,YAAA,CAAa,MAAA,CAAO,CAAC,GAAA,EAAK,QAAQ,GAAA,GAAM,GAAA,CAAI,KAAA,EAAO,CAAC,IAAI,GAAA,GAAM,IAAA,CAAK,IAAI,YAAA,CAAa,MAAA,GAAS,GAAG,CAAC,CAAA;AAClH,IAAA,IAAI,QAAA,GAAW,YAAA,IAAgB,SAAA,EAAW,OAAO,MAAA;AACjD,IAAA,IAAI,SAAA,GAAY,YAAY,YAAA,GAAe,EAAA;AAC3C,IAAA,MAAM,SAAS,YAAA,CAAa,IAAA,CAAK,SAAO,GAAA,CAAI,KAAA,KAAUP,QAAM,KAAK,CAAA;AACjE,IAAA,IAAI,MAAA,EAAQ,SAAA,IAAa,MAAA,CAAO,KAAA,GAAQ,GAAA;AACxC,IAAA,IAAI,IAAA,GAAO,KAAA;AACX,IAAA,KAAA,MAAW,OAAO,YAAA,EAAc;AAC9B,MAAA,IAAI,QAAQ,MAAA,EAAQ;AACpB,MAAA,IAAI,IAAA,IAAQ,GAAA,CAAI,KAAA,GAAQ,GAAA,GAAM,SAAA,EAAW;AACvC,QAAA,IAAA,GAAO,IAAA;AACP,QAAA,MAAA,CAAO,GAAA,CAAI,IAAI,KAAK,CAAA;AAAA,MACtB,CAAA,MAAO,SAAA,IAAa,GAAA,CAAI,KAAA,GAAQ,GAAA;AAAA,IAClC;AACA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,CAAC,SAAA,EAAW,SAAA,EAAW,cAAc,GAAA,EAAK,YAAA,EAAcA,MAAA,EAAM,KAAK,CAAC,CAAA;AACvE,EAAA,MAAM,UAAA,GAAa,aAAa,MAAA,CAAO,CAAA,GAAA,KAAO,aAAa,GAAA,CAAI,GAAA,CAAI,KAAK,CAAC,CAAA;AACzE,EAAA,MAAM,SAAA,GAAY,aACf,MAAA,CAAO,CAAA,GAAA,KAAO,CAAC,YAAA,CAAa,GAAA,CAAI,GAAA,CAAI,KAAK,CAAC,CAAA,CAC1C,OAAO,CAAC,GAAA,EAAK,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAI,KAAA,GAAQ,KAAKA,MAAA,EAAM,KAAA,KAAU,OAAA,GAAU,CAAA,GAAI,CAAC,CAAA;AAC9E,EAAA,MAAM,mBAAA,GAAsB,YAAA,CAAa,MAAA,CAAO,CAAA,GAAA,KAAO,CAAC,YAAA,CAAa,GAAA,CAAI,GAAA,CAAI,KAAK,CAAA,IAAK,GAAA,CAAI,OAAO,CAAA;AAClG,EAAA,MAAM,WAAA,GAAcO,aAAA;AAAA,IAClB,OAAO,EAAE,OAAA,EAAS,eAAA,EAAiB,YAAA,EAAc,UAAU,UAAA,EAAW,CAAA;AAAA,IACtE,CAAC,eAAA,EAAiB,YAAA,EAAc,QAAA,EAAU,UAAU;AAAA,GACtD;AACA,EAAAD,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,aAAA,GAAgB,IAAI,GAAA,CAAI,YAAA,CAAa,OAAO,CAAA;AAClD,IAAA,MAAM,YAAA,GAAe,MAAA,CAAO,UAAA,GAAa,kCAAkC,EAAE,OAAA,IAAW,KAAA;AACxF,IAAA,KAAA,MAAW,OAAO,YAAA,EAAc;AAC9B,MAAA,IAAI,YAAA,CAAa,GAAA,CAAI,GAAA,CAAI,KAAK,CAAA,EAAG;AACjC,MAAA,MAAM,IAAA,GAAO,IAAI,OAAA,CAAQ,UAAA;AACzB,MAAA,MAAM,YAAA,GAAe,YAAA,CAAa,OAAA,CAAQ,GAAA,CAAI,IAAI,KAAK,CAAA;AACvD,MAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,IAAI,KAAK,CAAA;AAC7C,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,KAAA,CAAM,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAC1B,QAAA,KAAA,CAAM,KAAA,CAAM,GAAA,GAAM,CAAA,EAAG,GAAA,CAAI,QAAQ,SAAS,CAAA,EAAA,CAAA;AAC1C,QAAA,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,GAAA,CAAI,QAAQ,WAAW,CAAA,EAAA,CAAA;AAC9C,QAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,GAAA,CAAI,QAAQ,YAAY,CAAA,EAAA,CAAA;AAAA,MAClD;AACA,MAAA,MAAM,KAAA,GAAQ,YAAA,KAAiB,MAAA,GAAY,CAAA,GAAI,YAAA,GAAe,IAAA;AAC9D,MAAA,MAAM,aAAA,GAAgB,IAAI,KAAA,KAAUN,MAAA,EAAM,SAAS,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,IAAK,EAAA;AACtE,MAAA,IAAI,CAAC,YAAA,IAAgB,aAAA,IAAiB,UAAU,CAAA,IAAK,SAAA,IAAa,IAAI,OAAA,EAAS;AAC7E,QAAA,GAAA,CAAI,OAAA,CAAQ,OAAA,CAAQ,CAAC,EAAE,SAAA,EAAW,CAAA,WAAA,EAAc,KAAK,CAAA,GAAA,CAAA,EAAM,EAAG,EAAE,SAAA,EAAW,eAAA,EAAiB,CAAA,EAAG;AAAA,UAC7F,QAAA,EAAU,GAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACT,CAAA;AAAA,MACH;AACA,MAAA,aAAA,CAAc,GAAA,CAAI,GAAA,CAAI,KAAA,EAAO,IAAI,CAAA;AAAA,IACnC;AACA,IAAA,KAAA,MAAW,KAAA,IAAS,aAAA,CAAc,IAAA,EAAK,EAAG;AACxC,MAAA,IAAI,CAAC,YAAA,CAAa,IAAA,CAAK,CAAA,GAAA,KAAO,GAAA,CAAI,UAAU,KAAK,CAAA,EAAG,aAAA,CAAc,MAAA,CAAO,KAAK,CAAA;AAAA,IAChF;AACA,IAAA,YAAA,CAAa,OAAA,GAAU,aAAA;AAAA,EACzB,GAAG,CAAC,YAAA,EAAc,YAAA,EAAcA,MAAA,EAAM,KAAK,CAAC,CAAA;AAC5C,EAAAM,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,gBAAgB,aAAA,CAAc,OAAA;AACpC,IAAA,aAAA,CAAc,UAAUN,MAAA,EAAM,KAAA;AAC9B,IAAA,MAAM,YAAA,GAAe,MAAA,CAAO,UAAA,GAAa,kCAAkC,EAAE,OAAA,IAAW,KAAA;AACxF,IAAA,IAAI,CAAC,aAAaA,MAAA,EAAM,KAAA,KAAU,WAAW,aAAA,KAAkBA,MAAA,EAAM,SAAS,YAAA,EAAc;AAC5F,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,OAAA,EAAS,aAAA,CAA2B,8BAA8B,CAAA;AAC9F,IAAA,IAAI,CAAC,SAAA,IAAa,EAAE,SAAA,IAAa,SAAA,CAAA,EAAY;AAC7C,IAAA,SAAA,CAAU,OAAA;AAAA,MACR;AAAA,QACE,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,MAAA,EAAO;AAAA,QAC/B,EAAE,OAAA,EAAS,CAAA,EAAG,KAAA,EAAO,GAAA;AAAI,OAC3B;AAAA,MACA;AAAA,QACE,QAAA,EAAU,GAAA;AAAA,QACV,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,EACF,GAAG,CAAC,SAAA,EAAWA,QAAM,KAAA,EAAOA,MAAA,EAAM,KAAK,CAAC,CAAA;AAExC,EAAA,uBACEQ,cAAA,CAACC,2BAAe,QAAA,EAAf,EAAwB,OAAO,WAAA,EAC9B,QAAA,kBAAAD,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,GAAA,EACtB,QAAA,kBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAWC,WAAA,CAAG,iCAAA,EAAmC,MAAA,IAAU,+BAA+B,CAAA;AAAA,MAE1F,QAAA,EAAA;AAAA,wBAAAD,eAAA;AAAA,UAACE,SAAA,CAAS,IAAA;AAAA,UAAT;AAAA,YACC,WAAA,EAAU,WAAA;AAAA,YACV,eAAA,EAAe,UAAA,CAAW,MAAA,GAAS,CAAA,IAAK,MAAA;AAAA,YACxC,cAAA,EAAc,eAAA;AAAA,YACd,SAAA,EAAWD,YAAG,iBAAA,EAAmB,eAAA,CAAgB,EAAE,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,YACzF,KAAA;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,cACA,oBAAoB,MAAA,oBACnBJ,cAAA;AAAA,gBAACK,SAAA,CAAS,SAAA;AAAA,gBAAT;AAAA,kBACC,SAAA,EAAWD,WAAA;AAAA,oBACT,0EAAA;AAAA,oBACA,mCAAA;AAAA,oBACA;AAAA,mBACF;AAAA,kBACA,WAAA,EAAU,gBAAA;AAAA,kBACV,KAAA,EAAO,EAAE,SAAA,EAAW,oCAAA;AAAqC;AAAA,eAC3D;AAAA,cAAA,CAEA,eAAA,KAAoB,MAAA,IAAU,eAAA,KAAoB,YAAA,qBAClDJ,cAAA;AAAA,gBAACK,SAAA,CAAS,SAAA;AAAA,gBAAT;AAAA,kBACC,SAAA,EAAWD,WAAA;AAAA,oBACT,0FAAA;AAAA,oBACA,eAAA,KAAoB,SAAS,uBAAA,GAA0B,QAAA;AAAA,oBACvD,6BAAA;AAAA,oBACA;AAAA,mBACF;AAAA,kBACA,WAAA,EAAU,gBAAA;AAAA,kBACV,KAAA,EAAO,EAAE,SAAA,EAAW,8EAAA;AAA+E;AAAA;AACrG;AAAA;AAAA,SAEJ;AAAA,uCACC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EACZ,QAAA,EAAA,mBAAA,CAAoB,IAAI,CAAA,GAAA,qBACvBJ,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,KAAK,CAAA,OAAA,KAAW;AACd,cAAA,IAAI,SAAS,SAAA,CAAU,OAAA,CAAQ,GAAA,CAAI,GAAA,CAAI,OAAO,OAAO,CAAA;AAAA,mBAChD,SAAA,CAAU,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,KAAK,CAAA;AAAA,YACzC,CAAA;AAAA,YACA,WAAA,EAAU,gBAAA;AAAA,YACV,cAAA,EAAcR,MAAA,EAAM,KAAA,KAAU,GAAA,CAAI,KAAA,IAAS,MAAA;AAAA,YAE3C,0CAACc,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAH,eAAA;AAAA,gBAACI,sBAAA;AAAA,gBAAA;AAAA,kBACC,MAAA,kBACEP,cAAA;AAAA,oBAAC,QAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,QAAA;AAAA,sBACL,QAAA,EAAUR,MAAA,EAAM,KAAA,KAAU,GAAA,CAAI,QAAQ,CAAA,GAAI,EAAA;AAAA,sBAC1C,WAAA,EAAU,WAAA;AAAA,sBACV,SAAS,GAAA,CAAI,OAAA;AAAA,sBACb,SAAA,EAAWY,WAAA,CAAG,oDAAA,EAAsDI,kCAAA,CAAY,MAAM;AAAA;AAAA,mBACxF;AAAA,kBAGF,QAAA,EAAA;AAAA,oCAAAL,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,sBAAA,QAAA;AAAA,sBAAO,GAAA,CAAI;AAAA,qBAAA,EAAM,CAAA;AAAA,oCAC3CH,cAAA,CAACS,aAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA;AAAA,eAC3C;AAAA,8CACCC,sBAAA,EAAA,EAAe,QAAA,EAAA;AAAA,gBAAA,QAAA;AAAA,gBAAO,GAAA,CAAI;AAAA,eAAA,EAAM;AAAA,aAAA,EACnC;AAAA,WAAA;AAAA,UAxBK,GAAA,CAAI;AAAA,SA0BZ,CAAA,EACH,CAAA;AAAA,QACC,UAAA,CAAW,SAAS,CAAA,oBACnBV,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,GAAA,CAAA,EAAM;AAAA,YACjD,SAAA,EAAU,eAAA;AAAA,YAEV,0CAACW,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAR,eAAA;AAAA,gBAACQ,yBAAA,CAAa,OAAA;AAAA,gBAAb;AAAA,kBACC,YAAA,EAAY,CAAA,EAAG,UAAA,CAAW,MAAM,CAAA,UAAA,CAAA;AAAA,kBAChC,OAAA,EAAQ,OAAA;AAAA,kBACR,IAAA,EAAK,IAAA;AAAA,kBACL,SAAA,EAAU,cAAA;AAAA,kBACX,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,oBACG,UAAA,CAAW,MAAA;AAAA,oCACbX,cAAA,CAACY,uBAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA;AAAA,eACrD;AAAA,8BACAZ,cAAA,CAACW,yBAAA,CAAa,OAAA,EAAb,EAAqB,SAAA,EAAU,MAAA,EAC7B,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,qBACpBR,eAAA,CAACU,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAAb,cAAA;AAAA,kBAACW,yBAAA,CAAa,IAAA;AAAA,kBAAb;AAAA,oBACC,WAAA,EAAU,mBAAA;AAAA,oBACV,UAAU,GAAA,CAAI,QAAA;AAAA,oBACd,SAAA,EAAW,GAAA,CAAI,OAAA,GAAU,MAAA,GAAS,MAAA;AAAA,oBAClC,OAAO,EAAE,QAAA,EAAU,CAAA,EAAG,KAAA,GAAQ,CAAC,CAAA,IAAA,CAAA,EAAO;AAAA,oBACtC,SAAS,MAAM;AACb,sBAAAnB,MAAA,EAAM,MAAA,CAAO,IAAI,KAAK,CAAA;AACtB,sBAAA,GAAA,CAAI,OAAA,IAAU;AAAA,oBAChB,CAAA;AAAA,oBAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,iBACP;AAAA,gBACC,GAAA,CAAI,OAAA,mBACHW,eAAA,CAACG,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,kCAAAH,eAAA;AAAA,oBAACI,sBAAA;AAAA,oBAAA;AAAA,sBACC,MAAA,kBACEP,cAAA;AAAA,wBAACW,yBAAA,CAAa,IAAA;AAAA,wBAAb;AAAA,0BACC,WAAA,EAAU,qBAAA;AAAA,0BACV,SAAA,EAAU,mIAAA;AAAA,0BACV,OAAO,EAAE,QAAA,EAAU,CAAA,EAAG,KAAA,GAAQ,CAAC,CAAA,IAAA,CAAA,EAAO;AAAA,0BACtC,SAAS,GAAA,CAAI;AAAA;AAAA,uBACf;AAAA,sBAGF,QAAA,EAAA;AAAA,wCAAAR,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,0BAAA,QAAA;AAAA,0BAAO,GAAA,CAAI;AAAA,yBAAA,EAAM,CAAA;AAAA,wCAC3CH,cAAA,CAACS,aAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA;AAAA,mBAC3C;AAAA,kCACAN,eAAA,CAACO,sBAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA;AAAA,oBAAA,QAAA;AAAA,oBAAO,GAAA,CAAI;AAAA,mBAAA,EAAM;AAAA,iBAAA,EAChD,CAAA,GACE;AAAA,eAAA,EAAA,EA9BS,GAAA,CAAI,KA+BnB,CACD,CAAA,EACH;AAAA,aAAA,EACF;AAAA;AAAA;AACF;AAAA;AAAA,KAGN,CAAA,EACF,CAAA;AAEJ;;AC9RO,MAAM,OAAO,CAAmB;AAAA,EACrC,QAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,KAAA,GAAQ,QAAA;AAAA,EACR,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAId,eAAS,UAAU,CAAA;AACrE,EAAA,MAAM,gBAAgB,KAAA,IAAS,iBAAA;AAC/B,EAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAAY;AAC1B,IAAA,oBAAA,CAAqB,IAAI,CAAA;AACzB,IAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,EACtB,CAAA;AACA,EAAA,uBACEI,cAAA,CAACN,uBAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,EAAE,UAAA,EAAY,KAAA,EAAO,KAAA,EAAO,aAAA,EAAe,MAAA,EAAO,EAC7E,QAAA,kBAAAM,cAAA;AAAA,IAACK,SAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACC,YAAA,EAAc,UAAA;AAAA,MACd,KAAA,EAAO,aAAA;AAAA,MACP,aAAA,EAAe,MAAA;AAAA,MACf,WAAA,EAAU,MAAA;AAAA,MACV,iBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAY,KAAA;AAAA,MACZ,WAAWD,WAAA,CAAG,YAAA,EAAc,eAAe,SAAA,GAAY,iBAAA,GAAoB,kBAAkB,SAAS,CAAA;AAAA,MACrG,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"tabs-root-Dw7gHsnZ.cjs","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-ui-md', {\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-0.5 rounded-full',\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  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, hiddenValues, register, unregister }),\n    [resolvedVariant, 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-surface2')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\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                  'h-0.5 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: '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                  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            )}\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('rounded p-0.5 hover:bg-surface4 hover:text-accent2', transitions.colors)}\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=\"xs\"\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=\"hover:text-accent2 data-[highlighted]:text-accent2 pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0\"\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":["cva","tabs","useContext","TabsContext","useRef","useState","useCallback","useLayoutEffect","useMemo","jsx","TabListContext","TooltipProvider","jsxs","cn","BaseTabs","Tooltip","TooltipTrigger","transitions","X","TooltipContent","DropdownMenu","ChevronDown","Fragment"],"mappings":"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"}

package/dist/{tabs-tab-Br-jck-B.cjs → tabs-tab-CP-kzlvB.cjs}

@@ -1,12 +1,11 @@
 'use strict';
 
-require('./focus.css');const jsxRuntime = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const tabs = require('@base-ui/react/tabs');
 const React = require('react');
-const Button = require('./Button-BsHGVRjh.cjs');
+const Button = require('./Button-BJOVwaxp.cjs');
 const tooltip = require('./tooltip-BsSNtmxl.cjs');
 const tabsContext = require('./tabs-context-pnspPkI-.cjs');
-;/* empty css                 */
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DnbTIGXa.cjs');
 
@@ -56,6 +55,7 @@ const Tab = ({
     attention && "relative",
     "flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none",
     primitives_transitions.transitions.colors,
+    primitives_transitions.focusRing.visible,
     "hover:text-neutral4",
     "data-[active]:text-neutral5",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3",
@@ -75,11 +75,10 @@ const Tab = ({
       disabled: disabled || overflowed,
       "data-slot": "tab",
       "data-closable": onClose ? "" : void 0,
-      className: utils_cn.cn(tabClassName, "ds-focus ds-focus-contour"),
+      className: tabClassName,
       onClick,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "focus-decoration" }),
         attention && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", "data-slot": "tab-attention" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " Needs attention" })
@@ -97,4 +96,4 @@ const Tab = ({
 };
 
 exports.Tab = Tab;
-//# sourceMappingURL=tabs-tab-Br-jck-B.cjs.map
+//# sourceMappingURL=tabs-tab-CP-kzlvB.cjs.map

package/dist/tabs-tab-CP-kzlvB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-tab-CP-kzlvB.cjs","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["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 { 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  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 tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          buttonVariants({ variant: 'ghost', size: 'md' }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-neutral6',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-ui-smd font-normal text-neutral3',\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\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          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 asChild>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["useContext","TabListContext","useRef","useEffect","cn","buttonVariants","transitions","focusRing","jsxs","BaseTabs","Fragment","jsx","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/{tabs-tab-CvlCl9kD.js → tabs-tab-K5mQhs7r.js}

@@ -1,11 +1,10 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Tabs } from '@base-ui/react/tabs';
 import { useContext, useRef, useEffect } from 'react';
-import { b as buttonVariants } from './Button-DsTY88Xz.js';
+import { b as buttonVariants } from './Button-BVGwYwHT.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-Vj_jjcxE.js';
 import { T as TabListContext } from './tabs-context-BknR9-GX.js';
-import './focus.css';/* empty css               */
-import { transitions } from './primitives/transitions.es.js';
+import { focusRing, transitions } from './primitives/transitions.es.js';
 import { c as cn } from './cn-ByEbywDh.js';
 
 const Tab = ({
@@ -54,6 +53,7 @@ const Tab = ({
     attention && "relative",
     "flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none",
     transitions.colors,
+    focusRing.visible,
     "hover:text-neutral4",
     "data-[active]:text-neutral5",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-neutral3",
@@ -73,11 +73,10 @@ const Tab = ({
       disabled: disabled || overflowed,
       "data-slot": "tab",
       "data-closable": onClose ? "" : void 0,
-      className: cn(tabClassName, "ds-focus ds-focus-contour"),
+      className: tabClassName,
       onClick,
       children: [
         children,
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "focus-decoration" }),
         attention && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tab-attention" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: " Needs attention" })
@@ -95,4 +94,4 @@ const Tab = ({
 };
 
 export { Tab as T };
-//# sourceMappingURL=tabs-tab-CvlCl9kD.js.map
+//# sourceMappingURL=tabs-tab-K5mQhs7r.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-tab-K5mQhs7r.js","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["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 { 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  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 tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          buttonVariants({ variant: 'ghost', size: 'md' }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-neutral6',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-ui-smd font-normal text-neutral3',\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\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          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 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/{text-field-block-BVhQGWYw.js → text-field-block-CUN9gL4j.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { I as Input } from './input-KNga7Y7g.js';
+import { I as Input } from './input-DinpgQXj.js';
 import { F as FieldBlock } from './field-block-CVOfRWvX.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 
@@ -46,4 +46,4 @@ function TextFieldBlock({
 }
 
 export { TextFieldBlock as T };
-//# sourceMappingURL=text-field-block-BVhQGWYw.js.map
+//# sourceMappingURL=text-field-block-CUN9gL4j.js.map

package/dist/{text-field-block-BVhQGWYw.js.map → text-field-block-CUN9gL4j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-BVhQGWYw.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-CUN9gL4j.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{text-field-block-DBEXulUE.cjs → text-field-block-WuwrSNEX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const input = require('./input-BXl_-87K.cjs');
+const input = require('./input-D3SUXvgI.cjs');
 const fieldBlock = require('./field-block-DosykAiQ.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 
@@ -48,4 +48,4 @@ function TextFieldBlock({
 }
 
 exports.TextFieldBlock = TextFieldBlock;
-//# sourceMappingURL=text-field-block-DBEXulUE.cjs.map
+//# sourceMappingURL=text-field-block-WuwrSNEX.cjs.map

package/dist/{text-field-block-DBEXulUE.cjs.map → text-field-block-WuwrSNEX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-DBEXulUE.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Input"],"mappings":";;;;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,qBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJC,cAAA;AAAA,QAACG,WAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAYH,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-WuwrSNEX.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'md',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Input"],"mappings":";;;;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,qBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJC,cAAA;AAAA,QAACG,WAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAYH,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}