@entro314labs/react-arc-tabs 1.0.5 → 1.0.7

package/dist/ArcTabs.css

@@ -2,9 +2,14 @@
   --arc-radius: 14px;
   --arc-gap: 10px;
   --arc-border-width: 1px;
+  --arc-notch: clamp(8px, calc(var(--arc-radius) * 0.75), 16px);
   --arc-motion-duration: 260ms;
   --arc-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
 
+  /* Panel corner radii driven by active tab position */
+  --arc-panel-tl-radius: 0px;
+  --arc-panel-tr-radius: 0px;
+
   --arc-accent: #5b4ff1;
   --arc-text: #171a2c;
   --arc-tab-bg: #e7ebff;
@@ -32,6 +37,7 @@
 .arc-tabs__list {
   position: relative;
   display: flex;
+  min-width: 100%;
   align-items: end;
   gap: var(--arc-gap);
   list-style: none;
@@ -42,10 +48,17 @@
   border-top-left-radius: var(--arc-radius);
   border-top-right-radius: var(--arc-radius);
   background: var(--arc-strip-bg);
+  overflow: visible;
+  isolation: isolate;
+}
+
+.arc-tabs__list-scroll {
+  position: relative;
+  margin-bottom: calc(var(--arc-notch) * -1);
+  padding-bottom: var(--arc-notch);
   overflow-x: auto;
-  overflow-y: clip;
+  overflow-y: visible;
   scrollbar-width: thin;
-  isolation: isolate;
 }
 
 .arc-tabs__item {
@@ -159,41 +172,45 @@
 .arc-tabs__tab::after {
   content: '';
   position: absolute;
-  bottom: 0;
-  width: var(--arc-radius);
-  height: var(--arc-radius);
+  left: calc(var(--arc-notch) * -1);
   opacity: 0;
   pointer-events: none;
   transform: translateY(var(--arc-gap));
-  background-color: transparent;
   transition:
     opacity var(--arc-motion-duration) var(--arc-motion-easing),
     transform var(--arc-motion-duration) var(--arc-motion-easing);
 }
 
 .arc-tabs__tab::before {
-  left: calc(var(--arc-radius) * -1);
-  background: radial-gradient(
-    circle at 100% 0,
-    transparent calc(var(--arc-radius) - 0.5px),
-    var(--arc-panel-bg) var(--arc-radius)
-  );
-}
-
-.arc-tabs__tab[aria-selected='true']:not(:first-child)::before {
-  opacity: 1;
+  bottom: 0;
+  width: calc(100% + (var(--arc-notch) * 2));
+  height: var(--arc-border-width);
+  background: var(--arc-panel-bg);
 }
 
 .arc-tabs__tab::after {
-  right: calc(var(--arc-radius) * -1);
-  background: radial-gradient(
-    circle at 0 0,
-    transparent calc(var(--arc-radius) - 0.5px),
-    var(--arc-panel-bg) var(--arc-radius)
-  );
-}
-
-.arc-tabs__tab[aria-selected='true']:not(:last-child)::after {
+  bottom: 0;
+  width: calc(100% + (var(--arc-notch) * 2));
+  height: calc(var(--arc-notch) + var(--arc-border-width));
+  background:
+    radial-gradient(
+      circle var(--arc-notch) at 0% 0%,
+      transparent calc(var(--arc-notch) - 0.5px),
+      var(--arc-panel-bg) calc(var(--arc-notch) + 0.5px)
+    )
+    left top / var(--arc-notch) var(--arc-notch) no-repeat,
+    radial-gradient(
+      circle var(--arc-notch) at 100% 0%,
+      transparent calc(var(--arc-notch) - 0.5px),
+      var(--arc-panel-bg) calc(var(--arc-notch) + 0.5px)
+    )
+    right top / var(--arc-notch) var(--arc-notch) no-repeat,
+    linear-gradient(var(--arc-panel-bg), var(--arc-panel-bg))
+    center top / calc(100% - var(--arc-notch) * 2) 100% no-repeat;
+}
+
+.arc-tabs__tab[aria-selected='true']::before,
+.arc-tabs__tab[aria-selected='true']::after {
   opacity: 1;
 }
 
@@ -239,13 +256,16 @@
   margin-top: 0;
   border: var(--arc-border-width) solid var(--arc-panel-border);
   border-top: none;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+  border-top-left-radius: var(--arc-panel-tl-radius);
+  border-top-right-radius: var(--arc-panel-tr-radius);
   border-bottom-left-radius: var(--arc-radius);
   border-bottom-right-radius: var(--arc-radius);
   background: var(--arc-panel-bg);
   padding: var(--arc-panel-padding);
   box-shadow: 0 12px 32px color-mix(in srgb, var(--arc-accent) 12%, transparent);
+  transition:
+    border-top-left-radius var(--arc-motion-duration) var(--arc-motion-easing),
+    border-top-right-radius var(--arc-motion-duration) var(--arc-motion-easing);
 }
 
 .arc-tabs__panel[hidden] {

package/dist/index.cjs

@@ -126,6 +126,7 @@ function ArcTabs({
   }, [focusedIndex, selectedIndex, items]);
   const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items]);
   const tabRefs = React.useRef([]);
+  const listScrollRef = React.useRef(null);
   const listRef = React.useRef(null);
   const activePanelRef = React.useRef(null);
   const hasMountedRef = React.useRef(false);
@@ -191,13 +192,11 @@ function ArcTabs({
       );
       return;
     }
-    const listElement = listRef.current;
     const selectedTab = selectedIndex >= 0 ? tabRefs.current[selectedIndex] ?? null : null;
+    const listElement = listRef.current;
     if (!listElement || !selectedTab) return;
-    const listRect = listElement.getBoundingClientRect();
-    const tabRect = selectedTab.getBoundingClientRect();
-    const nextX = tabRect.left - listRect.left + listElement.scrollLeft;
-    const nextWidth = tabRect.width;
+    const nextX = selectedTab.offsetLeft;
+    const nextWidth = selectedTab.offsetWidth;
     setIndicator((previous) => {
       const changedX = Math.abs(previous.x - nextX) > 0.5;
       const changedWidth = Math.abs(previous.width - nextWidth) > 0.5;
@@ -217,13 +216,11 @@ function ArcTabs({
   React.useEffect(() => {
     if (!showSlidingIndicator) return;
     const listElement = listRef.current;
+    const listScrollElement = listScrollRef.current;
     if (!listElement) return;
     const onResize = () => {
       syncIndicator();
     };
-    const onScroll = () => {
-      syncIndicator();
-    };
     const frame = requestAnimationFrame(syncIndicator);
     let observer = null;
     if (typeof ResizeObserver !== "undefined") {
@@ -231,15 +228,16 @@ function ArcTabs({
         syncIndicator();
       });
       observer.observe(listElement);
+      if (listScrollElement) {
+        observer.observe(listScrollElement);
+      }
       tabRefs.current.forEach((tabElement) => {
         if (tabElement) observer?.observe(tabElement);
       });
     }
-    listElement.addEventListener("scroll", onScroll, { passive: true });
     window.addEventListener("resize", onResize);
     return () => {
       cancelAnimationFrame(frame);
-      listElement.removeEventListener("scroll", onScroll);
       window.removeEventListener("resize", onResize);
       observer?.disconnect();
     };
@@ -363,7 +361,12 @@ function ArcTabs({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    cssVars["--arc-notch"] = "clamp(8px, calc(var(--arc-radius) * 0.75), 16px)";
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
+    const isFirst = selectedIndex === 0;
+    const isLast = selectedIndex === items.length - 1;
+    cssVars["--arc-panel-tl-radius"] = isFirst ? "0px" : "var(--arc-radius)";
+    cssVars["--arc-panel-tr-radius"] = isLast ? "0px" : "var(--arc-radius)";
     return cssVars;
   }, [
     style,
@@ -375,7 +378,9 @@ function ArcTabs({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
-    effectiveMotionDuration
+    effectiveMotionDuration,
+    selectedIndex,
+    items.length
   ]);
   const rootClassName = joinClassNames(
     "arc-tabs",
@@ -400,7 +405,7 @@ function ArcTabs({
   ] });
   const renderPanelContent = (item, state) => renderPanel ? renderPanel(item, state) : item.content;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: rootClassName, style: themedStyle, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: listScrollRef, className: "arc-tabs__list-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "ul",
       {
         ref: listRef,
@@ -454,7 +459,7 @@ function ArcTabs({
           })
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: joinClassNames("arc-tabs__panels", panelClassName), children: [
       items.length === 0 && emptyState,
       items.length > 0 && selectedItem === void 0 && emptyState,
@@ -602,6 +607,7 @@ function ArcTabsTailwind({
   }, [focusedIndex, selectedIndex, items]);
   const enabledIndices = React2.useMemo(() => getEnabledIndices2(items), [items]);
   const tabRefs = React2.useRef([]);
+  const listScrollRef = React2.useRef(null);
   const listRef = React2.useRef(null);
   const activePanelRef = React2.useRef(null);
   const hasMountedRef = React2.useRef(false);
@@ -667,13 +673,11 @@ function ArcTabsTailwind({
       );
       return;
     }
-    const listElement = listRef.current;
     const selectedTab = selectedIndex >= 0 ? tabRefs.current[selectedIndex] ?? null : null;
+    const listElement = listRef.current;
     if (!listElement || !selectedTab) return;
-    const listRect = listElement.getBoundingClientRect();
-    const tabRect = selectedTab.getBoundingClientRect();
-    const nextX = tabRect.left - listRect.left + listElement.scrollLeft;
-    const nextWidth = tabRect.width;
+    const nextX = selectedTab.offsetLeft;
+    const nextWidth = selectedTab.offsetWidth;
     setIndicator((previous) => {
       const changedX = Math.abs(previous.x - nextX) > 0.5;
       const changedWidth = Math.abs(previous.width - nextWidth) > 0.5;
@@ -693,13 +697,11 @@ function ArcTabsTailwind({
   React2.useEffect(() => {
     if (!showSlidingIndicator) return;
     const listElement = listRef.current;
+    const listScrollElement = listScrollRef.current;
     if (!listElement) return;
     const onResize = () => {
       syncIndicator();
     };
-    const onScroll = () => {
-      syncIndicator();
-    };
     const frame = requestAnimationFrame(syncIndicator);
     let observer = null;
     if (typeof ResizeObserver !== "undefined") {
@@ -707,15 +709,16 @@ function ArcTabsTailwind({
         syncIndicator();
       });
       observer.observe(listElement);
+      if (listScrollElement) {
+        observer.observe(listScrollElement);
+      }
       tabRefs.current.forEach((tabElement) => {
         if (tabElement) observer?.observe(tabElement);
       });
     }
-    listElement.addEventListener("scroll", onScroll, { passive: true });
     window.addEventListener("resize", onResize);
     return () => {
       cancelAnimationFrame(frame);
-      listElement.removeEventListener("scroll", onScroll);
       window.removeEventListener("resize", onResize);
       observer?.disconnect();
     };
@@ -839,7 +842,12 @@ function ArcTabsTailwind({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    cssVars["--arc-notch"] = "clamp(8px, calc(var(--arc-radius) * 0.75), 16px)";
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
+    const isFirst = selectedIndex === 0;
+    const isLast = selectedIndex === items.length - 1;
+    cssVars["--arc-panel-tl-radius"] = isFirst ? "0px" : "var(--arc-radius)";
+    cssVars["--arc-panel-tr-radius"] = isLast ? "0px" : "var(--arc-radius)";
     return cssVars;
   }, [
     style,
@@ -851,7 +859,9 @@ function ArcTabsTailwind({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
-    effectiveMotionDuration
+    effectiveMotionDuration,
+    selectedIndex,
+    items.length
   ]);
   const rootClassName = joinClassNames2(
     "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:10px] [--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] 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]",
@@ -859,12 +869,13 @@ function ArcTabsTailwind({
     className
   );
   const listClassName = joinClassNames2(
-    "relative m-0 flex list-none items-end gap-[var(--arc-gap)] overflow-x-auto overflow-y-clip 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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate",
+    "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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate",
     classNames?.list,
     tabsClassName
   );
+  const listScrollClassName = "relative -mb-[var(--arc-notch)] overflow-x-auto overflow-y-visible pb-[var(--arc-notch)] [scrollbar-width:thin]";
   const panelsClassName = joinClassNames2(
-    "relative z-[2] mt-0 rounded-b-[var(--arc-radius)] rounded-t-none border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[0_12px_32px_rgba(15,23,42,0.12)]",
+    "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-[0_12px_32px_rgba(15,23,42,0.12)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
     classNames?.panels,
     panelClassName
   );
@@ -896,7 +907,7 @@ function ArcTabsTailwind({
     classNames?.indicator
   );
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: rootClassName, style: themedStyle, "data-slot": "root", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: listScrollRef, className: listScrollClassName, "data-slot": "list-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "ul",
       {
         ref: listRef,
@@ -928,15 +939,13 @@ 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-radius)*-1)] before:h-[var(--arc-radius)] before:w-[var(--arc-radius)] before:translate-y-[var(--arc-gap)] before:bg-[radial-gradient(circle_at_100%_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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:right-[calc(var(--arc-radius)*-1)] after:h-[var(--arc-radius)] after:w-[var(--arc-radius)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_at_0_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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-border-width)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-[var(--arc-gap)] before:bg-[var(--arc-panel-bg)] 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-[calc(var(--arc-notch)+var(--arc-border-width))] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_var(--arc-notch)_at_0%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_100%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat,linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_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)] [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]",
+                "z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]",
                 motionPreset === "expressive" ? "bg-transparent" : "bg-[var(--arc-panel-bg)]"
               ) : "enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]",
-              selected && index > 0 && "before:opacity-100",
-              selected && index < items.length - 1 && "after:opacity-100",
               selected ? classNames?.tabSelected : classNames?.tabUnselected,
               disabled && classNames?.tabDisabled,
               classNames?.tab
@@ -971,7 +980,7 @@ function ArcTabsTailwind({
           })
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: panelsClassName, "data-slot": "panels", children: [
       items.length === 0 && emptyState,
       items.length > 0 && selectedItem === void 0 && emptyState,

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  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  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 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 listElement = listRef.current\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n\n    if (!listElement || !selectedTab) return\n\n    const listRect = listElement.getBoundingClientRect()\n    const tabRect = selectedTab.getBoundingClientRect()\n    const nextX = tabRect.left - listRect.left + listElement.scrollLeft\n    const nextWidth = tabRect.width\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    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n    const onScroll = () => {\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      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    listElement.addEventListener('scroll', onScroll, { passive: true })\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      listElement.removeEventListener('scroll', onScroll)\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 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    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\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      <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 className=\"arc-tabs__item\" key={item.id} role=\"presentation\">\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\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  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 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 listElement = listRef.current\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n\n    if (!listElement || !selectedTab) return\n\n    const listRect = listElement.getBoundingClientRect()\n    const tabRect = selectedTab.getBoundingClientRect()\n    const nextX = tabRect.left - listRect.left + listElement.scrollLeft\n    const nextWidth = tabRect.width\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    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n    const onScroll = () => {\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      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    listElement.addEventListener('scroll', onScroll, { passive: true })\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      listElement.removeEventListener('scroll', onScroll)\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 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    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:10px] [--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] 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]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex list-none items-end gap-[var(--arc-gap)] overflow-x-auto overflow-y-clip 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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 rounded-b-[var(--arc-radius)] rounded-t-none border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[0_12px_32px_rgba(15,23,42,0.12)]',\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-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] opacity-0 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)] transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]',\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\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' ? 'relative z-[2] min-w-0 flex-1' : '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-radius)*-1)] before:h-[var(--arc-radius)] before:w-[var(--arc-radius)] before:translate-y-[var(--arc-gap)] before:bg-[radial-gradient(circle_at_100%_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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:right-[calc(var(--arc-radius)*-1)] after:h-[var(--arc-radius)] after:w-[var(--arc-radius)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_at_0_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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)] [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]',\n                  motionPreset === 'expressive' ? 'bg-transparent' : '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 && index > 0 && 'before:opacity-100',\n            selected && index < items.length - 1 && 'after:opacity-100',\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\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  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  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 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-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.75), 16px)'\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    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 className=\"arc-tabs__item\" key={item.id} role=\"presentation\">\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  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 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-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.75), 16px)'\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    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:10px] [--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] 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]',\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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[var(--arc-notch)] overflow-x-auto overflow-y-visible pb-[var(--arc-notch)] [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-[0_12px_32px_rgba(15,23,42,0.12)] 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-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] opacity-0 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)] transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]',\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' ? 'relative z-[2] min-w-0 flex-1' : '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-border-width)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-[var(--arc-gap)] before:bg-[var(--arc-panel-bg)] 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-[calc(var(--arc-notch)+var(--arc-border-width))] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_var(--arc-notch)_at_0%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_100%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat,linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_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 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]',\n                    motionPreset === 'expressive' ? 'bg-transparent' : '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"]}

package/dist/index.js

@@ -89,6 +89,7 @@ function ArcTabs({
   }, [focusedIndex, selectedIndex, items]);
   const enabledIndices = React.useMemo(() => getEnabledIndices(items), [items]);
   const tabRefs = React.useRef([]);
+  const listScrollRef = React.useRef(null);
   const listRef = React.useRef(null);
   const activePanelRef = React.useRef(null);
   const hasMountedRef = React.useRef(false);
@@ -154,13 +155,11 @@ function ArcTabs({
       );
       return;
     }
-    const listElement = listRef.current;
     const selectedTab = selectedIndex >= 0 ? tabRefs.current[selectedIndex] ?? null : null;
+    const listElement = listRef.current;
     if (!listElement || !selectedTab) return;
-    const listRect = listElement.getBoundingClientRect();
-    const tabRect = selectedTab.getBoundingClientRect();
-    const nextX = tabRect.left - listRect.left + listElement.scrollLeft;
-    const nextWidth = tabRect.width;
+    const nextX = selectedTab.offsetLeft;
+    const nextWidth = selectedTab.offsetWidth;
     setIndicator((previous) => {
       const changedX = Math.abs(previous.x - nextX) > 0.5;
       const changedWidth = Math.abs(previous.width - nextWidth) > 0.5;
@@ -180,13 +179,11 @@ function ArcTabs({
   React.useEffect(() => {
     if (!showSlidingIndicator) return;
     const listElement = listRef.current;
+    const listScrollElement = listScrollRef.current;
     if (!listElement) return;
     const onResize = () => {
       syncIndicator();
     };
-    const onScroll = () => {
-      syncIndicator();
-    };
     const frame = requestAnimationFrame(syncIndicator);
     let observer = null;
     if (typeof ResizeObserver !== "undefined") {
@@ -194,15 +191,16 @@ function ArcTabs({
         syncIndicator();
       });
       observer.observe(listElement);
+      if (listScrollElement) {
+        observer.observe(listScrollElement);
+      }
       tabRefs.current.forEach((tabElement) => {
         if (tabElement) observer?.observe(tabElement);
       });
     }
-    listElement.addEventListener("scroll", onScroll, { passive: true });
     window.addEventListener("resize", onResize);
     return () => {
       cancelAnimationFrame(frame);
-      listElement.removeEventListener("scroll", onScroll);
       window.removeEventListener("resize", onResize);
       observer?.disconnect();
     };
@@ -326,7 +324,12 @@ function ArcTabs({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    cssVars["--arc-notch"] = "clamp(8px, calc(var(--arc-radius) * 0.75), 16px)";
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
+    const isFirst = selectedIndex === 0;
+    const isLast = selectedIndex === items.length - 1;
+    cssVars["--arc-panel-tl-radius"] = isFirst ? "0px" : "var(--arc-radius)";
+    cssVars["--arc-panel-tr-radius"] = isLast ? "0px" : "var(--arc-radius)";
     return cssVars;
   }, [
     style,
@@ -338,7 +341,9 @@ function ArcTabs({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
-    effectiveMotionDuration
+    effectiveMotionDuration,
+    selectedIndex,
+    items.length
   ]);
   const rootClassName = joinClassNames(
     "arc-tabs",
@@ -363,7 +368,7 @@ function ArcTabs({
   ] });
   const renderPanelContent = (item, state) => renderPanel ? renderPanel(item, state) : item.content;
   return /* @__PURE__ */ jsxs("div", { className: rootClassName, style: themedStyle, ...rest, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { ref: listScrollRef, className: "arc-tabs__list-scroll", children: /* @__PURE__ */ jsxs(
       "ul",
       {
         ref: listRef,
@@ -417,7 +422,7 @@ function ArcTabs({
           })
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: joinClassNames("arc-tabs__panels", panelClassName), children: [
       items.length === 0 && emptyState,
       items.length > 0 && selectedItem === void 0 && emptyState,
@@ -565,6 +570,7 @@ function ArcTabsTailwind({
   }, [focusedIndex, selectedIndex, items]);
   const enabledIndices = React2.useMemo(() => getEnabledIndices2(items), [items]);
   const tabRefs = React2.useRef([]);
+  const listScrollRef = React2.useRef(null);
   const listRef = React2.useRef(null);
   const activePanelRef = React2.useRef(null);
   const hasMountedRef = React2.useRef(false);
@@ -630,13 +636,11 @@ function ArcTabsTailwind({
       );
       return;
     }
-    const listElement = listRef.current;
     const selectedTab = selectedIndex >= 0 ? tabRefs.current[selectedIndex] ?? null : null;
+    const listElement = listRef.current;
     if (!listElement || !selectedTab) return;
-    const listRect = listElement.getBoundingClientRect();
-    const tabRect = selectedTab.getBoundingClientRect();
-    const nextX = tabRect.left - listRect.left + listElement.scrollLeft;
-    const nextWidth = tabRect.width;
+    const nextX = selectedTab.offsetLeft;
+    const nextWidth = selectedTab.offsetWidth;
     setIndicator((previous) => {
       const changedX = Math.abs(previous.x - nextX) > 0.5;
       const changedWidth = Math.abs(previous.width - nextWidth) > 0.5;
@@ -656,13 +660,11 @@ function ArcTabsTailwind({
   React2.useEffect(() => {
     if (!showSlidingIndicator) return;
     const listElement = listRef.current;
+    const listScrollElement = listScrollRef.current;
     if (!listElement) return;
     const onResize = () => {
       syncIndicator();
     };
-    const onScroll = () => {
-      syncIndicator();
-    };
     const frame = requestAnimationFrame(syncIndicator);
     let observer = null;
     if (typeof ResizeObserver !== "undefined") {
@@ -670,15 +672,16 @@ function ArcTabsTailwind({
         syncIndicator();
       });
       observer.observe(listElement);
+      if (listScrollElement) {
+        observer.observe(listScrollElement);
+      }
       tabRefs.current.forEach((tabElement) => {
         if (tabElement) observer?.observe(tabElement);
       });
     }
-    listElement.addEventListener("scroll", onScroll, { passive: true });
     window.addEventListener("resize", onResize);
     return () => {
       cancelAnimationFrame(frame);
-      listElement.removeEventListener("scroll", onScroll);
       window.removeEventListener("resize", onResize);
       observer?.disconnect();
     };
@@ -802,7 +805,12 @@ function ArcTabsTailwind({
     if (panelBorderColor) {
       cssVars["--arc-panel-border"] = panelBorderColor;
     }
+    cssVars["--arc-notch"] = "clamp(8px, calc(var(--arc-radius) * 0.75), 16px)";
     cssVars["--arc-motion-duration"] = `${effectiveMotionDuration}ms`;
+    const isFirst = selectedIndex === 0;
+    const isLast = selectedIndex === items.length - 1;
+    cssVars["--arc-panel-tl-radius"] = isFirst ? "0px" : "var(--arc-radius)";
+    cssVars["--arc-panel-tr-radius"] = isLast ? "0px" : "var(--arc-radius)";
     return cssVars;
   }, [
     style,
@@ -814,7 +822,9 @@ function ArcTabsTailwind({
     tabHoverBackground,
     panelBackground,
     panelBorderColor,
-    effectiveMotionDuration
+    effectiveMotionDuration,
+    selectedIndex,
+    items.length
   ]);
   const rootClassName = joinClassNames2(
     "arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:10px] [--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] 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]",
@@ -822,12 +832,13 @@ function ArcTabsTailwind({
     className
   );
   const listClassName = joinClassNames2(
-    "relative m-0 flex list-none items-end gap-[var(--arc-gap)] overflow-x-auto overflow-y-clip 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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate",
+    "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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate",
     classNames?.list,
     tabsClassName
   );
+  const listScrollClassName = "relative -mb-[var(--arc-notch)] overflow-x-auto overflow-y-visible pb-[var(--arc-notch)] [scrollbar-width:thin]";
   const panelsClassName = joinClassNames2(
-    "relative z-[2] mt-0 rounded-b-[var(--arc-radius)] rounded-t-none border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[0_12px_32px_rgba(15,23,42,0.12)]",
+    "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-[0_12px_32px_rgba(15,23,42,0.12)] transition-[border-radius] duration-[var(--arc-motion-duration)] ease-[cubic-bezier(0.22,1,0.36,1)]",
     classNames?.panels,
     panelClassName
   );
@@ -859,7 +870,7 @@ function ArcTabsTailwind({
     classNames?.indicator
   );
   return /* @__PURE__ */ jsxs2("div", { className: rootClassName, style: themedStyle, "data-slot": "root", ...rest, children: [
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx2("div", { ref: listScrollRef, className: listScrollClassName, "data-slot": "list-scroll", children: /* @__PURE__ */ jsxs2(
       "ul",
       {
         ref: listRef,
@@ -891,15 +902,13 @@ 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-radius)*-1)] before:h-[var(--arc-radius)] before:w-[var(--arc-radius)] before:translate-y-[var(--arc-gap)] before:bg-[radial-gradient(circle_at_100%_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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:right-[calc(var(--arc-radius)*-1)] after:h-[var(--arc-radius)] after:w-[var(--arc-radius)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_at_0_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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-border-width)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-[var(--arc-gap)] before:bg-[var(--arc-panel-bg)] 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-[calc(var(--arc-notch)+var(--arc-border-width))] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_var(--arc-notch)_at_0%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_100%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat,linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_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)] [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]",
+                "z-[3] rounded-b-none border-[var(--arc-panel-bg)] text-[var(--arc-accent)] before:opacity-100 after:opacity-100 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]",
                 motionPreset === "expressive" ? "bg-transparent" : "bg-[var(--arc-panel-bg)]"
               ) : "enabled:hover:bg-[var(--arc-tab-hover-bg)] enabled:hover:translate-y-px enabled:active:translate-y-[2px]",
-              selected && index > 0 && "before:opacity-100",
-              selected && index < items.length - 1 && "after:opacity-100",
               selected ? classNames?.tabSelected : classNames?.tabUnselected,
               disabled && classNames?.tabDisabled,
               classNames?.tab
@@ -934,7 +943,7 @@ function ArcTabsTailwind({
           })
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsxs2("div", { className: panelsClassName, "data-slot": "panels", children: [
       items.length === 0 && emptyState,
       items.length > 0 && selectedItem === void 0 && emptyState,

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  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  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 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 listElement = listRef.current\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n\n    if (!listElement || !selectedTab) return\n\n    const listRect = listElement.getBoundingClientRect()\n    const tabRect = selectedTab.getBoundingClientRect()\n    const nextX = tabRect.left - listRect.left + listElement.scrollLeft\n    const nextWidth = tabRect.width\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    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n    const onScroll = () => {\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      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    listElement.addEventListener('scroll', onScroll, { passive: true })\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      listElement.removeEventListener('scroll', onScroll)\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 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    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\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      <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 className=\"arc-tabs__item\" key={item.id} role=\"presentation\">\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\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  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 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 listElement = listRef.current\n    const selectedTab = selectedIndex >= 0 ? (tabRefs.current[selectedIndex] ?? null) : null\n\n    if (!listElement || !selectedTab) return\n\n    const listRect = listElement.getBoundingClientRect()\n    const tabRect = selectedTab.getBoundingClientRect()\n    const nextX = tabRect.left - listRect.left + listElement.scrollLeft\n    const nextWidth = tabRect.width\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    if (!listElement) return\n\n    const onResize = () => {\n      syncIndicator()\n    }\n    const onScroll = () => {\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      tabRefs.current.forEach((tabElement) => {\n        if (tabElement) observer?.observe(tabElement)\n      })\n    }\n\n    listElement.addEventListener('scroll', onScroll, { passive: true })\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      cancelAnimationFrame(frame)\n      listElement.removeEventListener('scroll', onScroll)\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 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    return cssVars\n  }, [\n    style,\n    radius,\n    gap,\n    panelPadding,\n    accentColor,\n    tabBackground,\n    tabHoverBackground,\n    panelBackground,\n    panelBorderColor,\n    effectiveMotionDuration,\n  ])\n\n  const rootClassName = joinClassNames(\n    'arc-tabs-tw w-full text-[var(--arc-text)] [--arc-radius:14px] [--arc-gap:10px] [--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] 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]',\n    classNames?.root,\n    className,\n  )\n\n  const listClassName = joinClassNames(\n    'relative m-0 flex list-none items-end gap-[var(--arc-gap)] overflow-x-auto overflow-y-clip 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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const panelsClassName = joinClassNames(\n    'relative z-[2] mt-0 rounded-b-[var(--arc-radius)] rounded-t-none border border-t-0 border-[var(--arc-panel-border)] bg-[var(--arc-panel-bg)] p-[var(--arc-panel-padding)] shadow-[0_12px_32px_rgba(15,23,42,0.12)]',\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-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] opacity-0 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)] transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]',\n    indicator.ready && 'opacity-100',\n    classNames?.indicator,\n  )\n\n  return (\n    <div className={rootClassName} style={themedStyle} data-slot=\"root\" {...rest}>\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' ? 'relative z-[2] min-w-0 flex-1' : '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-radius)*-1)] before:h-[var(--arc-radius)] before:w-[var(--arc-radius)] before:translate-y-[var(--arc-gap)] before:bg-[radial-gradient(circle_at_100%_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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:right-[calc(var(--arc-radius)*-1)] after:h-[var(--arc-radius)] after:w-[var(--arc-radius)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_at_0_0,_transparent_calc(var(--arc-radius)-1px),_var(--arc-panel-bg)_var(--arc-radius))] 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)] [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]',\n                  motionPreset === 'expressive' ? 'bg-transparent' : '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 && index > 0 && 'before:opacity-100',\n            selected && index < items.length - 1 && 'after:opacity-100',\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\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  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  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 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-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.75), 16px)'\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    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 className=\"arc-tabs__item\" key={item.id} role=\"presentation\">\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  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 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-notch'] = 'clamp(8px, calc(var(--arc-radius) * 0.75), 16px)'\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    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:10px] [--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] 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]',\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-gap)] pt-[calc(var(--arc-gap)*0.6)] isolate',\n    classNames?.list,\n    tabsClassName,\n  )\n\n  const listScrollClassName =\n    'relative -mb-[var(--arc-notch)] overflow-x-auto overflow-y-visible pb-[var(--arc-notch)] [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-[0_12px_32px_rgba(15,23,42,0.12)] 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-gap))] w-[var(--arc-indicator-w)] translate-x-[var(--arc-indicator-x)] rounded-t-[var(--arc-radius)] rounded-b-none bg-[var(--arc-panel-bg)] opacity-0 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)] transition-[transform,width,opacity] [transition-duration:var(--arc-motion-duration)] [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]',\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' ? 'relative z-[2] min-w-0 flex-1' : '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-border-width)] before:w-[calc(100%+var(--arc-notch)*2)] before:translate-y-[var(--arc-gap)] before:bg-[var(--arc-panel-bg)] 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-[calc(var(--arc-notch)+var(--arc-border-width))] after:w-[calc(100%+var(--arc-notch)*2)] after:translate-y-[var(--arc-gap)] after:bg-[radial-gradient(circle_var(--arc-notch)_at_0%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_left_top/var(--arc-notch)_var(--arc-notch)_no-repeat,radial-gradient(circle_var(--arc-notch)_at_100%_0%,_transparent_calc(var(--arc-notch)-0.5px),_var(--arc-panel-bg)_calc(var(--arc-notch)+0.5px))_right_top/var(--arc-notch)_var(--arc-notch)_no-repeat,linear-gradient(var(--arc-panel-bg),_var(--arc-panel-bg))_center_top/calc(100%-var(--arc-notch)*2)_100%_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 [box-shadow:0_var(--arc-gap)_0_var(--arc-panel-bg)]',\n                    motionPreset === 'expressive' ? 'bg-transparent' : '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"]}

package/package.json

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