@entro314labs/react-arc-tabs 1.0.16 → 1.0.17

package/README.md

@@ -130,6 +130,7 @@ export default function Page() {
 - `motionDuration?: number`
 - `seamGap?: number | string` (vertical distance between active tab and panel; default `0` for a fused shape)
 - `notch?: number | string` (controls inverted corner curve size)
+- `cutoutColor?: string` (color of the concave seam cutouts; defaults to strip background)
 - `keepMounted?: boolean`
 - `ariaLabel?: string`
 

package/dist/ArcTabs.css

@@ -16,6 +16,7 @@
   --arc-text: #171a2c;
   --arc-tab-bg: #e7ebff;
   --arc-strip-bg: #edf1ff;
+  --arc-cutout-bg: var(--arc-strip-bg);
   --arc-tab-hover-bg: #dce3ff;
   --arc-panel-bg: #ffffff;
   --arc-panel-border: #cfd6f5;
@@ -108,11 +109,11 @@
   bottom: 0;
   left: calc(var(--arc-notch) * -1);
   width: calc(100% + (var(--arc-notch) * 2));
-  height: calc(var(--arc-seam-gap) + var(--arc-border-width));
+  height: var(--arc-seam-gap);
   transform: translateY(100%);
   background:
     linear-gradient(var(--arc-panel-bg), var(--arc-panel-bg))
-    center top / calc(100% - (var(--arc-notch) * 2) + 1px) 100% no-repeat;
+    center top / calc(100% - (var(--arc-notch) * 2)) 100% no-repeat;
 }
 
 .arc-tabs__active-indicator::after {
@@ -124,13 +125,13 @@
   background:
     radial-gradient(
       circle var(--arc-notch) at 100% 0%,
-      var(--arc-strip-bg) calc(var(--arc-notch) - 0.5px),
+      var(--arc-cutout-bg) calc(var(--arc-notch) - 0.5px),
       transparent var(--arc-notch)
     )
     left top / var(--arc-notch) var(--arc-notch) no-repeat,
     radial-gradient(
       circle var(--arc-notch) at 0% 0%,
-      var(--arc-strip-bg) calc(var(--arc-notch) - 0.5px),
+      var(--arc-cutout-bg) calc(var(--arc-notch) - 0.5px),
       transparent var(--arc-notch)
     )
     right top / var(--arc-notch) var(--arc-notch) no-repeat;
@@ -230,11 +231,11 @@
   bottom: 0;
   left: calc(var(--arc-notch) * -1);
   width: calc(100% + (var(--arc-notch) * 2));
-  height: calc(var(--arc-seam-gap) + var(--arc-border-width));
+  height: var(--arc-seam-gap);
   transform: translateY(100%);
   background:
     linear-gradient(var(--arc-panel-bg), var(--arc-panel-bg))
-    center top / calc(100% - (var(--arc-notch) * 2) + 1px) 100% no-repeat;
+    center top / calc(100% - (var(--arc-notch) * 2)) 100% no-repeat;
 }
 
 .arc-tabs__tab::after {
@@ -246,13 +247,13 @@
   background:
     radial-gradient(
       circle var(--arc-notch) at 100% 0%,
-      var(--arc-strip-bg) calc(var(--arc-notch) - 0.5px),
+      var(--arc-cutout-bg) calc(var(--arc-notch) - 0.5px),
       transparent var(--arc-notch)
     )
     left top / var(--arc-notch) var(--arc-notch) no-repeat,
     radial-gradient(
       circle var(--arc-notch) at 0% 0%,
-      var(--arc-strip-bg) calc(var(--arc-notch) - 0.5px),
+      var(--arc-cutout-bg) calc(var(--arc-notch) - 0.5px),
       transparent var(--arc-notch)
     )
     right top / var(--arc-notch) var(--arc-notch) no-repeat;
@@ -267,6 +268,7 @@
   z-index: 3;
   color: color-mix(in srgb, var(--arc-accent) 85%, black 15%);
   border-color: var(--arc-panel-bg);
+  border-bottom-width: 0;
   background: var(--arc-panel-bg);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -305,6 +307,7 @@
   border-top-right-radius: var(--arc-panel-tr-radius);
   border-bottom-left-radius: var(--arc-radius);
   border-bottom-right-radius: var(--arc-radius);
+  overflow: hidden;
   background: var(--arc-panel-bg);
   padding: var(--arc-panel-padding);
   box-shadow: var(--arc-surface-shadow);
@@ -318,6 +321,7 @@
 }
 
 .arc-tabs__panel {
+  border-radius: inherit;
   outline: none;
 }
 

package/dist/index.cjs

@@ -79,6 +79,7 @@ function ArcTabs({
   tabHoverBackground,
   panelBackground,
   panelBorderColor,
+  cutoutColor,
   emptyState = null,
   renderTabLabel,
   renderPanel,
@@ -377,6 +378,12 @@ function ArcTabs({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, "--arc-cutout-bg");
+    if (cutoutColor) {
+      cssVars["--arc-cutout-bg"] = cutoutColor;
+    } else if (!hasCustomCutoutColor) {
+      cssVars["--arc-cutout-bg"] = "var(--arc-strip-bg)";
+    }
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
     const isFirst = selectedIndex === 0;
     const isLast = selectedIndex === items.length - 1;
@@ -395,6 +402,7 @@ function ArcTabs({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
+    cutoutColor,
     effectiveMotionDuration,
     selectedIndex,
     items.length
@@ -584,6 +592,7 @@ function ArcTabsTailwind({
   tabHoverBackground,
   panelBackground,
   panelBorderColor,
+  cutoutColor,
   emptyState = null,
   renderTabLabel,
   renderPanel,
@@ -883,6 +892,12 @@ function ArcTabsTailwind({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, "--arc-cutout-bg");
+    if (cutoutColor) {
+      cssVars["--arc-cutout-bg"] = cutoutColor;
+    } else if (!hasCustomCutoutColor) {
+      cssVars["--arc-cutout-bg"] = "var(--arc-strip-bg)";
+    }
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
     const isFirst = selectedIndex === 0;
     const isLast = selectedIndex === items.length - 1;
@@ -901,12 +916,13 @@ function ArcTabsTailwind({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
+    cutoutColor,
     effectiveMotionDuration,
     selectedIndex,
     items.length
   ]);
   const rootClassName = joinClassNames2(
-    "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]",
+    "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-cutout-bg:var(--arc-strip-bg)] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]",
     classNames?.root,
     className
   );
@@ -917,7 +933,7 @@ function ArcTabsTailwind({
   );
   const listScrollClassName = "relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]";
   const panelsClassName = joinClassNames2(
-    "relative z-[2] mt-0 rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
+    "relative z-[2] mt-0 overflow-hidden rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
     classNames?.panels,
     panelClassName
   );
@@ -944,7 +960,7 @@ function ArcTabsTailwind({
     [indicator.x, indicator.width]
   );
   const indicatorClassName = joinClassNames2(
-    "pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']",
+    "pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']",
     indicator.ready && "opacity-100",
     classNames?.indicator
   );
@@ -981,11 +997,11 @@ function ArcTabsTailwind({
               classNames?.item
             );
             const tabClassName = joinClassNames2(
-              "relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]",
+              "relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]",
               sizeClassMap[size],
               fit === "equal" && "w-full justify-center",
               selected ? joinClassNames2(
-                "z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]",
+                "z-[3] rounded-b-none border-b-0 border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]",
                 "bg-[var(--arc-panel-bg)]"
               ) : "enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]",
               selected ? classNames?.tabSelected : classNames?.tabUnselected,
@@ -1041,7 +1057,7 @@ function ArcTabsTailwind({
               }
             },
             id: panelId,
-            className: joinClassNames2("outline-none", classNames?.panel),
+            className: joinClassNames2("outline-none rounded-[inherit]", classNames?.panel),
             role: "tabpanel",
             "aria-labelledby": tabId,
             "aria-hidden": !selected,
@@ -1059,7 +1075,7 @@ function ArcTabsTailwind({
             activePanelRef.current = node;
           },
           id: `${baseId}-panel-${selectedIndex}`,
-          className: joinClassNames2("outline-none", classNames?.panel),
+          className: joinClassNames2("outline-none rounded-[inherit]", classNames?.panel),
           role: "tabpanel",
           "aria-labelledby": `${baseId}-tab-${selectedIndex}`,
           "aria-hidden": false,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/ArcTabs.tsx","../src/ArcTabsTailwind.tsx"],"sourcesContent":["export { ArcTabs } from './ArcTabs'\nexport { ArcTabsTailwind } from './ArcTabsTailwind'\nexport type {\n  ArcTabItem,\n  ArcTabsActivationMode,\n  ArcTabsFit,\n  ArcTabsMotionPreset,\n  ArcTabsProps,\n  ArcTabsRenderState,\n  ArcTabsSize,\n} from './ArcTabs'\nexport type { ArcTabsTailwindClassNames, ArcTabsTailwindProps } from './ArcTabsTailwind'\n","'use client'\n\nimport * as React from 'react'\n\nexport interface ArcTabItem {\n  id: string\n  label: React.ReactNode\n  content: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\nexport type ArcTabsActivationMode = 'automatic' | 'manual'\nexport type ArcTabsSize = 'sm' | 'md' | 'lg'\nexport type ArcTabsFit = 'content' | 'equal'\nexport type ArcTabsMotionPreset = 'none' | 'subtle' | 'expressive'\n\nexport interface ArcTabsRenderState {\n  index: number\n  selected: boolean\n  disabled: boolean\n}\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: ArcTabItem[]\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string, item: ArcTabItem, index: number) => void\n  activationMode?: ArcTabsActivationMode\n  keepMounted?: boolean\n  size?: ArcTabsSize\n  fit?: ArcTabsFit\n  motionPreset?: ArcTabsMotionPreset\n  motionDuration?: number\n  ariaLabel?: string\n  listId?: string\n  tabsClassName?: string\n  panelClassName?: string\n  radius?: number\n  gap?: number\n  seamGap?: number | string\n  notch?: number | string\n  panelPadding?: number | string\n  accentColor?: string\n  tabBackground?: string\n  tabHoverBackground?: string\n  panelBackground?: string\n  panelBorderColor?: string\n  emptyState?: React.ReactNode\n  renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n  renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nexport function ArcTabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  ...rest\n}: ArcTabsProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    /* Panel top-corner rounding: when the active tab is NOT at the edge,\n       the panel corner on that side gets a radius for a smoother visual connection */\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs',\n    `arc-tabs--size-${size}`,\n    `arc-tabs--fit-${fit}`,\n    `arc-tabs--motion-${motionPreset}`,\n    hasInteracted && 'arc-tabs--has-interacted',\n    panelDirection !== 'none' && `arc-tabs--direction-${panelDirection}`,\n    className,\n  )\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? <span className=\"arc-tabs__icon\">{item.icon}</span> : null}\n      <span className=\"arc-tabs__text\">{item.label}</span>\n      {item.badge !== undefined ? <span className=\"arc-tabs__badge\">{item.badge}</span> : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  return (\n    <div className={rootClassName} style={themedStyle} {...rest}>\n      <div ref={listScrollRef} className=\"arc-tabs__list-scroll\">\n        <ul\n          ref={listRef}\n          className={joinClassNames('arc-tabs__list', tabsClassName)}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={joinClassNames('arc-tabs__active-indicator', indicator.ready && 'is-ready')}\n              style={indicatorStyle}\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            return (\n              <li\n                className={joinClassNames('arc-tabs__item', selected && 'arc-tabs__item--selected')}\n                key={item.id}\n                role=\"presentation\"\n              >\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className=\"arc-tabs__tab\"\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={joinClassNames('arc-tabs__panels', panelClassName)}>\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className=\"arc-tabs__panel\"\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className=\"arc-tabs__panel\"\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\n\nimport type { ArcTabItem, ArcTabsProps, ArcTabsRenderState, ArcTabsSize } from './ArcTabs'\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsTailwindClassNames {\n  root?: string\n  list?: string\n  indicator?: string\n  item?: string\n  tab?: string\n  tabSelected?: string\n  tabUnselected?: string\n  tabDisabled?: string\n  icon?: string\n  text?: string\n  badge?: string\n  panels?: string\n  panel?: string\n}\n\nexport interface ArcTabsTailwindProps extends ArcTabsProps {\n  classNames?: ArcTabsTailwindClassNames\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nconst sizeClassMap: Record<ArcTabsSize, string> = {\n  sm: 'min-h-9 px-3 py-1.5 text-sm',\n  md: 'min-h-10 px-4 py-2 text-[0.95rem]',\n  lg: 'min-h-12 px-5 py-2.5 text-base',\n}\n\nexport function ArcTabsTailwind({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  classNames,\n  ...rest\n}: ArcTabsTailwindProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex min-w-full list-none items-end gap-[var(--arc-gap)] overflow-visible rounded-t-[var(--arc-radius)] border border-b-0 border-[var(--arc-panel-border)] bg-[var(--arc-strip-bg)] px-[calc(var(--arc-gap)*0.6)] pb-[var(--arc-seam-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]'\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]',\n    classNames?.panels,\n    panelClassName,\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? (\n        <span className={joinClassNames('inline-flex leading-none', classNames?.icon)}>\n          {item.icon}\n        </span>\n      ) : null}\n      <span className={joinClassNames('inline-block', classNames?.text)}>{item.label}</span>\n      {item.badge !== undefined ? (\n        <span\n          className={joinClassNames(\n            'inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--arc-accent)] px-1.5 py-0.5 text-[0.72em] font-bold text-white/95',\n            classNames?.badge,\n          )}\n        >\n          {item.badge}\n        </span>\n      ) : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const indicatorClassName = joinClassNames(\n    \"pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']\",\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\n      <div ref={listScrollRef} className={listScrollClassName} data-slot=\"list-scroll\">\n        <ul\n          ref={listRef}\n          className={listClassName}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n          data-slot=\"list\"\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={indicatorClassName}\n              style={indicatorStyle}\n              data-slot=\"indicator\"\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            const itemClassName = joinClassNames(\n              fit === 'equal'\n                ? selected\n                  ? 'relative z-[4] min-w-0 flex-1'\n                  : 'relative z-[2] min-w-0 flex-1'\n                : selected\n                  ? 'relative z-[4] shrink-0'\n                  : 'relative z-[2] shrink-0',\n              classNames?.item,\n            )\n\n            const tabClassName = joinClassNames(\n              \"relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]\",\n              sizeClassMap[size],\n              fit === 'equal' && 'w-full justify-center',\n              selected\n                ? joinClassNames(\n                    'z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]',\n                    'bg-[var(--arc-panel-bg)]',\n                  )\n                : 'enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]',\n              selected ? classNames?.tabSelected : classNames?.tabUnselected,\n              disabled && classNames?.tabDisabled,\n              classNames?.tab,\n            )\n\n            return (\n              <li className={itemClassName} key={item.id} role=\"presentation\" data-slot=\"item\">\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className={tabClassName}\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                  data-slot=\"tab\"\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={panelsClassName} data-slot=\"panels\">\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className={joinClassNames('outline-none', classNames?.panel)}\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                  data-slot=\"panel\"\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className={joinClassNames('outline-none', classNames?.panel)}\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n            data-slot=\"panel\"\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["React","import_jsx_runtime","joinClassNames","toCssSize","findFirstEnabledIndex","getEnabledIndices","getNextEnabledIndex"]}
+{"version":3,"sources":["../src/index.ts","../src/ArcTabs.tsx","../src/ArcTabsTailwind.tsx"],"sourcesContent":["export { ArcTabs } from './ArcTabs'\nexport { ArcTabsTailwind } from './ArcTabsTailwind'\nexport type {\n  ArcTabItem,\n  ArcTabsActivationMode,\n  ArcTabsFit,\n  ArcTabsMotionPreset,\n  ArcTabsProps,\n  ArcTabsRenderState,\n  ArcTabsSize,\n} from './ArcTabs'\nexport type { ArcTabsTailwindClassNames, ArcTabsTailwindProps } from './ArcTabsTailwind'\n","'use client'\n\nimport * as React from 'react'\n\nexport interface ArcTabItem {\n  id: string\n  label: React.ReactNode\n  content: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\nexport type ArcTabsActivationMode = 'automatic' | 'manual'\nexport type ArcTabsSize = 'sm' | 'md' | 'lg'\nexport type ArcTabsFit = 'content' | 'equal'\nexport type ArcTabsMotionPreset = 'none' | 'subtle' | 'expressive'\n\nexport interface ArcTabsRenderState {\n  index: number\n  selected: boolean\n  disabled: boolean\n}\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: ArcTabItem[]\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string, item: ArcTabItem, index: number) => void\n  activationMode?: ArcTabsActivationMode\n  keepMounted?: boolean\n  size?: ArcTabsSize\n  fit?: ArcTabsFit\n  motionPreset?: ArcTabsMotionPreset\n  motionDuration?: number\n  ariaLabel?: string\n  listId?: string\n  tabsClassName?: string\n  panelClassName?: string\n  radius?: number\n  gap?: number\n  seamGap?: number | string\n  notch?: number | string\n  panelPadding?: number | string\n  accentColor?: string\n  tabBackground?: string\n  tabHoverBackground?: string\n  panelBackground?: string\n  panelBorderColor?: string\n  cutoutColor?: string\n  emptyState?: React.ReactNode\n  renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n  renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nexport function ArcTabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  cutoutColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  ...rest\n}: ArcTabsProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, '--arc-cutout-bg')\n    if (cutoutColor) {\n      cssVars['--arc-cutout-bg'] = cutoutColor\n    } else if (!hasCustomCutoutColor) {\n      cssVars['--arc-cutout-bg'] = 'var(--arc-strip-bg)'\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    /* Panel top-corner rounding: when the active tab is NOT at the edge,\n       the panel corner on that side gets a radius for a smoother visual connection */\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    cutoutColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs',\n    `arc-tabs--size-${size}`,\n    `arc-tabs--fit-${fit}`,\n    `arc-tabs--motion-${motionPreset}`,\n    hasInteracted && 'arc-tabs--has-interacted',\n    panelDirection !== 'none' && `arc-tabs--direction-${panelDirection}`,\n    className,\n  )\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? <span className=\"arc-tabs__icon\">{item.icon}</span> : null}\n      <span className=\"arc-tabs__text\">{item.label}</span>\n      {item.badge !== undefined ? <span className=\"arc-tabs__badge\">{item.badge}</span> : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  return (\n    <div className={rootClassName} style={themedStyle} {...rest}>\n      <div ref={listScrollRef} className=\"arc-tabs__list-scroll\">\n        <ul\n          ref={listRef}\n          className={joinClassNames('arc-tabs__list', tabsClassName)}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={joinClassNames('arc-tabs__active-indicator', indicator.ready && 'is-ready')}\n              style={indicatorStyle}\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            return (\n              <li\n                className={joinClassNames('arc-tabs__item', selected && 'arc-tabs__item--selected')}\n                key={item.id}\n                role=\"presentation\"\n              >\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className=\"arc-tabs__tab\"\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={joinClassNames('arc-tabs__panels', panelClassName)}>\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className=\"arc-tabs__panel\"\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className=\"arc-tabs__panel\"\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\n\nimport type { ArcTabItem, ArcTabsProps, ArcTabsRenderState, ArcTabsSize } from './ArcTabs'\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsTailwindClassNames {\n  root?: string\n  list?: string\n  indicator?: string\n  item?: string\n  tab?: string\n  tabSelected?: string\n  tabUnselected?: string\n  tabDisabled?: string\n  icon?: string\n  text?: string\n  badge?: string\n  panels?: string\n  panel?: string\n}\n\nexport interface ArcTabsTailwindProps extends ArcTabsProps {\n  classNames?: ArcTabsTailwindClassNames\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nconst sizeClassMap: Record<ArcTabsSize, string> = {\n  sm: 'min-h-9 px-3 py-1.5 text-sm',\n  md: 'min-h-10 px-4 py-2 text-[0.95rem]',\n  lg: 'min-h-12 px-5 py-2.5 text-base',\n}\n\nexport function ArcTabsTailwind({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  cutoutColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  classNames,\n  ...rest\n}: ArcTabsTailwindProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, '--arc-cutout-bg')\n    if (cutoutColor) {\n      cssVars['--arc-cutout-bg'] = cutoutColor\n    } else if (!hasCustomCutoutColor) {\n      cssVars['--arc-cutout-bg'] = 'var(--arc-strip-bg)'\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    cutoutColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-cutout-bg:var(--arc-strip-bg)] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex min-w-full list-none items-end gap-[var(--arc-gap)] overflow-visible rounded-t-[var(--arc-radius)] border border-b-0 border-[var(--arc-panel-border)] bg-[var(--arc-strip-bg)] px-[calc(var(--arc-gap)*0.6)] pb-[var(--arc-seam-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]'\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 overflow-hidden rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]',\n    classNames?.panels,\n    panelClassName,\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? (\n        <span className={joinClassNames('inline-flex leading-none', classNames?.icon)}>\n          {item.icon}\n        </span>\n      ) : null}\n      <span className={joinClassNames('inline-block', classNames?.text)}>{item.label}</span>\n      {item.badge !== undefined ? (\n        <span\n          className={joinClassNames(\n            'inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--arc-accent)] px-1.5 py-0.5 text-[0.72em] font-bold text-white/95',\n            classNames?.badge,\n          )}\n        >\n          {item.badge}\n        </span>\n      ) : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const indicatorClassName = joinClassNames(\n    \"pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']\",\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\n      <div ref={listScrollRef} className={listScrollClassName} data-slot=\"list-scroll\">\n        <ul\n          ref={listRef}\n          className={listClassName}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n          data-slot=\"list\"\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={indicatorClassName}\n              style={indicatorStyle}\n              data-slot=\"indicator\"\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            const itemClassName = joinClassNames(\n              fit === 'equal'\n                ? selected\n                  ? 'relative z-[4] min-w-0 flex-1'\n                  : 'relative z-[2] min-w-0 flex-1'\n                : selected\n                  ? 'relative z-[4] shrink-0'\n                  : 'relative z-[2] shrink-0',\n              classNames?.item,\n            )\n\n            const tabClassName = joinClassNames(\n              \"relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]\",\n              sizeClassMap[size],\n              fit === 'equal' && 'w-full justify-center',\n              selected\n                ? joinClassNames(\n                    'z-[3] rounded-b-none border-b-0 border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]',\n                    'bg-[var(--arc-panel-bg)]',\n                  )\n                : 'enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]',\n              selected ? classNames?.tabSelected : classNames?.tabUnselected,\n              disabled && classNames?.tabDisabled,\n              classNames?.tab,\n            )\n\n            return (\n              <li className={itemClassName} key={item.id} role=\"presentation\" data-slot=\"item\">\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className={tabClassName}\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                  data-slot=\"tab\"\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={panelsClassName} data-slot=\"panels\">\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className={joinClassNames('outline-none rounded-[inherit]', classNames?.panel)}\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                  data-slot=\"panel\"\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className={joinClassNames('outline-none rounded-[inherit]', classNames?.panel)}\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n            data-slot=\"panel\"\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["React","import_jsx_runtime","joinClassNames","toCssSize","findFirstEnabledIndex","getEnabledIndices","getNextEnabledIndex"]}

package/dist/index.d.cts

@@ -43,11 +43,12 @@ interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'child
     tabHoverBackground?: string;
     panelBackground?: string;
     panelBorderColor?: string;
+    cutoutColor?: string;
     emptyState?: React.ReactNode;
     renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode;
     renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode;
 }
-declare function ArcTabs({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, emptyState, renderTabLabel, renderPanel, className, style, ...rest }: ArcTabsProps): react_jsx_runtime.JSX.Element;
+declare function ArcTabs({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, cutoutColor, emptyState, renderTabLabel, renderPanel, className, style, ...rest }: ArcTabsProps): react_jsx_runtime.JSX.Element;
 
 interface ArcTabsTailwindClassNames {
     root?: string;
@@ -67,6 +68,6 @@ interface ArcTabsTailwindClassNames {
 interface ArcTabsTailwindProps extends ArcTabsProps {
     classNames?: ArcTabsTailwindClassNames;
 }
-declare function ArcTabsTailwind({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, emptyState, renderTabLabel, renderPanel, className, style, classNames, ...rest }: ArcTabsTailwindProps): react_jsx_runtime.JSX.Element;
+declare function ArcTabsTailwind({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, cutoutColor, emptyState, renderTabLabel, renderPanel, className, style, classNames, ...rest }: ArcTabsTailwindProps): react_jsx_runtime.JSX.Element;
 
 export { type ArcTabItem, ArcTabs, type ArcTabsActivationMode, type ArcTabsFit, type ArcTabsMotionPreset, type ArcTabsProps, type ArcTabsRenderState, type ArcTabsSize, ArcTabsTailwind, type ArcTabsTailwindClassNames, type ArcTabsTailwindProps };

package/dist/index.d.ts

@@ -43,11 +43,12 @@ interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'child
     tabHoverBackground?: string;
     panelBackground?: string;
     panelBorderColor?: string;
+    cutoutColor?: string;
     emptyState?: React.ReactNode;
     renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode;
     renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode;
 }
-declare function ArcTabs({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, emptyState, renderTabLabel, renderPanel, className, style, ...rest }: ArcTabsProps): react_jsx_runtime.JSX.Element;
+declare function ArcTabs({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, cutoutColor, emptyState, renderTabLabel, renderPanel, className, style, ...rest }: ArcTabsProps): react_jsx_runtime.JSX.Element;
 
 interface ArcTabsTailwindClassNames {
     root?: string;
@@ -67,6 +68,6 @@ interface ArcTabsTailwindClassNames {
 interface ArcTabsTailwindProps extends ArcTabsProps {
     classNames?: ArcTabsTailwindClassNames;
 }
-declare function ArcTabsTailwind({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, emptyState, renderTabLabel, renderPanel, className, style, classNames, ...rest }: ArcTabsTailwindProps): react_jsx_runtime.JSX.Element;
+declare function ArcTabsTailwind({ items, value, defaultValue, onValueChange, activationMode, keepMounted, size, fit, motionPreset, motionDuration, ariaLabel, listId, tabsClassName, panelClassName, radius, gap, seamGap, notch, panelPadding, accentColor, tabBackground, tabHoverBackground, panelBackground, panelBorderColor, cutoutColor, emptyState, renderTabLabel, renderPanel, className, style, classNames, ...rest }: ArcTabsTailwindProps): react_jsx_runtime.JSX.Element;
 
 export { type ArcTabItem, ArcTabs, type ArcTabsActivationMode, type ArcTabsFit, type ArcTabsMotionPreset, type ArcTabsProps, type ArcTabsRenderState, type ArcTabsSize, ArcTabsTailwind, type ArcTabsTailwindClassNames, type ArcTabsTailwindProps };

package/dist/index.js

@@ -42,6 +42,7 @@ function ArcTabs({
   tabHoverBackground,
   panelBackground,
   panelBorderColor,
+  cutoutColor,
   emptyState = null,
   renderTabLabel,
   renderPanel,
@@ -340,6 +341,12 @@ function ArcTabs({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, "--arc-cutout-bg");
+    if (cutoutColor) {
+      cssVars["--arc-cutout-bg"] = cutoutColor;
+    } else if (!hasCustomCutoutColor) {
+      cssVars["--arc-cutout-bg"] = "var(--arc-strip-bg)";
+    }
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
     const isFirst = selectedIndex === 0;
     const isLast = selectedIndex === items.length - 1;
@@ -358,6 +365,7 @@ function ArcTabs({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
+    cutoutColor,
     effectiveMotionDuration,
     selectedIndex,
     items.length
@@ -547,6 +555,7 @@ function ArcTabsTailwind({
   tabHoverBackground,
   panelBackground,
   panelBorderColor,
+  cutoutColor,
   emptyState = null,
   renderTabLabel,
   renderPanel,
@@ -846,6 +855,12 @@ function ArcTabsTailwind({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, "--arc-cutout-bg");
+    if (cutoutColor) {
+      cssVars["--arc-cutout-bg"] = cutoutColor;
+    } else if (!hasCustomCutoutColor) {
+      cssVars["--arc-cutout-bg"] = "var(--arc-strip-bg)";
+    }
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
     const isFirst = selectedIndex === 0;
     const isLast = selectedIndex === items.length - 1;
@@ -864,12 +879,13 @@ function ArcTabsTailwind({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
+    cutoutColor,
     effectiveMotionDuration,
     selectedIndex,
     items.length
   ]);
   const rootClassName = joinClassNames2(
-    "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]",
+    "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-cutout-bg:var(--arc-strip-bg)] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]",
     classNames?.root,
     className
   );
@@ -880,7 +896,7 @@ function ArcTabsTailwind({
   );
   const listScrollClassName = "relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]";
   const panelsClassName = joinClassNames2(
-    "relative z-[2] mt-0 rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
+    "relative z-[2] mt-0 overflow-hidden rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
     classNames?.panels,
     panelClassName
   );
@@ -907,7 +923,7 @@ function ArcTabsTailwind({
     [indicator.x, indicator.width]
   );
   const indicatorClassName = joinClassNames2(
-    "pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']",
+    "pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']",
     indicator.ready && "opacity-100",
     classNames?.indicator
   );
@@ -944,11 +960,11 @@ function ArcTabsTailwind({
               classNames?.item
             );
             const tabClassName = joinClassNames2(
-              "relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]",
+              "relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]",
               sizeClassMap[size],
               fit === "equal" && "w-full justify-center",
               selected ? joinClassNames2(
-                "z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]",
+                "z-[3] rounded-b-none border-b-0 border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]",
                 "bg-[var(--arc-panel-bg)]"
               ) : "enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]",
               selected ? classNames?.tabSelected : classNames?.tabUnselected,
@@ -1004,7 +1020,7 @@ function ArcTabsTailwind({
               }
             },
             id: panelId,
-            className: joinClassNames2("outline-none", classNames?.panel),
+            className: joinClassNames2("outline-none rounded-[inherit]", classNames?.panel),
             role: "tabpanel",
             "aria-labelledby": tabId,
             "aria-hidden": !selected,
@@ -1022,7 +1038,7 @@ function ArcTabsTailwind({
             activePanelRef.current = node;
           },
           id: `${baseId}-panel-${selectedIndex}`,
-          className: joinClassNames2("outline-none", classNames?.panel),
+          className: joinClassNames2("outline-none rounded-[inherit]", classNames?.panel),
           role: "tabpanel",
           "aria-labelledby": `${baseId}-tab-${selectedIndex}`,
           "aria-hidden": false,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ArcTabs.tsx","../src/ArcTabsTailwind.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nexport interface ArcTabItem {\n  id: string\n  label: React.ReactNode\n  content: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\nexport type ArcTabsActivationMode = 'automatic' | 'manual'\nexport type ArcTabsSize = 'sm' | 'md' | 'lg'\nexport type ArcTabsFit = 'content' | 'equal'\nexport type ArcTabsMotionPreset = 'none' | 'subtle' | 'expressive'\n\nexport interface ArcTabsRenderState {\n  index: number\n  selected: boolean\n  disabled: boolean\n}\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: ArcTabItem[]\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string, item: ArcTabItem, index: number) => void\n  activationMode?: ArcTabsActivationMode\n  keepMounted?: boolean\n  size?: ArcTabsSize\n  fit?: ArcTabsFit\n  motionPreset?: ArcTabsMotionPreset\n  motionDuration?: number\n  ariaLabel?: string\n  listId?: string\n  tabsClassName?: string\n  panelClassName?: string\n  radius?: number\n  gap?: number\n  seamGap?: number | string\n  notch?: number | string\n  panelPadding?: number | string\n  accentColor?: string\n  tabBackground?: string\n  tabHoverBackground?: string\n  panelBackground?: string\n  panelBorderColor?: string\n  emptyState?: React.ReactNode\n  renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n  renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nexport function ArcTabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  ...rest\n}: ArcTabsProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    /* Panel top-corner rounding: when the active tab is NOT at the edge,\n       the panel corner on that side gets a radius for a smoother visual connection */\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs',\n    `arc-tabs--size-${size}`,\n    `arc-tabs--fit-${fit}`,\n    `arc-tabs--motion-${motionPreset}`,\n    hasInteracted && 'arc-tabs--has-interacted',\n    panelDirection !== 'none' && `arc-tabs--direction-${panelDirection}`,\n    className,\n  )\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? <span className=\"arc-tabs__icon\">{item.icon}</span> : null}\n      <span className=\"arc-tabs__text\">{item.label}</span>\n      {item.badge !== undefined ? <span className=\"arc-tabs__badge\">{item.badge}</span> : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  return (\n    <div className={rootClassName} style={themedStyle} {...rest}>\n      <div ref={listScrollRef} className=\"arc-tabs__list-scroll\">\n        <ul\n          ref={listRef}\n          className={joinClassNames('arc-tabs__list', tabsClassName)}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={joinClassNames('arc-tabs__active-indicator', indicator.ready && 'is-ready')}\n              style={indicatorStyle}\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            return (\n              <li\n                className={joinClassNames('arc-tabs__item', selected && 'arc-tabs__item--selected')}\n                key={item.id}\n                role=\"presentation\"\n              >\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className=\"arc-tabs__tab\"\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={joinClassNames('arc-tabs__panels', panelClassName)}>\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className=\"arc-tabs__panel\"\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className=\"arc-tabs__panel\"\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\n\nimport type { ArcTabItem, ArcTabsProps, ArcTabsRenderState, ArcTabsSize } from './ArcTabs'\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsTailwindClassNames {\n  root?: string\n  list?: string\n  indicator?: string\n  item?: string\n  tab?: string\n  tabSelected?: string\n  tabUnselected?: string\n  tabDisabled?: string\n  icon?: string\n  text?: string\n  badge?: string\n  panels?: string\n  panel?: string\n}\n\nexport interface ArcTabsTailwindProps extends ArcTabsProps {\n  classNames?: ArcTabsTailwindClassNames\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nconst sizeClassMap: Record<ArcTabsSize, string> = {\n  sm: 'min-h-9 px-3 py-1.5 text-sm',\n  md: 'min-h-10 px-4 py-2 text-[0.95rem]',\n  lg: 'min-h-12 px-5 py-2.5 text-base',\n}\n\nexport function ArcTabsTailwind({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  classNames,\n  ...rest\n}: ArcTabsTailwindProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex min-w-full list-none items-end gap-[var(--arc-gap)] overflow-visible rounded-t-[var(--arc-radius)] border border-b-0 border-[var(--arc-panel-border)] bg-[var(--arc-strip-bg)] px-[calc(var(--arc-gap)*0.6)] pb-[var(--arc-seam-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]'\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]',\n    classNames?.panels,\n    panelClassName,\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? (\n        <span className={joinClassNames('inline-flex leading-none', classNames?.icon)}>\n          {item.icon}\n        </span>\n      ) : null}\n      <span className={joinClassNames('inline-block', classNames?.text)}>{item.label}</span>\n      {item.badge !== undefined ? (\n        <span\n          className={joinClassNames(\n            'inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--arc-accent)] px-1.5 py-0.5 text-[0.72em] font-bold text-white/95',\n            classNames?.badge,\n          )}\n        >\n          {item.badge}\n        </span>\n      ) : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const indicatorClassName = joinClassNames(\n    \"pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']\",\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\n      <div ref={listScrollRef} className={listScrollClassName} data-slot=\"list-scroll\">\n        <ul\n          ref={listRef}\n          className={listClassName}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n          data-slot=\"list\"\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={indicatorClassName}\n              style={indicatorStyle}\n              data-slot=\"indicator\"\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            const itemClassName = joinClassNames(\n              fit === 'equal'\n                ? selected\n                  ? 'relative z-[4] min-w-0 flex-1'\n                  : 'relative z-[2] min-w-0 flex-1'\n                : selected\n                  ? 'relative z-[4] shrink-0'\n                  : 'relative z-[2] shrink-0',\n              classNames?.item,\n            )\n\n            const tabClassName = joinClassNames(\n              \"relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[calc(var(--arc-seam-gap)+var(--arc-border-width))] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2+1px)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-strip-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]\",\n              sizeClassMap[size],\n              fit === 'equal' && 'w-full justify-center',\n              selected\n                ? joinClassNames(\n                    'z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]',\n                    'bg-[var(--arc-panel-bg)]',\n                  )\n                : 'enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]',\n              selected ? classNames?.tabSelected : classNames?.tabUnselected,\n              disabled && classNames?.tabDisabled,\n              classNames?.tab,\n            )\n\n            return (\n              <li className={itemClassName} key={item.id} role=\"presentation\" data-slot=\"item\">\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className={tabClassName}\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                  data-slot=\"tab\"\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={panelsClassName} data-slot=\"panels\">\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className={joinClassNames('outline-none', classNames?.panel)}\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                  data-slot=\"panel\"\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className={joinClassNames('outline-none', classNames?.panel)}\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n            data-slot=\"panel\"\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["React","Fragment","jsx","jsxs","joinClassNames","toCssSize","findFirstEnabledIndex","getEnabledIndices","getNextEnabledIndex"]}
+{"version":3,"sources":["../src/ArcTabs.tsx","../src/ArcTabsTailwind.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nexport interface ArcTabItem {\n  id: string\n  label: React.ReactNode\n  content: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n}\n\nexport type ArcTabsActivationMode = 'automatic' | 'manual'\nexport type ArcTabsSize = 'sm' | 'md' | 'lg'\nexport type ArcTabsFit = 'content' | 'equal'\nexport type ArcTabsMotionPreset = 'none' | 'subtle' | 'expressive'\n\nexport interface ArcTabsRenderState {\n  index: number\n  selected: boolean\n  disabled: boolean\n}\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: ArcTabItem[]\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string, item: ArcTabItem, index: number) => void\n  activationMode?: ArcTabsActivationMode\n  keepMounted?: boolean\n  size?: ArcTabsSize\n  fit?: ArcTabsFit\n  motionPreset?: ArcTabsMotionPreset\n  motionDuration?: number\n  ariaLabel?: string\n  listId?: string\n  tabsClassName?: string\n  panelClassName?: string\n  radius?: number\n  gap?: number\n  seamGap?: number | string\n  notch?: number | string\n  panelPadding?: number | string\n  accentColor?: string\n  tabBackground?: string\n  tabHoverBackground?: string\n  panelBackground?: string\n  panelBorderColor?: string\n  cutoutColor?: string\n  emptyState?: React.ReactNode\n  renderTabLabel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n  renderPanel?: (item: ArcTabItem, state: ArcTabsRenderState) => React.ReactNode\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nexport function ArcTabs({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  cutoutColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  ...rest\n}: ArcTabsProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, '--arc-cutout-bg')\n    if (cutoutColor) {\n      cssVars['--arc-cutout-bg'] = cutoutColor\n    } else if (!hasCustomCutoutColor) {\n      cssVars['--arc-cutout-bg'] = 'var(--arc-strip-bg)'\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    /* Panel top-corner rounding: when the active tab is NOT at the edge,\n       the panel corner on that side gets a radius for a smoother visual connection */\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    cutoutColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs',\n    `arc-tabs--size-${size}`,\n    `arc-tabs--fit-${fit}`,\n    `arc-tabs--motion-${motionPreset}`,\n    hasInteracted && 'arc-tabs--has-interacted',\n    panelDirection !== 'none' && `arc-tabs--direction-${panelDirection}`,\n    className,\n  )\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? <span className=\"arc-tabs__icon\">{item.icon}</span> : null}\n      <span className=\"arc-tabs__text\">{item.label}</span>\n      {item.badge !== undefined ? <span className=\"arc-tabs__badge\">{item.badge}</span> : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  return (\n    <div className={rootClassName} style={themedStyle} {...rest}>\n      <div ref={listScrollRef} className=\"arc-tabs__list-scroll\">\n        <ul\n          ref={listRef}\n          className={joinClassNames('arc-tabs__list', tabsClassName)}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={joinClassNames('arc-tabs__active-indicator', indicator.ready && 'is-ready')}\n              style={indicatorStyle}\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            return (\n              <li\n                className={joinClassNames('arc-tabs__item', selected && 'arc-tabs__item--selected')}\n                key={item.id}\n                role=\"presentation\"\n              >\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className=\"arc-tabs__tab\"\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={joinClassNames('arc-tabs__panels', panelClassName)}>\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className=\"arc-tabs__panel\"\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className=\"arc-tabs__panel\"\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\n\nimport type { ArcTabItem, ArcTabsProps, ArcTabsRenderState, ArcTabsSize } from './ArcTabs'\n\ntype CSSVarStyle = React.CSSProperties & Record<`--${string}`, string | number>\n\nexport interface ArcTabsTailwindClassNames {\n  root?: string\n  list?: string\n  indicator?: string\n  item?: string\n  tab?: string\n  tabSelected?: string\n  tabUnselected?: string\n  tabDisabled?: string\n  icon?: string\n  text?: string\n  badge?: string\n  panels?: string\n  panel?: string\n}\n\nexport interface ArcTabsTailwindProps extends ArcTabsProps {\n  classNames?: ArcTabsTailwindClassNames\n}\n\nconst joinClassNames = (...parts: Array<string | undefined | false | null>) =>\n  parts.filter(Boolean).join(' ')\n\nconst toCssSize = (value: number | string | undefined) =>\n  typeof value === 'number' ? `${value}px` : value\n\nconst findFirstEnabledIndex = (items: ArcTabItem[]) => items.findIndex((item) => !item.disabled)\n\nconst getEnabledIndices = (items: ArcTabItem[]) =>\n  items.reduce<number[]>((acc, item, index) => {\n    if (!item.disabled) acc.push(index)\n    return acc\n  }, [])\n\nconst getNextEnabledIndex = (enabledIndices: number[], currentIndex: number, direction: 1 | -1) => {\n  if (!enabledIndices.length) return -1\n\n  const currentPosition = enabledIndices.indexOf(currentIndex)\n  if (currentPosition === -1) {\n    return direction === 1 ? (enabledIndices[0] ?? -1) : (enabledIndices.at(-1) ?? -1)\n  }\n\n  const nextPosition = (currentPosition + direction + enabledIndices.length) % enabledIndices.length\n  return enabledIndices[nextPosition] ?? -1\n}\n\nconst sizeClassMap: Record<ArcTabsSize, string> = {\n  sm: 'min-h-9 px-3 py-1.5 text-sm',\n  md: 'min-h-10 px-4 py-2 text-[0.95rem]',\n  lg: 'min-h-12 px-5 py-2.5 text-base',\n}\n\nexport function ArcTabsTailwind({\n  items,\n  value,\n  defaultValue,\n  onValueChange,\n  activationMode = 'automatic',\n  keepMounted = true,\n  size = 'md',\n  fit = 'content',\n  motionPreset = 'subtle',\n  motionDuration = 260,\n  ariaLabel = 'Tabs',\n  listId,\n  tabsClassName,\n  panelClassName,\n  radius,\n  gap,\n  seamGap,\n  notch,\n  panelPadding,\n  accentColor,\n  tabBackground,\n  tabHoverBackground,\n  panelBackground,\n  panelBorderColor,\n  cutoutColor,\n  emptyState = null,\n  renderTabLabel,\n  renderPanel,\n  className,\n  style,\n  classNames,\n  ...rest\n}: ArcTabsTailwindProps) {\n  const reactId = React.useId()\n  const baseId = React.useMemo(\n    () => (listId ?? `arc-tabs-${reactId}`).replace(/:/g, ''),\n    [listId, reactId],\n  )\n\n  const isControlled = value !== undefined\n\n  const firstEnabledIndex = React.useMemo(() => findFirstEnabledIndex(items), [items])\n\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<string | undefined>(() => {\n    const requested = defaultValue\n    const requestedMatch = items.find((item) => !item.disabled && item.id === requested)\n    if (requestedMatch) return requestedMatch.id\n    return firstEnabledIndex >= 0 ? items[firstEnabledIndex]?.id : undefined\n  })\n\n  const rawValue = isControlled ? value : uncontrolledValue\n\n  const strictSelectedIndex = React.useMemo(\n    () => items.findIndex((item) => !item.disabled && item.id === rawValue),\n    [items, rawValue],\n  )\n\n  const selectedIndex = strictSelectedIndex >= 0 ? strictSelectedIndex : firstEnabledIndex\n\n  const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined\n\n  React.useEffect(() => {\n    if (isControlled) return\n    if (strictSelectedIndex !== -1) return\n\n    if (firstEnabledIndex !== -1) {\n      const fallbackId = items[firstEnabledIndex]?.id\n      setUncontrolledValue(fallbackId)\n    } else {\n      setUncontrolledValue(undefined)\n    }\n  }, [isControlled, strictSelectedIndex, firstEnabledIndex, items])\n\n  const [focusedIndex, setFocusedIndex] = React.useState<number>(selectedIndex)\n\n  React.useEffect(() => {\n    if (selectedIndex === -1) {\n      setFocusedIndex(-1)\n      return\n    }\n\n    if (focusedIndex < 0 || focusedIndex >= items.length || items[focusedIndex]?.disabled) {\n      setFocusedIndex(selectedIndex)\n    }\n  }, [focusedIndex, selectedIndex, items])\n\n  const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items])\n\n  const tabRefs = React.useRef<Array<HTMLButtonElement | null>>([])\n  const listScrollRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const activePanelRef = React.useRef<HTMLElement | null>(null)\n  const hasMountedRef = React.useRef(false)\n  const previousSelectedIndexRef = React.useRef(selectedIndex)\n\n  const [hasInteracted, setHasInteracted] = React.useState(false)\n  const [panelDirection, setPanelDirection] = React.useState<'forward' | 'backward' | 'none'>(\n    'none',\n  )\n  const [indicator, setIndicator] = React.useState({\n    x: 0,\n    width: 0,\n    ready: false,\n  })\n\n  const effectiveMotionDuration = motionPreset === 'none' ? 0 : Math.max(0, motionDuration)\n  const showSlidingIndicator = motionPreset === 'expressive' && selectedIndex >= 0\n\n  React.useEffect(() => {\n    tabRefs.current = tabRefs.current.slice(0, items.length)\n  }, [items.length])\n\n  React.useEffect(() => {\n    const previous = previousSelectedIndexRef.current\n\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true\n      previousSelectedIndexRef.current = selectedIndex\n      return\n    }\n\n    if (previous !== selectedIndex) {\n      setHasInteracted(true)\n\n      if (selectedIndex >= 0 && previous >= 0) {\n        setPanelDirection(selectedIndex > previous ? 'forward' : 'backward')\n      }\n    }\n\n    previousSelectedIndexRef.current = selectedIndex\n  }, [selectedIndex])\n\n  const focusTabIndex = React.useCallback((index: number) => {\n    if (index < 0) return\n    setFocusedIndex(index)\n    tabRefs.current[index]?.focus()\n  }, [])\n\n  const selectTab = React.useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (!item || item.disabled) return\n      if (index === selectedIndex) {\n        setFocusedIndex(index)\n        return\n      }\n\n      setHasInteracted(true)\n      if (selectedIndex >= 0) {\n        setPanelDirection(index > selectedIndex ? 'forward' : 'backward')\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(item.id)\n      }\n\n      setFocusedIndex(index)\n      onValueChange?.(item.id, item, index)\n    },\n    [items, selectedIndex, isControlled, onValueChange],\n  )\n\n  const syncIndicator = React.useCallback(() => {\n    if (!showSlidingIndicator) {\n      setIndicator((previous) =>\n        previous.ready || previous.width !== 0 || previous.x !== 0\n          ? { x: 0, width: 0, ready: false }\n          : previous,\n      )\n      return\n    }\n\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n    const listElement = listRef.current\n\n    if (!listElement || !selectedTab) return\n\n    const nextX = selectedTab.offsetLeft\n    const nextWidth = selectedTab.offsetWidth\n\n    setIndicator((previous) => {\n      const changedX = Math.abs(previous.x - nextX) > 0.5\n      const changedWidth = Math.abs(previous.width - nextWidth) > 0.5\n      if (!changedX && !changedWidth && previous.ready) {\n        return previous\n      }\n\n      return {\n        x: nextX,\n        width: nextWidth,\n        ready: true,\n      }\n    })\n  }, [selectedIndex, showSlidingIndicator])\n\n  React.useEffect(() => {\n    syncIndicator()\n  }, [syncIndicator, items.length, size, fit])\n\n  React.useEffect(() => {\n    if (!showSlidingIndicator) return\n\n    const listElement = listRef.current\n    const listScrollElement = listScrollRef.current\n    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n\n    const frame = requestAnimationFrame(syncIndicator)\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => {\n        syncIndicator()\n      })\n      observer.observe(listElement)\n      if (listScrollElement) {\n        observer.observe(listScrollElement)\n      }\n      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      window.removeEventListener('resize', onResize)\n      observer?.disconnect()\n    }\n  }, [showSlidingIndicator, syncIndicator, items.length])\n\n  React.useEffect(() => {\n    if (!hasInteracted || motionPreset === 'none' || effectiveMotionDuration <= 0) {\n      return\n    }\n\n    const panelElement = activePanelRef.current\n    if (!panelElement || typeof panelElement.animate !== 'function') {\n      return\n    }\n\n    if (\n      typeof globalThis.window !== 'undefined' &&\n      globalThis.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n    ) {\n      return\n    }\n\n    const offsetX =\n      motionPreset === 'expressive'\n        ? panelDirection === 'forward'\n          ? 20\n          : panelDirection === 'backward'\n            ? -20\n            : 0\n        : 0\n\n    const offsetY = motionPreset === 'expressive' ? 10 : 6\n    const startScale = motionPreset === 'expressive' ? 0.985 : 0.995\n\n    const animation = panelElement.animate(\n      [\n        {\n          opacity: 0,\n          transform: `translate3d(${offsetX}px, ${offsetY}px, 0) scale(${startScale})`,\n          filter: 'blur(1px)',\n        },\n        {\n          opacity: 1,\n          transform: 'translate3d(0, 0, 0) scale(1)',\n          filter: 'blur(0px)',\n        },\n      ],\n      {\n        duration: effectiveMotionDuration,\n        easing: 'cubic-bezier(0.22, 1, 0.36, 1)',\n        fill: 'both',\n      },\n    )\n\n    return () => {\n      animation.cancel()\n    }\n  }, [selectedIndex, hasInteracted, motionPreset, panelDirection, effectiveMotionDuration])\n\n  const handleTabKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n      if (!enabledIndices.length) return\n\n      switch (event.key) {\n        case 'ArrowRight': {\n          event.preventDefault()\n          const next = getNextEnabledIndex(enabledIndices, index, 1)\n          if (next !== -1) {\n            focusTabIndex(next)\n            if (activationMode === 'automatic') selectTab(next)\n          }\n          break\n        }\n        case 'ArrowLeft': {\n          event.preventDefault()\n          const previous = getNextEnabledIndex(enabledIndices, index, -1)\n          if (previous !== -1) {\n            focusTabIndex(previous)\n            if (activationMode === 'automatic') selectTab(previous)\n          }\n          break\n        }\n        case 'Home': {\n          event.preventDefault()\n          const first = enabledIndices[0]\n          if (first !== undefined) {\n            focusTabIndex(first)\n            if (activationMode === 'automatic') selectTab(first)\n          }\n          break\n        }\n        case 'End': {\n          event.preventDefault()\n          const last = enabledIndices.at(-1)\n          if (last !== undefined) {\n            focusTabIndex(last)\n            if (activationMode === 'automatic') selectTab(last)\n          }\n          break\n        }\n        case 'Enter':\n        case ' ':\n        case 'Spacebar': {\n          if (activationMode === 'manual') {\n            event.preventDefault()\n            selectTab(index)\n          }\n          break\n        }\n        default:\n          break\n      }\n    },\n    [activationMode, enabledIndices, focusTabIndex, selectTab],\n  )\n\n  const themedStyle = React.useMemo<React.CSSProperties>(() => {\n    const cssVars: CSSVarStyle = { ...style }\n\n    if (radius !== undefined) {\n      cssVars['--arc-radius'] = `${radius}px`\n    }\n    if (gap !== undefined) {\n      cssVars['--arc-gap'] = `${gap}px`\n    }\n\n    const seamGapValue = toCssSize(seamGap)\n    const hasCustomSeamGap = Object.prototype.hasOwnProperty.call(cssVars, '--arc-seam-gap')\n    if (seamGapValue !== undefined) {\n      cssVars['--arc-seam-gap'] = seamGapValue\n    } else if (!hasCustomSeamGap) {\n      cssVars['--arc-seam-gap'] = '0px'\n    }\n\n    const notchValue = toCssSize(notch)\n    const hasCustomNotch = Object.prototype.hasOwnProperty.call(cssVars, '--arc-notch')\n    if (notchValue !== undefined) {\n      cssVars['--arc-notch'] = notchValue\n    } else if (!hasCustomNotch) {\n      cssVars['--arc-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.72), 14px)'\n    }\n\n    const panelPaddingValue = toCssSize(panelPadding)\n    if (panelPaddingValue !== undefined) {\n      cssVars['--arc-panel-padding'] = panelPaddingValue\n    }\n    if (accentColor) {\n      cssVars['--arc-accent'] = accentColor\n    }\n    if (tabBackground) {\n      cssVars['--arc-tab-bg'] = tabBackground\n    }\n    if (tabHoverBackground) {\n      cssVars['--arc-tab-hover-bg'] = tabHoverBackground\n    }\n    if (panelBackground) {\n      cssVars['--arc-panel-bg'] = panelBackground\n    }\n    if (panelBorderColor) {\n      cssVars['--arc-panel-border'] = panelBorderColor\n    }\n    const hasCustomCutoutColor = Object.prototype.hasOwnProperty.call(cssVars, '--arc-cutout-bg')\n    if (cutoutColor) {\n      cssVars['--arc-cutout-bg'] = cutoutColor\n    } else if (!hasCustomCutoutColor) {\n      cssVars['--arc-cutout-bg'] = 'var(--arc-strip-bg)'\n    }\n    cssVars['--arc-motion-duration'] = `${effectiveMotionDuration}ms`\n\n    const isFirst = selectedIndex === 0\n    const isLast = selectedIndex === items.length - 1\n    cssVars['--arc-panel-tl-radius'] = isFirst ? '0px' : 'var(--arc-radius)'\n    cssVars['--arc-panel-tr-radius'] = isLast ? '0px' : 'var(--arc-radius)'\n\n    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    seamGap,\n    notch,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    cutoutColor,\n    effectiveMotionDuration,\n    selectedIndex,\n    items.length,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:2px] [--arc-seam-gap:0px] [--arc-border-width:1px] [--arc-accent:#5b4ff1] [--arc-text:#171a2c] [--arc-tab-bg:#e7ebff] [--arc-strip-bg:#edf1ff] [--arc-cutout-bg:var(--arc-strip-bg)] [--arc-tab-hover-bg:#dce3ff] [--arc-panel-bg:#ffffff] [--arc-panel-border:#cfd6f5] [--arc-panel-padding:1rem] [--arc-motion-duration:260ms] [--arc-surface-shadow:0_12px_32px_rgba(15,23,42,0.12)] dark:[--arc-text:#edf1ff] dark:[--arc-tab-bg:#2c3555] dark:[--arc-strip-bg:#26304d] dark:[--arc-tab-hover-bg:#374268] dark:[--arc-panel-bg:#1c243b] dark:[--arc-panel-border:#46527e] dark:[--arc-surface-shadow:0_16px_40px_rgba(2,8,20,0.45)]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex min-w-full list-none items-end gap-[var(--arc-gap)] overflow-visible rounded-t-[var(--arc-radius)] border border-b-0 border-[var(--arc-panel-border)] bg-[var(--arc-strip-bg)] px-[calc(var(--arc-gap)*0.6)] pb-[var(--arc-seam-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[calc(var(--arc-notch)+var(--arc-seam-gap))] overflow-x-auto overflow-y-visible pb-[calc(var(--arc-notch)+var(--arc-seam-gap))] [scrollbar-width:thin]'\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 overflow-hidden rounded-bl-[var(--arc-radius)] rounded-br-[var(--arc-radius)] rounded-tl-[var(--arc-panel-tl-radius)] rounded-tr-[var(--arc-panel-tr-radius)] border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[var(--arc-surface-shadow)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]',\n    classNames?.panels,\n    panelClassName,\n  )\n\n  const renderDefaultLabel = (item: ArcTabItem) => (\n    <>\n      {item.icon ? (\n        <span className={joinClassNames('inline-flex leading-none', classNames?.icon)}>\n          {item.icon}\n        </span>\n      ) : null}\n      <span className={joinClassNames('inline-block', classNames?.text)}>{item.label}</span>\n      {item.badge !== undefined ? (\n        <span\n          className={joinClassNames(\n            'inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--arc-accent)] px-1.5 py-0.5 text-[0.72em] font-bold text-white/95',\n            classNames?.badge,\n          )}\n        >\n          {item.badge}\n        </span>\n      ) : null}\n    </>\n  )\n\n  const renderPanelContent = (item: ArcTabItem, state: ArcTabsRenderState) =>\n    renderPanel ? renderPanel(item, state) : item.content\n\n  const indicatorStyle = React.useMemo<CSSVarStyle>(\n    () => ({\n      '--arc-indicator-x': `${indicator.x}px`,\n      '--arc-indicator-w': `${indicator.width}px`,\n    }),\n    [indicator.x, indicator.width],\n  )\n\n  const indicatorClassName = joinClassNames(\n    \"pointer-events-none absolute left-0 top-0 z-[1] h-[calc(100%-var(--arc-seam-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] overflow-visible rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] shadow-[var(--arc-surface-shadow)] opacity-0 transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:content-[''] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:content-['']\",\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\n      <div ref={listScrollRef} className={listScrollClassName} data-slot=\"list-scroll\">\n        <ul\n          ref={listRef}\n          className={listClassName}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          id={`${baseId}-list`}\n          data-slot=\"list\"\n        >\n          {showSlidingIndicator ? (\n            <li\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              className={indicatorClassName}\n              style={indicatorStyle}\n              data-slot=\"indicator\"\n            />\n          ) : null}\n\n          {items.map((item, index) => {\n            const selected = index === selectedIndex\n            const disabled = Boolean(item.disabled)\n            const tabId = `${baseId}-tab-${index}`\n            const panelId = `${baseId}-panel-${index}`\n            const state: ArcTabsRenderState = { index, selected, disabled }\n\n            const tabIndexValue = disabled\n              ? -1\n              : focusedIndex === index || (focusedIndex === -1 && selected)\n                ? 0\n                : -1\n\n            const itemClassName = joinClassNames(\n              fit === 'equal'\n                ? selected\n                  ? 'relative z-[4] min-w-0 flex-1'\n                  : 'relative z-[2] min-w-0 flex-1'\n                : selected\n                  ? 'relative z-[4] shrink-0'\n                  : 'relative z-[2] shrink-0',\n              classNames?.item,\n            )\n\n            const tabClassName = joinClassNames(\n              \"relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--arc-radius)] border border-[var(--arc-panel-border)] bg-[var(--arc-tab-bg)] text-inherit font-semibold leading-none select-none transition-[background-color,color,transform,border-color,box-shadow] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--arc-accent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--arc-panel-bg)] disabled:cursor-not-allowed disabled:opacity-45 before:pointer-events-none before:absolute before:bottom-0 before:left-[calc(var(--arc-notch)*-1)] before:h-[var(--arc-seam-gap)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-full before:bg-[linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_no-repeat] before:opacity-0 before:content-[''] before:transition-[opacity,transform] before:[transition-duration:var(--arc-motion-duration)] before:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)] after:pointer-events-none after:absolute after:bottom-0 after:left-[calc(var(--arc-notch)*-1)] after:h-[var(--arc-notch)] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[calc(100%+var(--arc-seam-gap))] after:bg-[radial-gradient(circle_var(--arc-notch)_at_100%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_0%_0%,_var(--arc-cutout-bg)_calc(var(--arc-notch)-0.5px),_transparent_var(--arc-notch))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat] after:opacity-0 after:content-[''] after:transition-[opacity,transform] after:[transition-duration:var(--arc-motion-duration)] after:[transition-timing-function:cubic-bezier(0.22,1,0.36,1)]\",\n              sizeClassMap[size],\n              fit === 'equal' && 'w-full justify-center',\n              selected\n                ? joinClassNames(\n                    'z-[3] rounded-b-none border-b-0 border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 shadow-[var(--arc-surface-shadow)]',\n                    'bg-[var(--arc-panel-bg)]',\n                  )\n                : 'enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]',\n              selected ? classNames?.tabSelected : classNames?.tabUnselected,\n              disabled && classNames?.tabDisabled,\n              classNames?.tab,\n            )\n\n            return (\n              <li className={itemClassName} key={item.id} role=\"presentation\" data-slot=\"item\">\n                <button\n                  id={tabId}\n                  ref={(node) => {\n                    tabRefs.current[index] = node\n                  }}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={selected}\n                  aria-controls={panelId}\n                  tabIndex={tabIndexValue}\n                  disabled={disabled}\n                  className={tabClassName}\n                  onFocus={() => {\n                    setFocusedIndex(index)\n                  }}\n                  onClick={() => {\n                    selectTab(index)\n                  }}\n                  onKeyDown={(event) => {\n                    handleTabKeyDown(event, index)\n                  }}\n                  data-slot=\"tab\"\n                >\n                  {renderTabLabel ? renderTabLabel(item, state) : renderDefaultLabel(item)}\n                </button>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n\n      <div className={panelsClassName} data-slot=\"panels\">\n        {items.length === 0 && emptyState}\n\n        {items.length > 0 && selectedItem === undefined && emptyState}\n\n        {items.length > 0 && selectedItem !== undefined && keepMounted\n          ? items.map((item, index) => {\n              const selected = index === selectedIndex\n              const disabled = Boolean(item.disabled)\n              const tabId = `${baseId}-tab-${index}`\n              const panelId = `${baseId}-panel-${index}`\n              const state: ArcTabsRenderState = { index, selected, disabled }\n\n              return (\n                <section\n                  key={item.id}\n                  ref={(node) => {\n                    if (selected) {\n                      activePanelRef.current = node\n                    }\n                  }}\n                  id={panelId}\n                  className={joinClassNames('outline-none rounded-[inherit]', classNames?.panel)}\n                  role=\"tabpanel\"\n                  aria-labelledby={tabId}\n                  aria-hidden={!selected}\n                  hidden={!selected}\n                  data-slot=\"panel\"\n                >\n                  {renderPanelContent(item, state)}\n                </section>\n              )\n            })\n          : null}\n\n        {items.length > 0 && selectedItem !== undefined && !keepMounted ? (\n          <section\n            ref={(node) => {\n              activePanelRef.current = node\n            }}\n            id={`${baseId}-panel-${selectedIndex}`}\n            className={joinClassNames('outline-none rounded-[inherit]', classNames?.panel)}\n            role=\"tabpanel\"\n            aria-labelledby={`${baseId}-tab-${selectedIndex}`}\n            aria-hidden={false}\n            data-slot=\"panel\"\n          >\n            {renderPanelContent(selectedItem, {\n              index: selectedIndex,\n              selected: true,\n              disabled: Boolean(selectedItem.disabled),\n            })}\n          </section>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["React","Fragment","jsx","jsxs","joinClassNames","toCssSize","findFirstEnabledIndex","getEnabledIndices","getNextEnabledIndex"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entro314labs/react-arc-tabs",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "private": false,
   "description": "Reusable arc-style tabs component for React and Next.js projects",
   "keywords": [